/* _content/PSAIM-AuditTools/Pages/AuditeeEvident.razor.rz.scp.css */
.root[b-kbzh7dyuzd] {
    padding-top: 1.5rem;
    margin-left: 3.375rem;
    margin-right: 2rem;
}

h1.pageTitle[b-kbzh7dyuzd] {
    color: var(--blue);
    font-size: 2.3125rem;
    font-weight: 800;
    margin-bottom: 2.5rem;
}

h2.processTitle[b-kbzh7dyuzd] {
    color: var(--blue-sky-lighter);
    font-size: 27px;
    font-weight: 800;
    margin-bottom: 3rem;
}
/* _content/PSAIM-AuditTools/Pages/AuditorWorksheet.razor.rz.scp.css */
.root[b-i3w8njrzl4] {
    padding-top: 1.5rem;
    margin-left: 3.375rem;
    margin-right: 2rem;
}

h1.pageTitle[b-i3w8njrzl4] {
    color: var(--blue);
    font-size: 2.3125rem;
    font-weight: 800;
    margin-bottom: 2.5rem;
}

h2.processTitle[b-i3w8njrzl4] {
    color: var(--blue-sky-lighter);
    font-size: 27px;
    font-weight: 800;
    margin-bottom: 3rem;
}
/* _content/PSAIM-AuditTools/Pages/AuditorWorksheet2.razor.rz.scp.css */
.root[b-p18jrwuaod] {
    padding-top: 1.5rem;
    margin-left: 3.375rem;
    margin-right: 2rem;
}

h1.pageTitle[b-p18jrwuaod] {
    color: var(--blue);
    font-size: 2.3125rem;
    font-weight: 800;
    margin-bottom: 2.5rem;
}

h2.processTitle[b-p18jrwuaod] {
    color: var(--blue-sky-lighter);
    font-size: 27px;
    font-weight: 800;
    margin-bottom: 3rem;
}
/* _content/PSAIM-AuditTools/Pages/DashboardAggregat.razor.rz.scp.css */
.root[b-3m8h8w3c4w] {
    /*padding: 1rem 1.6rem;*/
    /*margin-left: 1.5rem;*/
}

.headerContent[b-3m8h8w3c4w] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
    margin-right: 2.8rem;
    margin-left: 2.8rem;
    margin-bottom: 2rem;
}

.leftHeaderContent[b-3m8h8w3c4w] {
}

.rightHeaderContent[b-3m8h8w3c4w] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.pageTitleBox[b-3m8h8w3c4w] {
    display: flex;
    background-color: var(--white);
    padding: 22px 15px;
    margin-top: 2.8rem;
    margin-right: 2.8rem;
    margin-left: 2.8rem;
    margin-bottom: 25px;
    border-radius: 8px;
    align-items: center;
    cursor: pointer;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    transition: .3s;
}

    .pageTitleBox.active[b-3m8h8w3c4w] {
        filter: drop-shadow(0 0 0 transparent);
        transform: translate(-3px, 3px);
    }

.infoIcon[b-3m8h8w3c4w] {
    width: 25px;
    margin-right: .75rem;
}

.pageTitle[b-3m8h8w3c4w] {
    font-size: 18px;
    font-weight: 500;
    color: var(--blue);
}

.arrowIcon[b-3m8h8w3c4w] {
    color: var(--black);
    font-size: 1rem;
    margin-left: auto;
    margin-right: .8rem;
    transition: .3s;
}

    .arrowIcon.active[b-3m8h8w3c4w] {
        transform: rotate(180deg);
    }

.filterGroupWrapper[b-3m8h8w3c4w] {
}

.rightHeaderContent[b-3m8h8w3c4w]  .downloadButtonItem:not(:last-child) {
}

.contentParent[b-3m8h8w3c4w] {
    padding-top: 2rem;
    background-color: #F1F7FB;
    min-height: 50vh;
}

.contentChildren[b-3m8h8w3c4w] {
    margin-left: 3.375rem;
    margin-right: 2rem;
}

.findingsCountContent[b-3m8h8w3c4w]{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 2rem;
}
/*Data diatas menunjukkan jumlah finding yang ada di seluruh site*/
/* _content/PSAIM-AuditTools/Pages/DashboardHome.razor.rz.scp.css */
.root[b-fbebvmx4qq] {
    padding-top: 1.5rem;
    padding-left: 3.375rem;
    padding-right: 3.375rem;
}

h1.pageTitle[b-fbebvmx4qq] {
    color: var(--blue);
    font-size: 2.3125rem;
    margin-bottom: 0.75rem;
}

.bigbuttonWrapper[b-fbebvmx4qq] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-content: center;
    gap: 1rem;
}

.bigbutton[b-fbebvmx4qq] {
    padding: 3rem;
    font-size: 1.5rem;
    color: var(--white);
    font-weight: 600;
    cursor: pointer;
    transition: .3s all;
    text-align: center;
    border-radius: 10px;
}

.guideline[b-fbebvmx4qq] {
    background-color: var(--blue);
    border: 1px solid var(--blue);
}

    .guideline:hover[b-fbebvmx4qq] {
        color: var(--blue);
        background-color: var(--white);
    }

.auditor[b-fbebvmx4qq] {
    background-color: var(--green);
    border: 1px solid var(--green);
}

    .auditor:hover[b-fbebvmx4qq] {
        color: var(--green);
        background-color: var(--white);
    }

.selfAssessor[b-fbebvmx4qq] {
    background-color: var(--red);
    border: 1px solid var(--red);
}

    .selfAssessor:hover[b-fbebvmx4qq] {
        color: var(--red);
        background-color: var(--white);
    }

.videoContentWrapper[b-fbebvmx4qq] {
    margin-top: 2rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.4rem;
    align-items: center;
}

.videoPlayer[b-fbebvmx4qq] {
    width: 100%;
    background-color: var(--grey-c4);
    border-radius: 13px;
}

.description[b-fbebvmx4qq] {
    font-size: 1.05rem;
    line-height: 30px;
    font-family: "Raleway", sans-serif;
    letter-spacing: 0.5px;
    padding: 3em;
    line-break: loose;
    text-align: justify;
    border: 1px solid var(--grey);
    border-radius: 30px;
    background-color: var(--white);
}

    .description ul[b-fbebvmx4qq] {
        margin-left: 2.5rem;
    }

    .description h3[b-fbebvmx4qq] {
        font-size: 2rem;
        line-height: 3rem;
        text-align: left;
    }

    .description p[b-fbebvmx4qq] {
        text-indent: 2rem;
    }

.detailInfo[b-fbebvmx4qq] {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    font-size: 1.1rem;
    line-height: 30px;
    margin-top: 1rem;
    font-family: "Raleway", sans-serif;
    letter-spacing: 0.5px;
    padding: 1.5rem;
    line-break: loose;
    text-align: justify;
    border: 1px solid var(--grey);
    border-radius: 30px;
    background-color: var(--white);
}

    .detailInfo h3[b-fbebvmx4qq] {
        line-height: 3rem;
    }

    .detailInfo p[b-fbebvmx4qq] {
        text-indent: 2rem;
    }

    .detailInfo li[b-fbebvmx4qq] {
        margin-left: 3rem;
    }

.detailInfo .Text[b-fbebvmx4qq] {
    display: block;
    border: 0px;
}

.detailInfo .petunjukPengguna[b-fbebvmx4qq] {
    max-width: 400px;
    text-align: center;
    font-weight: 500;
    border-radius: 10px;
    color: var(--white);
    cursor: pointer;
    background-color: var(--blue);
}

.detailInfo .petunjukPengguna:hover[b-fbebvmx4qq] {
    background-color: var(--lightblue);
    
}

.endContent[b-fbebvmx4qq] {
    margin-bottom: 100px;
}

@media only screen and (max-width: 1440px) {
    .videoContentWrapper[b-fbebvmx4qq] {
        grid-template-columns: 1fr;
    }
}
/* _content/PSAIM-AuditTools/Pages/DetailReports.razor.rz.scp.css */
.root[b-ak196hse1z] {
    padding-top: 1.5rem;
}

h1.pageTitle[b-ak196hse1z] {
    color: var(--blue);
    font-size: 2.3125rem;
    font-weight: 800;
    margin-bottom: 1rem;
    margin-left: 3.375rem;
    margin-right: 2rem;
}

h2.facilityTitle[b-ak196hse1z] {
    color: var(--blue-sky-lighter);
    font-size: 27px;
    font-weight: 800;
    margin-bottom: 3rem;
    margin-left: 3.375rem;
    margin-right: 2rem;
}

.contentParent[b-ak196hse1z] {
    padding-top: 2rem;
    background-color: #F1F7FB;
    min-height: 50vh;
}

.contentChildren[b-ak196hse1z] {
    margin-left: 3.375rem;
    margin-right: 2rem;
}

.buttonWrapper[b-ak196hse1z] {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    margin-right: 1.5rem;
    margin-bottom: 1rem;
}

[b-ak196hse1z] .yearsDropdown {
    margin-right: 36px;
}

@media only screen and (max-width: 1680px) {
    .contentChildren[b-ak196hse1z] {
        margin-left: 1.5rem;
        margin-right: 1.5rem;
    }
}

@media only screen and (max-width: 1366px) {
    .buttonWrapper[b-ak196hse1z] {
        justify-content: flex-start;
        margin-left: 3rem;
        margin-right: 0;
    }
}

@media only screen and (max-width: 500px) {
    .buttonWrapper[b-ak196hse1z] {
        margin-left: 1rem;
        flex-direction: column;
        align-items: flex-start;
    }

    [b-ak196hse1z] .btnDownload {
        margin-top: 1rem;
    }
}
/* _content/PSAIM-AuditTools/Pages/FacilityList.razor.rz.scp.css */
.root[b-e1k6cbu2qb] {
    padding-top: 1.5rem;
    background-color: var(--white);
}

h1.pageTitle[b-e1k6cbu2qb] {
    color: var(--blue);
    font-size: 2.3125rem;
    margin-left: 3.375rem;
    margin-bottom: 0.75rem;
}

.pageSubtitle[b-e1k6cbu2qb] {
    color: var(--blue);
    font-size: 1.25rem;
    margin-left: 3.375rem;
    margin-bottom: 1.25rem;
}

p[b-e1k6cbu2qb] {
    margin-left: 3.375rem;
}

[b-e1k6cbu2qb] .backButton {
    margin-left: 3rem;
    margin-bottom: 3rem;
}
/* _content/PSAIM-AuditTools/Pages/FacilityManagement.razor.rz.scp.css */
.root[b-v8ovq0z7wv] {
    padding-top: 1.5rem;
    margin-left: 2rem;
    margin-right: 2rem;
}

h1.pageTitle[b-v8ovq0z7wv] {
    color: var(--blue);
    font-size: 2.3125rem;
    margin-left: 1.375rem;
    margin-bottom: 1rem;
}

.pageSubtitle[b-v8ovq0z7wv] {
    color: var(--blue);
    font-size: 1.25rem;
    margin-bottom: 1.25rem;
}

[b-v8ovq0z7wv] .backButton {
    margin-bottom: 3rem;
}

/* docs: for search input & data count*/
.searchCountWrapper[b-v8ovq0z7wv] {
    display: flex;
    align-items: center;
    margin-top: 1rem;
}

.totalCount[b-v8ovq0z7wv] {
    display: inline-block;
    margin-left: 1rem;
    font-size: 15px;
    color: #bcbcbc;
    /*filter: drop-shadow(4px 3px 8px rgba(0,0,0, .25));*/
    -webkit-text-stroke: .3px #bbb; /* width and color */
}

/* ======Input Styling (Input Search)====== */
input[b-v8ovq0z7wv]::-webkit-outer-spin-button,
input[b-v8ovq0z7wv]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input.searchInput[b-v8ovq0z7wv] {
    width: 350px;
    padding: 0.5rem 1rem;
    font-size: 1.125rem;
    border-radius: 10px;
    border: 1px solid var(--grey-border);
    transition: .2s all;
}

    input.searchInput[b-v8ovq0z7wv]::-webkit-input-placeholder {
        color: var(--grey-border);
    }

    input.searchInput:focus[b-v8ovq0z7wv] {
        outline: none;
        background-color: rgba(214, 238, 247, 0.5);
        border: 1px solid var(--blue);
        box-shadow: 0 0 3px var(--blue);
    }
/* ======End of Input Styling (Input Search)====== */
/* _content/PSAIM-AuditTools/Pages/Guidelines.razor.rz.scp.css */
.root[b-ud2xdtp3dy] {
    padding-top: 1.5rem;
    padding-left: 3.375rem;
    padding-right: 3.375rem;
}

h1.pageTitle[b-ud2xdtp3dy] {
    color: var(--blue);
    font-size: 2.3125rem;
    margin-bottom: 0.75rem;
}
/* _content/PSAIM-AuditTools/Pages/LandingPage.razor.rz.scp.css */
.root[b-ipehdijejd] {
    height: 100vh;
}

h1.pageTitle[b-ipehdijejd] {
    color: var(--blue);
    font-size: 2.3125rem;
    margin-bottom: 0.75rem;
    margin-top: 1rem;
    text-align: center;
}

@media only screen and (max-width: 300px) {
    .root[b-ipehdijejd] {
        width: 340px;
    }
}
/* _content/PSAIM-AuditTools/Pages/OpenSourceReport.razor.rz.scp.css */
.root[b-g5bwi8e0nx] {

}
/* _content/PSAIM-AuditTools/Pages/OrganizationManagement.razor.rz.scp.css */
.root[b-pvrggkadtc] {
    padding-top: 1.5rem;
}

h1.pageTitle[b-pvrggkadtc] {
    color: var(--blue);
    font-size: 2.3125rem;
    margin-left: 3.375rem;
    margin-bottom: 1rem;
}

.pageSubtitle[b-pvrggkadtc] {
    color: var(--blue);
    font-size: 1.25rem;
    margin-bottom: 1.25rem;
}

.contentParent[b-pvrggkadtc] {
    padding-top: 2rem;
    background-color: #F1F7FB;
}

.contentChildren[b-pvrggkadtc] {
    margin-left: 3.375rem;
    margin-right: 2rem;
}

[b-pvrggkadtc] .backButton {
    margin-bottom: 3rem;
}
/* _content/PSAIM-AuditTools/Pages/PROPETAuditWorksheet.razor.rz.scp.css */
.root[b-bam1p5mqf6] {
    padding-top: 1.5rem;
    margin-left: 3.375rem;
    margin-right: 2rem;
}

h1.pageTitle[b-bam1p5mqf6] {
    color: var(--blue);
    font-size: 2.3125rem;
    font-weight: 800;
    margin-bottom: 2.5rem;
}

h2.processTitle[b-bam1p5mqf6] {
    color: var(--blue-sky-lighter);
    font-size: 27px;
    font-weight: 800;
    margin-bottom: 3rem;
}
/* _content/PSAIM-AuditTools/Pages/ReportNotesheet.razor.rz.scp.css */
.root[b-wqfn8zgw55] {
    padding-top: 1.5rem;
    margin-left: 3.375rem;
    margin-right: 2rem;
}

h1.pageTitle[b-wqfn8zgw55] {
    color: var(--blue);
    font-size: 2.3125rem;
    font-weight: 800;
    margin-bottom: 2.5rem;
}

h2.processTitle[b-wqfn8zgw55] {
    color: var(--blue-sky-lighter);
    font-size: 27px;
    font-weight: 800;
    margin-bottom: 3rem;
}
/* _content/PSAIM-AuditTools/Pages/SautinReportDemo.razor.rz.scp.css */
.root[b-7kiianb4na] {

}
/* _content/PSAIM-AuditTools/Pages/SBTAuditWorksheet.razor.rz.scp.css */
.root[b-4v5m4vnk0e] {
    padding-top: 1.5rem;
    margin-left: 3.375rem;
    margin-right: 2rem;
}

h1.pageTitle[b-4v5m4vnk0e] {
    color: var(--blue);
    font-size: 2.3125rem;
    font-weight: 800;
    margin-bottom: 2.5rem;
}

h2.processTitle[b-4v5m4vnk0e] {
    color: var(--blue-sky-lighter);
    font-size: 27px;
    font-weight: 800;
    margin-bottom: 3rem;
}
/* _content/PSAIM-AuditTools/Pages/SBTReportNoteSheet.razor.rz.scp.css */
.root[b-o7i6s7rgjj] {
    padding-top: 1.5rem;
    margin-left: 3.375rem;
    margin-right: 2rem;
}

h1.pageTitle[b-o7i6s7rgjj] {
    color: var(--blue);
    font-size: 2.3125rem;
    font-weight: 800;
    margin-bottom: 2.5rem;
}

h2.processTitle[b-o7i6s7rgjj] {
    color: var(--blue-sky-lighter);
    font-size: 27px;
    font-weight: 800;
    margin-bottom: 3rem;
}
/* _content/PSAIM-AuditTools/Pages/UserManagement.razor.rz.scp.css */
.root[b-v0xnmky43h] {
    padding-top: 1.5rem;
    margin-left: 2rem;
    margin-right: 2rem;
}

h1.pageTitle[b-v0xnmky43h] {
    color: var(--blue);
    font-size: 2.3125rem;
    margin-left: 1.375rem;
    margin-bottom: 1rem;
}

.pageSubtitle[b-v0xnmky43h] {
    color: var(--blue);
    font-size: 1.25rem;
    margin-bottom: 1.25rem;
}

[b-v0xnmky43h] .backButton {
    margin-bottom: 3rem;
}

/* docs: for search input & data count*/
.searchCountWrapper[b-v0xnmky43h] {
    display: flex;
    align-items: center;
    margin-top: 1rem;
}

.totalCount[b-v0xnmky43h] {
    display: inline-block;
    margin-left: 1rem;
    font-size: 15px;
    color: #bcbcbc;
    /*filter: drop-shadow(4px 3px 8px rgba(0,0,0, .25));*/
    -webkit-text-stroke: .3px #bbb; /* width and color */
}

/* ======Input Styling (Input Search)====== */
input[b-v0xnmky43h]::-webkit-outer-spin-button,
input[b-v0xnmky43h]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input.searchInput[b-v0xnmky43h] {
    width: 350px;
    padding: 0.5rem 1rem;
    font-size: 1.125rem;
    border-radius: 10px;
    border: 1px solid var(--grey-border);
    transition: .2s all;
}

    input.searchInput[b-v0xnmky43h]::-webkit-input-placeholder {
        color: var(--grey-border);
    }

    input.searchInput:focus[b-v0xnmky43h] {
        outline: none;
        background-color: rgba(214, 238, 247, 0.5);
        border: 1px solid var(--blue);
        box-shadow: 0 0 3px var(--blue);
    }
/* ======End of Input Styling (Input Search)====== */
/* _content/PSAIM-AuditTools/Pages/UserProfile.razor.rz.scp.css */
.profileWrapper[b-7zacth2jr2] {
    display: grid;
    place-items: center;
    height: 100vh;
}

.profileBox[b-7zacth2jr2] {
    display: grid;
    margin-top: 5rem;
    margin-bottom: 5rem;
    width: 70vw;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto 1fr;
    border: 1px solid rgba(0, 0, 0, 0.25);
    box-shadow: 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
}

.profileDescription[b-7zacth2jr2] {
    grid-column: 1 / 3;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    width: 90%;
    padding: 1em;
    margin: 1em;
}

    .profileDescription[b-7zacth2jr2]  h3 {
        font-family: 'Inter';
        font-style: normal;
        font-weight: 600;
        font-size: 28px;
        line-height: 48px;
    }

    .profileDescription[b-7zacth2jr2]  p {
        font-family: 'Inter';
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 28px;
    }

.profileDetails[b-7zacth2jr2] {
    padding: 1em;
}

.profileDetailsText[b-7zacth2jr2] {
    margin: 1em;
    display: grid;
    place-items: left;
    grid-template-columns: 14em 1fr;
}

    .profileDetailsText span[b-7zacth2jr2] {
        padding-left: 2em;
        font-family: 'Inter';
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
    }

    .profileDetailsText button[b-7zacth2jr2] {
        width: 70%;
        padding: 1em;
    }

.profileDetailsTitle[b-7zacth2jr2] {
    grid-column: 1/2;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: var(--black-text);
}

.profileDetailsDesc[b-7zacth2jr2] {
    grid-column: 1/2;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: var(--grey-text);
}

.inputBox[b-7zacth2jr2] {
    grid-column: 2/3;
    grid-row: 1/3;
}

    .inputBox input[b-7zacth2jr2] {
        display: block;
        width: 80%;
        font-size: 1.em;
        color: var(--grey-text-2);
        border: 1px solid var(--grey-border);
        padding: 0.5em;
        height: 2em;
        margin: 0 auto;
        margin-top: 5%;
        border-radius: 5px;
    }

        .inputBox input:focus[b-7zacth2jr2] {
            color: var(--black-text);
        }

.inputWrapper select[b-7zacth2jr2] {
    display: block;
    width: 80%;
    border-radius: 5px;
    border: 1px solid var(--grey-border);
    cursor: pointer;
    padding: 0.5em;
    margin: 0 auto;
}

.profileOrganizations[b-7zacth2jr2] {
    padding: 1em;
    display: grid;
    grid-template-rows: 5rem auto 5rem;
    gap: 5px;
    place-items: center;
}

.changes[b-7zacth2jr2] {
    grid-row: 3/4;
    place-self: end;
}

.cancel[b-7zacth2jr2] {
    background-color: aqua;
}

.profileOrgDesc[b-7zacth2jr2] {
    grid-row: 1/2;
}

.organizationTable[b-7zacth2jr2] {
    grid-row: 2/3;
}

    .organizationTable table[b-7zacth2jr2] {
        border: 1px solid var(--grey);
        border-radius: 10px;
        max-height: 15rem;
        overflow-y: scroll;
        border-spacing: 0px;
    }

    .organizationTable thead[b-7zacth2jr2] {
        font-family: 'Inter';
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 20px;
        color: #595D61;
    }

    .organizationTable tbody[b-7zacth2jr2] {
        font-family: 'Inter';
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 20px;
        color: #595D61;
    }

    .organizationTable thead th[b-7zacth2jr2] {
        background-color: var(--grey);
        padding: 1em;
    }

    .organizationTable tbody td[b-7zacth2jr2] {
        padding: 0.5em;
        border-bottom: 1px solid var(--grey);
    }

@media only screen and (max-width: 1440px) {
    .profileBox[b-7zacth2jr2] {
        grid-template-columns: auto auto;
    }
}

@media only screen and (max-width: 1024px) {
    .profileBox[b-7zacth2jr2] {
        grid-template-columns: auto;
        grid-template-rows: auto auto auto;
    }

    .profileOrganizations[b-7zacth2jr2] {
        grid-row: 3/4;
    }
}
/* _content/PSAIM-AuditTools/Shared/DashboardLayout.razor.rz.scp.css */
/* navbar height = 81px = 5rem */
.root[b-1hylm6pvma] {
    /* margin-top: 5rem; */
    /*    margin-top: 81px;*/
    height: 100px;
}

.topDivider[b-1hylm6pvma] {
    background-color: var(--green);
    width: 100%;
    height: 32px;
}

.bottomDivider[b-1hylm6pvma] {
    background-color: var(--black);
    width: 100%;
    height: 52px;
}

.dashboardContentWrapper[b-1hylm6pvma] {
    display: flex;
    position: relative;
}

.dashboardSidebar[b-1hylm6pvma] {
    background-color: var(--blue);
    width: 250px;
    position: relative;
}

.selectedFacilityArea[b-1hylm6pvma] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1.5rem;
    margin-bottom: 2rem;
}

    .selectedFacilityArea > div[b-1hylm6pvma] {
        text-align: center;
    }

    /*.selectedFacilityArea img {
        width: 100%;
        margin-bottom: 0;
    }*/

    .selectedFacilityArea .text[b-1hylm6pvma] {
        font-size: 1.25rem;
        color: var(--white);
        font-weight: 400;
        text-align: left;
    }

/* docs: navigation styling on component */

.sidebar-section-text[b-1hylm6pvma] {
    display: block;
    padding: 1rem;
    color: var(--white);
    font-weight: 500;
    text-decoration: underline;
}

.dashboardChildren[b-1hylm6pvma] {
    width: 100%;
    /*min-height: 50vh;*/
    background-color: var(--blue-sky-lighter-2);
    overflow: auto;
}

.dashboardSidebar.hide[b-1hylm6pvma] {
    display: none;
}

.iconHide[b-1hylm6pvma] {
    font-size: 2rem;
    color: var(--white);
    background-color: var(--blue);
    padding: 5px;
    border-radius: 0 10px 10px 0;
    transition: .3s;
    cursor: pointer;
    position: absolute;
    width: 40px;
    right: -40px;
    top: 0;
}

    .iconHide:hover[b-1hylm6pvma] {
        color: var(--white);
        background-color: var(--lightblue);
    }

.iconShow[b-1hylm6pvma] {
    font-size: 2rem;
    color: var(--white);
    background-color: var(--blue);
    padding: 5px;
    border-radius: 10px 0 0 10px;
    transition: .3s;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    -moz-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

    .iconShow:hover[b-1hylm6pvma] {
        color: var(--white);
        background-color: var(--lightblue);
    }

@media only screen and (max-width: 960px) {
    .dashboardContentWrapper[b-1hylm6pvma] {
        flex-direction: column;
    }

    .dashboardSidebar[b-1hylm6pvma] {
        width: 100%;
    }

    .iconHide[b-1hylm6pvma] {
        right: 0;
        border-radius: 10px 0 0 10px;
        color: var(--blue);
        background-color: var(--white);
    }

    .mainNavigation ul li.mainNavigationItem[b-1hylm6pvma] {
        position: relative;
    }

        .mainNavigation ul li.mainNavigationItem .arrow[b-1hylm6pvma] {
            position: absolute;
            right: 1rem;
        }

        .mainNavigation ul li.mainNavigationItem[b-1hylm6pvma]  a,
        .mainNavigation ul li.mainNavigationItem div[b-1hylm6pvma] {
            padding-top: 8px;
            padding-bottom: 8px;
        }

        .mainNavigation ul li.mainNavigationItem[b-1hylm6pvma]  a,
        .mainNavigation ul li.mainNavigationItem div[b-1hylm6pvma] {
            justify-content: center;
        }

    .mainNavItemIcon[b-1hylm6pvma] {
        flex: unset;
    }

    .mainNavItem[b-1hylm6pvma] {
        flex: unset;
        display: block;
        width: 150px;
    }

    li.additionalMenuItem[b-1hylm6pvma] {
        justify-content: center;
        padding-top: 8px;
        padding-bottom: 8px;
        width: fit-content;
        margin: auto;
        margin-bottom: .75rem;
    }

        li.additionalMenuItem[b-1hylm6pvma]  a {
            width: 150px;
        }
}

@media only screen and (max-width: 481px) {
    .root[b-1hylm6pvma] {
        margin-top: 55px;
    }
}
/* _content/PSAIM-AuditTools/Shared/Elements/BigDownloadButton.razor.rz.scp.css */
.rootComponent[b-h1ztgdgooh] {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 1.1rem 1rem;
    background-color: var(--white);
    border-radius: 8px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    transition: .3s all;
}

    .rootComponent:hover[b-h1ztgdgooh] {
        box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.12);
    }

    .leftContent[b-h1ztgdgooh] {
        display: flex;
    }

.rightContent[b-h1ztgdgooh] {
    display: flex;
    flex-direction: column;
    gap: .4rem;
}

.descText[b-h1ztgdgooh] {
    font-family: 'Open Sans';
    font-size: 1rem;
    font-weight: 400;
    color: #262B32;
}

.anchorText[b-h1ztgdgooh] {
    font-family: 'Open Sans';
    font-size: 1rem;
    font-weight: 700;
    color: var(--blue);
}

img.illustrationIcon[b-h1ztgdgooh] {
}
/* _content/PSAIM-AuditTools/Shared/Elements/Button.razor.rz.scp.css */
.root[b-mygsjvc7qs] {
    font-family: 'Inter', sans-serif;
    font-size: 1rem;
    font-weight: 500;
    padding: 1rem 2.5rem;
    border-radius: 7px;
    cursor: pointer;
    transition: .3s;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, .5);
}

    .root:hover[b-mygsjvc7qs] {
        /*box-shadow: 2px 2px 2px transparent;*/
    }

a.root[b-mygsjvc7qs] {
    text-decoration: none;
}

.root.specialBtn[b-mygsjvc7qs] {
    border-radius: 20px;
    padding: 5px 5rem 5px 8px;
}

    .root.specialBtn .itemIcon[b-mygsjvc7qs] {
        padding: 5px;
        margin-right: .5rem;
        border-radius: 50%;
    }

.root.iconBtn[b-mygsjvc7qs] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    padding: 5px;
    border: 1px solid var(--white);
}

    .root.iconBtn .itemIcon[b-mygsjvc7qs] {
        font-size: 1.35rem;
    }

.primary[b-mygsjvc7qs] {
    border: 1px solid var(--blue);
    background-color: var(--blue);
    color: var(--white);
}

    .primary:hover[b-mygsjvc7qs] {
        background-color: var(--blueground-hover);
        border: 1px solid var(--blueground-hover);
    }

.secondary[b-mygsjvc7qs] {
    border: 1px solid var(--blue);
    background-color: var(--white);
    color: var(--blue);
}

    .secondary:hover[b-mygsjvc7qs] {
        /* background-color: rgb(240, 240, 240); */
        /* border: 1px solid transparent; */
        text-decoration: underline;
    }

.red[b-mygsjvc7qs] {
    border: 1px solid var(--red);
    background-color: var(--red);
    color: var(--white);
}

    .red:hover[b-mygsjvc7qs] {
        border: 1px solid var(--redground-hover);
        background-color: var(--redground-hover);
    }

.greenWhite[b-mygsjvc7qs] {
    border: 1px solid var(--green);
    background-color: var(--green);
    color: var(--white);
}


    .greenWhite:hover[b-mygsjvc7qs] {
        border: 1px solid var(--greenground-hover);
        background-color: var(--greenground-hover);
    }

.greenWhiteBorder[b-mygsjvc7qs] {
    border: 1px solid var(--green);
    background-color: var(--white);
    color: var(--green);
}

    .greenWhiteBorder:hover[b-mygsjvc7qs] {
        background-color: var(--grey);
    }

.blueSky[b-mygsjvc7qs] {
    border: 1px solid var(--blue-sky);
    background-color: var(--blue-sky);
    color: var(--white);
}

    .blueSky:hover[b-mygsjvc7qs] {
        border: 1px solid var(--blue-sky-hover);
        background-color: var(--blue-sky-hover);
    }

    .blueSky.specialBtn[b-mygsjvc7qs] {
        border: 1px solid var(--blue-sky);
        background-color: var(--blue-sky);
        color: var(--white);
    }

        .blueSky.specialBtn:hover[b-mygsjvc7qs] {
            background-color: var(--white);
            color: var(--blue-sky);
        }

        .blueSky.specialBtn .itemIcon[b-mygsjvc7qs] {
            background-color: var(--white);
            color: var(--blue-sky)
        }

        .blueSky.specialBtn:hover .itemIcon[b-mygsjvc7qs] {
            background-color: var(--blue-sky);
            color: var(--white)
        }

.blueSkyBorder[b-mygsjvc7qs] {
    border: 1px solid var(--blue-sky);
    background-color: var(--white);
    color: var(--blue-sky);
}

    .blueSkyBorder:hover[b-mygsjvc7qs] {
        background-color: var(--blue-sky);
    }

.white[b-mygsjvc7qs] {
    border: 1px solid var(--black);
    background-color: var(--white);
    color: var(--black);
}

    .white:hover[b-mygsjvc7qs] {
        background-color: var(--grey);
    }

.root.blockBtn[b-mygsjvc7qs] {
    display: block;
    width: 100%;
    font-weight: bold;
    font-size: 1.5rem;
}

.root.smallBtn[b-mygsjvc7qs] {
    font-size: .85rem;
    padding: .6rem 1rem;
}

button:disabled[b-mygsjvc7qs],
button[disabled][b-mygsjvc7qs] {
    border: 1px solid #999999;
    background-color: #cccccc;
    color: #666666;
    cursor: default;
}

    button:disabled:hover[b-mygsjvc7qs],
    button[disabled]:hover[b-mygsjvc7qs] {
        border: 1px solid #999999;
        background-color: #cccccc;
        color: #666666;
    }

/* docs: for ::deep attribute on button */
[b-mygsjvc7qs] a.root {
    font-family: 'Inter', sans-serif;
    font-size: 1rem;
    font-weight: 500;
    padding: 1rem 2.5rem;
    border-radius: 7px;
    cursor: pointer;
    transition: .3s;
}

[b-mygsjvc7qs] a.root {
    text-decoration: none;
}

[b-mygsjvc7qs] .primary {
    border: 1px solid var(--blue);
    background-color: var(--blue);
    color: var(--white);
}

    [b-mygsjvc7qs] .primary:hover {
        background-color: var(--blueground-hover);
        border: 1px solid var(--blueground-hover);
    }

[b-mygsjvc7qs] .secondary {
    border: 1px solid var(--blue);
    background-color: var(--white);
    color: var(--blue);
}

    [b-mygsjvc7qs] .secondary:hover {
        /* background-color: rgb(240, 240, 240); */
        /* border: 1px solid transparent; */
        text-decoration: underline;
    }

[b-mygsjvc7qs] .red {
    border: 1px solid var(--red);
    background-color: var(--red);
    color: var(--white);
}

    [b-mygsjvc7qs] .red:hover {
        border: 1px solid var(--redground-hover);
        background-color: var(--redground-hover);
    }

[b-mygsjvc7qs] .greenWhite {
    border: 1px solid var(--green);
    background-color: var(--green);
    color: var(--white);
}


    [b-mygsjvc7qs] .greenWhite:hover {
        border: 1px solid var(--greenground-hover);
        background-color: var(--greenground-hover);
    }

[b-mygsjvc7qs] .white {
    border: 1px solid var(--black);
    background-color: var(--white);
    color: var(--black);
}

    [b-mygsjvc7qs] .white:hover {
        background-color: var(--grey);
    }

[b-mygsjvc7qs] .blockBtn {
    display: block;
    width: 100%;
    font-weight: bold;
    font-size: 1.5rem;
}


@media only screen and (max-width: 1440px) {
    [b-mygsjvc7qs] .root {
        font-size: .875rem !important;
        padding: .875rem 1.375rem !important;
    }

    [b-mygsjvc7qs] .blockBtn {
        font-size: 1rem !important;
    }
}

/* =end of block= */

@media only screen and (max-width: 1440px) {
    .root[b-mygsjvc7qs] {
        font-size: .875rem;
        padding: .875rem 1.375rem;
    }

    .blockBtn[b-mygsjvc7qs] {
        font-size: 1rem;
    }
}

/* docs: spinner css style from bootstrap 5.2.1 */
#spinner-loading.spinner-border[b-mygsjvc7qs], .spinner-grow[b-mygsjvc7qs] {
    display: inline-block;
    width: var(--bs-spinner-width);
    height: var(--bs-spinner-height);
    margin-right: 1rem;
    vertical-align: var(--bs-spinner-vertical-align);
    border-radius: 50%;
    -webkit-animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
    animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)
}

@-webkit-keyframes spinner-loading_spinner-border {
    to {
        transform: rotate(360deg)
    }
}

@keyframes spinner-loading_spinner-border-b-mygsjvc7qs {
    to {
        transform: rotate(360deg)
    }
}

#spinner-loading.spinner-border[b-mygsjvc7qs] {
    --bs-spinner-width: 2rem;
    --bs-spinner-height: 2rem;
    --bs-spinner-vertical-align: -0.125em;
    --bs-spinner-border-width: 0.25em;
    --bs-spinner-animation-speed: 0.75s;
    --bs-spinner-animation-name: spinner-loading_spinner-border;
    border: var(--bs-spinner-border-width) solid currentcolor;
    border-right-color: transparent
}

#spinner-loading.spinner-border-sm[b-mygsjvc7qs] {
    --bs-spinner-width: 1rem;
    --bs-spinner-height: 1rem;
    --bs-spinner-border-width: 0.2em
}
/* =end of block= */
/* _content/PSAIM-AuditTools/Shared/Elements/ButtonSwitcher.razor.rz.scp.css */
.toggle-button-cover[b-b32p05r8ba] {
    position: relative;
    box-sizing: border-box;
}

.button-cover[b-b32p05r8ba],
.knobs[b-b32p05r8ba],
.layer[b-b32p05r8ba] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.button[b-b32p05r8ba] {
    position: relative;
    top: 50%;
    width: 150px;
    height: 36px;
    margin: -20px auto 0 auto;
    overflow: hidden;
}

    .button.r[b-b32p05r8ba],
    .button.r .layer[b-b32p05r8ba] {
        border-radius: 100px;
    }

    .button.b2[b-b32p05r8ba] {
        border-radius: 2px;
    }

.checkbox[b-b32p05r8ba] {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 3;
}

.knobs[b-b32p05r8ba] {
    z-index: 2;
}

.layer[b-b32p05r8ba] {
    width: 100%;
    background-color: var(--white);
    transition: 0.3s ease all;
    z-index: 1;
    border: 1px solid var(--blue-sky);
    border-radius: 6px;
}



/*Button 10*/
#button-switcher .knobs[b-b32p05r8ba]:before,
#button-switcher .knobs[b-b32p05r8ba]:after,
#button-switcher .knobs span[b-b32p05r8ba] {
    position: absolute;
    top: 4px;
    width: 65px;
    height: 10px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    padding: 9px 4px;
    border-radius: 4px;
    transition: 0.3s ease all;
}

#button-switcher .knobs[b-b32p05r8ba]:before {
    content: "";
    left: 4px;
    background-color: var(--blue);
}

#button-switcher .knobs[b-b32p05r8ba]:after {
    right: 4px;
    color: #4e4e4e;
}

#button-switcher .knobs span[b-b32p05r8ba] {
    display: inline-block;
    left: 4px;
    color: #fff;
    z-index: 1;
}

#button-switcher .checkbox:checked + .knobs span[b-b32p05r8ba] {
    color: #4e4e4e;
}

#button-switcher .checkbox:checked + .knobs[b-b32p05r8ba]:before {
    left: 72px;
    /*background-color: #f44336;*/
}

#button-switcher .checkbox:checked + .knobs[b-b32p05r8ba]:after {
    color: #fff;
}

#button-switcher .checkbox:checked ~ .layer[b-b32p05r8ba] {
    /*background-color: #fcebeb;*/
}
/* _content/PSAIM-AuditTools/Shared/Elements/ColorCodedCard.razor.rz.scp.css */
.cardWrapper[b-x766gsgxr8] {
    background-color: #FAFAFA;
    width: 100%;
    height: 80px;
    display: flex;
    overflow: hidden;
    border-radius: 10px;
}

.statusDiv[b-x766gsgxr8] {
    height: 100%;
    width: 0.4rem;
}

.darkGreen[b-x766gsgxr8] {
    background-color: var(--dark-green-status-code);
}

.green[b-x766gsgxr8] {
    background-color: var(--green-status-code);
}

.yellow[b-x766gsgxr8] {
    background-color: var(--yellow-status-code);
}

.orange[b-x766gsgxr8] {
    background-color: var(--orange-status-code);
}

.red[b-x766gsgxr8] {
    background-color: var(--red-status-code);
}

.black[b-x766gsgxr8] {
    background-color: var(--black);
}

.content[b-x766gsgxr8] {
    width: 100%;
    padding: 0.2rem;
    padding-left: 0.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .content .label[b-x766gsgxr8] {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-weight: 400;
        font-size: 16px;
        margin-bottom: .1rem;
    }

    .content span[b-x766gsgxr8] {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-size: 24px;
        font-weight: bold;
        color:
    }

    .content span.darkGreenFont[b-x766gsgxr8] {
        color: var(--dark-green-status-code);
    }

    .content span.greenFont[b-x766gsgxr8] {
        color: var(--green-status-code);
    }

    .content span.yellowFont[b-x766gsgxr8] {
        color: var(--yellow-status-code);
    }

    .content span.orangeFont[b-x766gsgxr8] {
        color: var(--orange-status-code);
    }

    .content span.redFont[b-x766gsgxr8] {
        color: var(--red-status-code);
    }
/* _content/PSAIM-AuditTools/Shared/Elements/Dot.razor.rz.scp.css */
.dot[b-tv9b4l02gl]{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: gray; /*100*/
    display: inline-block;
}
    
.darkGreen[b-tv9b4l02gl] {
    background-color: var(--dark-green-status-code);
}

.green[b-tv9b4l02gl] {
    background-color: var(--green-status-code);
}

.yellow[b-tv9b4l02gl] {
    background-color: var(--yellow-status-code);
}

.orange[b-tv9b4l02gl] {
    background-color: var(--orange-status-code);
}

.red[b-tv9b4l02gl] {
    background-color: var(--red-status-code);
}
/* _content/PSAIM-AuditTools/Shared/Elements/Forms/CustomInputArea.razor.rz.scp.css */
/* Basic Styling */
.inputFieldRoot[b-8d6jywfg4x] {
    display: grid;
    grid-template-columns: 1fr 2.3rem 3fr;
    align-items: center;
}

    .inputFieldRoot.noLabel[b-8d6jywfg4x] {
        grid-template-columns: 1fr;
    }

    .inputFieldRoot span.numberUnit[b-8d6jywfg4x] {
        color: var(--grey-text);
        font-size: .9rem;
        margin-top: 3px;
    }

.doubleColonMobile[b-8d6jywfg4x] {
    display: none;
}

.inputFieldRoot label[b-8d6jywfg4x],
.inputFieldRoot span[b-8d6jywfg4x] {
    font-size: 1.125rem;
    color: var(--dark-blue);
    position: relative;
}

@media only screen and (max-width: 960px) {
    .inputFieldRoot[b-8d6jywfg4x] {
        grid-template-columns: 3fr 1rem 4fr;
    }
}

@media only screen and (max-width: 500px) {
    .inputFieldRoot[b-8d6jywfg4x] {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 2fr;
    }

    .doubleColon[b-8d6jywfg4x] {
        display: none;
    }

    .doubleColonMobile[b-8d6jywfg4x] {
        display: inline-block;
    }
}
/* End of Basic Styling */


/* ======Input Styling (Input Field)====== */
.inputWrapper[b-8d6jywfg4x] {
    display: flex;
}

.additionalBtn[b-8d6jywfg4x] {
    margin-left: 1rem;
    align-self: center;
    font-size: 1.75rem;
    color: var(--blue);
    cursor: pointer;
}

    .additionalBtn:hover[b-8d6jywfg4x] {
        color: var(--blueground-hover);
    }

.inputFieldRoot textarea[b-8d6jywfg4x] {
    padding: 0.5rem 1rem;
    font-size: 1.125rem;
    border-radius: 10px;
    border: 1px solid var(--grey-border);
    transition: .2s all;
    resize: none;
}

    .inputFieldRoot textarea.fullWidth[b-8d6jywfg4x] {
        width: 100%;
    }

    .inputFieldRoot textarea[b-8d6jywfg4x]::-webkit-input-placeholder {
        color: var(--grey-border);
    }

    .inputFieldRoot textarea:focus[b-8d6jywfg4x] {
        outline: none;
        background-color: rgba(214, 238, 247, 0.5);
        border: 1px solid var(--blue);
        box-shadow: 0 0 3px var(--blue);
    }

    .inputFieldRoot textarea.fullWidth[b-8d6jywfg4x] {
        width: 100%;
    }

    /* with additional btn input width, determined by using .fullWidth or not */
    .inputFieldRoot textarea.withAdditionalBtn[b-8d6jywfg4x] {
        /*width: unset;*/
    }

    /* for Login Form */
    .inputFieldRoot textarea.loginForm[b-8d6jywfg4x] {
        padding: 1.25rem 2rem;
        font-size: 1.25rem;
        font-weight: 300;
    }

/* Input Alert */
.inputAlert[b-8d6jywfg4x] {
    margin-top: 1rem;
    color: var(--red);
}

span.redColor[b-8d6jywfg4x] {
    color: var(--red);
    display: inline-block;
    margin-right: 8px;
}
/* ======End of Input Styling (Input Field)====== */
/* _content/PSAIM-AuditTools/Shared/Elements/Forms/CustomInputCheckbox.razor.rz.scp.css */
.rootComponent[b-wbq84hgtub] {

}
/* _content/PSAIM-AuditTools/Shared/Elements/Forms/CustomInputDropdown.razor.rz.scp.css */
/* Basic Styling */
.inputFieldRoot[b-g7ghqjchj7] {
    display: grid;
    grid-template-columns: 1fr 2.3rem 3fr;
    align-items: center;
}

.inputFieldRoot.labelOnTop[b-g7ghqjchj7] {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr;
}

    .inputFieldRoot.noLabel[b-g7ghqjchj7] {
        grid-template-columns: 1fr;
    }

    .inputFieldRoot span.numberUnit[b-g7ghqjchj7] {
        color: var(--grey-text);
        font-size: .9rem;
        margin-top: 3px;
    }

.doubleColonMobile[b-g7ghqjchj7] {
    display: none;
}

.inputFieldRoot label[b-g7ghqjchj7],
.inputFieldRoot span[b-g7ghqjchj7] {
    font-size: 1.125rem;
    color: var(--dark-blue);
    position: relative;
}

    .inputFieldRoot label.blueprimary[b-g7ghqjchj7] {
        color: var(--blue);
    }

    .inputFieldRoot label.bluesky[b-g7ghqjchj7] {
        color: var(--lightblue);
    }

    @media only screen and (max-width: 960px) {
        .inputFieldRoot[b-g7ghqjchj7] {
        grid-template-columns: 3fr 1rem 4fr;
    }
}

@media only screen and (max-width: 500px) {
    .inputFieldRoot[b-g7ghqjchj7] {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 2fr;
    }

    .doubleColon[b-g7ghqjchj7] {
        display: none;
    }

    .doubleColonMobile[b-g7ghqjchj7] {
        display: inline-block;
    }
}
/* End of Basic Styling */


/* ======Input Styling (Input Dropdown)====== */
.inputWrapper[b-g7ghqjchj7] {
    display: flex;
}

.additionalBtn[b-g7ghqjchj7] {
    margin-left: 1rem;
    align-self: center;
    font-size: 1.75rem;
    color: var(--blue);
    cursor: pointer;
}

    .additionalBtn:hover[b-g7ghqjchj7] {
        color: var(--blueground-hover);
    }

.inputFieldRoot > div > select[b-g7ghqjchj7] {
    padding: 0.5rem 1rem;
    font-size: 1.125rem;
    border-radius: 10px;
    border: 1px solid var(--grey-border);
    transition: .2s all;
    cursor: pointer;
}

    .inputFieldRoot > div > select.fullWidth[b-g7ghqjchj7] {
        width: 100%;
    }

fieldset .fieldsetForm[disabled] .inputFieldRoot > div > select[b-g7ghqjchj7] {
    cursor: default;
}

/* with additional btn input width, determined by using .fullWidth or not */
.inputFieldRoot > div > select.withAdditionalBtn[b-g7ghqjchj7] {
    /*width: unset;*/
}

.inputFieldRoot > div > select[b-g7ghqjchj7]::-webkit-input-placeholder {
    color: var(--grey);
}

.inputFieldRoot > div > select:focus[b-g7ghqjchj7] {
    outline: none;
    background-color: rgba(214, 238, 247, 0.5);
    border: 1px solid var(--blue);
    box-shadow: 0 0 3px var(--blue);
}

/* option styling */
.inputFieldRoot > div > select > option[b-g7ghqjchj7] {
    border-radius: 10px;
}

    .inputFieldRoot > div > select > option:disabled[b-g7ghqjchj7] {
        /* color: var(--grey); */
    }

/* ======End of Input Styling (Input Dropdown)====== */
/* _content/PSAIM-AuditTools/Shared/Elements/Forms/CustomInputNumber.razor.rz.scp.css */
/* Basic Styling */
.inputFieldRoot[b-kikbxyskka] {
    display: grid;
    grid-template-columns: 1fr 2.3rem 3fr;
    align-items: center;
}

    .inputFieldRoot.noLabel[b-kikbxyskka] {
        grid-template-columns: 1fr;
    }

    .inputFieldRoot span.numberUnit[b-kikbxyskka] {
        color: var(--grey-text);
        font-size: .9rem;
        margin-top: 3px;
    }

.doubleColonMobile[b-kikbxyskka] {
    display: none;
}

.inputFieldRoot label[b-kikbxyskka],
.inputFieldRoot span[b-kikbxyskka] {
    font-size: 1.125rem;
    color: var(--dark-blue);
    position: relative;
}

@media only screen and (max-width: 960px) {
    .inputFieldRoot[b-kikbxyskka] {
        grid-template-columns: 3fr 1rem 4fr;
    }
}

@media only screen and (max-width: 500px) {
    .inputFieldRoot[b-kikbxyskka] {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 2fr;
    }

    .doubleColon[b-kikbxyskka] {
        display: none;
    }

    .doubleColonMobile[b-kikbxyskka] {
        display: inline-block;
    }
}
/* End of Basic Styling */


/* ======Input Styling (Input Field)====== */
.inputWrapper[b-kikbxyskka] {
    display: flex;
}

.additionalBtn[b-kikbxyskka] {
    margin-left: 1rem;
    align-self: center;
    font-size: 1.75rem;
    color: var(--blue);
    cursor: pointer;
}

    .additionalBtn:hover[b-kikbxyskka] {
        color: var(--blueground-hover);
    }

.inputFieldRoot input[b-kikbxyskka] {
    padding: 0.5rem 1rem;
    font-size: 1.125rem;
    border-radius: 10px;
    border: 1px solid var(--grey-border);
    transition: .2s all;
}

    .inputFieldRoot input.fullWidth[b-kikbxyskka] {
        width: 100%;
    }

    .inputFieldRoot input[b-kikbxyskka]::-webkit-input-placeholder {
        color: var(--grey-border);
    }

    .inputFieldRoot input:focus[b-kikbxyskka] {
        outline: none;
        background-color: rgba(214, 238, 247, 0.5);
        border: 1px solid var(--blue);
        box-shadow: 0 0 3px var(--blue);
    }

    .inputFieldRoot input.fullWidth[b-kikbxyskka] {
        width: 100%;
    }

    /* with additional btn input width, determined by using .fullWidth or not */
    .inputFieldRoot input.withAdditionalBtn[b-kikbxyskka] {
        /*width: unset;*/
    }

    /* for Login Form */
    .inputFieldRoot input.loginForm[b-kikbxyskka] {
        padding: 1.25rem 2rem;
        font-size: 1.25rem;
        font-weight: 300;
    }

/* Input Alert */
.inputAlert[b-kikbxyskka] {
    margin-top: 1rem;
    color: var(--red);
}

span.redColor[b-kikbxyskka] {
    color: var(--red);
    display: inline-block;
    margin-right: 8px;
}
/* ======End of Input Styling (Input Field)====== */
/* _content/PSAIM-AuditTools/Shared/Elements/Forms/CustomInputRadio.razor.rz.scp.css */
.rootComponent[b-ormwmzjfgj] {
    cursor: pointer;
}

input.inputRadio[b-ormwmzjfgj] {
}

label.labelRadio[b-ormwmzjfgj] {
    color: #2D3648;
    font-weight: 400;
    font-size: 1rem;
}

/*input[type='radio']:after {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: #d1d3d1;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid white;
}

input[type='radio']:checked:after {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: #ffa500;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid white;
}*/
/* _content/PSAIM-AuditTools/Shared/Elements/Forms/CustomInputTextField.razor.rz.scp.css */
/* Basic Styling */
.inputFieldRoot[b-dglbees9e6] {
    display: grid;
    grid-template-columns: 1fr 2.3rem 3fr;
    align-items: center;
}

    .inputFieldRoot.noLabel[b-dglbees9e6] {
        grid-template-columns: 1fr;
    }

    .inputFieldRoot span.numberUnit[b-dglbees9e6] {
        color: var(--grey-text);
        font-size: .9rem;
        margin-top: 3px;
    }

.doubleColonMobile[b-dglbees9e6] {
    display: none;
}

.inputFieldRoot label[b-dglbees9e6],
.inputFieldRoot span[b-dglbees9e6] {
    font-size: 1.125rem;
    color: var(--dark-blue);
    position: relative;
}

@media only screen and (max-width: 960px) {
    .inputFieldRoot[b-dglbees9e6] {
        grid-template-columns: 3fr 1rem 4fr;
    }
}

@media only screen and (max-width: 500px) {
    .inputFieldRoot[b-dglbees9e6] {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 2fr;
    }

    .doubleColon[b-dglbees9e6] {
        display: none;
    }

    .doubleColonMobile[b-dglbees9e6] {
        display: inline-block;
    }
}
/* End of Basic Styling */


/* ======Input Styling (Input Field)====== */
.inputWrapper[b-dglbees9e6] {
    display: flex;
}

.additionalBtn[b-dglbees9e6] {
    margin-left: 1rem;
    align-self: center;
    font-size: 1.75rem;
    color: var(--blue);
    cursor: pointer;
}

    .additionalBtn:hover[b-dglbees9e6] {
        color: var(--blueground-hover);
    }

.inputFieldRoot input[b-dglbees9e6] {
    padding: 0.5rem 1rem;
    font-size: 1.125rem;
    border-radius: 10px;
    border: 1px solid var(--grey-border);
    transition: .2s all;
}

    .inputFieldRoot input.fullWidth[b-dglbees9e6] {
        width: 100%;
    }

    .inputFieldRoot input[b-dglbees9e6]::-webkit-input-placeholder {
        color: var(--grey-border);
    }

    .inputFieldRoot input:focus[b-dglbees9e6] {
        outline: none;
        background-color: rgba(214, 238, 247, 0.5);
        border: 1px solid var(--blue);
        box-shadow: 0 0 3px var(--blue);
    }

    .inputFieldRoot input.fullWidth[b-dglbees9e6] {
        width: 100%;
    }

    /* with additional btn input width, determined by using .fullWidth or not */
    .inputFieldRoot input.withAdditionalBtn[b-dglbees9e6] {
        /*width: unset;*/
    }

    /* for Login Form */
    .inputFieldRoot input.loginForm[b-dglbees9e6] {
        padding: 1.25rem 2rem;
        font-size: 1.25rem;
        font-weight: 300;
    }

/* Input Alert */
.inputAlert[b-dglbees9e6] {
    margin-top: 1rem;
    color: var(--red);
}

span.redColor[b-dglbees9e6] {
    color: var(--red);
    display: inline-block;
    margin-right: 8px;
}
/* ======End of Input Styling (Input Field)====== */
/* _content/PSAIM-AuditTools/Shared/Elements/LoadingSpinner.razor.rz.scp.css */
.root[b-izxcupwfhy] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50vh;
    margin: auto;
}
/* _content/PSAIM-AuditTools/Shared/Elements/LoadingSpinnerCircle.razor.rz.scp.css */
.root[b-53juc1syrr] {
    width: 40px;
    height: 40px;
}

    .root img[b-53juc1syrr] {
        width: 100%;
        height: 100%;
    }
/* _content/PSAIM-AuditTools/Shared/Elements/ReportTab/ReportTab.razor.rz.scp.css */
.root[b-x15gjs4wua] {
    display: flex;
    overflow: auto;
    border-bottom: 1px solid var(--lightblue);
}
/* for Scrollbar */
/* width */
.root[b-x15gjs4wua]::-webkit-scrollbar {
    height: 7px;
}

/* Track */
.root[b-x15gjs4wua]::-webkit-scrollbar-track {
    background: #b5d8eb;
}

/* Handle */
.root[b-x15gjs4wua]::-webkit-scrollbar-thumb {
    background: var(--lightblue);
}

    /* Handle Hover */
    .root[b-x15gjs4wua]::-webkit-scrollbar-thumb:hover {
        background: var(--blue);
    }
/* _content/PSAIM-AuditTools/Shared/Elements/ReportTab/ReportTabItem.razor.rz.scp.css */
.tabItem[b-pi40pduo5q] {
    font-size: 0.8125rem;
    font-weight: 500;
    font-family: 'Inter', sans-serif;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 100%;
    min-height: 54px;
    margin-right: .5rem;
    padding: 10px 20px;
    color: #005075;
    background-color: #E2F3FF;
    border: 1px solid var(--lightblue);
    border-bottom: 1px solid transparent;
    border-radius: 5px 5px 0 0;
    cursor: pointer;
    transition: .3s;
}

    .tabItem.active[b-pi40pduo5q] {
        background-color: var(--lightblue);
        color: var(--white);
    }

    .tabItem.firstItem[b-pi40pduo5q] {
        margin-left: 2.9rem;
    }

    .tabItem.firstItem.noTab[b-pi40pduo5q] {
        margin-left: 1rem;
    }

@media only screen and (max-width: 800px) {
    .tabItem.firstItem[b-pi40pduo5q] {
        margin-left: 2rem;
    }
}

@media only screen and (max-width: 500px) {
    .tabItem.firstItem[b-pi40pduo5q] {
        margin-left: 1rem;
    }
}
/* _content/PSAIM-AuditTools/Shared/MainLayout.razor.rz.scp.css */
.content[b-8bnqmkv7pa] {
    padding-top: 5rem;
    min-height: 120vh;
}
/* _content/PSAIM-AuditTools/Shared/NavMenu.razor.rz.scp.css */
/*
  Navbar height that automatically generated
  is 81px or 5rem
 */
.root[b-aywf3jd387] {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 8;
}

.navbarWrapper[b-aywf3jd387] {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--white);
    padding: 0 1.5rem;
    box-shadow: 0 1px 20px rgba(0, 0, 0, .25);
}

.brandLogo img[b-aywf3jd387] {
    /* width 230px */
    /*width: 11.5rem;*/
    margin: 0.7rem 0;
}

.navigationMenu ul li[b-aywf3jd387] {
    display: inline-block;
    padding: 0 2.5rem;
}

    .navigationMenu ul li[b-aywf3jd387]  a {
        font-size: 1rem;
        font-weight: 500;
        font-family: 'Inter', sans-serif;
        text-decoration: none;
        color: var(--grey-text);
    }

        .navigationMenu ul li[b-aywf3jd387]  a:hover {
            text-decoration: underline;
        }

/* docs: for user area */
.navbarButtonWrapper[b-aywf3jd387] {
    display: flex;
    align-items: center;
}

.nameWrapper[b-aywf3jd387] {
    display: flex;
    flex-direction: column;
    text-align: right;
    margin-right: 20px;
    margin-top: 8px;
}

.loggedWrapper[b-aywf3jd387] {
    display: flex;
}

    .loggedWrapper[b-aywf3jd387]  a {
        text-decoration: none;
        color: inherit;
    }

.name[b-aywf3jd387] {
    font-size: 14px;
    line-height: 20px;
    color: var(--blue);
}

.role[b-aywf3jd387] {
    font-size: 12px;
    line-height: 18px;
    color: #7AB3DA;
}

[b-aywf3jd387] .btnSignup {
    margin-left: .75rem;
}

.hamburgerIcon[b-aywf3jd387] {
    font-size: 2rem;
    cursor: pointer;
}

.hamburgerIcon[b-aywf3jd387],
.mobileNavigation[b-aywf3jd387] {
    display: none;
}

/* =button login styling ::deep = */
/*::deep a.root {
	font-family: 'Inter', sans-serif;
	font-size: 1rem;
	font-weight: 500;
	padding: 1rem 2.5rem;
	border-radius: 7px;
	cursor: pointer;
	transition: .3s;
	text-decoration: none;
}

::deep a.primary {
	border: 1px solid var(--blue);
	background-color: var(--blue);
	color: var(--white);
}

	::deep a.primary:hover {
		background-color: var(--blueground-hover);
		border: 1px solid var(--blueground-hover);
	}*/

@media only screen and (max-width: 1440px) {
    .navigationMenu ul li[b-aywf3jd387]  a {
        font-size: .875rem;
    }

    /*		.navigationMenu ul li ::deep a.root {
			font-size: .875rem;
			padding: .875rem 1.375rem;
		}

		.navigationMenu ul li ::deep a.blockBtn {
			font-size: 1rem;
		}*/
}

@media only screen and (max-width: 1024px) {

    .navigationMenu[b-aywf3jd387],
    .navbarButtonWrapper[b-aywf3jd387] {
        display: none;
    }

    .mobileNavigation.authenticate[b-aywf3jd387] {
        background-color: rgb(243, 243, 243);
        position: absolute;
        left: 0;
        /* -156px utk tanpa Button */
        /* bottom: -156px; */
        bottom: -187px;
        width: 100%;
    }

    .mobileNavigation[b-aywf3jd387] {
        background-color: rgb(243, 243, 243);
        position: absolute;
        left: 0;
        /* -156px utk tanpa Button */
        /* bottom: -156px; */
        bottom: -134px;
        width: 100%;
    }

        .mobileNavigation.active[b-aywf3jd387] {
            display: block;
        }

    .hamburgerIcon[b-aywf3jd387] {
        display: block;
    }

    .mobileNavigation ul[b-aywf3jd387] {
        list-style: none;
    }

        .mobileNavigation ul li[b-aywf3jd387] {
            display: flex;
            border-bottom: 1px solid rgba(153, 149, 149, 0.5);
        }

            .mobileNavigation ul li[b-aywf3jd387]  a.navMenuItem {
                font-size: 1rem;
                font-weight: 500;
                font-family: 'Inter', sans-serif;
                text-decoration: none;
                color: var(--grey-text);
                display: block;
                width: 100%;
                height: 100%;
                padding: 1rem;
                padding-left: 1.5rem;
            }

            .mobileNavigation ul li.buttonWrapperMobile[b-aywf3jd387] {
                padding: 1rem;
                padding-left: 1.5rem;
            }

                .mobileNavigation ul li.buttonWrapperMobile:hover[b-aywf3jd387] {
                    background-color: rgb(243, 243, 243);
                }

            .mobileNavigation ul li:hover[b-aywf3jd387] {
                background-color: var(--lightblue);
            }

                .mobileNavigation ul li:hover[b-aywf3jd387]  a {
                    color: var(--white);
                }
}

@media only screen and (max-width: 481px) {
    .brandLogo img[b-aywf3jd387] {
        width: 150px;
    }
}
/* _content/PSAIM-AuditTools/Shared/Parts/AggregatReport/AggregatDetailedAuditContent.razor.rz.scp.css */
.rootComponent[b-76irv7ou04] {
    width: 100%;
}

.titleWrapper[b-76irv7ou04] {
    position: relative;
}

.parentTitle[b-76irv7ou04] {
    text-align: center;
    color: var(--blue);
    margin-bottom: 1rem;
    font-size: 32px;
    font-weight: 700;
}

.tabTitle[b-76irv7ou04] {
    color: var(--blue-sky);
    text-align: center;
    margin-top: -1rem;
    font-size: 20px;
    font-weight: 700;
}

.chartWrapper[b-76irv7ou04] {
    background-color: var(--white);
    border-radius: 8px;
    margin-top: 8px;
    overflow: hidden;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    transition: .3s all;
    padding: 40px;
}

    .chartWrapper:hover[b-76irv7ou04] {
        box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25);
    }

.radarChartWrapper[b-76irv7ou04] {
    /*margin-top: -10rem;*/
}

[b-76irv7ou04] .switcher {
    position: absolute;
    right: 0;
    bottom: 0;
}

.tableContent[b-76irv7ou04] {
    margin-top: 5rem;
}

    /*.tableContent h4{
        color: var(--blue);
        text-align: center;
        margin-bottom: 1rem;
    }*/

.sbtTotalWrapper[b-76irv7ou04] {
    margin-top: 5rem;
    margin-bottom: 4rem;
}

/* Table Styling */
.tableWrapper[b-76irv7ou04] {
    width: 100%;
    overflow: auto;
    padding-bottom: 1rem;
    background-color: var(--blue-sky-background);
    box-shadow: 0 0 2px var(--black);
}

    .tableWrapper[b-76irv7ou04]::-webkit-scrollbar {
        height: 10px;
    }

    /* Track */
    .tableWrapper[b-76irv7ou04]::-webkit-scrollbar-track {
        background: #b5d8eb;
    }

    /* Handle */
    .tableWrapper[b-76irv7ou04]::-webkit-scrollbar-thumb {
        background: var(--lightblue);
    }

        /* Handle Hover */
        .tableWrapper[b-76irv7ou04]::-webkit-scrollbar-thumb:hover {
            background: var(--blue);
        }


.rootTable[b-76irv7ou04] {
    width: 100%;
    background-color: var(--blue-sky-background);
    border: 1px solid var(--black);
    border-collapse: collapse;
}

.rootComponent th[b-76irv7ou04], .rootComponent td[b-76irv7ou04] {
    padding: 15px 20px;
    border: 9px solid var(--blue-sky-background);
    border-radius: 18px;
}

.rootComponent th[b-76irv7ou04] {
    font-weight: 500;
    background-color: var(--blue-sky);
}

.rootComponent td[b-76irv7ou04] {
    background-color: var(--white-fb);
}

    .rootComponent td.totalSbt[b-76irv7ou04] {
        font-weight: bold;
        text-align: center;
    }

/* End of Table Styling */
/* _content/PSAIM-AuditTools/Shared/Parts/AggregatReport/AggregatOverallAuditContent.razor.rz.scp.css */
.processContent[b-k6treqtd9d] {
    display: flex;
    flex-direction: column;
}

.titleWrapper[b-k6treqtd9d] {
    position: relative;
}

.parentTitle[b-k6treqtd9d] {
    text-align: center;
    color: var(--blue);
    margin-bottom: 1rem;
    font-size: 32px;
    font-weight: 700;
}

.tabTitle[b-k6treqtd9d] {
    color: var(--blue-sky);
    text-align: center;
    margin-top: -1rem;
    font-size: 20px;
    font-weight: 700;
}

.chartContent[b-k6treqtd9d] {
}

.chartWrapper[b-k6treqtd9d] {
    background-color: var(--white);
    border-radius: 8px;
    margin-top: 8px;
    overflow: hidden;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    transition: .3s all;
    padding: 40px;
}

.upperChartWrapper[b-k6treqtd9d] {
    display: flex;
    align-items: flex-start;
    justify-content: space-evenly;
}

.belowChartContent[b-k6treqtd9d] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 26px;
}

.propetWrapper[b-k6treqtd9d] {
    grid-column: 2;
}

.chartWrapper:hover[b-k6treqtd9d] {
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25);
}

.chartWrapper h3[b-k6treqtd9d] {
    color: var(--blue);
    text-align: center;
}

.radarChartWrapper[b-k6treqtd9d] {
    min-width: 700px;
    max-height: 500px;
    overflow: hidden;
}

.hBarChartWrapper[b-k6treqtd9d] {
    min-width: 600px;
}

.tableContent[b-k6treqtd9d] {
    margin-top: 5rem;
}

[b-k6treqtd9d] .switcher {
    position: absolute;
    right: 0;
    bottom: 0;
}
/* _content/PSAIM-AuditTools/Shared/Parts/AggregatReport/AggregatReportTable.razor.rz.scp.css */
.rootComponent[b-nqsxvt29ux] {
    width: 100%;
    margin-top: 1rem;
    margin-bottom: 1rem;
    box-shadow: 0 0 2px var(--black);
}

.tableWrapper[b-nqsxvt29ux] {
    width: 100%;
    max-height: 700px;
    overflow: auto;
    padding-bottom: 1rem;
    background-color: var(--blue-sky-background);
}

    .tableWrapper[b-nqsxvt29ux]::-webkit-scrollbar {
        height: 10px;
    }

    /* Track */
    .tableWrapper[b-nqsxvt29ux]::-webkit-scrollbar-track {
        background: #b5d8eb;
    }

    /* Handle */
    .tableWrapper[b-nqsxvt29ux]::-webkit-scrollbar-thumb {
        background: var(--lightblue);
    }

        /* Handle Hover */
        .tableWrapper[b-nqsxvt29ux]::-webkit-scrollbar-thumb:hover {
            background: var(--blue);
        }


.rootTable[b-nqsxvt29ux] {
    width: 100%;
    background-color: var(--blue-sky-background);
    border: 1px solid var(--black);
    border-collapse: collapse;
}

    .rootTable th[b-nqsxvt29ux], .rootTable td[b-nqsxvt29ux] {
        padding: 15px 20px;
        border: 9px solid var(--blue-sky-background);
        border-radius: 18px;
    }

    .rootTable th[b-nqsxvt29ux] {
        font-weight: 500;
        background-color: var(--blue);
        color: white;
        position: sticky;
        top: 0;
    }

        .rootTable th.secondLevelTitle[b-nqsxvt29ux] {
            top: 3.5rem;
        }

    .rootTable tr.subProcessRow:hover td[b-nqsxvt29ux] {
        background-color: var(--table-hover) !important;
    }

    .rootTable td[b-nqsxvt29ux] {
        background-color: var(--white-fb);
    }

        .rootTable td.process[b-nqsxvt29ux] {
            /*background-color: #FFD966;*/
            background-color: var(--table-point);
            font-size: 1.05rem;
            font-weight: 600;
        }

        .rootTable td.processCol[b-nqsxvt29ux] {
            min-width: 350px;
        }

        .rootTable td.score[b-nqsxvt29ux] {
            min-width: 100px;
            text-align: center;
        }

        .rootTable th.empty[b-nqsxvt29ux], .rootTable td.empty[b-nqsxvt29ux] {
            background-color: var(--blue-sky-background);
        }

        .rootTable th.center[b-nqsxvt29ux], .rootTable td.center[b-nqsxvt29ux] {
            text-align: center;
        }

        .rootTable td.totalCol[b-nqsxvt29ux] {
            background-color: var(--blue);
            color: white;
            font-weight: bold;
            text-align: center;
        }

/* Conditional Coloring*/
td.green[b-nqsxvt29ux] {
    background-color: var(--dark-green-status-code) !important;
    color: white !important;
}

td.greenLight[b-nqsxvt29ux] {
    background-color: var(--green-status-code) !important;
    color: black !important;
}

td.yellow[b-nqsxvt29ux] {
    background-color: var(--yellow-status-code) !important;
    color: black !important;
}

td.orange[b-nqsxvt29ux] {
    background-color: var(--orange-status-code) !important;
    color: white !important;
}

td.red[b-nqsxvt29ux] {
    background-color: var(--red-status-code) !important;
    color: white !important;
}
/* End of Conditional Coloring*/

span.alert[b-nqsxvt29ux] {
    display: block;
    margin-top: 1rem;
    color: var(--red);
    font-size: .75rem;
    border-top: 1px solid red;
    padding-top: .4rem;
}

td.white[b-nqsxvt29ux] {
    background-color: white !important;
}
/* _content/PSAIM-AuditTools/Shared/Parts/AggregatReport/FnRCard.razor.rz.scp.css */
.cardWrapper[b-nn0pgupkiv] {
    min-width: 45rem;
    min-height: 10rem;
    background-color: var(--white);
    border: 1px solid var(--grey);
    padding: 20px;
    border-radius: 10px;
    margin: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.cardHeading[b-nn0pgupkiv]{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.cardHeading h3.topLeft[b-nn0pgupkiv]{
    color: var(--blue);
}

.cardBody[b-nn0pgupkiv]{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.cardBody h3[b-nn0pgupkiv]{
    font-weight: 500;

}

.countDescription[b-nn0pgupkiv]{
    display:flex;
    justify-content: center;
    align-items: center;
}
/* _content/PSAIM-AuditTools/Shared/Parts/Evident/EvidentTable.razor.rz.scp.css */
.rootComponent[b-q3gxcudjfp] {
    width: 100%;
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-weight: 600;
}

.paginationWrapper[b-q3gxcudjfp] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 1rem;
}

.tableWrapper[b-q3gxcudjfp] {
    width: 100%;
    max-height: 1200px;
    overflow: auto;
    padding-bottom: 1rem;
    background-color: var(--blue-sky-background);
    box-shadow: 0 0 2px var(--black);
}

    .tableWrapper[b-q3gxcudjfp]::-webkit-scrollbar {
        height: 10px;
    }

    /* Track */
    .tableWrapper[b-q3gxcudjfp]::-webkit-scrollbar-track {
        background: #b5d8eb;
    }

    /* Handle */
    .tableWrapper[b-q3gxcudjfp]::-webkit-scrollbar-thumb {
        background: var(--lightblue);
    }

        /* Handle Hover */
        .tableWrapper[b-q3gxcudjfp]::-webkit-scrollbar-thumb:hover {
            background: var(--blue);
        }


.rootTable[b-q3gxcudjfp] {
    width: 100%;
    background-color: var(--blue-sky-background);
    border: 1px solid var(--black);
    border-collapse: collapse;
}

    .rootTable th[b-q3gxcudjfp], .rootTable td[b-q3gxcudjfp] {
        padding: 15px 20px;
        border: 9px solid var(--blue-sky-background);
        border-radius: 18px;
    }

    .rootTable th[b-q3gxcudjfp] {
        font-weight: 500;
        background-color: var(--blue);
        color: var(--white);
        position: sticky;
        top: 0;
        z-index: 3;
    }

        .rootTable th.answerHeading[b-q3gxcudjfp] {
            min-width: 250px;
        }

        .rootTable th.attachmentHeading[b-q3gxcudjfp] {
            min-width: 250px;
        }

        .rootTable th.downloadAttachmentHeading[b-q3gxcudjfp] {
            width: 200px;
        }

    .rootTable tr.questionRow td[b-q3gxcudjfp] {
        transition: .3s all;
    }

    .rootTable tr.questionRow:hover td[b-q3gxcudjfp] {
        background-color: var(--table-hover) !important;
    }

    .rootTable td[b-q3gxcudjfp] {
        background-color: var(--white-fb);
    }

        .rootTable td.processCol[b-q3gxcudjfp] {
            background-color: var(--blue);
            color: var(--white);
            position: sticky;
            top: 4.5rem;
            z-index: 3;
        }

        .rootTable th.empty[b-q3gxcudjfp], .rootTable td.empty[b-q3gxcudjfp] {
            background-color: var(--blue-sky-background);
        }

        .rootTable th.center[b-q3gxcudjfp], .rootTable td.center[b-q3gxcudjfp] {
            text-align: center;
        }

        .rootTable td.blueBg[b-q3gxcudjfp] {
            background-color: var(--blue-sky);
        }

        .rootTable td.lightRedBg[b-q3gxcudjfp] {
            background-color: var(--light-red);
        }


/* Conditional Coloring*/
td.green[b-q3gxcudjfp] {
    background-color: forestgreen;
}

td.greenLight[b-q3gxcudjfp] {
    background-color: lightgreen;
}

td.yellow[b-q3gxcudjfp] {
    background-color: var(--yellow-status);
}

td.orange[b-q3gxcudjfp] {
    background-color: orange;
}

td.red[b-q3gxcudjfp] {
    background-color: var(--red-status);
}
/* End of Conditional Coloring*/

span.alert[b-q3gxcudjfp] {
    display: block;
    margin-top: 1rem;
    color: var(--red);
    font-size: .75rem;
    border-top: 1px solid red;
    padding-top: .4rem;
}

/*Input Select & Normal*/
.inputNormal[b-q3gxcudjfp] {
    width: 100%;
    padding: 0.5rem 1rem;
    font-size: 1.125rem;
    border-radius: 10px;
    border: 1px solid var(--grey-border);
    transition: .2s all;
    resize: none;
}

    .inputNormal:disabled[b-q3gxcudjfp] {
        cursor: default;
    }

    .inputNormal[b-q3gxcudjfp]::-webkit-input-placeholder {
        color: var(--grey);
    }

    .inputNormal:focus[b-q3gxcudjfp] {
        outline: none;
        background-color: rgba(214, 238, 247, 0.5);
        border: 1px solid var(--blue);
        box-shadow: 0 0 3px var(--blue);
    }
/*End of Input Select*/

/* Styling Button Group */
.buttonAreaWrapper[b-q3gxcudjfp] {
    margin-top: 5rem;
    display: flex;
    justify-content: space-between;
}

    .buttonAreaWrapper[b-q3gxcudjfp]  button.btnSubmit {
        float: right;
    }

    .buttonAreaWrapper[b-q3gxcudjfp]  button.btnSave {
        float: right;
        margin-right: 2rem;
    }

    .buttonAreaWrapper[b-q3gxcudjfp]  .nextButton {
        margin-left: 2rem;
    }

.jumperButtonAreaWrapper[b-q3gxcudjfp] {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
}

.jumperButtonArea[b-q3gxcudjfp] {
    position: relative;
}

    .jumperButtonArea[b-q3gxcudjfp]  .btnScrollTop {
        opacity: 0;
        position: absolute;
        bottom: -10rem;
        right: 3.8rem;
        transition: .5s all;
    }

        .jumperButtonArea[b-q3gxcudjfp]  .btnScrollTop.show {
            opacity: 1;
            bottom: 0;
        }

    .jumperButtonArea[b-q3gxcudjfp]  .btnScrollBottom {
        opacity: 0;
        position: absolute;
        bottom: -10rem;
        right: 0;
        transition: .5s all;
    }

        .jumperButtonArea[b-q3gxcudjfp]  .btnScrollBottom.show {
            opacity: 1;
            bottom: 0;
        }

@media only screen and (max-width: 960px) {
    .jumperButtonAreaWrapper[b-q3gxcudjfp] {
        position: fixed;
        bottom: 1rem;
        right: 1rem;
    }
}

@media only screen and (max-width: 481px) {
    .buttonAreaWrapper button.btnSave[b-q3gxcudjfp] {
        margin-right: 1rem;
    }
}

@media only screen and (max-width: 350px) {
    .buttonAreaWrapper[b-q3gxcudjfp]  button.btnSubmit {
        float: unset;
    }

    .buttonAreaWrapper[b-q3gxcudjfp]  button.btnSave {
        float: left;
        margin-right: 1rem;
    }

    .buttonAreaWrapper[b-q3gxcudjfp] {
        margin-bottom: 3rem;
        display: flex;
        justify-content: space-between;
    }
}
/* _content/PSAIM-AuditTools/Shared/Parts/Facility/FacilityMgtModal.razor.rz.scp.css */
.root[b-ufcf0bnwul] {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.425);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99;
}

.modalWrapper[b-ufcf0bnwul] {
    width: 40%;
    border-radius: 10px;
    overflow: hidden;
}

.modalHeader[b-ufcf0bnwul] {
    position: relative;
    /* font-weight: bold; */
    background-color: var(--blue);
    padding: 1.5rem;
}

    .modalHeader h2[b-ufcf0bnwul] {
        text-align: center;
        color: var(--white);
    }

    .modalHeader .closeIcon[b-ufcf0bnwul] {
        position: absolute;
        top: 1.25rem;
        right: 2rem;
        font-size: 2.5rem;
        color: var(--white);
        cursor: pointer;
    }

        .modalHeader .closeIcon:hover[b-ufcf0bnwul] {
            color: rgb(224, 224, 224);
        }

.modalContent[b-ufcf0bnwul] {
    background-color: white;
    padding: 3rem 4rem;
}

.input[b-ufcf0bnwul] {
    margin-bottom: 1.5rem;
}

.buttonWrapper[b-ufcf0bnwul] {
    display: flex;
    justify-content: center;
}


@media only screen and (max-width: 1280px) {
    .modalWrapper[b-ufcf0bnwul] {
        width: 50%;
    }

    .modalContent[b-ufcf0bnwul] {
        padding: 2rem 2.5rem;
    }
}

@media only screen and (max-width: 960px) {
    .modalWrapper[b-ufcf0bnwul] {
        width: 70%;
    }
}

@media only screen and (max-width: 680px) {
    .modalHeader[b-ufcf0bnwul] {
        padding: 1rem;
    }

        .modalHeader .closeIcon[b-ufcf0bnwul] {
            top: .75rem;
            right: 2rem;
            font-size: 2.5rem;
            color: var(--white);
            cursor: pointer;
        }

    .modalWrapper[b-ufcf0bnwul] {
        width: 90%;
    }

    .modalContent[b-ufcf0bnwul] {
        padding: 1rem 1.5rem;
    }
}

@media only screen and (max-width: 481px) {
    .modalHeader[b-ufcf0bnwul] {
        padding-left: 1.5rem;
    }

        .modalHeader h2[b-ufcf0bnwul] {
            text-align: left;
        }

        .modalHeader .closeIcon[b-ufcf0bnwul] {
            right: 1rem;
        }
}

@media only screen and (max-width: 366px) {
    .modalHeader[b-ufcf0bnwul] {
        padding-left: 1rem;
    }

    .modalContent[b-ufcf0bnwul] {
        padding: 2.5rem 1rem;
    }
}

@media only screen and (max-width: 366px) {
    .modalHeader[b-ufcf0bnwul] {
        padding-right: 4rem;
    }
}



/* ======Input Styling (Input GLOBAL)====== */

/* GLOBAL */
/* Hidden arrow Number CSS */
/* Chrome, Safari, Edge, Opera */
input[b-ufcf0bnwul]::-webkit-outer-spin-button,
input[b-ufcf0bnwul]::-webkit-inner-spin-button,
textarea[b-ufcf0bnwul]::-webkit-outer-spin-button,
textarea[b-ufcf0bnwul]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

select[b-ufcf0bnwul], option[b-ufcf0bnwul] {
    -webkit-appearance: none;
}

/* Firefox */
input[type=number][b-ufcf0bnwul] {
    -moz-appearance: textfield;
}

/* End of GLOBAL */
/* End of hidden arrow Number */

.inputFieldRoot[b-ufcf0bnwul] {
    display: grid;
    grid-template-columns: 1fr 2.3rem 3fr;
    align-items: center;
    margin-bottom: 1.875rem;
}

.doubleColonMobile[b-ufcf0bnwul] {
    display: none;
}

.inputFieldRoot label[b-ufcf0bnwul],
.inputFieldRoot span[b-ufcf0bnwul] {
    font-size: 1.125rem;
    color: var(--dark-blue);
}

@media only screen and (max-width: 960px) {
    .inputFieldRoot[b-ufcf0bnwul] {
        grid-template-columns: 3fr 1rem 4fr;
    }
}

@media only screen and (max-width: 500px) {
    .inputFieldRoot[b-ufcf0bnwul] {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 2fr;
    }

    .doubleColon[b-ufcf0bnwul] {
        display: none;
    }

    .doubleColonMobile[b-ufcf0bnwul] {
        display: inline-block;
    }
}
/* ======End of Input Styling (Input GLOBAL)====== */


/* ======Input Styling (Input Field)====== */
.inputFieldRoot input[b-ufcf0bnwul],
.inputFieldRoot textarea[b-ufcf0bnwul] {
    width: 100%;
    padding: 0.5rem 1rem;
    font-size: 1.125rem;
    border-radius: 10px;
    border: 1px solid var(--grey-border);
    transition: .2s all;
}

    .inputFieldRoot input[b-ufcf0bnwul]::-webkit-input-placeholder,
    .inputFieldRoot textarea[b-ufcf0bnwul]::-webkit-input-placeholder {
        color: var(--grey-border);
    }

    .inputFieldRoot input:focus[b-ufcf0bnwul],
    .inputFieldRoot textarea:focus[b-ufcf0bnwul] {
        outline: none;
        background-color: rgba(214, 238, 247, 0.5);
        border: 1px solid var(--blue);
        box-shadow: 0 0 3px var(--blue);
    }

.inputFieldRoot textarea[b-ufcf0bnwul] {
    resize: none;
}

/* Input Alert */
.inputAlert[b-ufcf0bnwul] {
    margin-top: 1rem;
    color: var(--red);
}

/* Input Password eye icon */
.input .inputWrapper[b-ufcf0bnwul] {
    position: relative;
}

.eyeIcon[b-ufcf0bnwul] {
    font-size: 1.5rem;
    color: var(--blue);
    position: absolute;
    right: 1rem;
    top: .5rem;
    cursor: pointer;
    transition: .3s all;
}

/* ======End of Input Styling (Input Field)====== */


/* ======Input Styling (Input Dropdown)====== */
.select .inputWrapper[b-ufcf0bnwul] {
    display: flex;
}

.dropdown[b-ufcf0bnwul] {
    position: relative;
}

    .dropdown[b-ufcf0bnwul]::after {
        /*add arrow down from fa-icon*/
        content: '\f107';
        font: normal normal normal 12px/1 FontAwesome;
        color: black;
        right: 5px;
        top: -2px;
        height: 26px;
        padding: 15px 0px 0px 8px;
        position: absolute;
        pointer-events: none;
    }

.additionalBtn[b-ufcf0bnwul] {
    margin-left: 1rem;
    align-self: center;
    font-size: 1.75rem;
    color: var(--blue);
    cursor: pointer;
}

    .additionalBtn:hover[b-ufcf0bnwul] {
        color: var(--blueground-hover);
    }

.inputFieldRoot > div.inputWrapper > div > select[b-ufcf0bnwul] {
    width: 100%;
    padding: 0.5rem 1rem;
    font-size: 1.125rem;
    border-radius: 10px;
    border: 1px solid var(--grey-border);
    transition: .2s all;
    cursor: pointer;
}

fieldset.fieldsetForm[disabled] .inputFieldRoot > div.inputWrapper > div > select[b-ufcf0bnwul] {
    cursor: default;
}

fieldset.fieldsetForm[disabled] .dropdown[b-ufcf0bnwul]::after {
    /*add arrow down from fa-icon*/
    color: rgb(170, 170, 170);
    opacity: 0.7;
}

.inputFieldRoot > div.inputWrapper > div > select.withAdditionalBtn[b-ufcf0bnwul] {
    width: unset;
}

.inputFieldRoot > div.inputWrapper > div > select[b-ufcf0bnwul]::-webkit-input-placeholder {
    color: var(--grey);
}

.inputFieldRoot > div.inputWrapper > div > select:focus[b-ufcf0bnwul] {
    outline: none;
    background-color: rgba(214, 238, 247, 0.5);
    border: 1px solid var(--blue);
    box-shadow: 0 0 3px var(--blue);
}

/* option styling */
.inputFieldRoot > div.inputWrapper > div > select > option[b-ufcf0bnwul] {
    border-radius: 10px;
}

    .inputFieldRoot > div.inputWrapper > div > select > option:disabled[b-ufcf0bnwul] {
        /* color: var(--grey); */
    }

/* ======End of Input Styling (Input Dropdown)====== */
/* _content/PSAIM-AuditTools/Shared/Parts/Facility/FacilityTableManagement.razor.rz.scp.css */
.rootComponent[b-tx8wafq4uy] {
    width: 100%;
    margin-top: 1rem;
    margin-bottom: 1rem;
    box-shadow: 0 0 2px var(--black);
}

.tableWrapper[b-tx8wafq4uy] {
    width: 100%;
    max-height: 650px;
    overflow: auto;
}

    .tableWrapper[b-tx8wafq4uy]::-webkit-scrollbar {
        height: 10px;
    }

    /* Track */
    .tableWrapper[b-tx8wafq4uy]::-webkit-scrollbar-track {
        background: #b5d8eb;
    }

    /* Handle */
    .tableWrapper[b-tx8wafq4uy]::-webkit-scrollbar-thumb {
        background: var(--lightblue);
    }

        /* Handle Hover */
        .tableWrapper[b-tx8wafq4uy]::-webkit-scrollbar-thumb:hover {
            background: var(--blue);
        }


.rootTable[b-tx8wafq4uy] {
    width: 100%;
    background-color: var(--blue-sky-background);
    border: 1px solid var(--black);
    border-collapse: collapse;
}

    .rootTable th[b-tx8wafq4uy], .rootTable td[b-tx8wafq4uy] {
        padding: 5px 8px;
        border: 7px solid var(--blue-sky-background);
    }

    .rootTable th[b-tx8wafq4uy] {
        font-weight: 500;
        background-color: var(--blue-sky);
        position: sticky;
        top: 0;
        cursor: pointer;
    }

        .rootTable th .tableHeaderWrapper[b-tx8wafq4uy] {
            width: 100%;
            height: 100%;
            padding: 0 1rem 0 0;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .rootTable th .sortIcon[b-tx8wafq4uy] {
            color: var(--blue-darker);
        }

    .rootTable td[b-tx8wafq4uy] {
        background-color: var(--white-fb);
    }

    .rootTable tr:hover td[b-tx8wafq4uy] {
        background-color: var(--table-hover);
    }




/*for delete & edit icon*/
.actionCol[b-tx8wafq4uy] {
    /*    display: flex;*/
    /*    justify-content: space-around;*/
    text-align: center;
}

.actionIcon:disabled[b-tx8wafq4uy],
.actionIcon[disabled][b-tx8wafq4uy] {
    color: #666666;
    cursor: default;
}

    .actionIcon:disabled:hover[b-tx8wafq4uy],
    .actionIcon[disabled]:hover[b-tx8wafq4uy] {
        color: #666666;
    }

.deleteIcon[b-tx8wafq4uy] {
    color: var(--red-backup);
    cursor: pointer;
    margin-left: 5px;
}

    .deleteIcon:hover[b-tx8wafq4uy] {
        color: var(--red-darker);
    }

.editIcon[b-tx8wafq4uy] {
    color: var(--green-backup);
    cursor: pointer;
    display: inline-block;
    margin-left: 5px;
}

    .editIcon:hover[b-tx8wafq4uy] {
        color: var(--greenground-hover);
    }

.assignIcon[b-tx8wafq4uy] {
    color: var(--blue);
    cursor: pointer;
    display: inline-block;
}

    .assignIcon:hover[b-tx8wafq4uy] {
        color: var(--blue-sky);
    }
/*end for delete & edit icon*/
/* _content/PSAIM-AuditTools/Shared/Parts/Facility/SiteContentScroll.razor.rz.scp.css */
/* GLOBAL */
/* Hidden arrow Number CSS */
/* Chrome, Safari, Edge, Opera */
input[b-29nzpvmdb5]::-webkit-outer-spin-button,
input[b-29nzpvmdb5]::-webkit-inner-spin-button,
textarea[b-29nzpvmdb5]::-webkit-outer-spin-button,
textarea[b-29nzpvmdb5]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number][b-29nzpvmdb5] {
    -moz-appearance: textfield;
}

/* End of GLOBAL */
/* End of hidden arrow Number */

.vertical_menu[b-29nzpvmdb5]::-webkit-scrollbar {
    width: 16px;
    height: 16px;
}

.vertical_menu[b-29nzpvmdb5]::-webkit-scrollbar-corner,
.vertical_menu[b-29nzpvmdb5]::-webkit-scrollbar-track {
    background-color: #ECEEEF;
}

/* Handle */
.vertical_menu[b-29nzpvmdb5]::-webkit-scrollbar-thumb {
    background-color: #B8D6EB;
    background-clip: padding-box;
    border: 2px solid transparent;
    border-radius: 2px;
}

    .vertical_menu[b-29nzpvmdb5]::-webkit-scrollbar-thumb:hover {
        background-color: var(--table-hover);
    }

    .vertical_menu[b-29nzpvmdb5]::-webkit-scrollbar-thumb:active {
        background-color: var(--table-hover);
    }

/* Buttons */
.vertical_menu[b-29nzpvmdb5]::-webkit-scrollbar-button:single-button {
    background-color: rgb(241, 241, 241);
    display: block;
    background-size: 10px;
    background-repeat: no-repeat;
}

    /* Up */
    .vertical_menu[b-29nzpvmdb5]::-webkit-scrollbar-button:single-button:vertical:decrement {
        height: 12px;
        width: 16px;
        background-position: center 4px;
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(96, 96, 96)'><polygon points='50,00 0,50 100,50'/></svg>");
    }

        .vertical_menu[b-29nzpvmdb5]::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
            background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(112, 112, 112)'><polygon points='50,00 0,50 100,50'/></svg>");
        }

        .vertical_menu[b-29nzpvmdb5]::-webkit-scrollbar-button:single-button:vertical:decrement:active {
            background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(128, 128, 128)'><polygon points='50,00 0,50 100,50'/></svg>");
        }

    /* Down */
    .vertical_menu[b-29nzpvmdb5]::-webkit-scrollbar-button:single-button:vertical:increment {
        height: 12px;
        width: 16px;
        background-position: center 2px;
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(96, 96, 96)'><polygon points='0,0 100,0 50,50'/></svg>");
    }

        .vertical_menu[b-29nzpvmdb5]::-webkit-scrollbar-button:single-button:vertical:increment:hover {
            background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(112, 112, 112)'><polygon points='0,0 100,0 50,50'/></svg>");
        }

        .vertical_menu[b-29nzpvmdb5]::-webkit-scrollbar-button:single-button:vertical:increment:active {
            background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(128, 128, 128)'><polygon points='0,0 100,0 50,50'/></svg>");
        }

.vertical_menu[b-29nzpvmdb5] {
    /*background-color: #B7DDF4;*/
    width: 100%;
    height: 34.4rem;
    /* padding: 0rem 0.5rem; */
    font-size: 1rem;
    overflow-y: scroll;
    align-items: center;
}

    .vertical_menu a[b-29nzpvmdb5],
    .vertical_menu .titleGroup[b-29nzpvmdb5] {
        /*background-color: var(--white-fb);*/
        color: black;
        display: block;
        padding: 0.75rem;
        border-radius: 0.125rem;
        text-decoration: none;
    }

    .vertical_menu > a[b-29nzpvmdb5] {
        margin-top: 0;
        padding-left: 35px;
        padding-right: 35px;
        display: flex;
        justify-content: space-between;
        border-bottom: 2px solid #DCDEDF;
    }

        .vertical_menu > a.even[b-29nzpvmdb5] {
            background-color: #FFFFFF;
        }

        .vertical_menu > a.odd[b-29nzpvmdb5] {
            background-color: #F8FCFF;
        }

        .vertical_menu > a > p[b-29nzpvmdb5] {
            display: block;
            width: 250px;
            font-weight: 500;
        }

        .vertical_menu > a p.site[b-29nzpvmdb5] {
            color: #2F3133;
        }

        .vertical_menu > a p.non-site[b-29nzpvmdb5] {
            color: #595D61 !important;
        }

        .vertical_menu > a .statusWrapper[b-29nzpvmdb5] {
            min-width: 100px;
        }

    .vertical_menu .titleGroup[b-29nzpvmdb5] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-left: 35px;
        padding-right: 35px;
        color: #063251;
        background-color: #D8E7F2;
        border-radius: 4px 4px 0 0;
        position: sticky;
        top: 0;
        left: 0;
        /*border: 0.6875rem outset #B7DDF4 solid;*/
        /*outline: 0.6875rem #B7DDF4 solid;*/
    }

    .vertical_menu h3.title[b-29nzpvmdb5] {
        width: 250px;
        color: #006CB8;
        min-width: 100px;
    }

    .vertical_menu h3.title.status[b-29nzpvmdb5]{
        width: 100px;
    }

    .vertical_menu .status[b-29nzpvmdb5]{
        width: 100px;
    }

    .vertical_menu div.status[b-29nzpvmdb5]{
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: mediumseagreen; /*orange red mediumseagreen*/
    }



    .vertical_menu div.red[b-29nzpvmdb5]{
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: red; /*100*/
    }

        .vertical_menu div.orange[b-29nzpvmdb5]{
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background-color: orange; /*200*/
        }

        .vertical_menu div.green[b-29nzpvmdb5]{
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background-color: mediumseagreen; /*300*/
        }

    .vertical_menu a:hover[b-29nzpvmdb5] {
        background-color: rgb(235, 236, 237);
    }

    .vertical_menu a.active[b-29nzpvmdb5] {
        background-color: #04AA6D;
        color: white;
    }

@media only screen and (max-width: 1440px) {
    .root > input.loginForm[b-29nzpvmdb5] {
        padding: 1rem 1.5rem;
        font-size: 1rem;
    }
}
/* _content/PSAIM-AuditTools/Shared/Parts/Facility/SiteList.razor.rz.scp.css */
.root[b-4k8vnzki9n] {
    display: grid;
    grid-template-columns: 1fr;
    justify-items: center;
    padding-top: .375rem;
    padding-bottom: 2.375rem;
    margin-left: 3.375rem;
    margin-right: 3.375rem;
    /* background-color: aliceblue; */
}

.questionContent[b-4k8vnzki9n] {
    padding: 3rem 5rem;
    margin-bottom: 10rem;
}

.buttonAreaWrapper[b-4k8vnzki9n] {
    margin-top: 5rem;
}

    .buttonAreaWrapper button[type=submit][b-4k8vnzki9n],
    .buttonAreaWrapper button[type=reset][b-4k8vnzki9n] {
        float: right;
    }

    .buttonAreaWrapper button:nth-child(2)[b-4k8vnzki9n] {
        margin-right: 2rem;
    }

.inputRoot[b-4k8vnzki9n] {
    margin-bottom: 1.875rem;
}

.filterGroup[b-4k8vnzki9n] {
    display: grid;
    justify-content: center;
    /*    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));*/
    grid-template-columns: 1fr 1fr 1fr;
    width: 100%;
    margin-bottom: 0.75rem;
}

.filterWrapper[b-4k8vnzki9n] {
    /*    flex: 1;*/
    margin: 0 1rem 1rem;
    position: relative;
}

    .filterWrapper.filterSearchWrapper[b-4k8vnzki9n] {
        grid-column: span 1;
        /*margin-top: 3rem;*/
    }

    .filterWrapper label[b-4k8vnzki9n] {
        display: block;
        margin-bottom: .25rem;
    }

.filterItem select[b-4k8vnzki9n] {
    width: 100%;
    padding: 0.5rem 1rem;
    font-size: 1rem;
    border-radius: 10px;
    border: 1px solid var(--grey-border);
    transition: .2s all;
    cursor: pointer;
}

    .filterItem select[b-4k8vnzki9n]::-webkit-input-placeholder {
        color: var(--grey);
    }

    .filterItem select:focus[b-4k8vnzki9n] {
        outline: none;
        background-color: rgba(214, 238, 247, 0.5);
        border: 1px solid var(--blue);
        box-shadow: 0 0 3px var(--blue);
    }

    .filterItem select > option[b-4k8vnzki9n] {
        border-radius: 10px;
    }

.filterWrapper .resetDropdownButton[b-4k8vnzki9n] {
    position: absolute;
    right: 1.5rem;
    bottom: .65rem;
    background-color: transparent;
    font-family: 'Roboto', sans-serif;
    font-size: 1rem;
    /*    font-weight: bold;*/
    border: 0 solid transparent;
    cursor: pointer;
}

    .filterWrapper .resetDropdownButton:hover[b-4k8vnzki9n] {
        text-decoration: underline;
    }

.filterSearchWrapper[b-4k8vnzki9n] {
}

@media only screen and (max-width: 1440px) {
    .root[b-4k8vnzki9n] {
        margin-left: 2rem;
        margin-right: 2rem;
    }
}

@media only screen and (max-width: 1366px) {
    .filterGroup[b-4k8vnzki9n] {
        display: grid;
        justify-content: center;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        gap: 10px;
    }

    .filterWrapper[b-4k8vnzki9n] {
        margin-bottom: 0;
    }

        .filterWrapper.regionFilter[b-4k8vnzki9n], .filterWrapper.filterSearchWrapper[b-4k8vnzki9n] {
            grid-column: auto;
        }
}

@media only screen and (max-width: 1080px) {
    .root[b-4k8vnzki9n] {
        margin-left: 2rem;
        margin-right: 2rem;
    }

    .filterGroup[b-4k8vnzki9n] {
        display: flex;
        flex-direction: column;
    }

    .filterWrapper[b-4k8vnzki9n] {
        margin: 0;
        margin-bottom: .5rem;
    }
}

@media only screen and (max-width: 800px) {
    .root[b-4k8vnzki9n] {
        margin-left: 1rem;
        margin-right: 1rem;
    }
}


/* ======Input Styling (Input Search)====== */

input[b-4k8vnzki9n]::-webkit-outer-spin-button,
input[b-4k8vnzki9n]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input.searchInput[b-4k8vnzki9n] {
    width: 100%;
    padding: 0.5rem 1rem;
    font-size: 1.125rem;
    border-radius: 10px;
    border: 1px solid var(--grey-border);
    transition: .2s all;
}

.input.searchInput[b-4k8vnzki9n]::-webkit-input-placeholder {
    color: var(--grey-border);
}

.input.searchInput:focus[b-4k8vnzki9n] {
    outline: none;
    background-color: rgba(214, 238, 247, 0.5);
    border: 1px solid var(--blue);
    box-shadow: 0 0 3px var(--blue);
}
/* ======End of Input Styling (Input Search)====== */
/* _content/PSAIM-AuditTools/Shared/Parts/FilterGroup.razor.rz.scp.css */
.rootComponent[b-8ams1obb5m] {
    background-color: var(--white);
    padding: 28px;
    border-radius: 8px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    transition: .3s all;
}

    .rootComponent:hover[b-8ams1obb5m] {
        box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25);
    }

.boxTitle[b-8ams1obb5m] {
    margin-bottom: 46px;
    color: var(--blue);
    font-size: 26px;
    font-weight: 700;
}

.radioButtonGroup[b-8ams1obb5m] {
    margin-bottom: 26px;
    display: flex;
    justify-content: space-between;
}

hr.boxBlockLine[b-8ams1obb5m] {
    margin-bottom: 35px;
}

.dropdownGroup[b-8ams1obb5m] {
}

.options[b-8ams1obb5m] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
}

.filterOrgWrapper[b-8ams1obb5m] {
    border-right: 1px solid #E0E0E0;
    padding-right: 30px;
    margin-right: 36px;
}

.filterYearWrapper[b-8ams1obb5m] {
    width: 100%;
}

.selectOrgLevelTitle[b-8ams1obb5m], .selectOrgTitle[b-8ams1obb5m], [b-8ams1obb5m] .yearsDropdown label {
    margin-bottom: 12px;
    color: var(--green) !important;
    font-size: 1rem;
    font-weight: 400;
}
/* _content/PSAIM-AuditTools/Shared/Parts/Footer.razor.rz.scp.css */
.root[b-bme1m53r81] {
    background-color: var(--blue);
    padding: 3.125rem 9rem 3.75rem;
    color: white;
}

.footerWrapper[b-bme1m53r81] {
    display: flex;
}

.leftFooter[b-bme1m53r81] {
    flex: 3;
    display: flex;
    justify-content: space-evenly;
    /* background-color: red; */
}

.rightFooter[b-bme1m53r81] {
    flex: 1;
}

.column[b-bme1m53r81] {
    /* background-color: aqua; */
}

.title[b-bme1m53r81] {
    font-size: 1.25rem;
    font-weight: 700;
    display: block;
    margin-bottom: .5rem;
}

.menuList[b-bme1m53r81] {
    list-style-type: none;
}

    .menuList li[b-bme1m53r81] {
        margin-bottom: .25rem;
    }

    .menuList a[b-bme1m53r81] {
        text-decoration: none;
        color: var(--white);
        font-size: .875rem;
    }

        .menuList a:hover[b-bme1m53r81] {
            text-decoration: underline;
        }

.rightFooter h2[b-bme1m53r81] {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: .75rem;
}

.rightFooter .number[b-bme1m53r81] {
    font-size: 3.125rem;
    font-weight: 700;
    display: block;
    margin-bottom: 1.5rem;
}

.rightFooter p[b-bme1m53r81] {
    font-size: 0.875rem;
    margin-bottom: 0.5625rem;
}

.rightFooter .socialMedia[b-bme1m53r81] {
    margin-top: 1.5rem;
    display: flex;
}

    .rightFooter .socialMedia ul[b-bme1m53r81] {
        display: flex;
        list-style: none;
        margin-right: .9rem;
    }

.socialMedia ul li[b-bme1m53r81] {
    padding-left: 5px;
    padding-right: 5px;
}

    .socialMedia ul li img[b-bme1m53r81] {
        width: 42px;
    }

.socialMedia span[b-bme1m53r81] {
    display: flex;
    justify-content: center;
    align-items: center;
    border-left: 4px solid var(--white);
    padding-left: 0.9rem;
    font-size: 1.25rem;
    font-weight: 700;
}

hr.footer[b-bme1m53r81] {
    margin-top: 9.8rem;
}

span.copy[b-bme1m53r81] {
    display: block;
    margin-top: 0.5625rem;
    font-size: .875rem;
}

@media only screen and (max-width: 1440px) {
    .root[b-bme1m53r81] {
        padding: 3.125rem 7rem 3.75rem;
    }

    .socialMedia ul li img[b-bme1m53r81] {
        width: 32px;
    }
}

@media only screen and (max-width: 1280px) {
    .root[b-bme1m53r81] {
        padding: 3.125rem 4rem 3.75rem;
    }

    .socialMedia ul li img[b-bme1m53r81] {
        width: 23px;
    }

    .leftFooter[b-bme1m53r81] {
        justify-content: space-between;
        padding-right: 2.8rem;
    }

    .title[b-bme1m53r81],
    .rightFooter h2[b-bme1m53r81] {
        font-size: 1rem;
    }
}

@media only screen and (max-width: 1280px) {
    .leftFooter[b-bme1m53r81] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        row-gap: 1rem;
        justify-content: center;
    }

    .column[b-bme1m53r81] {
        width: 70%;
        height: 100%;
        margin: auto;
    }

    hr.footer[b-bme1m53r81] {
        margin-top: 8rem;
    }
}

@media only screen and (max-width: 960px) {
    .root[b-bme1m53r81] {
        padding: 3.125rem 6rem 3.75rem;
    }

    .footerWrapper[b-bme1m53r81] {
        flex-direction: column;
    }

    .leftFooter[b-bme1m53r81] {
        grid-template-columns: 2fr 1fr;
        row-gap: 3rem;
        padding-right: 0;
    }

    .column[b-bme1m53r81] {
        width: 100%;
    }

    .rightFooter[b-bme1m53r81] {
        margin-top: 3rem;
    }
}

@media only screen and (max-width: 600px) {
    .root[b-bme1m53r81] {
        padding: 3.125rem 2rem 3.75rem;
    }
}

@media only screen and (max-width: 500px) {

    .leftFooter[b-bme1m53r81] {
        grid-template-columns: 1fr;
    }

    span.copy[b-bme1m53r81] {
        line-height: 26px;
    }

        span.copy span[b-bme1m53r81] {
            display: block;
            line-height: 26px;
        }
}
/* _content/PSAIM-AuditTools/Shared/Parts/LandingPage/FeatureSection.razor.rz.scp.css */
.root[b-ybwlsptgow] {
    display: flex;
    background-color: var(--grey);
    padding: 8rem 8rem;
    flex-direction: column;
}

.featureWrapper[b-ybwlsptgow] {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

    .featureWrapper h2[b-ybwlsptgow] {
        color: var(--blue);
        font-size: 2.3125rem;
        font-weight: 800;
        margin-bottom: 1.5rem;
        filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.5));
    }

    .featureWrapper span[b-ybwlsptgow] {
        color: var(--blue);
        font-size: 1.625rem;
        font-weight: 600;
        line-height: 30px;
        display: block;
        margin-bottom: 1.5rem;
    }

    .featureWrapper p[b-ybwlsptgow] {
        font-size: 15px;
        line-height: 36px;
        align-items: justify;
        margin-bottom: 2rem;
    }

        .featureWrapper p:last-child[b-ybwlsptgow] {
            margin-bottom: 2.375rem;
        }

    .featureWrapper img[b-ybwlsptgow] {
        max-width: 90%;
        margin-bottom: 100px;
    }

@media only screen and (max-width: 1440px) {
    .featureWrapper span[b-ybwlsptgow] {
        font-size: 1.375rem;
        line-height: 25px;
    }

    .featureWrapper p[b-ybwlsptgow] {
        font-size: 1rem;
        line-height: 28px;
    }
}

@media only screen and (max-width: 1280px) {
    .root[b-ybwlsptgow] {
        padding: 7rem 8rem;
    }

    .featureWrapper p[b-ybwlsptgow] {
        font-size: 0.875rem;
        line-height: 24px;
    }
}

@media only screen and (max-width: 1024px) {
    .root[b-ybwlsptgow] {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr;
        padding-bottom: 0;
        text-align: center;
        padding-left: 75px;
        padding-right: 75px;
    }

    .leftSide[b-ybwlsptgow] {
        padding-right: 0;
        margin-bottom: 6rem;
    }

    .featureWrapper[b-ybwlsptgow] {
        display: flex;
        margin-bottom: 100px;
        flex-direction: column-reverse;
    }

        .featureWrapper img[b-ybwlsptgow] {
            margin-bottom: 25px;
        }

        .featureWrapper h2[b-ybwlsptgow],
        .featureWrapper span[b-ybwlsptgow] {
            text-align: center;
        }
}

@media only screen and (max-width: 800px) {
    .root[b-ybwlsptgow] {
        padding: 7rem 5rem;
    }
}

@media only screen and (max-width: 770px) {
    .root[b-ybwlsptgow] {
        padding: 3rem;
    }

        .featureWrapper img[b-ybwlsptgow] {
            max-width: 99%;
        }
}

@media only screen and (max-width: 500px) {
    .root[b-ybwlsptgow] {
        padding: 5rem 2rem;
    }

    .featureWrapper h2[b-ybwlsptgow] {
        font-size: 2rem;
    }
}

@media only screen and (max-width: 471px) {
    .root[b-ybwlsptgow] {
        padding: 4rem 1rem;
    }
}
/* _content/PSAIM-AuditTools/Shared/Parts/LandingPage/HeaderSection.razor.rz.scp.css */
.root[b-my2aqj3wgk] {
    background-image: url('/assets/img/Pertamina-Building-Big-Image.jpg');
    background-size: cover;
    background-position: 0 -260px;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.leftSide[b-my2aqj3wgk] {
    padding: 8.25rem 1rem 15.8rem 9.2rem;
    color: var(--white);
}

.websiteDescriptionBox[b-my2aqj3wgk] {
    background-color: var(--blue);
    padding: 3.75rem 4.25rem;
    border-radius: 13px;
}

    .websiteDescriptionBox h1[b-my2aqj3wgk] {
        font-size: 2.3125rem;
        margin-bottom: 2.25rem;
        filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.5));
    }

    .websiteDescriptionBox span.subtitle[b-my2aqj3wgk] {
        display: inline-block;
        font-size: 1.625rem;
        margin-bottom: 2.25rem;
    }

    .websiteDescriptionBox p[b-my2aqj3wgk] {
        display: inline-block;
        font-size: 1.25rem;
        margin-bottom: 5rem;
        line-height: 34px;
        text-align: left;
    }

.rightSide[b-my2aqj3wgk] {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .rightSide img[b-my2aqj3wgk] {
        width: 80%;
    }


@media only screen and (max-width: 1919px) {
    .root[b-my2aqj3wgk] {
        background-position: 0 0;
    }
}

@media only screen and (max-width: 1440px) {
    .websiteDescriptionBox[b-my2aqj3wgk] {
        padding: 3.75rem 3rem;
    }

        .websiteDescriptionBox span.subtitle[b-my2aqj3wgk] {
            font-size: 1.375rem;
        }

        .websiteDescriptionBox p[b-my2aqj3wgk] {
            font-size: 1rem;
            line-height: 28px;
        }
}



/* Laptops */
@media only screen and (max-width: 1280px) {
    .leftSide[b-my2aqj3wgk] {
        padding-left: 6rem;
    }

    .rightSide img[b-my2aqj3wgk] {
        width: 90%;
    }
}

/* Small Screen Desktop/Tablet */
@media only screen and (max-width: 1024px) {
    .root[b-my2aqj3wgk] {
        grid-template-rows: .5fr 1fr;
        grid-template-columns: 1fr;
    }

    .leftSide[b-my2aqj3wgk] {
        order: 2;
        padding: 5rem;
    }

    .rightSide[b-my2aqj3wgk] {
        order: 1;
        margin-top: 120px;
    }

        .rightSide img[b-my2aqj3wgk] {
            width: 80%;
        }
}

/* Small Tablet/Ipad and Down */
@media only screen and (max-width: 800px) {
    .leftSide[b-my2aqj3wgk] {
        padding: 2rem;
    }
}

/* Mobile Devices (min. 320px --> iphone 5) */
@media only screen and (max-width: 481px) {
    .root[b-my2aqj3wgk] {
        grid-template-rows: .45fr 1fr;
    }

    .leftSide[b-my2aqj3wgk] {
        padding: .8rem;
    }

    .rightSide[b-my2aqj3wgk] {
        margin-top: 80px;
    }

    .websiteDescriptionBox[b-my2aqj3wgk] {
        padding: 2rem;
        border-radius: 13px;
    }

        .websiteDescriptionBox h1[b-my2aqj3wgk] {
            font-size: 1.75rem;
            margin-bottom: 2.25rem;
            text-align: center;
        }

        .websiteDescriptionBox span.subtitle[b-my2aqj3wgk] {
            font-size: 1.25rem;
            margin-bottom: 2.5rem;
            text-align: center;
        }

        .websiteDescriptionBox p[b-my2aqj3wgk] {
            font-size: 1rem;
            margin-bottom: 5rem;
            line-height: 30px;
        }
}
/* _content/PSAIM-AuditTools/Shared/Parts/LandingPage/PolicySection.razor.rz.scp.css */
.root[b-bwjdo36f1w] {
    padding-top: 6.875rem;
    padding-bottom: 12.5rem;
    background-color: rgba(80, 181, 241, 1);
}

.title[b-bwjdo36f1w] {
    text-align: center;
    color: white;
    font-weight: bold;
    font-size: 36px;
}

h2.title[b-bwjdo36f1w] {
    text-align: center;
    color: white;
    font-size: 64px;
    font-weight: bold;
    margin-bottom: 100px;
}

.content[b-bwjdo36f1w] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 2.5rem;
    justify-content: center;
    align-content: center;
    width: 75%;
    margin: auto;
}

.contentItem[b-bwjdo36f1w] {
    text-align: center;
    height: 100%;
    margin: auto;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

    .contentItem img[b-bwjdo36f1w] {
        width: 85%;
    }

    .contentItem h3[b-bwjdo36f1w] {
        font-size: 37px;
        margin-top: 3rem;
        margin-bottom: 1.75rem;
    }

    .contentItem p[b-bwjdo36f1w] {
        font-size: 20px;
        font-weight: 400;
        line-height: 30px;
        text-align: left;
    }

@media only screen and (max-width: 1440px) {
    .content[b-bwjdo36f1w] {
        width: 90%;
    }

    .contentItem h3[b-bwjdo36f1w] {
        font-size: 1.6875rem;
    }

    .contentItem p[b-bwjdo36f1w] {
        font-size: 1.375rem;
        line-height: 25px;
    }
}

@media only screen and (max-width: 1280px) {

    .contentItem[b-bwjdo36f1w] {
        width: 90%;
    }

        .contentItem h3[b-bwjdo36f1w] {
            font-size: 1.375rem;
        }

        .contentItem p[b-bwjdo36f1w] {
            font-size: 1.1rem;
            line-height: 21px;
        }
}

@media only screen and (max-width: 1024px) {
    .content[b-bwjdo36f1w] {
        justify-content: center;
        align-items: center;
    }
}

@media only screen and (max-width: 960px) {
    .content[b-bwjdo36f1w] {
        grid-template-columns: 1fr 1fr;
    }

    .contentItem[b-bwjdo36f1w] {
        width: 100%;
    }
}

@media only screen and (max-width: 800px) {
    .contentItem p[b-bwjdo36f1w] {
        text-align: center;
    }
}

@media only screen and (max-width: 700px) {
    .title[b-bwjdo36f1w] {
        font-size: 2.5rem;
    }

    .content[b-bwjdo36f1w] {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr;
        gap: 5rem;
    }

    .contentItem:last-child[b-bwjdo36f1w] {
        grid-column: 1;
        width: 100%;
    }

    .contentItem h3[b-bwjdo36f1w] {
        margin-top: 2rem;
        margin-bottom: 1rem;
    }

    .contentItem img[b-bwjdo36f1w] {
        width: 60%;
    }

    .contentItem p[b-bwjdo36f1w] {
        text-align: center;
    }
}

@media only screen and (max-width: 500px) {
    .title[b-bwjdo36f1w] {
        font-size: 2rem;
        padding: 0 .75rem;
    }

    .contentItem img[b-bwjdo36f1w] {
        width: 85%;
    }
}




}
/* _content/PSAIM-AuditTools/Shared/Parts/LandingPage/QuotesSection.razor.rz.scp.css */
.root[b-qi4novbhwt] {
    background-color: var(--blue);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8.125rem 18rem;
}

.quotesText[b-qi4novbhwt] {
    position: relative;
}

.quotesOpen[b-qi4novbhwt] {
    position: absolute;
    top: -30px;
    left: -150px;
}

.quotesClose[b-qi4novbhwt] {
    position: absolute;
    bottom: 40px;
    right: -150px;
}

.quotesText p[b-qi4novbhwt] {
    font-size: 2.8125rem;
    font-weight: 500;
    line-height: 63px;
    text-align: justify;
    color: var(--white);
    margin-bottom: 2.5rem;
}

.quotesSource[b-qi4novbhwt] {
    font-size: 1.625rem;
    font-weight: 600;
    line-height: 30px;
    color: var(--white);
}

@media only screen and (max-width: 1440px) {
    .quotesText p[b-qi4novbhwt] {
        font-size: 1.6875rem;
        line-height: 46px;
    }

    .quotesSource[b-qi4novbhwt] {
        font-size: 1.375rem;
    }
}

@media only screen and (max-width: 1280px) {
    .root[b-qi4novbhwt] {
        padding: 7.5rem 15rem;
    }

    .quotesText p[b-qi4novbhwt] {
        font-size: 1.375rem;
        line-height: 35px;
    }

    .quotesSource[b-qi4novbhwt] {
        font-size: 1.375rem;
    }

    .quotesOpen img[b-qi4novbhwt],
    .quotesClose img[b-qi4novbhwt] {
        width: 80%;
    }

    .quotesOpen[b-qi4novbhwt] {
        top: -40px;
        left: -120px;
    }

    .quotesClose[b-qi4novbhwt] {
        bottom: 20px;
        right: -150px;
    }
}

@media only screen and (max-width: 1024px) {
    .root[b-qi4novbhwt] {
        padding: 6rem 10rem;
    }

    .quotesOpen img[b-qi4novbhwt],
    .quotesClose img[b-qi4novbhwt] {
        width: 50%;
    }

    .quotesOpen[b-qi4novbhwt] {
        top: -20px;
        left: -80px;
    }

    .quotesClose[b-qi4novbhwt] {
        bottom: 40px;
        right: -150px;
    }
}

@media only screen and (max-width: 800px) {
    .root[b-qi4novbhwt] {
        padding: 6rem 8rem;
    }
}

@media only screen and (max-width: 769px) {
    .root[b-qi4novbhwt] {
        padding: 4rem 6rem;
    }

    .quotesClose[b-qi4novbhwt] {
        bottom: 70px;
    }
}

@media only screen and (max-width: 600px) {
    .quotesText p[b-qi4novbhwt], .quotesSource[b-qi4novbhwt] {
        font-size: 1rem;
        line-height: 25px;
    }
}

@media only screen and (max-width: 481px) {
    .root[b-qi4novbhwt] {
        padding: 4rem 4rem;
    }

    .quotesOpen img[b-qi4novbhwt],
    .quotesClose img[b-qi4novbhwt] {
        width: 40%;
    }

    .quotesOpen[b-qi4novbhwt] {
        left: -60px;
    }

    .quotesClose[b-qi4novbhwt] {
        right: -140px;
    }
}

@media only screen and (max-width: 371px) {
    .root[b-qi4novbhwt] {
        padding: 3rem 3rem;
    }

    .quotesOpen img[b-qi4novbhwt],
    .quotesClose img[b-qi4novbhwt] {
        width: 30%;
    }

    .quotesOpen[b-qi4novbhwt] {
        left: -44px;
    }

    .quotesClose[b-qi4novbhwt] {
        right: -140px;
        bottom: 90px;
    }
}
/* _content/PSAIM-AuditTools/Shared/Parts/LoginPopup.razor.rz.scp.css */
.root[b-wvyzqbdyxb] {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.425);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99;
}

.popupWrapper[b-wvyzqbdyxb] {
    background-color: var(--white);
    display: flex;
    width: 80%;
    /* height: 60%; */
    height: 784px;
    position: relative;
}

.leftImage[b-wvyzqbdyxb] {
    flex: 1;
    background-image: url('../../../assets/img/loginpage-image.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    appearance: none;
    /* Firefox */
    -moz-appearance: none;
    /* Safari and Chrome */
    -webkit-appearance: none;
}

.rightContent[b-wvyzqbdyxb] {
    flex: 1.5;
    overflow: auto;
}

.contentWrapper[b-wvyzqbdyxb] {
    width: 50%;
    margin-top: 7.25rem;
    margin-left: 10rem;
    padding-bottom: 3rem;
}

.rightContent h2[b-wvyzqbdyxb] {
    margin-bottom: 2.5rem;
    color: var(--blue);
    font-size: 2.3125rem;
    font-weight: 800;
}

[b-wvyzqbdyxb] .inputForm {
    width: 100%;
    margin-bottom: 1.375rem;
    padding: 1.25rem 2rem;
    font-size: 1.125rem;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    border-radius: 10px;
    border: 1px solid var(--grey-border);
    transition: .2s all;
}

    [b-wvyzqbdyxb] .inputForm::-webkit-input-placeholder {
        color: var(--grey-border);
    }

    [b-wvyzqbdyxb] .inputForm:focus {
        outline: none;
        background-color: rgba(214, 238, 247, 0.5);
        border: 1px solid var(--blue);
        box-shadow: 0 0 3px var(--blue);
    }

    [b-wvyzqbdyxb] .inputForm:nth-child(2) {
        margin-bottom: 2.5rem;
    }

hr.login[b-wvyzqbdyxb] {
    margin-top: 3.75rem;
    margin-bottom: 1.875rem;
}

.manageAccount[b-wvyzqbdyxb] {
    display: flex;
}

.left[b-wvyzqbdyxb] {
    flex: 1;
    text-align: left;
}

.right[b-wvyzqbdyxb] {
    flex: 1;
    text-align: right;
}

.left p[b-wvyzqbdyxb] {
    font-family: 'Poppins', sans-serif;
    color: #4C4F7C;
    font-size: 1rem;
    font-weight: 500;
}

.right a[b-wvyzqbdyxb] {
    font-family: 'Poppins', sans-serif;
    color: #007DFA;
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none;
}

    .right a:hover[b-wvyzqbdyxb] {
        text-decoration: underline;
    }

    .left p:first-child[b-wvyzqbdyxb],
    .right a:first-child[b-wvyzqbdyxb] {
        display: block;
        margin-bottom: 1.5rem;
    }


.exitIcon[b-wvyzqbdyxb] {
    position: absolute;
    top: 3rem;
    right: 4rem;
    font-size: 3rem;
    color: var(--red);
    cursor: pointer;
}

    .exitIcon:hover[b-wvyzqbdyxb] {
        color: var(--redground-hover);
    }

@media only screen and (max-width: 1440px) {
    .popupWrapper[b-wvyzqbdyxb] {
        height: 85%;
    }

    .leftImage[b-wvyzqbdyxb] {
        background-position: calc(15%);
    }

    .contentWrapper[b-wvyzqbdyxb] {
        width: 55%;
        margin-top: 4.5rem;
        margin-left: 6.5rem;
    }

    .rightContent h2[b-wvyzqbdyxb] {
        margin-bottom: 2rem;
        font-size: 1.7rem;
    }

    [b-wvyzqbdyxb] .inputForm {
        margin-bottom: 1rem;
        padding: 1rem 1.5rem;
        font-size: 1rem;
    }

        [b-wvyzqbdyxb] .inputForm:nth-child(2) {
            margin-bottom: 1.5rem;
        }

    .left p[b-wvyzqbdyxb],
    .right a[b-wvyzqbdyxb] {
        font-size: .875rem;
    }


    .exitIcon[b-wvyzqbdyxb] {
        position: absolute;
        top: 1.5rem;
        right: 2rem;
        font-size: 2rem;
    }
}

@media only screen and (max-width: 1280px) {

    .contentWrapper[b-wvyzqbdyxb] {
        margin-left: 5rem;
        width: 65%;
    }
}

@media only screen and (max-width: 1024px) {
    .leftImage[b-wvyzqbdyxb] {
        display: none;
    }


    .rightContent[b-wvyzqbdyxb] {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .contentWrapper[b-wvyzqbdyxb] {
        margin-left: 0;
        width: 60%;
    }
}

@media only screen and (max-width: 769px) {
    .contentWrapper[b-wvyzqbdyxb] {
        width: 80%;
    }
}

@media only screen and (max-width: 380px) {
    .rightContent h2[b-wvyzqbdyxb] {
        margin-top: 8rem;
    }
}
/* _content/PSAIM-AuditTools/Shared/Parts/NavigationList.razor.rz.scp.css */
/* docs: styling is copied from DashboardLayout.razor.css (21 Nov 2022) */

.mainNavigation[b-ejfy30yz0b] {
    /*margin-bottom: 1.375rem;*/
}

    .mainNavigation ul[b-ejfy30yz0b] {
        margin-right: 2px;
        list-style: none;
    }

        .mainNavigation ul li.mainNavigationItem[b-ejfy30yz0b] {
            background-color: var(--white);
            border-bottom: 3px solid var(--blue-darker-border);
            padding: 6px 1.25rem;
            transition: .3s;
            cursor: pointer;
        }

            .mainNavigation ul li.mainNavigationItem[b-ejfy30yz0b]  a,
            .mainNavigation ul li.mainNavigationItem div[b-ejfy30yz0b] {
                content: '';
                text-decoration: none;
                font-size: 0.875rem;
                color: var(--blue);
                font-weight: 500;
                display: flex;
                justify-content: flex-start;
                align-items: center;
                position: relative;
                transition: .3s;
            }

            .mainNavigation ul li.mainNavigationItem[b-ejfy30yz0b]:after {
                border: 1px solid var(--blue);
                position: relative;
            }

            .mainNavigation ul li.mainNavigationItem:hover[b-ejfy30yz0b] {
                background-color: var(--lightblue);
            }

            .mainNavigation ul li.mainNavigationItem span.tooltipText[b-ejfy30yz0b] {
                display: none;
                background-color: aliceblue;
                font-size: .9rem;
                font-weight: 500;
                color: var(--blue) !important;
                padding: 3px;
                text-align: left;
                border-radius: 5px;
                position: absolute;
                left: 150px;
                margin-left: -12px;
                z-index: 99;
                min-width: 200px;
                max-width: 500px;
                transition: .5s all;
                padding: 12px;
            }

            .mainNavigation ul li.mainNavigationItem:hover .tooltipText[b-ejfy30yz0b] {
                display: block;
            }

            .mainNavigation ul li.mainNavigationItem:hover[b-ejfy30yz0b]  a,
            .mainNavigation ul li.mainNavigationItem:hover div[b-ejfy30yz0b] {
                color: var(--white);
            }

            .mainNavigation ul li.mainNavigationItem .arrow[b-ejfy30yz0b] {
                transition: .3s;
            }

                .mainNavigation ul li.mainNavigationItem .arrow.active[b-ejfy30yz0b] {
                    transform: rotate(-90deg);
                }


        /* docs: for active main menu */
        .mainNavigation ul li.active[b-ejfy30yz0b] {
            background-color: var(--blue);
            border-bottom: 3px solid var(--green-backup);
        }

        .mainNavigation ul li.additionalMenuItem.active[b-ejfy30yz0b] {
            border: 1px solid var(--white);
        }

            .mainNavigation ul li.listActiveBehavior.active a i[b-ejfy30yz0b],
            .mainNavigation ul li.listActiveBehavior.active a .mainNavItem[b-ejfy30yz0b],
            .mainNavigation ul li.listActiveBehavior.active a span[b-ejfy30yz0b],
            .mainNavigation ul li.active > div > .mainNavItem[b-ejfy30yz0b],
            .mainNavigation ul li.active > div > .mainNavItemIcon[b-ejfy30yz0b],
            .mainNavigation ul li.active > div > .arrow[b-ejfy30yz0b] {
                color: var(--white);
            }

li.dropdownLevelChildren[b-ejfy30yz0b] {
    /* for unactive accordion */
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
}

    /* for active accordion */
    li.dropdownLevelChildren.active[b-ejfy30yz0b] {
        background-color: red;
        color: var(--white);
        max-height: 100vh;
        transition: max-height 0.5s ease-in-out;
    }

.mainNavItemIcon[b-ejfy30yz0b] {
    font-size: 1.5rem;
    display: inline-block;
    margin-right: .5rem;
    flex: 1;
}

.mainNavItem[b-ejfy30yz0b] {
    flex: 6;
}

.additionalMenu[b-ejfy30yz0b] {
    margin-top: .75rem;
    margin-bottom: 1.2rem;
}

    .additionalMenu ul[b-ejfy30yz0b] {
        list-style: none;
        /*        padding-left: 18px;*/
        /*        padding-right: 18px;*/
    }

li.additionalMenuItem[b-ejfy30yz0b] {
    background-color: var(--white);
    padding: .3rem .75rem;
    margin-bottom: .75rem;
    cursor: pointer;
    border: 1px solid var(--blue);
    border-radius: 20px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    transition: .3s;
    margin-right: 18px;
    margin-left: 18px;
}

    li.additionalMenuItem[b-ejfy30yz0b]  a {
        color: var(--blue);
        text-align: center;
        width: 100%;
    }

    li.additionalMenuItem:hover[b-ejfy30yz0b] {
        background-color: var(--lightblue);
        border: 1px solid var(--white);
    }

        li.additionalMenuItem:hover[b-ejfy30yz0b]  a {
            color: var(--white);
        }

            li.additionalMenuItem:hover[b-ejfy30yz0b]  a .addNavItemIcon {
                background-color: var(--white);
                color: var(--lightblue);
            }

    li.additionalMenuItem[b-ejfy30yz0b]  a {
        display: block;
        font-size: .875rem;
        font-weight: 500;
        text-decoration: none;
    }

[b-ejfy30yz0b] a .addNavItemIcon {
    padding: 5px;
    margin-right: .875rem;
    background-color: var(--blue);
    color: white;
    border-radius: 50%;
    font-size: .75rem;
}

li.secondLevelNav[b-ejfy30yz0b] {
    margin-left: 10px;
}

li.thirdLevelNav[b-ejfy30yz0b] {
    margin-left: 20px;
}

.tooltip[b-ejfy30yz0b] {
}

    .tooltip:hover[b-ejfy30yz0b] {
    }
/* _content/PSAIM-AuditTools/Shared/Parts/Notesheet/NotesheetTable.razor.rz.scp.css */
.writeItBold[b-7bz2ysieqp] {
    font-weight: 500;
}

.rootComponent[b-7bz2ysieqp] {
    width: 100%;
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-weight: 400;
}

.paginationWrapper[b-7bz2ysieqp] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 1rem;
}

.tableWrapper[b-7bz2ysieqp] {
    width: 100%;
    max-height: 1200px;
    overflow: auto;
    padding-bottom: 1rem;
    box-shadow: 0 0 2px var(--black);
    background-color: var(--blue-sky-background);
}

    .tableWrapper[b-7bz2ysieqp]::-webkit-scrollbar {
        height: 10px;
    }

    /* Track */
    .tableWrapper[b-7bz2ysieqp]::-webkit-scrollbar-track {
        background: #b5d8eb;
    }

    /* Handle */
    .tableWrapper[b-7bz2ysieqp]::-webkit-scrollbar-thumb {
        background: var(--lightblue);
    }

        /* Handle Hover */
        .tableWrapper[b-7bz2ysieqp]::-webkit-scrollbar-thumb:hover {
            background: var(--blue);
        }


.rootTable[b-7bz2ysieqp] {
    width: 100%;
    background-color: var(--blue-sky-background);
    border: 1px solid var(--black);
    border-collapse: collapse;
}

    .rootTable th[b-7bz2ysieqp], .rootTable td[b-7bz2ysieqp] {
        padding: 15px 20px;
        border: 9px solid var(--blue-sky-background);
        border-radius: 18px;
    }

    .rootTable th[b-7bz2ysieqp] {
        font-weight: 500;
        background-color: var(--blue);
        color: var(--white);
        position: sticky;
        top: 0;
        z-index: 3;
    }

        /*.rootTable th.auditorHeading, .rootTable th.auditeeHeading {
            min-width: 250px;
        }*/

        .rootTable th.mainAchievementCol[b-7bz2ysieqp] {
            min-width: 250px;
        }

        .rootTable th.findingsHeading[b-7bz2ysieqp], .rootTable th.recommendationHeading[b-7bz2ysieqp] {
            min-width: 250px;
            top: 3.5rem;
        }

    .rootTable tr.elementRow td[b-7bz2ysieqp] {
        transition: .3s all;
    }

    .rootTable tr.elementRow:hover td[b-7bz2ysieqp] {
        background-color: var(--table-hover) !important;
    }

    .rootTable td[b-7bz2ysieqp] {
        background-color: var(--white-fb);
    }

        .rootTable td.processCell[b-7bz2ysieqp] {
            background-color: var(--blue);
            color: var(--white);
            position: sticky;
            top: 7rem;
            z-index: 3;
        }

        .rootTable th.empty[b-7bz2ysieqp], .rootTable td.empty[b-7bz2ysieqp] {
            background-color: var(--blue-sky-background);
        }

        .rootTable th.center[b-7bz2ysieqp], .rootTable td.center[b-7bz2ysieqp] {
            text-align: center;
        }

        .rootTable td.blueBg[b-7bz2ysieqp] {
            background-color: var(--blue-sky);
        }

        .rootTable td.lightRedBg[b-7bz2ysieqp] {
            background-color: var(--light-red);
        }


/* Conditional Coloring*/
td.green[b-7bz2ysieqp] {
    background-color: forestgreen;
}

td.greenLight[b-7bz2ysieqp] {
    background-color: lightgreen;
}

td.yellow[b-7bz2ysieqp] {
    background-color: var(--yellow-status);
}

td.orange[b-7bz2ysieqp] {
    background-color: orange;
}

td.red[b-7bz2ysieqp] {
    background-color: var(--red-status);
}
/* End of Conditional Coloring*/

span.alert[b-7bz2ysieqp] {
    display: block;
    margin-top: 1rem;
    color: var(--red);
    font-size: .75rem;
    border-top: 1px solid red;
    padding-top: .4rem;
}

.buttonAreaWrapper[b-7bz2ysieqp] {
    margin-top: 1rem;
    display: flex;
    justify-content: center;
}

.jumperButtonAreaWrapper[b-7bz2ysieqp] {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
}

.jumperButtonArea[b-7bz2ysieqp] {
    position: relative;
}

    .jumperButtonArea[b-7bz2ysieqp]  .btnScrollTop {
        opacity: 0;
        position: absolute;
        bottom: -10rem;
        right: 3.8rem;
        transition: .5s all;
    }

        .jumperButtonArea[b-7bz2ysieqp]  .btnScrollTop.show {
            opacity: 1;
            bottom: 0;
        }

    .jumperButtonArea[b-7bz2ysieqp]  .btnScrollBottom {
        opacity: 0;
        position: absolute;
        bottom: -10rem;
        right: 0;
        transition: .5s all;
    }

        .jumperButtonArea[b-7bz2ysieqp]  .btnScrollBottom.show {
            opacity: 1;
            bottom: 0;
        }

@media only screen and (max-width: 960px) {
    .jumperButtonAreaWrapper[b-7bz2ysieqp] {
        position: fixed;
        bottom: 1rem;
        right: 1rem;
    }
}
/* _content/PSAIM-AuditTools/Shared/Parts/Notesheet/SBT/SBTNotesheetTable.razor.rz.scp.css */
.rootComponent[b-qzxsyiaht9] {
    width: 100%;
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-weight: 600;
}

.paginationWrapper[b-qzxsyiaht9] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 1rem;
}

.tableWrapper[b-qzxsyiaht9] {
    width: 100%;
    max-height: 1200px;
    overflow: auto;
    padding-bottom: 1rem;
    box-shadow: 0 0 2px var(--black);
    background-color: var(--blue-sky-background);
}

    .tableWrapper[b-qzxsyiaht9]::-webkit-scrollbar {
        height: 10px;
    }

    /* Track */
    .tableWrapper[b-qzxsyiaht9]::-webkit-scrollbar-track {
        background: #b5d8eb;
    }

    /* Handle */
    .tableWrapper[b-qzxsyiaht9]::-webkit-scrollbar-thumb {
        background: var(--lightblue);
    }

        /* Handle Hover */
        .tableWrapper[b-qzxsyiaht9]::-webkit-scrollbar-thumb:hover {
            background: var(--blue);
        }


.rootTable[b-qzxsyiaht9] {
    width: 100%;
    background-color: var(--blue-sky-background);
    border: 1px solid var(--black);
    border-collapse: collapse;
}

    .rootTable th[b-qzxsyiaht9], .rootTable td[b-qzxsyiaht9] {
        padding: 15px 20px;
        border: 9px solid var(--blue-sky-background);
        border-radius: 18px;
    }

    .rootTable th[b-qzxsyiaht9] {
        font-weight: 500;
        background-color: var(--blue);
        color: var(--white);
        position: sticky;
        top: 0;
        z-index: 3;
    }

    .rootTable tr.questionRow td[b-qzxsyiaht9] {
        transition: .3s all;
    }

    .rootTable tr.questionRow:hover td[b-qzxsyiaht9] {
        background-color: var(--table-hover) !important;
    }

    .rootTable td[b-qzxsyiaht9] {
        background-color: var(--white-fb);
    }

        .rootTable th.empty[b-qzxsyiaht9], .rootTable td.empty[b-qzxsyiaht9] {
            background-color: var(--blue-sky-background);
        }

        .rootTable th.center[b-qzxsyiaht9], .rootTable td.center[b-qzxsyiaht9] {
            text-align: center;
        }

    .rootTable th.categoryCol[b-qzxsyiaht9] {
        max-width: 250px;
    }

    .rootTable th.notesCol[b-qzxsyiaht9] {
        min-width: 240px;
        top: 3.5rem;
    }

    .rootTable td.blueBg[b-qzxsyiaht9] {
        background-color: var(--blue-sky);
    }

    .rootTable td.lightRedBg[b-qzxsyiaht9] {
        background-color: var(--light-red);
    }

    .rootTable .subProcessCol[b-qzxsyiaht9] {
        background-color: var(--blue);
        color: var(--white);
        position: sticky;
        top: 7rem;
        z-index: 3;
    }


/* Conditional Coloring*/
td.green[b-qzxsyiaht9] {
    background-color: forestgreen;
}

td.greenLight[b-qzxsyiaht9] {
    background-color: lightgreen;
}

td.yellow[b-qzxsyiaht9] {
    background-color: var(--yellow-status);
}

td.orange[b-qzxsyiaht9] {
    background-color: orange;
}

td.red[b-qzxsyiaht9] {
    background-color: var(--red-status);
}
/* End of Conditional Coloring*/

span.alert[b-qzxsyiaht9] {
    display: block;
    margin-top: 1rem;
    color: var(--red);
    font-size: .75rem;
    border-top: 1px solid red;
    padding-top: .4rem;
}


.buttonAreaWrapper[b-qzxsyiaht9] {
    margin-top: 1rem;
    display: flex;
    justify-content: center;
}

.jumperButtonAreaWrapper[b-qzxsyiaht9] {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
}

.jumperButtonArea[b-qzxsyiaht9] {
    position: relative;
}

    .jumperButtonArea[b-qzxsyiaht9]  .btnScrollTop {
        opacity: 0;
        position: absolute;
        bottom: -10rem;
        right: 3.8rem;
        transition: .5s all;
    }

        .jumperButtonArea[b-qzxsyiaht9]  .btnScrollTop.show {
            opacity: 1;
            bottom: 0;
        }

    .jumperButtonArea[b-qzxsyiaht9]  .btnScrollBottom {
        opacity: 0;
        position: absolute;
        bottom: -10rem;
        right: 0;
        transition: .5s all;
    }

        .jumperButtonArea[b-qzxsyiaht9]  .btnScrollBottom.show {
            opacity: 1;
            bottom: 0;
        }

@media only screen and (max-width: 960px) {
    .jumperButtonAreaWrapper[b-qzxsyiaht9] {
        position: fixed;
        bottom: 1rem;
        right: 1rem;
    }
}
/* _content/PSAIM-AuditTools/Shared/Parts/Organization/OrgMgtRegionContent.razor.rz.scp.css */
.rootComponent[b-yyacaqefj7] {
}

/* docs: for search input & data count*/
.searchCountWrapper[b-yyacaqefj7] {
    display: flex;
    align-items: center;
    margin-top: 1rem;
}

.totalCount[b-yyacaqefj7] {
    display: inline-block;
    margin-left: 1rem;
    font-size: 15px;
    color: #bcbcbc;
    /*filter: drop-shadow(4px 3px 8px rgba(0,0,0, .25));*/
    -webkit-text-stroke: .3px #bbb; /* width and color */
}

/* ======Input Styling (Input Search)====== */
input[b-yyacaqefj7]::-webkit-outer-spin-button,
input[b-yyacaqefj7]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input.searchInput[b-yyacaqefj7] {
    width: 350px;
    padding: 0.5rem 1rem;
    font-size: 1.125rem;
    border-radius: 10px;
    border: 1px solid var(--grey-border);
    transition: .2s all;
}

    input.searchInput[b-yyacaqefj7]::-webkit-input-placeholder {
        color: var(--grey-border);
    }

    input.searchInput:focus[b-yyacaqefj7] {
        outline: none;
        background-color: rgba(214, 238, 247, 0.5);
        border: 1px solid var(--blue);
        box-shadow: 0 0 3px var(--blue);
    }
/* ======End of Input Styling (Input Search)====== */
/* _content/PSAIM-AuditTools/Shared/Parts/Organization/OrgMgtSubholdingContent.razor.rz.scp.css */
.rootComponent[b-ill51awic6] {
}

/* docs: for search input & data count*/
.searchCountWrapper[b-ill51awic6] {
    display: flex;
    align-items: center;
    margin-top: 1rem;
}

.totalCount[b-ill51awic6] {
    display: inline-block;
    margin-left: 1rem;
    font-size: 15px;
    color: #bcbcbc;
    /*filter: drop-shadow(4px 3px 8px rgba(0,0,0, .25));*/
    -webkit-text-stroke: .3px #bbb; /* width and color */
}

/* ======Input Styling (Input Search)====== */
input[b-ill51awic6]::-webkit-outer-spin-button,
input[b-ill51awic6]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input.searchInput[b-ill51awic6] {
    width: 350px;
    padding: 0.5rem 1rem;
    font-size: 1.125rem;
    border-radius: 10px;
    border: 1px solid var(--grey-border);
    transition: .2s all;
}

    input.searchInput[b-ill51awic6]::-webkit-input-placeholder {
        color: var(--grey-border);
    }

    input.searchInput:focus[b-ill51awic6] {
        outline: none;
        background-color: rgba(214, 238, 247, 0.5);
        border: 1px solid var(--blue);
        box-shadow: 0 0 3px var(--blue);
    }
/* ======End of Input Styling (Input Search)====== */
/* _content/PSAIM-AuditTools/Shared/Parts/Organization/OrgMgtSubsidiaryContent.razor.rz.scp.css */
.rootComponent[b-5vxbno14lf] {
}

/* docs: for search input & data count*/
.searchCountWrapper[b-5vxbno14lf] {
    display: flex;
    align-items: center;
    margin-top: 1rem;
}

.totalCount[b-5vxbno14lf] {
    display: inline-block;
    margin-left: 1rem;
    font-size: 15px;
    color: #bcbcbc;
    /*filter: drop-shadow(4px 3px 8px rgba(0,0,0, .25));*/
    -webkit-text-stroke: .3px #bbb; /* width and color */
}

/* ======Input Styling (Input Search)====== */
input[b-5vxbno14lf]::-webkit-outer-spin-button,
input[b-5vxbno14lf]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input.searchInput[b-5vxbno14lf] {
    width: 350px;
    padding: 0.5rem 1rem;
    font-size: 1.125rem;
    border-radius: 10px;
    border: 1px solid var(--grey-border);
    transition: .2s all;
}

    input.searchInput[b-5vxbno14lf]::-webkit-input-placeholder {
        color: var(--grey-border);
    }

    input.searchInput:focus[b-5vxbno14lf] {
        outline: none;
        background-color: rgba(214, 238, 247, 0.5);
        border: 1px solid var(--blue);
        box-shadow: 0 0 3px var(--blue);
    }
/* ======End of Input Styling (Input Search)====== */
/* _content/PSAIM-AuditTools/Shared/Parts/Organization/RegionMgtModal.razor.rz.scp.css */
.root[b-mczpabhh1y] {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.425);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99;
}

.modalWrapper[b-mczpabhh1y] {
    width: 40%;
    border-radius: 10px;
    overflow: hidden;
}

.modalHeader[b-mczpabhh1y] {
    position: relative;
    /* font-weight: bold; */
    background-color: var(--blue);
    padding: 1.5rem;
}

    .modalHeader h2[b-mczpabhh1y] {
        text-align: center;
        color: var(--white);
    }

    .modalHeader .closeIcon[b-mczpabhh1y] {
        position: absolute;
        top: 1.25rem;
        right: 2rem;
        font-size: 2.5rem;
        color: var(--white);
        cursor: pointer;
    }

        .modalHeader .closeIcon:hover[b-mczpabhh1y] {
            color: rgb(224, 224, 224);
        }

.modalContent[b-mczpabhh1y] {
    background-color: white;
    padding: 3rem 4rem;
}

.input[b-mczpabhh1y] {
    margin-bottom: 1.5rem;
}

.buttonWrapper[b-mczpabhh1y] {
    display: flex;
    justify-content: center;
}


@media only screen and (max-width: 1280px) {
    .modalWrapper[b-mczpabhh1y] {
        width: 50%;
    }

    .modalContent[b-mczpabhh1y] {
        padding: 2rem 2.5rem;
    }
}

@media only screen and (max-width: 960px) {
    .modalWrapper[b-mczpabhh1y] {
        width: 70%;
    }
}

@media only screen and (max-width: 680px) {
    .modalHeader[b-mczpabhh1y] {
        padding: 1rem;
    }

        .modalHeader .closeIcon[b-mczpabhh1y] {
            top: .75rem;
            right: 2rem;
            font-size: 2.5rem;
            color: var(--white);
            cursor: pointer;
        }

    .modalWrapper[b-mczpabhh1y] {
        width: 90%;
    }

    .modalContent[b-mczpabhh1y] {
        padding: 1rem 1.5rem;
    }
}

@media only screen and (max-width: 481px) {
    .modalHeader[b-mczpabhh1y] {
        padding-left: 1.5rem;
    }

        .modalHeader h2[b-mczpabhh1y] {
            text-align: left;
        }

        .modalHeader .closeIcon[b-mczpabhh1y] {
            right: 1rem;
        }
}

@media only screen and (max-width: 366px) {
    .modalHeader[b-mczpabhh1y] {
        padding-left: 1rem;
    }

    .modalContent[b-mczpabhh1y] {
        padding: 2.5rem 1rem;
    }
}

@media only screen and (max-width: 366px) {
    .modalHeader[b-mczpabhh1y] {
        padding-right: 4rem;
    }
}



/* ======Input Styling (Input GLOBAL)====== */

/* GLOBAL */
/* Hidden arrow Number CSS */
/* Chrome, Safari, Edge, Opera */
input[b-mczpabhh1y]::-webkit-outer-spin-button,
input[b-mczpabhh1y]::-webkit-inner-spin-button,
textarea[b-mczpabhh1y]::-webkit-outer-spin-button,
textarea[b-mczpabhh1y]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

select[b-mczpabhh1y], option[b-mczpabhh1y] {
    -webkit-appearance: none;
}

/* Firefox */
input[type=number][b-mczpabhh1y] {
    -moz-appearance: textfield;
}

/* End of GLOBAL */
/* End of hidden arrow Number */

.inputFieldRoot[b-mczpabhh1y] {
    display: grid;
    grid-template-columns: 1fr 2.3rem 3fr;
    align-items: center;
    margin-bottom: 1.875rem;
}

.doubleColonMobile[b-mczpabhh1y] {
    display: none;
}

.inputFieldRoot label[b-mczpabhh1y],
.inputFieldRoot span[b-mczpabhh1y] {
    font-size: 1.125rem;
    color: var(--dark-blue);
}

@media only screen and (max-width: 960px) {
    .inputFieldRoot[b-mczpabhh1y] {
        grid-template-columns: 3fr 1rem 4fr;
    }
}

@media only screen and (max-width: 500px) {
    .inputFieldRoot[b-mczpabhh1y] {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 2fr;
    }

    .doubleColon[b-mczpabhh1y] {
        display: none;
    }

    .doubleColonMobile[b-mczpabhh1y] {
        display: inline-block;
    }
}
/* ======End of Input Styling (Input GLOBAL)====== */


/* ======Input Styling (Input Field)====== */
.inputFieldRoot input[b-mczpabhh1y],
.inputFieldRoot textarea[b-mczpabhh1y] {
    width: 100%;
    padding: 0.5rem 1rem;
    font-size: 1.125rem;
    border-radius: 10px;
    border: 1px solid var(--grey-border);
    transition: .2s all;
}

    .inputFieldRoot input[b-mczpabhh1y]::-webkit-input-placeholder,
    .inputFieldRoot textarea[b-mczpabhh1y]::-webkit-input-placeholder {
        color: var(--grey-border);
    }

    .inputFieldRoot input:focus[b-mczpabhh1y],
    .inputFieldRoot textarea:focus[b-mczpabhh1y] {
        outline: none;
        background-color: rgba(214, 238, 247, 0.5);
        border: 1px solid var(--blue);
        box-shadow: 0 0 3px var(--blue);
    }

.inputFieldRoot textarea[b-mczpabhh1y] {
    resize: none;
}

/* Input Alert */
.inputAlert[b-mczpabhh1y] {
    margin-top: 1rem;
    color: var(--red);
}

/* Input Password eye icon */
.input .inputWrapper[b-mczpabhh1y] {
    position: relative;
}

.eyeIcon[b-mczpabhh1y] {
    font-size: 1.5rem;
    color: var(--blue);
    position: absolute;
    right: 1rem;
    top: .5rem;
    cursor: pointer;
    transition: .3s all;
}

/* ======End of Input Styling (Input Field)====== */


/* ======Input Styling (Input Dropdown)====== */
.select .inputWrapper[b-mczpabhh1y] {
    display: flex;
}

.dropdown[b-mczpabhh1y] {
    position: relative;
}

    .dropdown[b-mczpabhh1y]::after {
        /*add arrow down from fa-icon*/
        content: '\f107';
        font: normal normal normal 12px/1 FontAwesome;
        color: black;
        right: 5px;
        top: -2px;
        height: 26px;
        padding: 15px 0px 0px 8px;
        position: absolute;
        pointer-events: none;
    }

.additionalBtn[b-mczpabhh1y] {
    margin-left: 1rem;
    align-self: center;
    font-size: 1.75rem;
    color: var(--blue);
    cursor: pointer;
}

    .additionalBtn:hover[b-mczpabhh1y] {
        color: var(--blueground-hover);
    }

.inputFieldRoot > div.inputWrapper > div > select[b-mczpabhh1y] {
    width: 100%;
    padding: 0.5rem 1rem;
    font-size: 1.125rem;
    border-radius: 10px;
    border: 1px solid var(--grey-border);
    transition: .2s all;
    cursor: pointer;
}

fieldset.fieldsetForm[disabled] .inputFieldRoot > div.inputWrapper > div > select[b-mczpabhh1y] {
    cursor: default;
}

fieldset.fieldsetForm[disabled] .dropdown[b-mczpabhh1y]::after {
    /*add arrow down from fa-icon*/
    color: rgb(170, 170, 170);
    opacity: 0.7;
}

.inputFieldRoot > div.inputWrapper > div > select.withAdditionalBtn[b-mczpabhh1y] {
    width: unset;
}

.inputFieldRoot > div.inputWrapper > div > select[b-mczpabhh1y]::-webkit-input-placeholder {
    color: var(--grey);
}

.inputFieldRoot > div.inputWrapper > div > select:focus[b-mczpabhh1y] {
    outline: none;
    background-color: rgba(214, 238, 247, 0.5);
    border: 1px solid var(--blue);
    box-shadow: 0 0 3px var(--blue);
}

/* option styling */
.inputFieldRoot > div.inputWrapper > div > select > option[b-mczpabhh1y] {
    border-radius: 10px;
}

    .inputFieldRoot > div.inputWrapper > div > select > option:disabled[b-mczpabhh1y] {
        /* color: var(--grey); */
    }

/* ======End of Input Styling (Input Dropdown)====== */
/* _content/PSAIM-AuditTools/Shared/Parts/Organization/RegionTableManagement.razor.rz.scp.css */
.rootComponent[b-rip20zoyqr] {
    width: 100%;
    margin-top: 1rem;
    margin-bottom: 1rem;
    box-shadow: 0 0 2px var(--black);
}

.tableWrapper[b-rip20zoyqr] {
    width: 100%;
    max-height: 700px;
    overflow: auto;
}

    .tableWrapper[b-rip20zoyqr]::-webkit-scrollbar {
        height: 10px;
    }

    /* Track */
    .tableWrapper[b-rip20zoyqr]::-webkit-scrollbar-track {
        background: #b5d8eb;
    }

    /* Handle */
    .tableWrapper[b-rip20zoyqr]::-webkit-scrollbar-thumb {
        background: var(--lightblue);
    }

        /* Handle Hover */
        .tableWrapper[b-rip20zoyqr]::-webkit-scrollbar-thumb:hover {
            background: var(--blue);
        }


.rootTable[b-rip20zoyqr] {
    width: 100%;
    background-color: var(--blue-sky-background);
    border: 1px solid var(--black);
    border-collapse: collapse;
}

    .rootTable th[b-rip20zoyqr], .rootTable td[b-rip20zoyqr] {
        padding: 5px 8px;
        border: 7px solid var(--blue-sky-background);
    }

    .rootTable th[b-rip20zoyqr] {
        font-weight: 500;
        background-color: var(--blue-sky);
        position: sticky;
        top: 0;
        cursor: pointer;
    }

        .rootTable th .tableHeaderWrapper[b-rip20zoyqr] {
            width: 100%;
            height: 100%;
            padding: 0 1rem 0 0;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .rootTable th .sortIcon[b-rip20zoyqr] {
            color: var(--blue-darker);
        }

        .rootTable th.idCol[b-rip20zoyqr] {
            width: 40vh;
        }

    .rootTable td[b-rip20zoyqr] {
        background-color: var(--white-fb);
    }

    .rootTable tr:hover td[b-rip20zoyqr] {
        background-color: var(--table-hover);
    }


/*for delete & edit icon*/
.actionCol[b-rip20zoyqr] {
    /*    display: flex;*/
    /*    justify-content: space-around;*/
    text-align: center;
}

.actionIcon:disabled[b-rip20zoyqr],
.actionIcon[disabled][b-rip20zoyqr] {
    color: #666666;
    cursor: default;
}

    .actionIcon:disabled:hover[b-rip20zoyqr],
    .actionIcon[disabled]:hover[b-rip20zoyqr] {
        color: #666666;
    }

.deleteIcon[b-rip20zoyqr] {
    color: var(--red-backup);
    cursor: pointer;
    margin-left: 5px;
}

    .deleteIcon:hover[b-rip20zoyqr] {
        color: var(--red-darker);
    }

.editIcon[b-rip20zoyqr] {
    color: var(--green-backup);
    cursor: pointer;
    display: inline-block;
    margin-left: 5px;
}

    .editIcon:hover[b-rip20zoyqr] {
        color: var(--greenground-hover);
    }

.assignIcon[b-rip20zoyqr] {
    color: var(--blue);
    cursor: pointer;
    display: inline-block;
}

    .assignIcon:hover[b-rip20zoyqr] {
        color: var(--blue-sky);
    }
/*end for delete & edit icon*/
/* _content/PSAIM-AuditTools/Shared/Parts/Organization/SubholdingMgtModal.razor.rz.scp.css */
.root[b-9kr2vkihmt] {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.425);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99;
}

.modalWrapper[b-9kr2vkihmt] {
    width: 40%;
    border-radius: 10px;
    overflow: hidden;
}

.modalHeader[b-9kr2vkihmt] {
    position: relative;
    /* font-weight: bold; */
    background-color: var(--blue);
    padding: 1.5rem;
}

    .modalHeader h2[b-9kr2vkihmt] {
        text-align: center;
        color: var(--white);
    }

    .modalHeader .closeIcon[b-9kr2vkihmt] {
        position: absolute;
        top: 1.25rem;
        right: 2rem;
        font-size: 2.5rem;
        color: var(--white);
        cursor: pointer;
    }

        .modalHeader .closeIcon:hover[b-9kr2vkihmt] {
            color: rgb(224, 224, 224);
        }

.modalContent[b-9kr2vkihmt] {
    background-color: white;
    padding: 3rem 4rem;
}

.input[b-9kr2vkihmt] {
    margin-bottom: 1.5rem;
}

.buttonWrapper[b-9kr2vkihmt] {
    display: flex;
    justify-content: center;
}


@media only screen and (max-width: 1280px) {
    .modalWrapper[b-9kr2vkihmt] {
        width: 50%;
    }

    .modalContent[b-9kr2vkihmt] {
        padding: 2rem 2.5rem;
    }
}

@media only screen and (max-width: 960px) {
    .modalWrapper[b-9kr2vkihmt] {
        width: 70%;
    }
}

@media only screen and (max-width: 680px) {
    .modalHeader[b-9kr2vkihmt] {
        padding: 1rem;
    }

        .modalHeader .closeIcon[b-9kr2vkihmt] {
            top: .75rem;
            right: 2rem;
            font-size: 2.5rem;
            color: var(--white);
            cursor: pointer;
        }

    .modalWrapper[b-9kr2vkihmt] {
        width: 90%;
    }

    .modalContent[b-9kr2vkihmt] {
        padding: 1rem 1.5rem;
    }
}

@media only screen and (max-width: 481px) {
    .modalHeader[b-9kr2vkihmt] {
        padding-left: 1.5rem;
    }

        .modalHeader h2[b-9kr2vkihmt] {
            text-align: left;
        }

        .modalHeader .closeIcon[b-9kr2vkihmt] {
            right: 1rem;
        }
}

@media only screen and (max-width: 366px) {
    .modalHeader[b-9kr2vkihmt] {
        padding-left: 1rem;
    }

    .modalContent[b-9kr2vkihmt] {
        padding: 2.5rem 1rem;
    }
}

@media only screen and (max-width: 366px) {
    .modalHeader[b-9kr2vkihmt] {
        padding-right: 4rem;
    }
}



/* ======Input Styling (Input GLOBAL)====== */

/* GLOBAL */
/* Hidden arrow Number CSS */
/* Chrome, Safari, Edge, Opera */
input[b-9kr2vkihmt]::-webkit-outer-spin-button,
input[b-9kr2vkihmt]::-webkit-inner-spin-button,
textarea[b-9kr2vkihmt]::-webkit-outer-spin-button,
textarea[b-9kr2vkihmt]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

select[b-9kr2vkihmt], option[b-9kr2vkihmt] {
    -webkit-appearance: none;
}

/* Firefox */
input[type=number][b-9kr2vkihmt] {
    -moz-appearance: textfield;
}

/* End of GLOBAL */
/* End of hidden arrow Number */

.inputFieldRoot[b-9kr2vkihmt] {
    display: grid;
    grid-template-columns: 1fr 2.3rem 3fr;
    align-items: center;
    margin-bottom: 1.875rem;
}

.doubleColonMobile[b-9kr2vkihmt] {
    display: none;
}

.inputFieldRoot label[b-9kr2vkihmt],
.inputFieldRoot span[b-9kr2vkihmt] {
    font-size: 1.125rem;
    color: var(--dark-blue);
}

@media only screen and (max-width: 960px) {
    .inputFieldRoot[b-9kr2vkihmt] {
        grid-template-columns: 3fr 1rem 4fr;
    }
}

@media only screen and (max-width: 500px) {
    .inputFieldRoot[b-9kr2vkihmt] {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 2fr;
    }

    .doubleColon[b-9kr2vkihmt] {
        display: none;
    }

    .doubleColonMobile[b-9kr2vkihmt] {
        display: inline-block;
    }
}
/* ======End of Input Styling (Input GLOBAL)====== */


/* ======Input Styling (Input Field)====== */
.inputFieldRoot input[b-9kr2vkihmt],
.inputFieldRoot textarea[b-9kr2vkihmt] {
    width: 100%;
    padding: 0.5rem 1rem;
    font-size: 1.125rem;
    border-radius: 10px;
    border: 1px solid var(--grey-border);
    transition: .2s all;
}

    .inputFieldRoot input[b-9kr2vkihmt]::-webkit-input-placeholder,
    .inputFieldRoot textarea[b-9kr2vkihmt]::-webkit-input-placeholder {
        color: var(--grey-border);
    }

    .inputFieldRoot input:focus[b-9kr2vkihmt],
    .inputFieldRoot textarea:focus[b-9kr2vkihmt] {
        outline: none;
        background-color: rgba(214, 238, 247, 0.5);
        border: 1px solid var(--blue);
        box-shadow: 0 0 3px var(--blue);
    }

.inputFieldRoot textarea[b-9kr2vkihmt] {
    resize: none;
}

/* Input Alert */
.inputAlert[b-9kr2vkihmt] {
    margin-top: 1rem;
    color: var(--red);
}

/* Input Password eye icon */
.input .inputWrapper[b-9kr2vkihmt] {
    position: relative;
}

.eyeIcon[b-9kr2vkihmt] {
    font-size: 1.5rem;
    color: var(--blue);
    position: absolute;
    right: 1rem;
    top: .5rem;
    cursor: pointer;
    transition: .3s all;
}

/* ======End of Input Styling (Input Field)====== */


/* ======Input Styling (Input Dropdown)====== */
.select .inputWrapper[b-9kr2vkihmt] {
    display: flex;
}

.dropdown[b-9kr2vkihmt] {
    position: relative;
}

    .dropdown[b-9kr2vkihmt]::after {
        /*add arrow down from fa-icon*/
        content: '\f107';
        font: normal normal normal 12px/1 FontAwesome;
        color: black;
        right: 5px;
        top: -2px;
        height: 26px;
        padding: 15px 0px 0px 8px;
        position: absolute;
        pointer-events: none;
    }

.additionalBtn[b-9kr2vkihmt] {
    margin-left: 1rem;
    align-self: center;
    font-size: 1.75rem;
    color: var(--blue);
    cursor: pointer;
}

    .additionalBtn:hover[b-9kr2vkihmt] {
        color: var(--blueground-hover);
    }

.inputFieldRoot > div.inputWrapper > div > select[b-9kr2vkihmt] {
    width: 100%;
    padding: 0.5rem 1rem;
    font-size: 1.125rem;
    border-radius: 10px;
    border: 1px solid var(--grey-border);
    transition: .2s all;
    cursor: pointer;
}

fieldset.fieldsetForm[disabled] .inputFieldRoot > div.inputWrapper > div > select[b-9kr2vkihmt] {
    cursor: default;
}

fieldset.fieldsetForm[disabled] .dropdown[b-9kr2vkihmt]::after {
    /*add arrow down from fa-icon*/
    color: rgb(170, 170, 170);
    opacity: 0.7;
}

.inputFieldRoot > div.inputWrapper > div > select.withAdditionalBtn[b-9kr2vkihmt] {
    width: unset;
}

.inputFieldRoot > div.inputWrapper > div > select[b-9kr2vkihmt]::-webkit-input-placeholder {
    color: var(--grey);
}

.inputFieldRoot > div.inputWrapper > div > select:focus[b-9kr2vkihmt] {
    outline: none;
    background-color: rgba(214, 238, 247, 0.5);
    border: 1px solid var(--blue);
    box-shadow: 0 0 3px var(--blue);
}

/* option styling */
.inputFieldRoot > div.inputWrapper > div > select > option[b-9kr2vkihmt] {
    border-radius: 10px;
}

    .inputFieldRoot > div.inputWrapper > div > select > option:disabled[b-9kr2vkihmt] {
        /* color: var(--grey); */
    }

/* ======End of Input Styling (Input Dropdown)====== */
/* _content/PSAIM-AuditTools/Shared/Parts/Organization/SubholdingTableManagement.razor.rz.scp.css */
.rootComponent[b-zhh892g9du] {
    width: 100%;
    margin-top: 1rem;
    margin-bottom: 1rem;
    box-shadow: 0 0 2px var(--black);
}

.tableWrapper[b-zhh892g9du] {
    width: 100%;
    max-height: 700px;
    overflow: auto;
}

    .tableWrapper[b-zhh892g9du]::-webkit-scrollbar {
        height: 10px;
    }

    /* Track */
    .tableWrapper[b-zhh892g9du]::-webkit-scrollbar-track {
        background: #b5d8eb;
    }

    /* Handle */
    .tableWrapper[b-zhh892g9du]::-webkit-scrollbar-thumb {
        background: var(--lightblue);
    }

        /* Handle Hover */
        .tableWrapper[b-zhh892g9du]::-webkit-scrollbar-thumb:hover {
            background: var(--blue);
        }


.rootTable[b-zhh892g9du] {
    width: 100%;
    background-color: var(--blue-sky-background);
    border: 1px solid var(--black);
    border-collapse: collapse;
}

    .rootTable th[b-zhh892g9du], .rootTable td[b-zhh892g9du] {
        padding: 5px 8px;
        border: 7px solid var(--blue-sky-background);
    }

    .rootTable th[b-zhh892g9du] {
        font-weight: 500;
        background-color: var(--blue-sky);
        position: sticky;
        top: 0;
        cursor: pointer;
    }

        .rootTable th .tableHeaderWrapper[b-zhh892g9du] {
            width: 100%;
            height: 100%;
            padding: 0 1rem 0 0;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .rootTable th .sortIcon[b-zhh892g9du] {
            color: var(--blue-darker);
        }

        .rootTable th.idCol[b-zhh892g9du] {
            width: 40vh;
        }

    .rootTable td[b-zhh892g9du] {
        background-color: var(--white-fb);
    }

    .rootTable tr:hover td[b-zhh892g9du] {
        background-color: var(--table-hover);
    }




/*for delete & edit icon*/
.actionCol[b-zhh892g9du] {
    /*    display: flex;*/
    /*    justify-content: space-around;*/
    text-align: center;
}

.actionIcon:disabled[b-zhh892g9du],
.actionIcon[disabled][b-zhh892g9du] {
    color: #666666;
    cursor: default;
}

    .actionIcon:disabled:hover[b-zhh892g9du],
    .actionIcon[disabled]:hover[b-zhh892g9du] {
        color: #666666;
    }

.deleteIcon[b-zhh892g9du] {
    color: var(--red-backup);
    cursor: pointer;
    margin-left: 5px;
}

    .deleteIcon:hover[b-zhh892g9du] {
        color: var(--red-darker);
    }

.editIcon[b-zhh892g9du] {
    color: var(--green-backup);
    cursor: pointer;
    display: inline-block;
    margin-left: 5px;
}

    .editIcon:hover[b-zhh892g9du] {
        color: var(--greenground-hover);
    }

.assignIcon[b-zhh892g9du] {
    color: var(--blue);
    cursor: pointer;
    display: inline-block;
}

    .assignIcon:hover[b-zhh892g9du] {
        color: var(--blue-sky);
    }
/*end for delete & edit icon*/
/* _content/PSAIM-AuditTools/Shared/Parts/Organization/SubsidiaryMgtModal.razor.rz.scp.css */
.root[b-rl4fupikf5] {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.425);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99;
}

.modalWrapper[b-rl4fupikf5] {
    width: 40%;
    border-radius: 10px;
    overflow: hidden;
}

.modalHeader[b-rl4fupikf5] {
    position: relative;
    /* font-weight: bold; */
    background-color: var(--blue);
    padding: 1.5rem;
}

    .modalHeader h2[b-rl4fupikf5] {
        text-align: center;
        color: var(--white);
    }

    .modalHeader .closeIcon[b-rl4fupikf5] {
        position: absolute;
        top: 1.25rem;
        right: 2rem;
        font-size: 2.5rem;
        color: var(--white);
        cursor: pointer;
    }

        .modalHeader .closeIcon:hover[b-rl4fupikf5] {
            color: rgb(224, 224, 224);
        }

.modalContent[b-rl4fupikf5] {
    background-color: white;
    padding: 3rem 4rem;
}

.input[b-rl4fupikf5] {
    margin-bottom: 1.5rem;
}

.buttonWrapper[b-rl4fupikf5] {
    display: flex;
    justify-content: center;
}


@media only screen and (max-width: 1280px) {
    .modalWrapper[b-rl4fupikf5] {
        width: 50%;
    }

    .modalContent[b-rl4fupikf5] {
        padding: 2rem 2.5rem;
    }
}

@media only screen and (max-width: 960px) {
    .modalWrapper[b-rl4fupikf5] {
        width: 70%;
    }
}

@media only screen and (max-width: 680px) {
    .modalHeader[b-rl4fupikf5] {
        padding: 1rem;
    }

        .modalHeader .closeIcon[b-rl4fupikf5] {
            top: .75rem;
            right: 2rem;
            font-size: 2.5rem;
            color: var(--white);
            cursor: pointer;
        }

    .modalWrapper[b-rl4fupikf5] {
        width: 90%;
    }

    .modalContent[b-rl4fupikf5] {
        padding: 1rem 1.5rem;
    }
}

@media only screen and (max-width: 481px) {
    .modalHeader[b-rl4fupikf5] {
        padding-left: 1.5rem;
    }

        .modalHeader h2[b-rl4fupikf5] {
            text-align: left;
        }

        .modalHeader .closeIcon[b-rl4fupikf5] {
            right: 1rem;
        }
}

@media only screen and (max-width: 366px) {
    .modalHeader[b-rl4fupikf5] {
        padding-left: 1rem;
    }

    .modalContent[b-rl4fupikf5] {
        padding: 2.5rem 1rem;
    }
}

@media only screen and (max-width: 366px) {
    .modalHeader[b-rl4fupikf5] {
        padding-right: 4rem;
    }
}



/* ======Input Styling (Input GLOBAL)====== */

/* GLOBAL */
/* Hidden arrow Number CSS */
/* Chrome, Safari, Edge, Opera */
input[b-rl4fupikf5]::-webkit-outer-spin-button,
input[b-rl4fupikf5]::-webkit-inner-spin-button,
textarea[b-rl4fupikf5]::-webkit-outer-spin-button,
textarea[b-rl4fupikf5]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

select[b-rl4fupikf5], option[b-rl4fupikf5] {
    -webkit-appearance: none;
}

/* Firefox */
input[type=number][b-rl4fupikf5] {
    -moz-appearance: textfield;
}

/* End of GLOBAL */
/* End of hidden arrow Number */

.inputFieldRoot[b-rl4fupikf5] {
    display: grid;
    grid-template-columns: 1fr 2.3rem 3fr;
    align-items: center;
    margin-bottom: 1.875rem;
}

.doubleColonMobile[b-rl4fupikf5] {
    display: none;
}

.inputFieldRoot label[b-rl4fupikf5],
.inputFieldRoot span[b-rl4fupikf5] {
    font-size: 1.125rem;
    color: var(--dark-blue);
}

@media only screen and (max-width: 960px) {
    .inputFieldRoot[b-rl4fupikf5] {
        grid-template-columns: 3fr 1rem 4fr;
    }
}

@media only screen and (max-width: 500px) {
    .inputFieldRoot[b-rl4fupikf5] {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 2fr;
    }

    .doubleColon[b-rl4fupikf5] {
        display: none;
    }

    .doubleColonMobile[b-rl4fupikf5] {
        display: inline-block;
    }
}
/* ======End of Input Styling (Input GLOBAL)====== */


/* ======Input Styling (Input Field)====== */
.inputFieldRoot input[b-rl4fupikf5],
.inputFieldRoot textarea[b-rl4fupikf5] {
    width: 100%;
    padding: 0.5rem 1rem;
    font-size: 1.125rem;
    border-radius: 10px;
    border: 1px solid var(--grey-border);
    transition: .2s all;
}

    .inputFieldRoot input[b-rl4fupikf5]::-webkit-input-placeholder,
    .inputFieldRoot textarea[b-rl4fupikf5]::-webkit-input-placeholder {
        color: var(--grey-border);
    }

    .inputFieldRoot input:focus[b-rl4fupikf5],
    .inputFieldRoot textarea:focus[b-rl4fupikf5] {
        outline: none;
        background-color: rgba(214, 238, 247, 0.5);
        border: 1px solid var(--blue);
        box-shadow: 0 0 3px var(--blue);
    }

.inputFieldRoot textarea[b-rl4fupikf5] {
    resize: none;
}

/* Input Alert */
.inputAlert[b-rl4fupikf5] {
    margin-top: 1rem;
    color: var(--red);
}

/* Input Password eye icon */
.input .inputWrapper[b-rl4fupikf5] {
    position: relative;
}

.eyeIcon[b-rl4fupikf5] {
    font-size: 1.5rem;
    color: var(--blue);
    position: absolute;
    right: 1rem;
    top: .5rem;
    cursor: pointer;
    transition: .3s all;
}

/* ======End of Input Styling (Input Field)====== */


/* ======Input Styling (Input Dropdown)====== */
.select .inputWrapper[b-rl4fupikf5] {
    display: flex;
}

.dropdown[b-rl4fupikf5] {
    position: relative;
}

    .dropdown[b-rl4fupikf5]::after {
        /*add arrow down from fa-icon*/
        content: '\f107';
        font: normal normal normal 12px/1 FontAwesome;
        color: black;
        right: 5px;
        top: -2px;
        height: 26px;
        padding: 15px 0px 0px 8px;
        position: absolute;
        pointer-events: none;
    }

.additionalBtn[b-rl4fupikf5] {
    margin-left: 1rem;
    align-self: center;
    font-size: 1.75rem;
    color: var(--blue);
    cursor: pointer;
}

    .additionalBtn:hover[b-rl4fupikf5] {
        color: var(--blueground-hover);
    }

.inputFieldRoot > div.inputWrapper > div > select[b-rl4fupikf5] {
    width: 100%;
    padding: 0.5rem 1rem;
    font-size: 1.125rem;
    border-radius: 10px;
    border: 1px solid var(--grey-border);
    transition: .2s all;
    cursor: pointer;
}

fieldset.fieldsetForm[disabled] .inputFieldRoot > div.inputWrapper > div > select[b-rl4fupikf5] {
    cursor: default;
}

fieldset.fieldsetForm[disabled] .dropdown[b-rl4fupikf5]::after {
    /*add arrow down from fa-icon*/
    color: rgb(170, 170, 170);
    opacity: 0.7;
}

.inputFieldRoot > div.inputWrapper > div > select.withAdditionalBtn[b-rl4fupikf5] {
    width: unset;
}

.inputFieldRoot > div.inputWrapper > div > select[b-rl4fupikf5]::-webkit-input-placeholder {
    color: var(--grey);
}

.inputFieldRoot > div.inputWrapper > div > select:focus[b-rl4fupikf5] {
    outline: none;
    background-color: rgba(214, 238, 247, 0.5);
    border: 1px solid var(--blue);
    box-shadow: 0 0 3px var(--blue);
}

/* option styling */
.inputFieldRoot > div.inputWrapper > div > select > option[b-rl4fupikf5] {
    border-radius: 10px;
}

    .inputFieldRoot > div.inputWrapper > div > select > option:disabled[b-rl4fupikf5] {
        /* color: var(--grey); */
    }

/* ======End of Input Styling (Input Dropdown)====== */
/* _content/PSAIM-AuditTools/Shared/Parts/Organization/SubsidiaryTableManagement.razor.rz.scp.css */
.rootComponent[b-950cd3arg9] {
    width: 100%;
    margin-top: 1rem;
    margin-bottom: 1rem;
    box-shadow: 0 0 2px var(--black);
}

.tableWrapper[b-950cd3arg9] {
    width: 100%;
    max-height: 700px;
    overflow: auto;
}

    .tableWrapper[b-950cd3arg9]::-webkit-scrollbar {
        height: 10px;
    }

    /* Track */
    .tableWrapper[b-950cd3arg9]::-webkit-scrollbar-track {
        background: #b5d8eb;
    }

    /* Handle */
    .tableWrapper[b-950cd3arg9]::-webkit-scrollbar-thumb {
        background: var(--lightblue);
    }

        /* Handle Hover */
        .tableWrapper[b-950cd3arg9]::-webkit-scrollbar-thumb:hover {
            background: var(--blue);
        }


.rootTable[b-950cd3arg9] {
    width: 100%;
    background-color: var(--blue-sky-background);
    border: 1px solid var(--black);
    border-collapse: collapse;
}

    .rootTable th[b-950cd3arg9], .rootTable td[b-950cd3arg9] {
        padding: 5px 8px;
        border: 7px solid var(--blue-sky-background);
    }

    .rootTable th[b-950cd3arg9] {
        font-weight: 500;
        background-color: var(--blue-sky);
        position: sticky;
        top: 0;
        cursor: pointer;
    }

        .rootTable th .tableHeaderWrapper[b-950cd3arg9] {
            width: 100%;
            height: 100%;
            padding: 0 1rem 0 0;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .rootTable th .sortIcon[b-950cd3arg9] {
            color: var(--blue-darker);
        }

        .rootTable th.idCol[b-950cd3arg9] {
            width: 40vh;
        }

    .rootTable td[b-950cd3arg9] {
        background-color: var(--white-fb);
    }

    .rootTable tr:hover td[b-950cd3arg9] {
        background-color: var(--table-hover);
    }


/*for delete & edit icon*/
.actionCol[b-950cd3arg9] {
    /*    display: flex;*/
    /*    justify-content: space-around;*/
    text-align: center;
}

.actionIcon:disabled[b-950cd3arg9],
.actionIcon[disabled][b-950cd3arg9] {
    color: #666666;
    cursor: default;
}

    .actionIcon:disabled:hover[b-950cd3arg9],
    .actionIcon[disabled]:hover[b-950cd3arg9] {
        color: #666666;
    }

.deleteIcon[b-950cd3arg9] {
    color: var(--red-backup);
    cursor: pointer;
    margin-left: 5px;
}

    .deleteIcon:hover[b-950cd3arg9] {
        color: var(--red-darker);
    }

.editIcon[b-950cd3arg9] {
    color: var(--green-backup);
    cursor: pointer;
    display: inline-block;
    margin-left: 5px;
}

    .editIcon:hover[b-950cd3arg9] {
        color: var(--greenground-hover);
    }

.assignIcon[b-950cd3arg9] {
    color: var(--blue);
    cursor: pointer;
    display: inline-block;
}

    .assignIcon:hover[b-950cd3arg9] {
        color: var(--blue-sky);
    }
/*end for delete & edit icon*/
/* _content/PSAIM-AuditTools/Shared/Parts/Pagination.razor.rz.scp.css */
.paginationWrapper[b-h6j63pfrmb] {
    display: flex;
    flex-direction: row;
    max-height: 3rem;
}

    .paginationWrapper div.paginationItems[b-h6j63pfrmb]{
        padding: 1rem;
        background-color: var(--white);
        border: 2px solid var(--grey);
        border-radius: 7px;
        cursor: pointer;
        transition: .3s all;
    }

    .paginationWrapper div.paginationItems:hover[b-h6j63pfrmb]{
        padding: 1rem;
        background-color: var(--blue-sky);
        color: var(--white);
    }

    .paginationWrapper div.active[b-h6j63pfrmb] {
        padding: 1rem;
        background-color: var(--blue);
        color: var(--white);
    }

    .paginationWrapper div.active:hover[b-h6j63pfrmb] {
        background-color: var(--blue);
    }
/* _content/PSAIM-AuditTools/Shared/Parts/Reports/Process/ProcessContent.razor.rz.scp.css */
.processContent[b-j0dn2oz4fo] {
    display: flex;
    flex-direction: column;
}

.upperContent[b-j0dn2oz4fo] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 26px;
    margin-bottom: 2rem;
}

.processCardItem[b-j0dn2oz4fo] {
    padding: 35px;
}

.overallAchvConclusionContent[b-j0dn2oz4fo], .achAndRecommendContent[b-j0dn2oz4fo], .processCardItem[b-j0dn2oz4fo] {
    box-shadow: 2px 2px 5px rgba(0,0,0, 0.3);
}

.overallAchvConclusionCardWrapper[b-j0dn2oz4fo] {
    display: grid;
    grid-template-rows: 1fr 1fr;
    gap: 28px;
}

.secondOverallAchvConclusionWrapper[b-j0dn2oz4fo], .achAndRecommendCardWrapper[b-j0dn2oz4fo] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
}

.achAndRecommendContent[b-j0dn2oz4fo] {
}

.achAndRecommendCardWrapper[b-j0dn2oz4fo] {
    display: flex;
}

.lowerContent[b-j0dn2oz4fo] {
}

.processCardItemWrapper[b-j0dn2oz4fo] {
    position: relative;
    padding-top: 1.5rem;
    margin-top: 3rem;
}

.processCardItem[b-j0dn2oz4fo] {
    background-color: var(--white);
    border-radius: 10px;
}

.titleWrapper[b-j0dn2oz4fo] {
    position: relative;
    margin-bottom: 50px;
}

    .titleWrapper.mainAchievementCol[b-j0dn2oz4fo] {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

.parentTitle[b-j0dn2oz4fo] {
    color: var(--blue);
    font-size: 28px;
    font-weight: 700;
}

.yearSubtitle[b-j0dn2oz4fo] {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 16px;
    font-weight: 600;
}

.tabTitle[b-j0dn2oz4fo] {
    color: var(--blue-sky);
    /*margin-top: -1rem;*/
    margin-bottom: 1rem;
    font-size: 20px;
    font-weight: 700;
}

.chartContent[b-j0dn2oz4fo] {
}

.graphColorCard[b-j0dn2oz4fo] {
    position: absolute;
    top: 0;
    right: 0;
}

    .graphColorCard span[b-j0dn2oz4fo] {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-size: 20px;
        font-weight: 600;
        display: block;
        margin-bottom: 5px;
    }

[b-j0dn2oz4fo] .graphColorCardItem {
    padding-right: 1rem;
}

.chartWrapper[b-j0dn2oz4fo] {
    background-color: var(--white);
    border-radius: 8px;
    margin-top: 8px;
    margin-bottom: 5rem;
    overflow: hidden;
}

.psbvGraphCard[b-j0dn2oz4fo] {
    margin-bottom: 5rem;
}

.psbvChartCardWrapper[b-j0dn2oz4fo] {
    display: flex;
}

.radarChartWrapper[b-j0dn2oz4fo] {
    /*margin-top: -10rem;*/
}

/*.tableContent {
    margin-top: 5rem;
}*/

[b-j0dn2oz4fo] .switcher {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
    filter: drop-shadow(1px 1px 1px rgba(0,0,0,.5));
}

/* docs: kecilkan gap agar muat */
@media only screen and (max-width: 1570px) {
    .secondOverallAchvConclusionWrapper[b-j0dn2oz4fo] {
        gap: 20px;
    }

    .overallAchvConclusionCardWrapper[b-j0dn2oz4fo] {
        gap: 20px;
    }

    .titleWrapper.mainAchievementCol[b-j0dn2oz4fo] {
        flex-direction: column;
        align-items: flex-start;
    }
}

/*
    docs: overall conclusion status card di upper content
    jadikan 1 kolom semua
*/
@media only screen and (max-width: 1500px) {
    .overallAchvConclusionCardWrapper[b-j0dn2oz4fo] {
        grid-template-rows: 1fr;
    }

    .secondOverallAchvConclusionWrapper[b-j0dn2oz4fo] {
        grid-template-columns: 1fr;
    }
}

/* 
    docs: 2 box besar di upper content jadikan 1 kolom (asalnya 2 kolom),
    lalu box overall conclusion jadikan normal lagi
*/
@media only screen and (max-width: 1366px) {
    .upperContent[b-j0dn2oz4fo] {
        grid-template-columns: 1fr;
    }

    .overallAchvConclusionCardWrapper[b-j0dn2oz4fo] {
        grid-template-rows: 1fr 1fr;
    }

    .secondOverallAchvConclusionWrapper[b-j0dn2oz4fo] {
        grid-template-columns: 1fr 1fr;
    }

    .titleWrapper.mainAchievementCol[b-j0dn2oz4fo] {
        flex-direction: row;
        align-items: center;
    }
}

/* docs: jadikan graphColorCard di bawah title */
@media only screen and (max-width: 1024px) {
    .graphColorCard[b-j0dn2oz4fo] {
        position: static;
    }
}

/*
    docs: year subtitle di main achievement card (upper content) jadikan 1 row
*/
@media only screen and (max-width: 800px) {
    .titleWrapper.mainAchievementCol[b-j0dn2oz4fo] {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media only screen and (max-width: 700px) {
    .overallAchvConclusionCardWrapper[b-j0dn2oz4fo] {
        grid-template-rows: 1fr;
    }

    .secondOverallAchvConclusionWrapper[b-j0dn2oz4fo] {
        grid-template-columns: 1fr;
    }
}
/* _content/PSAIM-AuditTools/Shared/Parts/Reports/Process/ProcessReportTable.razor.rz.scp.css */
.rootComponent[b-7bc49ozogs] {
    width: 100%;
    margin-top: 1rem;
    margin-bottom: 1rem;
    box-shadow: 0 0 2px var(--black);
}

.tableWrapper[b-7bc49ozogs] {
    width: 100%;
    max-height: 700px;
    overflow: auto;
    padding-bottom: 1rem;
    background-color: var(--blue-sky-background);
}

    .tableWrapper[b-7bc49ozogs]::-webkit-scrollbar {
        height: 10px;
    }

    /* Track */
    .tableWrapper[b-7bc49ozogs]::-webkit-scrollbar-track {
        background: #b5d8eb;
    }

    /* Handle */
    .tableWrapper[b-7bc49ozogs]::-webkit-scrollbar-thumb {
        background: var(--lightblue);
    }

        /* Handle Hover */
        .tableWrapper[b-7bc49ozogs]::-webkit-scrollbar-thumb:hover {
            background: var(--blue);
        }


.rootTable[b-7bc49ozogs] {
    width: 100%;
    background-color: var(--blue-sky-background);
    border: 1px solid var(--black);
    border-collapse: collapse;
}

    .rootTable th[b-7bc49ozogs], .rootTable td[b-7bc49ozogs] {
        padding: 15px 20px;
        border: 9px solid var(--blue-sky-background);
        border-radius: 18px;
    }

    .rootTable th[b-7bc49ozogs] {
        font-weight: 500;
        background-color: var(--blue);
        color: white;
        position: sticky;
        top: 0;
    }

        .rootTable th.secondLevelTitle[b-7bc49ozogs] {
            top: 3.5rem;
        }

    .rootTable tr.subProcessRow:hover td[b-7bc49ozogs] {
        background-color: var(--table-hover) !important;
    }

    .rootTable td[b-7bc49ozogs] {
        background-color: var(--white-fb);
    }

        .rootTable td.process[b-7bc49ozogs] {
            /*background-color: #FFD966;*/
            background-color: var(--table-point);
            font-size: 1.05rem;
            font-weight: 600;
        }

        .rootTable td.processCol[b-7bc49ozogs] {
            min-width: 350px;
        }

        .rootTable td.score[b-7bc49ozogs] {
            min-width: 100px;
            text-align: center;
        }

        .rootTable th.empty[b-7bc49ozogs], .rootTable td.empty[b-7bc49ozogs] {
            background-color: var(--blue-sky-background);
        }

        .rootTable th.center[b-7bc49ozogs], .rootTable td.center[b-7bc49ozogs] {
            text-align: center;
        }

        .rootTable td.totalCol[b-7bc49ozogs] {
            background-color: var(--blue);
            color: white;
            font-weight: bold;
            text-align: center;
        }

/* Conditional Coloring*/
td.green[b-7bc49ozogs] {
    background-color: var(--dark-green-status-code) !important;
    color: white !important;
}

td.greenLight[b-7bc49ozogs] {
    background-color: var(--green-status-code) !important;
    color: black !important;
}

td.yellow[b-7bc49ozogs] {
    background-color: var(--yellow-status-code) !important;
    color: black !important;
}

td.orange[b-7bc49ozogs] {
    background-color: var(--orange-status-code) !important;
    color: white !important;
}

td.red[b-7bc49ozogs] {
    background-color: var(--red-status-code) !important;
    color: white !important;
}
/* End of Conditional Coloring*/

span.alert[b-7bc49ozogs] {
    display: block;
    margin-top: 1rem;
    color: var(--red);
    font-size: .75rem;
    border-top: 1px solid red;
    padding-top: .4rem;
}

td.white[b-7bc49ozogs] {
    background-color: white !important;
}
/* _content/PSAIM-AuditTools/Shared/Parts/Reports/ReportGeneration/DownloadChartModal.razor.rz.scp.css */
.root[b-a4yoft5yam] {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.425);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99;
}

.modalWrapper[b-a4yoft5yam] {
    width: 40%;
    border-radius: 10px;
    overflow: hidden;
}

.modalHeader[b-a4yoft5yam] {
    position: relative;
    /* font-weight: bold; */
    background-color: var(--blue);
    padding: 1.5rem 4rem;
}

    .modalHeader h2[b-a4yoft5yam] {
        text-align: center;
        color: var(--white);
    }

    .modalHeader .closeIcon[b-a4yoft5yam] {
        position: absolute;
        top: 1.25rem;
        right: 2rem;
        font-size: 2.5rem;
        color: var(--white);
        cursor: pointer;
    }

        .modalHeader .closeIcon:hover[b-a4yoft5yam] {
            color: rgb(224, 224, 224);
        }

.modalContent[b-a4yoft5yam] {
    background-color: white;
    padding: 3rem 4rem;
    max-height: 85vh;
    overflow: auto;
}
/* _content/PSAIM-AuditTools/Shared/Parts/Reports/SBT/PBVScoreTable.razor.rz.scp.css */
.rootComponent[b-hfg0c3m0in] {
    width: 100%;
    margin-top: 1rem;
    margin-bottom: 1rem;
    box-shadow: 0 0 2px var(--black);
}

.tableWrapper[b-hfg0c3m0in] {
    width: 100%;
    max-height: 700px;
    overflow: auto;
    padding-bottom: 1rem;
    background-color: var(--blue-sky-background);
}

    .tableWrapper[b-hfg0c3m0in]::-webkit-scrollbar {
        height: 10px;
    }

    /* Track */
    .tableWrapper[b-hfg0c3m0in]::-webkit-scrollbar-track {
        background: #b5d8eb;
    }

    /* Handle */
    .tableWrapper[b-hfg0c3m0in]::-webkit-scrollbar-thumb {
        background: var(--lightblue);
    }

        /* Handle Hover */
        .tableWrapper[b-hfg0c3m0in]::-webkit-scrollbar-thumb:hover {
            background: var(--blue);
        }


.rootTable[b-hfg0c3m0in] {
    width: 100%;
    background-color: var(--blue-sky-background);
    border: 1px solid var(--black);
    border-collapse: collapse;
}

    .rootTable th[b-hfg0c3m0in], .rootTable td[b-hfg0c3m0in] {
        padding: 15px 20px;
        border: 9px solid var(--blue-sky-background);
        border-radius: 18px;
    }

    .rootTable th[b-hfg0c3m0in] {
        font-weight: 500;
        background-color: var(--blue);
        color: white;
        position: sticky;
        top: 0;
    }

        .rootTable th.secondLevelTitle[b-hfg0c3m0in] {
            top: 3.5rem;
        }

    .rootTable tr.subProcessRow:hover td[b-hfg0c3m0in] {
        background-color: var(--table-hover) !important;
    }

    .rootTable td[b-hfg0c3m0in] {
        background-color: var(--white-fb);
    }

        .rootTable td.process[b-hfg0c3m0in] {
            /*background-color: #FFD966;*/
            background-color: var(--table-point);
            font-size: 1.05rem;
            font-weight: 600;
        }

        .rootTable td.processCol[b-hfg0c3m0in] {
            min-width: 350px;
        }

        .rootTable td.score[b-hfg0c3m0in] {
            min-width: 100px;
            text-align: center;
        }

        .rootTable th.empty[b-hfg0c3m0in], .rootTable td.empty[b-hfg0c3m0in] {
            background-color: var(--blue-sky-background);
        }

        .rootTable th.center[b-hfg0c3m0in], .rootTable td.center[b-hfg0c3m0in] {
            text-align: center;
        }

        .rootTable td.totalCol[b-hfg0c3m0in] {
            background-color: var(--blue);
            color: white;
            font-weight: bold;
            text-align: center;
        }

/* Conditional Coloring*/
td.green[b-hfg0c3m0in] {
    background-color: var(--dark-green-status-code) !important;
    color: white !important;
}

td.greenLight[b-hfg0c3m0in] {
    background-color: var(--green-status-code) !important;
    color: black !important;
}

td.yellow[b-hfg0c3m0in] {
    background-color: var(--yellow-status-code) !important;
    color: black !important;
}

td.orange[b-hfg0c3m0in] {
    background-color: var(--orange-status-code) !important;
    color: white !important;
}

td.red[b-hfg0c3m0in] {
    background-color: var(--red-status-code) !important;
    color: white !important;
}
/* End of Conditional Coloring*/

span.alert[b-hfg0c3m0in] {
    display: block;
    margin-top: 1rem;
    color: var(--red);
    font-size: .75rem;
    border-top: 1px solid red;
    padding-top: .4rem;
}

td.white[b-hfg0c3m0in] {
    background-color: white !important;
}
/* _content/PSAIM-AuditTools/Shared/Parts/Reports/SBT/PdcaScoreTable.razor.rz.scp.css */
.rootComponent[b-1d1c0v7or5] {
    padding: 1rem;
    background-color: var(--white);
    border-radius: 8px;
    box-shadow: 2px 2px 5px rgba(0,0,0, 0.3);
}

.title[b-1d1c0v7or5] {
    color: var(--black);
    font-size: 1.5rem;
    margin-bottom: 2rem;
    text-decoration: underline;
}

/* Table Styling */
.tableWrapper[b-1d1c0v7or5] {
    width: 100%;
    overflow: auto;
    padding-bottom: 1rem;
    background-color: var(--blue-sky-background);
    box-shadow: 0 0 2px var(--black);
}

    .tableWrapper[b-1d1c0v7or5]::-webkit-scrollbar {
        height: 10px;
    }

    /* Track */
    .tableWrapper[b-1d1c0v7or5]::-webkit-scrollbar-track {
        background: #b5d8eb;
    }

    /* Handle */
    .tableWrapper[b-1d1c0v7or5]::-webkit-scrollbar-thumb {
        background: var(--lightblue);
    }

        /* Handle Hover */
        .tableWrapper[b-1d1c0v7or5]::-webkit-scrollbar-thumb:hover {
            background: var(--blue);
        }


.rootTable[b-1d1c0v7or5] {
    width: 100%;
    background-color: var(--blue-sky-background);
    border: 1px solid var(--black);
    border-collapse: collapse;
}

    .rootTable th[b-1d1c0v7or5], .rootTable td[b-1d1c0v7or5] {
        padding: 15px 20px;
        border: 9px solid var(--blue-sky-background);
        border-radius: 18px;
    }

    .rootTable th[b-1d1c0v7or5] {
        font-weight: 500;
        background-color: var(--blue-sky);
    }

    .rootTable td[b-1d1c0v7or5] {
        background-color: var(--white-fb);
    }

    .rootTable tr:hover td[b-1d1c0v7or5] {
        background-color: var(--table-hover);
    }

    .rootTable td.totalSbt[b-1d1c0v7or5] {
        font-weight: bold;
        text-align: center;
    }

/* End of Table Styling */
/* _content/PSAIM-AuditTools/Shared/Parts/Reports/SBT/PROPETScoreTable.razor.rz.scp.css */
.rootComponent[b-g4grpp7rek] {
    width: 100%;
    margin-top: 1rem;
    margin-bottom: 1rem;
    box-shadow: 0 0 2px var(--black);
}

.tableWrapper[b-g4grpp7rek] {
    width: 100%;
    max-height: 700px;
    overflow: auto;
    padding-bottom: 1rem;
    background-color: var(--blue-sky-background);
}

    .tableWrapper[b-g4grpp7rek]::-webkit-scrollbar {
        height: 10px;
    }

    /* Track */
    .tableWrapper[b-g4grpp7rek]::-webkit-scrollbar-track {
        background: #b5d8eb;
    }

    /* Handle */
    .tableWrapper[b-g4grpp7rek]::-webkit-scrollbar-thumb {
        background: var(--lightblue);
    }

        /* Handle Hover */
        .tableWrapper[b-g4grpp7rek]::-webkit-scrollbar-thumb:hover {
            background: var(--blue);
        }


.rootTable[b-g4grpp7rek] {
    width: 100%;
    background-color: var(--blue-sky-background);
    border: 1px solid var(--black);
    border-collapse: collapse;
}

    .rootTable th[b-g4grpp7rek], .rootTable td[b-g4grpp7rek] {
        padding: 15px 20px;
        border: 9px solid var(--blue-sky-background);
        border-radius: 18px;
    }

    .rootTable th[b-g4grpp7rek] {
        font-weight: 500;
        background-color: var(--blue);
        color: white;
        position: sticky;
        top: 0;
    }

        .rootTable th.secondLevelTitle[b-g4grpp7rek] {
            top: 3.5rem;
        }

    .rootTable tr.subProcessRow:hover td[b-g4grpp7rek] {
        background-color: var(--table-hover) !important;
    }

    .rootTable td[b-g4grpp7rek] {
        background-color: var(--white-fb);
    }

        .rootTable td.process[b-g4grpp7rek] {
            /*background-color: #FFD966;*/
            background-color: var(--table-point);
            font-size: 1.05rem;
            font-weight: 600;
        }

        .rootTable td.processCol[b-g4grpp7rek] {
            min-width: 350px;
        }

        .rootTable td.score[b-g4grpp7rek] {
            min-width: 100px;
            text-align: center;
        }

        .rootTable th.empty[b-g4grpp7rek], .rootTable td.empty[b-g4grpp7rek] {
            background-color: var(--blue-sky-background);
        }

        .rootTable th.center[b-g4grpp7rek], .rootTable td.center[b-g4grpp7rek] {
            text-align: center;
        }

        .rootTable td.totalCol[b-g4grpp7rek] {
            background-color: var(--blue);
            color: white;
            font-weight: bold;
            text-align: center;
        }

/* Conditional Coloring*/
td.green[b-g4grpp7rek] {
    background-color: var(--dark-green-status-code) !important;
    color: white !important;
}

td.greenLight[b-g4grpp7rek] {
    background-color: var(--green-status-code) !important;
    color: black !important;
}

td.yellow[b-g4grpp7rek] {
    background-color: var(--yellow-status-code) !important;
    color: black !important;
}

td.orange[b-g4grpp7rek] {
    background-color: var(--orange-status-code) !important;
    color: white !important;
}

td.red[b-g4grpp7rek] {
    background-color: var(--red-status-code) !important;
    color: white !important;
}
/* End of Conditional Coloring*/

span.alert[b-g4grpp7rek] {
    display: block;
    margin-top: 1rem;
    color: var(--red);
    font-size: .75rem;
    border-top: 1px solid red;
    padding-top: .4rem;
}

td.white[b-g4grpp7rek] {
    background-color: white !important;
}
/* _content/PSAIM-AuditTools/Shared/Parts/Reports/SBT/PSBVContent.razor.rz.scp.css */
.rootComponent[b-cv6l0y0mq4] {
    width: 100%;
    /*display: flex;
    flex-direction: column;*/
}

.titleWrapper[b-cv6l0y0mq4] {
    position: relative;
}

.parentTitle[b-cv6l0y0mq4] {
    text-align: center;
    color: var(--blue);
    font-size: 32px;
    font-weight: 700;
}

.tabTitle[b-cv6l0y0mq4] {
    display: block;
    color: var(--blue-sky);
    text-align: center;
    /*margin-top: -1rem;*/
    margin-bottom: 1rem;
    font-size: 20px;
    font-weight: 700;
}

/* docs: card styling from process tab*/
.upperContent[b-cv6l0y0mq4], .middleContent[b-cv6l0y0mq4] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 26px;
    margin-bottom: 2rem;
}

.lowerContent[b-cv6l0y0mq4] {
    margin-bottom: 2rem;
}

.psbvCardItem[b-cv6l0y0mq4], .pbvGraphCardItem[b-cv6l0y0mq4], .propetGraphCardItem[b-cv6l0y0mq4],
.pbvTableCardItem[b-cv6l0y0mq4], .propetTableCardItem[b-cv6l0y0mq4] {
    width: 100%;
    padding: 35px;
    box-shadow: 2px 2px 5px rgba(0,0,0, 0.3);
    background-color: var(--white);
    border-radius: 10px;
}

.psbvCardItem[b-cv6l0y0mq4] {
    grid-column: 2 / span 2;
}

.pbvGraphCardItem[b-cv6l0y0mq4] {
    grid-column: 1 / 3;
}

.propetGraphCardItem[b-cv6l0y0mq4] {
    grid-column: 3 / 5
}

.pbvTableCardItem[b-cv6l0y0mq4], .propetTableCardItem[b-cv6l0y0mq4] {
    margin-bottom: 2rem;
}

.middleContent[b-cv6l0y0mq4] {
}

.firstPsbvCardWrapper[b-cv6l0y0mq4] {
    display: grid;
    grid-template-rows: 1fr 1fr;
    gap: 28px;
}

.secondPsbvCardWrapper[b-cv6l0y0mq4] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
}

.cardTitleWrapper[b-cv6l0y0mq4] {
    position: relative;
    margin-bottom: 50px;
}

.cardTitle[b-cv6l0y0mq4] {
    color: var(--blue);
    font-size: 28px;
    font-weight: 700;
}
/* End of card styling from process tab*/

.pdcaScoreTable[b-cv6l0y0mq4] {
    padding: 1rem;
    background-color: var(--white);
    border-radius: 8px;
    box-shadow: 2px 2px 5px rgba(0,0,0, 0.3);
}

/*.chartWrapperSbt {
    background-color: var(--white);
    border-radius: 8px;
    margin-top: 8px;
    overflow: hidden;
}

.radarChartWrapperSbt {*/
/*margin-top: -10rem;*/
/*}*/

[b-cv6l0y0mq4] .switcher {
    position: absolute;
    right: 0;
    bottom: 0;
}

.tableContent[b-cv6l0y0mq4] {
    /*margin-top: 5rem;*/
}

.sbtTotalWrapper[b-cv6l0y0mq4] {
    margin-top: 5rem;
    margin-bottom: 4rem;
}

/* Table Styling */
.tableWrapper[b-cv6l0y0mq4] {
    width: 100%;
    overflow: auto;
    padding-bottom: 1rem;
    background-color: var(--blue-sky-background);
    box-shadow: 0 0 2px var(--black);
}

    .tableWrapper[b-cv6l0y0mq4]::-webkit-scrollbar {
        height: 10px;
    }

    /* Track */
    .tableWrapper[b-cv6l0y0mq4]::-webkit-scrollbar-track {
        background: #b5d8eb;
    }

    /* Handle */
    .tableWrapper[b-cv6l0y0mq4]::-webkit-scrollbar-thumb {
        background: var(--lightblue);
    }

        /* Handle Hover */
        .tableWrapper[b-cv6l0y0mq4]::-webkit-scrollbar-thumb:hover {
            background: var(--blue);
        }


.rootTable[b-cv6l0y0mq4] {
    width: 100%;
    background-color: var(--blue-sky-background);
    border: 1px solid var(--black);
    border-collapse: collapse;
}

.rootComponent th[b-cv6l0y0mq4], .rootComponent td[b-cv6l0y0mq4] {
    padding: 15px 20px;
    border: 9px solid var(--blue-sky-background);
    border-radius: 18px;
}

.rootComponent th[b-cv6l0y0mq4] {
    font-weight: 500;
    background-color: var(--blue-sky);
}

.rootComponent td[b-cv6l0y0mq4] {
    background-color: var(--white-fb);
}

    .rootComponent td.totalSbt[b-cv6l0y0mq4] {
        font-weight: bold;
        text-align: center;
    }

/* End of Table Styling */


/* Media Query */
@media only screen and (max-width: 1500px) {
}

@media only screen and (max-width: 1366px) {
    .psbvCardItem[b-cv6l0y0mq4] {
        grid-column: 1 / span 4;
    }
}

@media only screen and (max-width: 700px) {
}
/* _content/PSAIM-AuditTools/Shared/Parts/Reports/SBT/TotalSbtScoreTable.razor.rz.scp.css */
.rootComponent[b-56b6o3xc5y] {
    padding: 1rem;
    background-color: var(--white);
    border-radius: 8px;
    box-shadow: 2px 2px 5px rgba(0,0,0, 0.3);
}

.title[b-56b6o3xc5y] {
    color: var(--black);
    font-size: 1.5rem;
    margin-bottom: 2rem;
    text-decoration: underline;
}

/* Table Styling */
.tableWrapper[b-56b6o3xc5y] {
    width: 100%;
    overflow: auto;
    padding-bottom: 1rem;
    background-color: var(--blue-sky-background);
    box-shadow: 0 0 2px var(--black);
}

    .tableWrapper[b-56b6o3xc5y]::-webkit-scrollbar {
        height: 10px;
    }

    /* Track */
    .tableWrapper[b-56b6o3xc5y]::-webkit-scrollbar-track {
        background: #b5d8eb;
    }

    /* Handle */
    .tableWrapper[b-56b6o3xc5y]::-webkit-scrollbar-thumb {
        background: var(--lightblue);
    }

        /* Handle Hover */
        .tableWrapper[b-56b6o3xc5y]::-webkit-scrollbar-thumb:hover {
            background: var(--blue);
        }


.rootTable[b-56b6o3xc5y] {
    width: 100%;
    background-color: var(--blue-sky-background);
    border: 1px solid var(--black);
    border-collapse: collapse;
}

    .rootTable th[b-56b6o3xc5y], .rootTable td[b-56b6o3xc5y] {
        padding: 15px 20px;
        border: 9px solid var(--blue-sky-background);
        border-radius: 18px;
    }

    .rootTable th[b-56b6o3xc5y] {
        font-weight: 500;
        background-color: var(--blue-sky);
    }

    .rootTable td[b-56b6o3xc5y] {
        background-color: var(--white-fb);
    }

    .rootTable tr:hover td[b-56b6o3xc5y] {
        background-color: var(--table-hover);
    }

    .rootTable td.totalSbt[b-56b6o3xc5y] {
        font-weight: bold;
        text-align: center;
    }

/* End of Table Styling */
/* _content/PSAIM-AuditTools/Shared/Parts/Reports/SiteSummary/RadioFilterTable.razor.rz.scp.css */
.radio[b-bgcd4yn64f]{
    padding: 1rem;
    width: 20rem;
    display: flex;
    flex-direction: column;
    align-items: start;
    font-family: 'Segoe UI';
    margin-left: 12px;
}

    .radio span[b-bgcd4yn64f]{
        font-weight: 700;
    }

    .radio h3[b-bgcd4yn64f]{
        font-size: 1rem;
    }

    .radio div[b-bgcd4yn64f] {
        margin-top: 12px;
    }
    
    .radio span.darkGreen[b-bgcd4yn64f] {
        color: var(--dark-green-status-code);
    }

    .radio span.green[b-bgcd4yn64f] {
        color: var(--green-status-code);
    }

    .radio span.yellow[b-bgcd4yn64f] {
        color: var(--yellow-status-code);
    }

    .radio span.orange[b-bgcd4yn64f] {
        color: var(--orange-status-code);
    }

    .radio span.red[b-bgcd4yn64f] {
        color: var(--red-status-code);
    }
/* _content/PSAIM-AuditTools/Shared/Parts/Reports/SiteSummary/SiteListTable.razor.rz.scp.css */
.tableWrapper[b-c6tc78vrjz] {
    width: 100%;
    max-height: 300px;
    overflow: auto;
    margin-top: 1rem;
    margin-bottom: 1rem;
    box-shadow: 0 0 15px var(--grey);
    border-radius: 10px;
}

.rootTable[b-c6tc78vrjz] {
    width: 100%;
    
    background-color: var(--grey-fa);
    border-collapse: collapse;
}

    .rootTable th[b-c6tc78vrjz], .rootTable td[b-c6tc78vrjz] {
        padding: 5px 8px;
    }

    .rootTable th[b-c6tc78vrjz] {
        font-weight: 500;
        background-color: var(--grey-fa);
        position: sticky;
        text-align: center;
        top: 0;
    }

        .rootTable th.status[b-c6tc78vrjz] {
            column-width: 2rem;
        }

.rootTable td[b-c6tc78vrjz] {
    background-color: var(--white);
    text-align: center;
}

    .rootTable td.status[b-c6tc78vrjz] {
        column-width: 2rem;
    }

    .rootTable tr[b-c6tc78vrjz] {
        border-bottom: solid var(--grey-fa);
    }
/* _content/PSAIM-AuditTools/Shared/Parts/Reports/SiteSummary/SiteResume.razor.rz.scp.css */
.siteResumeCardWrapper[b-mmftk91a0u] {
    padding: 1.5rem;
    margin-left: 2.75rem;
    margin-right: 2.75rem;
    background-color: var(--white);
    border-radius: 10px;
}

.titleWrapper[b-mmftk91a0u] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.5rem;
}

    .titleWrapper h3[b-mmftk91a0u] {
        color: var(--blue);
    }

.siteCountWrapper[b-mmftk91a0u]{

}

    .siteCountWrapper h4[b-mmftk91a0u]{
        color: var(--blue);
        font-weight: 300;
    }

h4[b-mmftk91a0u] {
    color: var(--blue);
    font-weight: 300;
}

.siteListWrapper[b-mmftk91a0u] {
    display: flex;
}

    .siteListWrapper[b-mmftk91a0u]  td,
    .siteListWrapper[b-mmftk91a0u]  th{
        font-family: 'Segoe UI';
    }

.cardsWrapper[b-mmftk91a0u]{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 36px;
    margin: 0.5rem;
}
/* _content/PSAIM-AuditTools/Shared/Parts/Reports/SiteSummary/SiteSummaryContent.razor.rz.scp.css */
.root[b-ys4qkps9ep] {
    padding-bottom: 5rem;
}

.parentTitle[b-ys4qkps9ep] {
    color: var(--blue);
    font-size: 32px;
    font-weight: 700;
}

.tabTitle[b-ys4qkps9ep] {
    color: var(--blue-sky);
    /*margin-top: -1rem;*/
    margin-bottom: 1rem;
    font-size: 20px;
    font-weight: 700;
}

hr.sectionBlockLine[b-ys4qkps9ep] {
    margin: 1.25rem 0;
    border: 2px solid var(--blue);
}

/* ==Auditor Section== */
.auditorSection[b-ys4qkps9ep] {
    background-color: var(--white);
    border-radius: 8px;
    padding: 25px;
}

.auditorSectionContent[b-ys4qkps9ep] {
    display: flex;
    gap: 3rem;
}

.tableRoot[b-ys4qkps9ep] {
    width: 100%;
    border-collapse: collapse;
    color: #2D3648;
}

    .tableRoot thead[b-ys4qkps9ep] {
        background-color: #fafafa;
    }

    .tableRoot th[b-ys4qkps9ep], .tableRoot td[b-ys4qkps9ep] {
        border: 2px solid #fafafa;
        padding: 18px;
    }

    .tableRoot th[b-ys4qkps9ep] {
        width: 50%;
        font-size: 18px;
    }

    .tableRoot td[b-ys4qkps9ep] {
        font-size: 16px;
    }

    .tableRoot tr:hover td[b-ys4qkps9ep] {
        background-color: var(--table-hover);
    }

/* ==End of Auditor Section== */


/* ==Asset Section== */
.assetSection[b-ys4qkps9ep] {
}
/* ==End of Asset Section== */


/* ==Audit Results Section== */
/*.auditResultsSection {
}

    .auditResultsSection .processTitle {
        font-size: 1.4rem;
        color: var(--blue);
        text-align: center;
        text-decoration: underline;
        margin-bottom: 1.5rem;
    }

.achievementWord, .recommendationWord, .processContent ul li {
    color: var(--dark-blue);
    font-size: 1.1rem;
    line-height: 30px;
}

.processContent ul {
    padding-left: 3rem;
}*/
/* ==End of Audit Results Section== */
/* _content/PSAIM-AuditTools/Shared/Parts/Reports/SubProcess/SubprocessContent.razor.rz.scp.css */
.subProcessContent[b-kcxphdjj7h] {
    display: flex;
    flex-direction: column;
}

.parentTitle[b-kcxphdjj7h] {
    color: var(--blue);
    font-size: 32px;
    font-weight: 700;
}

    .parentTitle.center[b-kcxphdjj7h] {
        margin-bottom: .5rem;
    }

.tabTitle[b-kcxphdjj7h] {
    color: var(--blue-sky);
    margin-bottom: 1.5rem;
    font-size: 20px;
    font-weight: 700;
}

.tableContent[b-kcxphdjj7h], .parentChartContentWrapper[b-kcxphdjj7h] {
    margin: 5rem -.5rem 0;
    padding: 26px;
    background-color: var(--white);
    border-radius: 8px;
    box-shadow: 2px 2px 5px rgba(0,0,0, 0.3);
}

.tableHeader[b-kcxphdjj7h] {
}

.center[b-kcxphdjj7h] {
    text-align: center;
}
/* _content/PSAIM-AuditTools/Shared/Parts/Reports/SubProcess/SubprocessReportItemList.razor.rz.scp.css */
.subprocessChartWrapper[b-ab4kzsl9xu] {
    display: grid;
    grid-template-columns: minmax(50%, 1fr) minmax(50%, 1fr);
}

.hBarChartWrapper[b-ab4kzsl9xu] {
    flex: 1;
}

.pieChartWrapper[b-ab4kzsl9xu] {
    flex: 1;
}
/* _content/PSAIM-AuditTools/Shared/Parts/UserManagement/AssignResourceModal.razor.rz.scp.css */
.root[b-wk7xjto5nc] {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.425);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99;
}

.modalWrapper[b-wk7xjto5nc] {
    width: 40%;
    border-radius: 10px;
    overflow: hidden;
}

.modalHeader[b-wk7xjto5nc] {
    position: relative;
    /* font-weight: bold; */
    background-color: var(--blue);
    padding: 1.5rem;
}

    .modalHeader h2[b-wk7xjto5nc] {
        text-align: center;
        color: var(--white);
    }

    .modalHeader .closeIcon[b-wk7xjto5nc] {
        position: absolute;
        top: 1.25rem;
        right: 2rem;
        font-size: 2.5rem;
        color: var(--white);
        cursor: pointer;
    }

        .modalHeader .closeIcon:hover[b-wk7xjto5nc] {
            color: rgb(224, 224, 224);
        }

.modalContent[b-wk7xjto5nc] {
    background-color: white;
    padding: 3rem 4rem;
}

.tabContents[b-wk7xjto5nc] {
    padding-top: 1.5rem;
}

.input[b-wk7xjto5nc] {
    margin-bottom: 1.5rem;
}

.buttonWrapper[b-wk7xjto5nc] {
    display: flex;
    justify-content: center;
}


@media only screen and (max-width: 1280px) {
    .modalWrapper[b-wk7xjto5nc] {
        width: 50%;
    }

    .modalContent[b-wk7xjto5nc] {
        padding: 2rem 2.5rem;
    }
}

@media only screen and (max-width: 960px) {
    .modalWrapper[b-wk7xjto5nc] {
        width: 70%;
    }
}

@media only screen and (max-width: 680px) {
    .modalHeader[b-wk7xjto5nc] {
        padding: 1rem;
    }

        .modalHeader .closeIcon[b-wk7xjto5nc] {
            top: .75rem;
            right: 2rem;
            font-size: 2.5rem;
            color: var(--white);
            cursor: pointer;
        }

    .modalWrapper[b-wk7xjto5nc] {
        width: 90%;
    }

    .modalContent[b-wk7xjto5nc] {
        padding: 1rem 1.5rem;
    }
}

@media only screen and (max-width: 481px) {
    .modalHeader[b-wk7xjto5nc] {
        padding-left: 1.5rem;
    }

        .modalHeader h2[b-wk7xjto5nc] {
            text-align: left;
        }

        .modalHeader .closeIcon[b-wk7xjto5nc] {
            right: 1rem;
        }
}

@media only screen and (max-width: 366px) {
    .modalHeader[b-wk7xjto5nc] {
        padding-left: 1rem;
    }

    .modalContent[b-wk7xjto5nc] {
        padding: 2.5rem 1rem;
    }
}

@media only screen and (max-width: 366px) {
    .modalHeader[b-wk7xjto5nc] {
        padding-right: 4rem;
    }
}



/* ======Input Styling (Input GLOBAL)====== */

/* GLOBAL */
/* Hidden arrow Number CSS */
/* Chrome, Safari, Edge, Opera */
input[b-wk7xjto5nc]::-webkit-outer-spin-button,
input[b-wk7xjto5nc]::-webkit-inner-spin-button,
textarea[b-wk7xjto5nc]::-webkit-outer-spin-button,
textarea[b-wk7xjto5nc]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

select[b-wk7xjto5nc], option[b-wk7xjto5nc] {
    -webkit-appearance: none;
}

/* Firefox */
input[type=number][b-wk7xjto5nc] {
    -moz-appearance: textfield;
}

/* End of GLOBAL */
/* End of hidden arrow Number */

.inputFieldRoot[b-wk7xjto5nc] {
    display: grid;
    grid-template-columns: 1fr 2.3rem 3fr;
    align-items: center;
    margin-bottom: 1.875rem;
}

.doubleColonMobile[b-wk7xjto5nc] {
    display: none;
}

.inputFieldRoot label[b-wk7xjto5nc],
.inputFieldRoot span[b-wk7xjto5nc] {
    font-size: 1.125rem;
    color: var(--dark-blue);
}

@media only screen and (max-width: 960px) {
    .inputFieldRoot[b-wk7xjto5nc] {
        grid-template-columns: 3fr 1rem 4fr;
    }
}

@media only screen and (max-width: 500px) {
    .inputFieldRoot[b-wk7xjto5nc] {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 2fr;
    }

    .doubleColon[b-wk7xjto5nc] {
        display: none;
    }

    .doubleColonMobile[b-wk7xjto5nc] {
        display: inline-block;
    }
}
/* ======End of Input Styling (Input GLOBAL)====== */


/* ======Input Styling (Input Field)====== */
.inputFieldRoot input[b-wk7xjto5nc],
.inputFieldRoot textarea[b-wk7xjto5nc] {
    width: 100%;
    padding: 0.5rem 1rem;
    font-size: 1.125rem;
    border-radius: 10px;
    border: 1px solid var(--grey-border);
    transition: .2s all;
}

    .inputFieldRoot input[b-wk7xjto5nc]::-webkit-input-placeholder,
    .inputFieldRoot textarea[b-wk7xjto5nc]::-webkit-input-placeholder {
        color: var(--grey-border);
    }

    .inputFieldRoot input:focus[b-wk7xjto5nc],
    .inputFieldRoot textarea:focus[b-wk7xjto5nc] {
        outline: none;
        background-color: rgba(214, 238, 247, 0.5);
        border: 1px solid var(--blue);
        box-shadow: 0 0 3px var(--blue);
    }

.inputFieldRoot textarea[b-wk7xjto5nc] {
    resize: none;
}

/* Input Alert */
.inputAlert[b-wk7xjto5nc] {
    margin-top: 1rem;
    color: var(--red);
}

/* Input Password eye icon */
.input .inputWrapper[b-wk7xjto5nc] {
    position: relative;
}

.eyeIcon[b-wk7xjto5nc] {
    font-size: 1.5rem;
    color: var(--blue);
    position: absolute;
    right: 1rem;
    top: .5rem;
    cursor: pointer;
    transition: .3s all;
}

/* ======End of Input Styling (Input Field)====== */


/* ======Input Styling (Input Dropdown)====== */
.select .inputWrapper[b-wk7xjto5nc] {
    display: flex;
}

.dropdown[b-wk7xjto5nc] {
    position: relative;
}

    .dropdown[b-wk7xjto5nc]::after {
        /*add arrow down from fa-icon*/
        content: '\f107';
        font: normal normal normal 12px/1 FontAwesome;
        color: black;
        right: 5px;
        top: -2px;
        height: 26px;
        padding: 15px 0px 0px 8px;
        position: absolute;
        pointer-events: none;
    }

.additionalBtn[b-wk7xjto5nc] {
    margin-left: 1rem;
    align-self: center;
    font-size: 1.75rem;
    color: var(--blue);
    cursor: pointer;
}

    .additionalBtn:hover[b-wk7xjto5nc] {
        color: var(--blueground-hover);
    }

.inputFieldRoot > div.inputWrapper > div > select[b-wk7xjto5nc] {
    width: 100%;
    padding: 0.5rem 1rem;
    font-size: 1.125rem;
    border-radius: 10px;
    border: 1px solid var(--grey-border);
    transition: .2s all;
    cursor: pointer;
}

fieldset.fieldsetForm[disabled] .inputFieldRoot > div.inputWrapper > div > select[b-wk7xjto5nc],
.select select[disabled][b-wk7xjto5nc], .select select:disabled[b-wk7xjto5nc] {
    cursor: default;
}

fieldset.fieldsetForm[disabled] .dropdown[b-wk7xjto5nc]::after {
    /*add arrow down from fa-icon*/
    color: rgb(170, 170, 170);
    opacity: 0.7;
}

.inputFieldRoot > div.inputWrapper > div > select.withAdditionalBtn[b-wk7xjto5nc] {
    width: unset;
}

.inputFieldRoot > div.inputWrapper > div > select[b-wk7xjto5nc]::-webkit-input-placeholder {
    color: var(--grey);
}

.inputFieldRoot > div.inputWrapper > div > select:focus[b-wk7xjto5nc] {
    outline: none;
    background-color: rgba(214, 238, 247, 0.5);
    border: 1px solid var(--blue);
    box-shadow: 0 0 3px var(--blue);
}

/* option styling */
.inputFieldRoot > div.inputWrapper > div > select > option[b-wk7xjto5nc] {
    border-radius: 10px;
}

    .inputFieldRoot > div.inputWrapper > div > select > option:disabled[b-wk7xjto5nc] {
        /* color: var(--grey); */
    }

/* ======End of Input Styling (Input Dropdown)====== */


/* docs: ====Styling For Table Resources====*/
.resourceTableWrapper[b-wk7xjto5nc] {
}

    .resourceTableWrapper table[b-wk7xjto5nc] {
        border: 1px solid var(--grey);
        border-radius: 10px;
        max-height: 15rem;
        overflow-y: scroll;
        border-spacing: 0px;
    }

    .resourceTableWrapper thead[b-wk7xjto5nc] {
        font-family: 'Inter';
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 20px;
        color: #595D61;
    }

    .resourceTableWrapper tbody[b-wk7xjto5nc] {
        font-family: 'Inter';
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 20px;
        color: #595D61;
    }

    .resourceTableWrapper thead th[b-wk7xjto5nc] {
        background-color: var(--grey);
        padding: 1em;
    }

    .resourceTableWrapper tbody td[b-wk7xjto5nc] {
        padding: 0.5em;
        border-bottom: 1px solid var(--grey);
    }
/* ====End of Styling For Table Resources====*/
/* _content/PSAIM-AuditTools/Shared/Parts/UserManagement/PasswordChangeModal.razor.rz.scp.css */
.root[b-8ptp0cz7va] {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.425);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99;
}

.modalWrapper[b-8ptp0cz7va] {
    width: 40%;
    border-radius: 10px;
    overflow: hidden;
}

.modalHeader[b-8ptp0cz7va] {
    position: relative;
    /* font-weight: bold; */
    background-color: var(--blue);
    padding: 1.5rem;
}

    .modalHeader h2[b-8ptp0cz7va] {
        text-align: center;
        color: var(--white);
    }

    .modalHeader .closeIcon[b-8ptp0cz7va] {
        position: absolute;
        top: 1.25rem;
        right: 2rem;
        font-size: 2.5rem;
        color: var(--white);
        cursor: pointer;
    }

        .modalHeader .closeIcon:hover[b-8ptp0cz7va] {
            color: rgb(224, 224, 224);
        }

.modalContent[b-8ptp0cz7va] {
    background-color: white;
    padding: 3rem 4rem;
}

.input[b-8ptp0cz7va] {
    margin-bottom: 1.5rem;
}

.buttonWrapper[b-8ptp0cz7va] {
    display: flex;
    justify-content: center;
}


@media only screen and (max-width: 1280px) {
    .modalWrapper[b-8ptp0cz7va] {
        width: 50%;
    }

    .modalContent[b-8ptp0cz7va] {
        padding: 2rem 2.5rem;
    }
}

@media only screen and (max-width: 960px) {
    .modalWrapper[b-8ptp0cz7va] {
        width: 70%;
    }
}

@media only screen and (max-width: 680px) {
    .modalHeader[b-8ptp0cz7va] {
        padding: 1rem;
    }

        .modalHeader .closeIcon[b-8ptp0cz7va] {
            top: .75rem;
            right: 2rem;
            font-size: 2.5rem;
            color: var(--white);
            cursor: pointer;
        }

    .modalWrapper[b-8ptp0cz7va] {
        width: 90%;
    }

    .modalContent[b-8ptp0cz7va] {
        padding: 1rem 1.5rem;
    }
}

@media only screen and (max-width: 481px) {
    .modalHeader[b-8ptp0cz7va] {
        padding-left: 1.5rem;
    }

        .modalHeader h2[b-8ptp0cz7va] {
            text-align: left;
        }

        .modalHeader .closeIcon[b-8ptp0cz7va] {
            right: 1rem;
        }
}

@media only screen and (max-width: 366px) {
    .modalHeader[b-8ptp0cz7va] {
        padding-left: 1rem;
    }

    .modalContent[b-8ptp0cz7va] {
        padding: 2.5rem 1rem;
    }
}

@media only screen and (max-width: 366px) {
    .modalHeader[b-8ptp0cz7va] {
        padding-right: 4rem;
    }
}



/* ======Input Styling (Input GLOBAL)====== */

/* GLOBAL */
/* Hidden arrow Number CSS */
/* Chrome, Safari, Edge, Opera */
input[b-8ptp0cz7va]::-webkit-outer-spin-button,
input[b-8ptp0cz7va]::-webkit-inner-spin-button,
textarea[b-8ptp0cz7va]::-webkit-outer-spin-button,
textarea[b-8ptp0cz7va]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

select[b-8ptp0cz7va], option[b-8ptp0cz7va] {
    -webkit-appearance: none;
}

/* Firefox */
input[type=number][b-8ptp0cz7va] {
    -moz-appearance: textfield;
}

/* End of GLOBAL */
/* End of hidden arrow Number */

.inputFieldRoot[b-8ptp0cz7va] {
    display: grid;
    grid-template-columns: 1fr 2.3rem 3fr;
    align-items: center;
    margin-bottom: 1.875rem;
}

.doubleColonMobile[b-8ptp0cz7va] {
    display: none;
}

.inputFieldRoot label[b-8ptp0cz7va],
.inputFieldRoot span[b-8ptp0cz7va] {
    font-size: 1.125rem;
    color: var(--dark-blue);
}

@media only screen and (max-width: 960px) {
    .inputFieldRoot[b-8ptp0cz7va] {
        grid-template-columns: 3fr 1rem 4fr;
    }
}

@media only screen and (max-width: 500px) {
    .inputFieldRoot[b-8ptp0cz7va] {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 2fr;
    }

    .doubleColon[b-8ptp0cz7va] {
        display: none;
    }

    .doubleColonMobile[b-8ptp0cz7va] {
        display: inline-block;
    }
}
/* ======End of Input Styling (Input GLOBAL)====== */


/* ======Input Styling (Input Field)====== */
.inputFieldRoot input[b-8ptp0cz7va],
.inputFieldRoot textarea[b-8ptp0cz7va] {
    width: 100%;
    padding: 0.5rem 1rem;
    font-size: 1.125rem;
    border-radius: 10px;
    border: 1px solid var(--grey-border);
    transition: .2s all;
}

    .inputFieldRoot input[b-8ptp0cz7va]::-webkit-input-placeholder,
    .inputFieldRoot textarea[b-8ptp0cz7va]::-webkit-input-placeholder {
        color: var(--grey-border);
    }

    .inputFieldRoot input:focus[b-8ptp0cz7va],
    .inputFieldRoot textarea:focus[b-8ptp0cz7va] {
        outline: none;
        background-color: rgba(214, 238, 247, 0.5);
        border: 1px solid var(--blue);
        box-shadow: 0 0 3px var(--blue);
    }

.inputFieldRoot textarea[b-8ptp0cz7va] {
    resize: none;
}

/* Input Alert */
.inputAlert[b-8ptp0cz7va] {
    margin-top: 1rem;
    color: var(--red);
}

/* Input Password eye icon */
.input .inputWrapper[b-8ptp0cz7va] {
    position: relative;
}

.eyeIcon[b-8ptp0cz7va] {
    font-size: 1.5rem;
    color: var(--blue);
    position: absolute;
    right: 1rem;
    top: .5rem;
    cursor: pointer;
    transition: .3s all;
}

/* ======End of Input Styling (Input Field)====== */


/* ======Input Styling (Input Dropdown)====== */
.select .inputWrapper[b-8ptp0cz7va] {
    display: flex;
}

.dropdown[b-8ptp0cz7va] {
    position: relative;
}

    .dropdown[b-8ptp0cz7va]::after {
        /*add arrow down from fa-icon*/
        content: '\f107';
        font: normal normal normal 12px/1 FontAwesome;
        color: black;
        right: 5px;
        top: -2px;
        height: 26px;
        padding: 15px 0px 0px 8px;
        position: absolute;
        pointer-events: none;
    }

.additionalBtn[b-8ptp0cz7va] {
    margin-left: 1rem;
    align-self: center;
    font-size: 1.75rem;
    color: var(--blue);
    cursor: pointer;
}

    .additionalBtn:hover[b-8ptp0cz7va] {
        color: var(--blueground-hover);
    }

.inputFieldRoot > div.inputWrapper > div > select[b-8ptp0cz7va] {
    width: 100%;
    padding: 0.5rem 1rem;
    font-size: 1.125rem;
    border-radius: 10px;
    border: 1px solid var(--grey-border);
    transition: .2s all;
    cursor: pointer;
}

fieldset.fieldsetForm[disabled] .inputFieldRoot > div.inputWrapper > div > select[b-8ptp0cz7va] {
    cursor: default;
}

fieldset.fieldsetForm[disabled] .dropdown[b-8ptp0cz7va]::after {
    /*add arrow down from fa-icon*/
    color: rgb(170, 170, 170);
    opacity: 0.7;
}

.inputFieldRoot > div.inputWrapper > div > select.withAdditionalBtn[b-8ptp0cz7va] {
    width: unset;
}

.inputFieldRoot > div.inputWrapper > div > select[b-8ptp0cz7va]::-webkit-input-placeholder {
    color: var(--grey);
}

.inputFieldRoot > div.inputWrapper > div > select:focus[b-8ptp0cz7va] {
    outline: none;
    background-color: rgba(214, 238, 247, 0.5);
    border: 1px solid var(--blue);
    box-shadow: 0 0 3px var(--blue);
}

/* option styling */
.inputFieldRoot > div.inputWrapper > div > select > option[b-8ptp0cz7va] {
    border-radius: 10px;
}

    .inputFieldRoot > div.inputWrapper > div > select > option:disabled[b-8ptp0cz7va] {
        /* color: var(--grey); */
    }

/* ======End of Input Styling (Input Dropdown)====== */
/* _content/PSAIM-AuditTools/Shared/Parts/UserManagement/UserModal.razor.rz.scp.css */
.root[b-y6k3n8w19r] {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.425);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99;
}

.modalWrapper[b-y6k3n8w19r] {
    width: 40%;
    border-radius: 10px;
    overflow: hidden;
}

.modalHeader[b-y6k3n8w19r] {
    position: relative;
    /* font-weight: bold; */
    background-color: var(--blue);
    padding: 1.5rem;
}

    .modalHeader h2[b-y6k3n8w19r] {
        text-align: center;
        color: var(--white);
    }

    .modalHeader .closeIcon[b-y6k3n8w19r] {
        position: absolute;
        top: 1.25rem;
        right: 2rem;
        font-size: 2.5rem;
        color: var(--white);
        cursor: pointer;
    }

        .modalHeader .closeIcon:hover[b-y6k3n8w19r] {
            color: rgb(224, 224, 224);
        }

.modalContent[b-y6k3n8w19r] {
    background-color: white;
    padding: 3rem 4rem;
}

.input[b-y6k3n8w19r] {
    margin-bottom: 1.5rem;
}

.buttonWrapper[b-y6k3n8w19r] {
    display: flex;
    justify-content: center;
}


@media only screen and (max-width: 1280px) {
    .modalWrapper[b-y6k3n8w19r] {
        width: 50%;
    }

    .modalContent[b-y6k3n8w19r] {
        padding: 2rem 2.5rem;
    }
}

@media only screen and (max-width: 960px) {
    .modalWrapper[b-y6k3n8w19r] {
        width: 70%;
    }
}

@media only screen and (max-width: 680px) {
    .modalHeader[b-y6k3n8w19r] {
        padding: 1rem;
    }

        .modalHeader .closeIcon[b-y6k3n8w19r] {
            top: .75rem;
            right: 2rem;
            font-size: 2.5rem;
            color: var(--white);
            cursor: pointer;
        }

    .modalWrapper[b-y6k3n8w19r] {
        width: 90%;
    }

    .modalContent[b-y6k3n8w19r] {
        padding: 1rem 1.5rem;
    }
}

@media only screen and (max-width: 481px) {
    .modalHeader[b-y6k3n8w19r] {
        padding-left: 1.5rem;
    }

        .modalHeader h2[b-y6k3n8w19r] {
            text-align: left;
        }

        .modalHeader .closeIcon[b-y6k3n8w19r] {
            right: 1rem;
        }
}

@media only screen and (max-width: 366px) {
    .modalHeader[b-y6k3n8w19r] {
        padding-left: 1rem;
    }

    .modalContent[b-y6k3n8w19r] {
        padding: 2.5rem 1rem;
    }
}

@media only screen and (max-width: 366px) {
    .modalHeader[b-y6k3n8w19r] {
        padding-right: 4rem;
    }
}



/* ======Input Styling (Input GLOBAL)====== */

/* GLOBAL */
/* Hidden arrow Number CSS */
/* Chrome, Safari, Edge, Opera */
input[b-y6k3n8w19r]::-webkit-outer-spin-button,
input[b-y6k3n8w19r]::-webkit-inner-spin-button,
textarea[b-y6k3n8w19r]::-webkit-outer-spin-button,
textarea[b-y6k3n8w19r]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

select[b-y6k3n8w19r], option[b-y6k3n8w19r] {
    -webkit-appearance: none;
}

/* Firefox */
input[type=number][b-y6k3n8w19r] {
    -moz-appearance: textfield;
}

/* End of GLOBAL */
/* End of hidden arrow Number */

.inputFieldRoot[b-y6k3n8w19r] {
    display: grid;
    grid-template-columns: 1fr 2.3rem 3fr;
    align-items: center;
    margin-bottom: 1.875rem;
}

.doubleColonMobile[b-y6k3n8w19r] {
    display: none;
}

.inputFieldRoot label[b-y6k3n8w19r],
.inputFieldRoot span[b-y6k3n8w19r] {
    font-size: 1.125rem;
    color: var(--dark-blue);
}

@media only screen and (max-width: 960px) {
    .inputFieldRoot[b-y6k3n8w19r] {
        grid-template-columns: 3fr 1rem 4fr;
    }
}

@media only screen and (max-width: 500px) {
    .inputFieldRoot[b-y6k3n8w19r] {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 2fr;
    }

    .doubleColon[b-y6k3n8w19r] {
        display: none;
    }

    .doubleColonMobile[b-y6k3n8w19r] {
        display: inline-block;
    }
}
/* ======End of Input Styling (Input GLOBAL)====== */


/* ======Input Styling (Input Field)====== */
.inputFieldRoot input[b-y6k3n8w19r],
.inputFieldRoot textarea[b-y6k3n8w19r] {
    width: 100%;
    padding: 0.5rem 1rem;
    font-size: 1.125rem;
    border-radius: 10px;
    border: 1px solid var(--grey-border);
    transition: .2s all;
}

    .inputFieldRoot input[b-y6k3n8w19r]::-webkit-input-placeholder,
    .inputFieldRoot textarea[b-y6k3n8w19r]::-webkit-input-placeholder {
        color: var(--grey-border);
    }

    .inputFieldRoot input:focus[b-y6k3n8w19r],
    .inputFieldRoot textarea:focus[b-y6k3n8w19r] {
        outline: none;
        background-color: rgba(214, 238, 247, 0.5);
        border: 1px solid var(--blue);
        box-shadow: 0 0 3px var(--blue);
    }

.inputFieldRoot textarea[b-y6k3n8w19r] {
    resize: none;
}

/* Input Alert */
.inputAlert[b-y6k3n8w19r] {
    margin-top: 1rem;
    color: var(--red);
}

/* Input Password eye icon */
.input .inputWrapper[b-y6k3n8w19r] {
    position: relative;
}

.eyeIcon[b-y6k3n8w19r] {
    font-size: 1.5rem;
    color: var(--blue);
    position: absolute;
    right: 1rem;
    top: .5rem;
    cursor: pointer;
    transition: .3s all;
}

/* ======End of Input Styling (Input Field)====== */


/* ======Input Styling (Input Dropdown)====== */
.select .inputWrapper[b-y6k3n8w19r] {
    display: flex;
}

.dropdown[b-y6k3n8w19r] {
    position: relative;
}

    .dropdown[b-y6k3n8w19r]::after {
        /*add arrow down from fa-icon*/
        content: '\f107';
        font: normal normal normal 12px/1 FontAwesome;
        color: black;
        right: 5px;
        top: -2px;
        height: 26px;
        padding: 15px 0px 0px 8px;
        position: absolute;
        pointer-events: none;
    }

.additionalBtn[b-y6k3n8w19r] {
    margin-left: 1rem;
    align-self: center;
    font-size: 1.75rem;
    color: var(--blue);
    cursor: pointer;
}

    .additionalBtn:hover[b-y6k3n8w19r] {
        color: var(--blueground-hover);
    }

.inputFieldRoot > div.inputWrapper > div > select[b-y6k3n8w19r] {
    width: 100%;
    padding: 0.5rem 1rem;
    font-size: 1.125rem;
    border-radius: 10px;
    border: 1px solid var(--grey-border);
    transition: .2s all;
    cursor: pointer;
}

fieldset.fieldsetForm[disabled] .inputFieldRoot > div.inputWrapper > div > select[b-y6k3n8w19r] {
    cursor: default;
}

fieldset.fieldsetForm[disabled] .dropdown[b-y6k3n8w19r]::after {
    /*add arrow down from fa-icon*/
    color: rgb(170, 170, 170);
    opacity: 0.7;
}

.inputFieldRoot > div.inputWrapper > div > select.withAdditionalBtn[b-y6k3n8w19r] {
    width: unset;
}

.inputFieldRoot > div.inputWrapper > div > select[b-y6k3n8w19r]::-webkit-input-placeholder {
    color: var(--grey);
}

.inputFieldRoot > div.inputWrapper > div > select:focus[b-y6k3n8w19r] {
    outline: none;
    background-color: rgba(214, 238, 247, 0.5);
    border: 1px solid var(--blue);
    box-shadow: 0 0 3px var(--blue);
}

/* option styling */
.inputFieldRoot > div.inputWrapper > div > select > option[b-y6k3n8w19r] {
    border-radius: 10px;
}

    .inputFieldRoot > div.inputWrapper > div > select > option:disabled[b-y6k3n8w19r] {
        /* color: var(--grey); */
    }

/* ======End of Input Styling (Input Dropdown)====== */
/* _content/PSAIM-AuditTools/Shared/Parts/UserManagement/UserTableManagement.razor.rz.scp.css */
.rootComponent[b-ef9iet5til] {
    width: 100%;
    margin-top: 1rem;
    margin-bottom: 1rem;
    box-shadow: 0 0 2px var(--black);
}

.tableWrapper[b-ef9iet5til] {
    width: 100%;
    max-height: 700px;
    overflow: auto;
}

    .tableWrapper[b-ef9iet5til]::-webkit-scrollbar {
        height: 10px;
    }

    /* Track */
    .tableWrapper[b-ef9iet5til]::-webkit-scrollbar-track {
        background: #b5d8eb;
    }

    /* Handle */
    .tableWrapper[b-ef9iet5til]::-webkit-scrollbar-thumb {
        background: var(--lightblue);
    }

        /* Handle Hover */
        .tableWrapper[b-ef9iet5til]::-webkit-scrollbar-thumb:hover {
            background: var(--blue);
        }


.rootTable[b-ef9iet5til] {
    width: 100%;
    background-color: var(--blue-sky-background);
    border: 1px solid var(--black);
    border-collapse: collapse;
}

    .rootTable th[b-ef9iet5til], .rootTable td[b-ef9iet5til] {
        padding: 5px 8px;
        border: 7px solid var(--blue-sky-background);
    }

    .rootTable th[b-ef9iet5til] {
        font-weight: 500;
        background-color: var(--blue-sky);
        position: sticky;
        top: 0;
        cursor: pointer;
    }

        .rootTable th .tableHeaderWrapper[b-ef9iet5til] {
            width: 100%;
            height: 100%;
            padding: 0 1rem 0 0;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .rootTable th .sortIcon[b-ef9iet5til] {
            color: var(--blue-darker);
        }

    .rootTable td[b-ef9iet5til] {
        background-color: var(--white-fb);
    }

    .rootTable tr:hover td[b-ef9iet5til] {
        background-color: var(--table-hover);
    }




/*for delete & edit icon*/
.actionCol[b-ef9iet5til] {
    /*    display: flex;*/
    /*    justify-content: space-around;*/
    text-align: center;
}

.actionIcon:disabled[b-ef9iet5til],
.actionIcon[disabled][b-ef9iet5til] {
    color: #666666;
    cursor: default;
}

    .actionIcon:disabled:hover[b-ef9iet5til],
    .actionIcon[disabled]:hover[b-ef9iet5til] {
        color: #666666;
    }

.deleteIcon[b-ef9iet5til] {
    color: var(--red);
    cursor: pointer;
    margin-left: 5px;
}

    .deleteIcon:hover[b-ef9iet5til] {
        color: var(--red-darker);
    }

.editIcon[b-ef9iet5til] {
    color: var(--green);
    cursor: pointer;
    display: inline-block;
    margin-left: 5px;
}

    .editIcon:hover[b-ef9iet5til] {
        color: var(--greenground-hover);
    }

.assignIcon[b-ef9iet5til] {
    color: var(--blue);
    cursor: pointer;
    display: inline-block;
}

    .assignIcon:hover[b-ef9iet5til] {
        color: var(--blue-sky);
    }
/*end for delete & edit icon*/
/* _content/PSAIM-AuditTools/Shared/Parts/ViewerModal.razor.rz.scp.css */
.root[b-cpvp4fzrku] {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.425);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99;
}

.modalWrapper[b-cpvp4fzrku] {
    width: 40%;
    border-radius: 10px;
    overflow: hidden;
}

.modalHeader[b-cpvp4fzrku] {
    position: relative;
    /* font-weight: bold; */
    background-color: var(--blue);
    padding: 1.5rem 4rem;
}

    .modalHeader h2[b-cpvp4fzrku] {
        text-align: center;
        color: var(--white);
    }

    .modalHeader .closeIcon[b-cpvp4fzrku] {
        position: absolute;
        top: 1.25rem;
        right: 2rem;
        font-size: 2.5rem;
        color: var(--white);
        cursor: pointer;
    }

        .modalHeader .closeIcon:hover[b-cpvp4fzrku] {
            color: rgb(224, 224, 224);
        }

.modalContent[b-cpvp4fzrku] {
    background-color: white;
    padding: 3rem 4rem;

    max-height: 85vh;
    overflow: auto;
}

.tableRoot[b-cpvp4fzrku] {
    width: 100%;
}

    .tableRoot th[b-cpvp4fzrku] {
        text-align: center;
    }

    .tableRoot td[b-cpvp4fzrku] {
        text-align: justify;
    }

        .tableRoot td.theContentParagraph[b-cpvp4fzrku] {
            
        }

.buttonWrapper[b-cpvp4fzrku] {
    display: flex;
    justify-content: center;
}

@media only screen and (max-width: 1280px) {
    .modalWrapper[b-cpvp4fzrku] {
        width: 50%;
    }

    .modalContent[b-cpvp4fzrku] {
        padding: 2rem 2.5rem;
    }
}

@media only screen and (max-width: 960px) {
    .modalWrapper[b-cpvp4fzrku] {
        width: 70%;
    }
}

@media only screen and (max-width: 680px) {
    .modalHeader[b-cpvp4fzrku] {
        padding: 1rem 4rem;
    }

        .modalHeader .closeIcon[b-cpvp4fzrku] {
            top: .75rem;
            right: 2rem;
            font-size: 2.5rem;
            color: var(--white);
            cursor: pointer;
        }

    .modalWrapper[b-cpvp4fzrku] {
        width: 90%;
    }

    .modalContent[b-cpvp4fzrku] {
        padding: 1rem 1.5rem;
    }
}

@media only screen and (max-width: 481px) {
    .modalHeader[b-cpvp4fzrku] {
        padding-left: 1.5rem;
        padding-right: 3rem;
    }

        .modalHeader h2[b-cpvp4fzrku] {
            text-align: left;
        }

        .modalHeader .closeIcon[b-cpvp4fzrku] {
            right: 1rem;
        }
}

@media only screen and (max-width: 366px) {
    .modalHeader[b-cpvp4fzrku] {
        padding-left: 1rem;
    }

    .modalContent[b-cpvp4fzrku] {
        padding: 2.5rem 1rem;
    }
}

@media only screen and (max-width: 366px) {
    .modalHeader[b-cpvp4fzrku] {
        padding-right: 4rem;
    }
}
/* _content/PSAIM-AuditTools/Shared/Parts/Worksheet/FeedbackProtocolModal.razor.rz.scp.css */
.root[b-93dts9e2zp] {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.425);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99;
}

.modalWrapper[b-93dts9e2zp] {
    width: 40%;
    border-radius: 10px;
    overflow: hidden;
}

.modalHeader[b-93dts9e2zp] {
    position: relative;
    /* font-weight: bold; */
    background-color: var(--blue);
    padding: 1.5rem 4rem;
}

    .modalHeader h2[b-93dts9e2zp] {
        text-align: center;
        color: var(--white);
    }

    .modalHeader .closeIcon[b-93dts9e2zp] {
        position: absolute;
        top: 1.25rem;
        right: 2rem;
        font-size: 2.5rem;
        color: var(--white);
        cursor: pointer;
    }

        .modalHeader .closeIcon:hover[b-93dts9e2zp] {
            color: rgb(224, 224, 224);
        }

.modalContent[b-93dts9e2zp] {
    background-color: white;
    padding: 3rem 4rem;
}

.input[b-93dts9e2zp] {
    margin-bottom: 1.5rem;
}

.buttonWrapper[b-93dts9e2zp] {
    display: flex;
    justify-content: center;
}

@media only screen and (max-width: 1280px) {
    .modalWrapper[b-93dts9e2zp] {
        width: 50%;
    }

    .modalContent[b-93dts9e2zp] {
        padding: 2rem 2.5rem;
    }
}

@media only screen and (max-width: 960px) {
    .modalWrapper[b-93dts9e2zp] {
        width: 70%;
    }
}

@media only screen and (max-width: 680px) {
    .modalHeader[b-93dts9e2zp] {
        padding: 1rem 4rem;
    }

        .modalHeader .closeIcon[b-93dts9e2zp] {
            top: .75rem;
            right: 2rem;
            font-size: 2.5rem;
            color: var(--white);
            cursor: pointer;
        }

    .modalWrapper[b-93dts9e2zp] {
        width: 90%;
    }

    .modalContent[b-93dts9e2zp] {
        padding: 1rem 1.5rem;
    }
}

@media only screen and (max-width: 481px) {
    .modalHeader[b-93dts9e2zp] {
        padding-left: 1.5rem;
        padding-right: 3rem;
    }

        .modalHeader h2[b-93dts9e2zp] {
            text-align: left;
        }

        .modalHeader .closeIcon[b-93dts9e2zp] {
            right: 1rem;
        }
}

@media only screen and (max-width: 366px) {
    .modalHeader[b-93dts9e2zp] {
        padding-left: 1rem;
    }

    .modalContent[b-93dts9e2zp] {
        padding: 2.5rem 1rem;
    }
}

@media only screen and (max-width: 366px) {
    .modalHeader[b-93dts9e2zp] {
        padding-right: 4rem;
    }
}



/* ======Input Styling (Input GLOBAL)====== */

/* GLOBAL */
/* Hidden arrow Number CSS */
/* Chrome, Safari, Edge, Opera */
input[b-93dts9e2zp]::-webkit-outer-spin-button,
input[b-93dts9e2zp]::-webkit-inner-spin-button,
textarea[b-93dts9e2zp]::-webkit-outer-spin-button,
textarea[b-93dts9e2zp]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number][b-93dts9e2zp] {
    -moz-appearance: textfield;
}

/* End of GLOBAL */
/* End of hidden arrow Number */

.inputFieldRoot[b-93dts9e2zp] {
    display: grid;
    grid-template-columns: 1fr 2.3rem 3fr;
    align-items: center;
    margin-bottom: 1.875rem;
}

.doubleColonMobile[b-93dts9e2zp] {
    display: none;
}

.inputFieldRoot label[b-93dts9e2zp],
.inputFieldRoot span[b-93dts9e2zp] {
    font-size: 1.125rem;
    color: var(--dark-blue);
}

@media only screen and (max-width: 960px) {
    .inputFieldRoot[b-93dts9e2zp] {
        grid-template-columns: 3fr 1rem 4fr;
    }
}

@media only screen and (max-width: 500px) {
    .inputFieldRoot[b-93dts9e2zp] {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 2fr;
    }

    .doubleColon[b-93dts9e2zp] {
        display: none;
    }

    .doubleColonMobile[b-93dts9e2zp] {
        display: inline-block;
    }
}
/* ======End of Input Styling (Input GLOBAL)====== */


/* ======Input Styling (Input Field)====== */
.inputFieldRoot input[b-93dts9e2zp],
.inputFieldRoot textarea[b-93dts9e2zp] {
    width: 100%;
    padding: 0.5rem 1rem;
    font-size: 1.125rem;
    border-radius: 10px;
    border: 1px solid var(--grey-border);
    transition: .2s all;
}

    .inputFieldRoot input[b-93dts9e2zp]::-webkit-input-placeholder,
    .inputFieldRoot textarea[b-93dts9e2zp]::-webkit-input-placeholder {
        color: var(--grey-border);
    }

    .inputFieldRoot input:focus[b-93dts9e2zp],
    .inputFieldRoot textarea:focus[b-93dts9e2zp] {
        outline: none;
        background-color: rgba(214, 238, 247, 0.5);
        border: 1px solid var(--blue);
        box-shadow: 0 0 3px var(--blue);
    }

.inputFieldRoot textarea[b-93dts9e2zp] {
    resize: none;
}

/* for Login Form */
.inputFieldRoot input.loginForm[b-93dts9e2zp] {
    padding: 1.25rem 2rem;
    font-size: 1.25rem;
    font-weight: 300;
}

/* Input Alert */
.inputAlert[b-93dts9e2zp] {
    margin-top: 1rem;
    color: var(--red);
}
/* ======End of Input Styling (Input Field)====== */


/* ======Input Styling (Input Dropdown)====== */
.inputWrapper[b-93dts9e2zp] {
    display: flex;
}

.additionalBtn[b-93dts9e2zp] {
    margin-left: 1rem;
    align-self: center;
    font-size: 1.75rem;
    color: var(--blue);
    cursor: pointer;
}

    .additionalBtn:hover[b-93dts9e2zp] {
        color: var(--blueground-hover);
    }

.inputFieldRoot > div > select[b-93dts9e2zp] {
    width: 100%;
    padding: 0.5rem 1rem;
    font-size: 1.125rem;
    border-radius: 10px;
    border: 1px solid var(--grey-border);
    transition: .2s all;
    cursor: pointer;
}

fieldset.fieldsetForm[disabled] .inputFieldRoot > div > select[b-93dts9e2zp] {
    cursor: default;
}

.inputFieldRoot > div > select.withAdditionalBtn[b-93dts9e2zp] {
    width: unset;
}

.inputFieldRoot > div > select[b-93dts9e2zp]::-webkit-input-placeholder {
    color: var(--grey);
}

.inputFieldRoot > div > select:focus[b-93dts9e2zp] {
    outline: none;
    background-color: rgba(214, 238, 247, 0.5);
    border: 1px solid var(--blue);
    box-shadow: 0 0 3px var(--blue);
}

/* option styling */
.inputFieldRoot > div > select > option[b-93dts9e2zp] {
    border-radius: 10px;
}

    .inputFieldRoot > div > select > option:disabled[b-93dts9e2zp] {
        /* color: var(--grey); */
    }

/* ======End of Input Styling (Input Dropdown)====== */
/* _content/PSAIM-AuditTools/Shared/Parts/Worksheet/FindingAndRecommendationModal.razor.rz.scp.css */
.root[b-11lptww9c2] {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.425);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99;
}

.modalWrapper[b-11lptww9c2] {
    width: 40%;
    border-radius: 10px;
    overflow: hidden;
}

.modalHeader[b-11lptww9c2] {
    position: relative;
    /* font-weight: bold; */
    background-color: var(--blue);
    padding: 1.5rem 4rem;
}

    .modalHeader h2[b-11lptww9c2] {
        text-align: center;
        color: var(--white);
    }

    .modalHeader .closeIcon[b-11lptww9c2] {
        position: absolute;
        top: 1.25rem;
        right: 2rem;
        font-size: 2.5rem;
        color: var(--white);
        cursor: pointer;
    }

        .modalHeader .closeIcon:hover[b-11lptww9c2] {
            color: rgb(224, 224, 224);
        }

.modalContent[b-11lptww9c2] {
    background-color: white;
    padding: 3rem 4rem;
}

.input[b-11lptww9c2] {
    margin-bottom: 1.5rem;
}

.buttonWrapper[b-11lptww9c2] {
    display: flex;
    justify-content: center;
}

@media only screen and (max-width: 1280px) {
    .modalWrapper[b-11lptww9c2] {
        width: 50%;
    }

    .modalContent[b-11lptww9c2] {
        padding: 2rem 2.5rem;
    }
}

@media only screen and (max-width: 960px) {
    .modalWrapper[b-11lptww9c2] {
        width: 70%;
    }
}

@media only screen and (max-width: 680px) {
    .modalHeader[b-11lptww9c2] {
        padding: 1rem 4rem;
    }

        .modalHeader .closeIcon[b-11lptww9c2] {
            top: .75rem;
            right: 2rem;
            font-size: 2.5rem;
            color: var(--white);
            cursor: pointer;
        }

    .modalWrapper[b-11lptww9c2] {
        width: 90%;
    }

    .modalContent[b-11lptww9c2] {
        padding: 1rem 1.5rem;
    }
}

@media only screen and (max-width: 481px) {
    .modalHeader[b-11lptww9c2] {
        padding-left: 1.5rem;
        padding-right: 3rem;
    }

        .modalHeader h2[b-11lptww9c2] {
            text-align: left;
        }

        .modalHeader .closeIcon[b-11lptww9c2] {
            right: 1rem;
        }
}

@media only screen and (max-width: 366px) {
    .modalHeader[b-11lptww9c2] {
        padding-left: 1rem;
    }

    .modalContent[b-11lptww9c2] {
        padding: 2.5rem 1rem;
    }
}

@media only screen and (max-width: 366px) {
    .modalHeader[b-11lptww9c2] {
        padding-right: 4rem;
    }
}



/* ======Input Styling (Input GLOBAL)====== */

/* GLOBAL */
/* Hidden arrow Number CSS */
/* Chrome, Safari, Edge, Opera */
input[b-11lptww9c2]::-webkit-outer-spin-button,
input[b-11lptww9c2]::-webkit-inner-spin-button,
textarea[b-11lptww9c2]::-webkit-outer-spin-button,
textarea[b-11lptww9c2]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number][b-11lptww9c2] {
    -moz-appearance: textfield;
}

/* End of GLOBAL */
/* End of hidden arrow Number */

.inputFieldRoot[b-11lptww9c2] {
    display: grid;
    grid-template-columns: 1fr 2.3rem 3fr;
    align-items: center;
    margin-bottom: 1.875rem;
}

.doubleColonMobile[b-11lptww9c2] {
    display: none;
}

.inputFieldRoot label[b-11lptww9c2],
.inputFieldRoot span[b-11lptww9c2] {
    font-size: 1.125rem;
    color: var(--dark-blue);
}

@media only screen and (max-width: 960px) {
    .inputFieldRoot[b-11lptww9c2] {
        grid-template-columns: 3fr 1rem 4fr;
    }
}

@media only screen and (max-width: 500px) {
    .inputFieldRoot[b-11lptww9c2] {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 2fr;
    }

    .doubleColon[b-11lptww9c2] {
        display: none;
    }

    .doubleColonMobile[b-11lptww9c2] {
        display: inline-block;
    }
}
/* ======End of Input Styling (Input GLOBAL)====== */


/* ======Input Styling (Input Field)====== */
.inputFieldRoot input[b-11lptww9c2],
.inputFieldRoot textarea[b-11lptww9c2] {
    width: 100%;
    padding: 0.5rem 1rem;
    font-size: 1.125rem;
    border-radius: 10px;
    border: 1px solid var(--grey-border);
    transition: .2s all;
}

    .inputFieldRoot input[b-11lptww9c2]::-webkit-input-placeholder,
    .inputFieldRoot textarea[b-11lptww9c2]::-webkit-input-placeholder {
        color: var(--grey-border);
    }

    .inputFieldRoot input:focus[b-11lptww9c2],
    .inputFieldRoot textarea:focus[b-11lptww9c2] {
        outline: none;
        background-color: rgba(214, 238, 247, 0.5);
        border: 1px solid var(--blue);
        box-shadow: 0 0 3px var(--blue);
    }

.inputFieldRoot textarea[b-11lptww9c2] {
    resize: none;
}

/* for Login Form */
.inputFieldRoot input.loginForm[b-11lptww9c2] {
    padding: 1.25rem 2rem;
    font-size: 1.25rem;
    font-weight: 300;
}

/* Input Alert */
.inputAlert[b-11lptww9c2] {
    margin-top: 1rem;
    color: var(--red);
}
/* ======End of Input Styling (Input Field)====== */


/* ======Input Styling (Input Dropdown)====== */
.inputWrapper[b-11lptww9c2] {
    display: flex;
}

.additionalBtn[b-11lptww9c2] {
    margin-left: 1rem;
    align-self: center;
    font-size: 1.75rem;
    color: var(--blue);
    cursor: pointer;
}

    .additionalBtn:hover[b-11lptww9c2] {
        color: var(--blueground-hover);
    }

.inputFieldRoot > div > select[b-11lptww9c2] {
    width: 100%;
    padding: 0.5rem 1rem;
    font-size: 1.125rem;
    border-radius: 10px;
    border: 1px solid var(--grey-border);
    transition: .2s all;
    cursor: pointer;
}

fieldset.fieldsetForm[disabled] .inputFieldRoot > div > select[b-11lptww9c2] {
    cursor: default;
}

.inputFieldRoot > div > select.withAdditionalBtn[b-11lptww9c2] {
    width: unset;
}

.inputFieldRoot > div > select[b-11lptww9c2]::-webkit-input-placeholder {
    color: var(--grey);
}

.inputFieldRoot > div > select:focus[b-11lptww9c2] {
    outline: none;
    background-color: rgba(214, 238, 247, 0.5);
    border: 1px solid var(--blue);
    box-shadow: 0 0 3px var(--blue);
}

/* option styling */
.inputFieldRoot > div > select > option[b-11lptww9c2] {
    border-radius: 10px;
}

    .inputFieldRoot > div > select > option:disabled[b-11lptww9c2] {
        /* color: var(--grey); */
    }

/* ======End of Input Styling (Input Dropdown)====== */
/* _content/PSAIM-AuditTools/Shared/Parts/Worksheet/MainAchievementModal.razor.rz.scp.css */
.root[b-gxq2fm05gp] {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.425);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99;
}

.modalWrapper[b-gxq2fm05gp] {
    width: 40%;
    border-radius: 10px;
    overflow: hidden;
}

.modalHeader[b-gxq2fm05gp] {
    position: relative;
    /* font-weight: bold; */
    background-color: var(--blue);
    padding: 1.5rem 4rem;
}

    .modalHeader h2[b-gxq2fm05gp] {
        text-align: center;
        color: var(--white);
    }

    .modalHeader .closeIcon[b-gxq2fm05gp] {
        position: absolute;
        top: 1.25rem;
        right: 2rem;
        font-size: 2.5rem;
        color: var(--white);
        cursor: pointer;
    }

        .modalHeader .closeIcon:hover[b-gxq2fm05gp] {
            color: rgb(224, 224, 224);
        }

.modalContent[b-gxq2fm05gp] {
    background-color: white;
    padding: 3rem 4rem;
}

.input[b-gxq2fm05gp] {
    margin-bottom: 1.5rem;
}

.buttonWrapper[b-gxq2fm05gp] {
    display: flex;
    justify-content: center;
}

@media only screen and (max-width: 1280px) {
    .modalWrapper[b-gxq2fm05gp] {
        width: 50%;
    }

    .modalContent[b-gxq2fm05gp] {
        padding: 2rem 2.5rem;
    }
}

@media only screen and (max-width: 960px) {
    .modalWrapper[b-gxq2fm05gp] {
        width: 70%;
    }
}

@media only screen and (max-width: 680px) {
    .modalHeader[b-gxq2fm05gp] {
        padding: 1rem 4rem;
    }

        .modalHeader .closeIcon[b-gxq2fm05gp] {
            top: .75rem;
            right: 2rem;
            font-size: 2.5rem;
            color: var(--white);
            cursor: pointer;
        }

    .modalWrapper[b-gxq2fm05gp] {
        width: 90%;
    }

    .modalContent[b-gxq2fm05gp] {
        padding: 1rem 1.5rem;
    }
}

@media only screen and (max-width: 481px) {
    .modalHeader[b-gxq2fm05gp] {
        padding-left: 1.5rem;
        padding-right: 3rem;
    }

        .modalHeader h2[b-gxq2fm05gp] {
            text-align: left;
        }

        .modalHeader .closeIcon[b-gxq2fm05gp] {
            right: 1rem;
        }
}

@media only screen and (max-width: 366px) {
    .modalHeader[b-gxq2fm05gp] {
        padding-left: 1rem;
    }

    .modalContent[b-gxq2fm05gp] {
        padding: 2.5rem 1rem;
    }
}

@media only screen and (max-width: 366px) {
    .modalHeader[b-gxq2fm05gp] {
        padding-right: 4rem;
    }
}



/* ======Input Styling (Input GLOBAL)====== */

/* GLOBAL */
/* Hidden arrow Number CSS */
/* Chrome, Safari, Edge, Opera */
input[b-gxq2fm05gp]::-webkit-outer-spin-button,
input[b-gxq2fm05gp]::-webkit-inner-spin-button,
textarea[b-gxq2fm05gp]::-webkit-outer-spin-button,
textarea[b-gxq2fm05gp]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number][b-gxq2fm05gp] {
    -moz-appearance: textfield;
}

/* End of GLOBAL */
/* End of hidden arrow Number */

.inputFieldRoot[b-gxq2fm05gp] {
    display: grid;
    grid-template-columns: 1fr 2.3rem 3fr;
    align-items: center;
    margin-bottom: 1.875rem;
}

.doubleColonMobile[b-gxq2fm05gp] {
    display: none;
}

.inputFieldRoot label[b-gxq2fm05gp],
.inputFieldRoot span[b-gxq2fm05gp] {
    font-size: 1.125rem;
    color: var(--dark-blue);
}

@media only screen and (max-width: 960px) {
    .inputFieldRoot[b-gxq2fm05gp] {
        grid-template-columns: 3fr 1rem 4fr;
    }
}

@media only screen and (max-width: 500px) {
    .inputFieldRoot[b-gxq2fm05gp] {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 2fr;
    }

    .doubleColon[b-gxq2fm05gp] {
        display: none;
    }

    .doubleColonMobile[b-gxq2fm05gp] {
        display: inline-block;
    }
}
/* ======End of Input Styling (Input GLOBAL)====== */


/* ======Input Styling (Input Field)====== */
.inputFieldRoot input[b-gxq2fm05gp],
.inputFieldRoot textarea[b-gxq2fm05gp] {
    width: 100%;
    padding: 0.5rem 1rem;
    font-size: 1.125rem;
    border-radius: 10px;
    border: 1px solid var(--grey-border);
    transition: .2s all;
}

    .inputFieldRoot input[b-gxq2fm05gp]::-webkit-input-placeholder,
    .inputFieldRoot textarea[b-gxq2fm05gp]::-webkit-input-placeholder {
        color: var(--grey-border);
    }

    .inputFieldRoot input:focus[b-gxq2fm05gp],
    .inputFieldRoot textarea:focus[b-gxq2fm05gp] {
        outline: none;
        background-color: rgba(214, 238, 247, 0.5);
        border: 1px solid var(--blue);
        box-shadow: 0 0 3px var(--blue);
    }

.inputFieldRoot textarea[b-gxq2fm05gp] {
    resize: none;
}

/* for Login Form */
.inputFieldRoot input.loginForm[b-gxq2fm05gp] {
    padding: 1.25rem 2rem;
    font-size: 1.25rem;
    font-weight: 300;
}

/* Input Alert */
.inputAlert[b-gxq2fm05gp] {
    margin-top: 1rem;
    color: var(--red);
}
/* ======End of Input Styling (Input Field)====== */


/* ======Input Styling (Input Dropdown)====== */
.inputWrapper[b-gxq2fm05gp] {
    display: flex;
}

.additionalBtn[b-gxq2fm05gp] {
    margin-left: 1rem;
    align-self: center;
    font-size: 1.75rem;
    color: var(--blue);
    cursor: pointer;
}

    .additionalBtn:hover[b-gxq2fm05gp] {
        color: var(--blueground-hover);
    }

.inputFieldRoot > div > select[b-gxq2fm05gp] {
    width: 100%;
    padding: 0.5rem 1rem;
    font-size: 1.125rem;
    border-radius: 10px;
    border: 1px solid var(--grey-border);
    transition: .2s all;
    cursor: pointer;
}

fieldset.fieldsetForm[disabled] .inputFieldRoot > div > select[b-gxq2fm05gp] {
    cursor: default;
}

.inputFieldRoot > div > select.withAdditionalBtn[b-gxq2fm05gp] {
    width: unset;
}

.inputFieldRoot > div > select[b-gxq2fm05gp]::-webkit-input-placeholder {
    color: var(--grey);
}

.inputFieldRoot > div > select:focus[b-gxq2fm05gp] {
    outline: none;
    background-color: rgba(214, 238, 247, 0.5);
    border: 1px solid var(--blue);
    box-shadow: 0 0 3px var(--blue);
}

/* option styling */
.inputFieldRoot > div > select > option[b-gxq2fm05gp] {
    border-radius: 10px;
}

    .inputFieldRoot > div > select > option:disabled[b-gxq2fm05gp] {
        /* color: var(--grey); */
    }

/* ======End of Input Styling (Input Dropdown)====== */
/* _content/PSAIM-AuditTools/Shared/Parts/Worksheet/PROPET/PROPETWorksheetTable.razor.rz.scp.css */
/* Class Helper*/
.bgColGrey[b-nd5hyzl0wm], td.bgColGrey[b-nd5hyzl0wm] {
    background-color: #A6A6A6 !important;
}

.bgColBlack[b-nd5hyzl0wm], td.bgColBlack[b-nd5hyzl0wm] {
    background-color: black !important;
}
/* End of Class Helper*/

.rootComponent[b-nd5hyzl0wm] {
    width: 100%;
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-weight: 400;
}

.paginationWrapper[b-nd5hyzl0wm] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 1rem;
}

.tableWrapper[b-nd5hyzl0wm] {
    width: 100%;
    max-height: 1200px;
    overflow: auto;
    padding-bottom: 1rem;
    background-color: var(--blue-sky-background);
    box-shadow: 0 0 2px var(--black);
}

    .tableWrapper[b-nd5hyzl0wm]::-webkit-scrollbar {
        height: 10px;
    }

    /* Track */
    .tableWrapper[b-nd5hyzl0wm]::-webkit-scrollbar-track {
        background: #b5d8eb;
    }

    /* Handle */
    .tableWrapper[b-nd5hyzl0wm]::-webkit-scrollbar-thumb {
        background: var(--lightblue);
    }

        /* Handle Hover */
        .tableWrapper[b-nd5hyzl0wm]::-webkit-scrollbar-thumb:hover {
            background: var(--blue);
        }


.rootTable[b-nd5hyzl0wm] {
    width: 100%;
    background-color: var(--blue-sky-background);
    border: 1px solid var(--black);
    border-collapse: collapse;
}

    .rootTable th[b-nd5hyzl0wm], .rootTable td[b-nd5hyzl0wm] {
        padding: 15px 20px;
        border: 9px solid var(--blue-sky-background);
        border-radius: 18px;
    }

    .rootTable th[b-nd5hyzl0wm] {
        font-weight: 500;
        background-color: var(--blue);
        color: var(--white);
        position: sticky;
        top: 0;
        z-index: 3;
    }

    .rootTable td[b-nd5hyzl0wm] {
        background-color: var(--white-fb);
    }

    .rootTable tr.processRow td[b-nd5hyzl0wm],
    .rootTable tr.subProcessRow td[b-nd5hyzl0wm] {
        background-color: var(--blue);
        color: var(--white);
        font-weight: 500;
    }

    .rootTable tr.elementRow:hover td[b-nd5hyzl0wm] {
        background-color: var(--table-hover) !important;
    }

    .rootTable th.empty[b-nd5hyzl0wm], .rootTable td.empty[b-nd5hyzl0wm] {
        background-color: var(--blue-sky-background) !important;
    }

    .rootTable th.center[b-nd5hyzl0wm], .rootTable td.center[b-nd5hyzl0wm] {
        text-align: center;
    }

    .rootTable th.typeCol[b-nd5hyzl0wm] {
        width: 250px;
    }

    .rootTable th.criteriaCol[b-nd5hyzl0wm] {
        max-width: 400px;
    }

    .rootTable th.availableScoreCol[b-nd5hyzl0wm] {
        width: 125px;
    }

    .rootTable th.multiplierCol[b-nd5hyzl0wm] {
        width: 200px;
    }

    .rootTable th.scoreCol[b-nd5hyzl0wm] {
        width: 125px;
    }

    .rootTable td.subProcessCol[b-nd5hyzl0wm] {
        background-color: var(--blue);
        color: var(--white);
    }

    .rootTable td.blueBg[b-nd5hyzl0wm] {
        background-color: var(--blue-sky);
    }

    .rootTable td.lightRedBg[b-nd5hyzl0wm] {
        background-color: var(--light-red);
    }

    .rootTable td.inputCell[b-nd5hyzl0wm] {
        padding: 3px;
    }


/*Input Select & Normal*/
.inputSelect[b-nd5hyzl0wm], .inputNormal[b-nd5hyzl0wm] {
    width: 100%;
    padding: 0.5rem 1rem;
    font-size: 1.125rem;
    border-radius: 10px;
    border: 1px solid var(--grey-border);
    transition: .2s all;
}

.inputSelect[b-nd5hyzl0wm] {
    cursor: pointer;
}

    .inputSelect:disabled[b-nd5hyzl0wm], .inputNormal:disabled[b-nd5hyzl0wm] {
        cursor: default;
    }

    .inputSelect[b-nd5hyzl0wm]::-webkit-input-placeholder, .inputNormal[b-nd5hyzl0wm]::-webkit-input-placeholder {
        color: var(--grey);
    }

    .inputSelect:focus[b-nd5hyzl0wm], .inputNormal:focus[b-nd5hyzl0wm] {
        outline: none;
        background-color: rgba(214, 238, 247, 0.5);
        border: 1px solid var(--blue);
        box-shadow: 0 0 3px var(--blue);
    }

    .inputSelect option[b-nd5hyzl0wm] {
        border-radius: 10px;
    }
/*End of Input Select & Normal*/

/*Input Checklist*/
.checkboxCol[b-nd5hyzl0wm] {
    background-color: var(--white) !important;
    text-align: center;
}
/*End of Input Checklist*/

/* Conditional Coloring*/
td.green[b-nd5hyzl0wm] {
    background-color: forestgreen;
}

td.greenLight[b-nd5hyzl0wm] {
    background-color: lightgreen;
}

td.yellow[b-nd5hyzl0wm] {
    background-color: var(--yellow-status);
}

td.orange[b-nd5hyzl0wm] {
    background-color: orange;
}

td.red[b-nd5hyzl0wm] {
    background-color: var(--red-status);
}
/* End of Conditional Coloring*/

/*for action icon*/
.action[b-nd5hyzl0wm] {
    /*text-align: center;*/
    min-width: 150px;
    position: relative;
}

    .action .actionWrapper[b-nd5hyzl0wm] {
        display: flex;
        justify-content: space-between;
    }

.noteworthyNotes[b-nd5hyzl0wm], .suggestionNotes[b-nd5hyzl0wm], .feedbackNotes[b-nd5hyzl0wm] {
    font-size: 1.5rem;
    transition: .3s all;
}


.noteworthyNotes[b-nd5hyzl0wm] {
    color: var(--blue);
    cursor: pointer;
    display: inline-block;
    margin-right: .5rem;
}

    .noteworthyNotes:hover[b-nd5hyzl0wm] {
        color: var(--blueground-hover);
    }

.suggestionNotes[b-nd5hyzl0wm] {
    color: var(--blue);
    cursor: pointer;
    margin-right: .5rem;
}

    .suggestionNotes:hover[b-nd5hyzl0wm] {
        color: var(--blueground-hover);
    }


.buttonAreaWrapper[b-nd5hyzl0wm] {
    margin-top: 5rem;
    display: flex;
    justify-content: space-between;
}

    .buttonAreaWrapper[b-nd5hyzl0wm]  button.btnSubmit {
        float: right;
    }

    .buttonAreaWrapper[b-nd5hyzl0wm]  button.btnSave {
        float: right;
        margin-right: 2rem;
    }

    .buttonAreaWrapper .navigationWrapper[b-nd5hyzl0wm]  .btnNext {
        margin-left: 2rem;
    }

.jumperButtonAreaWrapper[b-nd5hyzl0wm] {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
}

.jumperButtonArea[b-nd5hyzl0wm] {
    position: relative;
}

    .jumperButtonArea[b-nd5hyzl0wm]  .btnScrollTop {
        opacity: 0;
        position: absolute;
        bottom: -10rem;
        right: 3.8rem;
        transition: .5s all;
    }

        .jumperButtonArea[b-nd5hyzl0wm]  .btnScrollTop.show {
            opacity: 1;
            bottom: 0;
        }

    .jumperButtonArea[b-nd5hyzl0wm]  .btnScrollBottom {
        opacity: 0;
        position: absolute;
        bottom: -10rem;
        right: 0;
        transition: .5s all;
    }

        .jumperButtonArea[b-nd5hyzl0wm]  .btnScrollBottom.show {
            opacity: 1;
            bottom: 0;
        }

@media only screen and (max-width: 960px) {
    .jumperButtonAreaWrapper[b-nd5hyzl0wm] {
        position: fixed;
        bottom: 1rem;
        right: 1rem;
    }
}

@media only screen and (max-width: 481px) {
    .buttonAreaWrapper button.btnSave[b-nd5hyzl0wm] {
        margin-right: 1rem;
    }
}

@media only screen and (max-width: 350px) {
    .buttonAreaWrapper[b-nd5hyzl0wm]  button.btnSubmit {
        float: unset;
    }

    .buttonAreaWrapper[b-nd5hyzl0wm]  button.btnSave {
        float: left;
        margin-right: 1rem;
    }

    .buttonAreaWrapper[b-nd5hyzl0wm] {
        margin-bottom: 3rem;
        display: flex;
        justify-content: space-between;
    }
}
/* _content/PSAIM-AuditTools/Shared/Parts/Worksheet/SBT/ActionWorksheet.razor.rz.scp.css */
/* New CSS from audit worksheet */
.rootComponent[b-0kuwbdzqeu] {
    width: 100%;
    margin: auto;
    margin-bottom: 1rem;
    font-weight: 600;
    padding: 1.25rem;
}

.title[b-0kuwbdzqeu] {
    text-align: center;
    margin-bottom: 1rem;
}

.tableWrapper[b-0kuwbdzqeu] {
    width: 100%;
    overflow: auto;
    padding-bottom: 1rem;
    background-color: var(--blue-sky-background);
    box-shadow: 0 0 2px var(--black);
}

    .tableWrapper[b-0kuwbdzqeu]::-webkit-scrollbar {
        height: 10px;
    }

    /* Track */
    .tableWrapper[b-0kuwbdzqeu]::-webkit-scrollbar-track {
        background: #b5d8eb;
    }

    /* Handle */
    .tableWrapper[b-0kuwbdzqeu]::-webkit-scrollbar-thumb {
        background: var(--lightblue);
    }

        /* Handle Hover */
        .tableWrapper[b-0kuwbdzqeu]::-webkit-scrollbar-thumb:hover {
            background: var(--blue);
        }


.rootTable[b-0kuwbdzqeu] {
    width: 100%;
    background-color: var(--blue-sky-background);
    border: 1px solid var(--black);
    border-collapse: collapse;
}

.rootComponent th[b-0kuwbdzqeu], .rootComponent td[b-0kuwbdzqeu] {
    padding: 15px 20px;
    border: 9px solid var(--blue-sky-background);
    border-radius: 18px;
}

.rootComponent th[b-0kuwbdzqeu] {
    font-weight: 500;
    background-color: var(--blue);
    color: var(--white);
}

    .rootComponent th.score[b-0kuwbdzqeu] {
        min-width: 150px;
    }

.rootComponent tr.processRow td[b-0kuwbdzqeu] {
    background-color: var(--blue);
    color: var(--white);
    justify-content: flex-start;
    align-items: flex-start;
}

.rootComponent tr.subProcessRow td[b-0kuwbdzqeu] {
    vertical-align: top;
    /*background-color: var(--orange);*/
}

.rootComponent td[b-0kuwbdzqeu] {
    background-color: var(--white-fb);
}

    .rootComponent td.requirementCell[b-0kuwbdzqeu] {
        background-color: var(--blue-sky);
    }

    .rootComponent td.subProcess[b-0kuwbdzqeu] {
        min-width: 150px;
    }

    .rootComponent td.ratingType[b-0kuwbdzqeu] {
        text-align: center;
        cursor: pointer;
        transition: .3s all;
        position: relative;
    }

    .rootComponent td span.tooltip[b-0kuwbdzqeu] {
        display: none;
        background-color: lightslategrey;
        font-size: .9rem;
        font-weight: 500;
        color: white;
        padding: 3px;
        text-align: center;
        border-radius: 5px;
        min-width: 100px;
        position: absolute;
        left: -13px;
        bottom: -20px;
        z-index: 99;
        transition: .3s all;
    }

        .rootComponent td span.tooltip.show[b-0kuwbdzqeu] {
            display: block;
        }

    .rootComponent td.ratingType:hover[b-0kuwbdzqeu] {
        background-color: var(--blue-sky-hover);
    }

    .rootComponent th.empty[b-0kuwbdzqeu], .rootComponent td.empty[b-0kuwbdzqeu] {
        background-color: var(--blue-sky-background);
    }

    .rootComponent th.center[b-0kuwbdzqeu], .rootComponent td.center[b-0kuwbdzqeu] {
        text-align: center;
    }

    .rootComponent td.blueBg[b-0kuwbdzqeu] {
        background-color: var(--blue-sky);
    }

    .rootComponent td.lightRedBg[b-0kuwbdzqeu] {
        background-color: var(--light-red);
    }

.question[b-0kuwbdzqeu] {
    min-width: 300px;
}


/*Input Select & Normal*/
.inputSelect[b-0kuwbdzqeu], .inputNormal[b-0kuwbdzqeu] {
    width: 100%;
    padding: 0.5rem 1rem;
    font-size: 1.125rem;
    border-radius: 10px;
    border: 1px solid var(--grey-border);
    transition: .2s all;
}

.inputSelect[b-0kuwbdzqeu] {
    cursor: pointer;
}

    .inputSelect:disabled[b-0kuwbdzqeu], .inputNormal:disabled[b-0kuwbdzqeu] {
        cursor: default;
    }

    .inputSelect[b-0kuwbdzqeu]::-webkit-input-placeholder, .inputNormal[b-0kuwbdzqeu]::-webkit-input-placeholder {
        color: var(--grey);
    }

    .inputSelect:focus[b-0kuwbdzqeu], .inputNormal:focus[b-0kuwbdzqeu] {
        outline: none;
        background-color: rgba(214, 238, 247, 0.5);
        border: 1px solid var(--blue);
        box-shadow: 0 0 3px var(--blue);
    }

    .inputSelect option[b-0kuwbdzqeu] {
        border-radius: 10px;
    }
/*End of Input Select*/


/*Input Checklist*/
.checkboxCol[b-0kuwbdzqeu] {
    text-align: center;
}
/*End of Input Checklist*/


/*for action icon*/
.action[b-0kuwbdzqeu] {
    /*text-align: center;*/
    min-width: 150px;
    position: relative;
}

    .action .actionWrapper[b-0kuwbdzqeu] {
        display: flex;
        justify-content: space-between;
    }

.noteworthyNotes[b-0kuwbdzqeu], .suggestionNotes[b-0kuwbdzqeu], .feedbackNotes[b-0kuwbdzqeu] {
    font-size: 1.5rem;
    transition: .3s all;
}


.noteworthyNotes[b-0kuwbdzqeu] {
    color: var(--blue);
    cursor: pointer;
    display: inline-block;
    margin-right: .5rem;
}

    .noteworthyNotes:hover[b-0kuwbdzqeu] {
        color: var(--blueground-hover);
    }

.suggestionNotes[b-0kuwbdzqeu] {
    color: var(--blue);
    cursor: pointer;
    margin-right: .5rem;
}

    .suggestionNotes:hover[b-0kuwbdzqeu] {
        color: var(--blueground-hover);
    }

.feedbackNotes[b-0kuwbdzqeu] {
    color: var(--green-status-darker);
    cursor: pointer;
    display: block;
}

    .feedbackNotes:hover[b-0kuwbdzqeu] {
        color: var(--green-status);
    }

    .noteworthyNotes:disabled[b-0kuwbdzqeu],
    .noteworthyNotes[disabled][b-0kuwbdzqeu],
    .feedbackNotes:disabled[b-0kuwbdzqeu],
    .feedbackNotes[disabled][b-0kuwbdzqeu] {
        color: #666666;
        cursor: default;
    }

        .noteworthyNotes:disabled:hover[b-0kuwbdzqeu],
        .noteworthyNotes[disabled]:hover[b-0kuwbdzqeu],
        .feedbackNotes:disabled:hover[b-0kuwbdzqeu],
        .feedbackNotes[disabled]:hover[b-0kuwbdzqeu] {
            color: #666666;
        }
/*End of for action icon*/


/* Conditional Coloring*/
td.green[b-0kuwbdzqeu] {
    background-color: forestgreen;
}

td.greenLight[b-0kuwbdzqeu] {
    background-color: lightgreen;
}

td.yellow[b-0kuwbdzqeu] {
    background-color: var(--yellow-status);
}

td.orange[b-0kuwbdzqeu] {
    background-color: orange;
}

td.red[b-0kuwbdzqeu] {
    background-color: var(--red-status);
}

td.orange[b-0kuwbdzqeu] {
    background-color: var(--orange);
}
/* End of Conditional Coloring*/

span.alert[b-0kuwbdzqeu] {
    display: block;
    margin-top: 1rem;
    color: var(--red);
    font-size: .75rem;
    border-top: 1px solid red;
    padding-top: .4rem;
}

.buttonWrapper[b-0kuwbdzqeu] {
    margin-top: 1rem;
    display: flex;
    justify-content: space-between;
}

    .buttonWrapper[b-0kuwbdzqeu]  button.btnSubmit {
        float: right;
    }

    .buttonWrapper[b-0kuwbdzqeu]  button.btnSave {
        float: right;
        margin-right: 2rem;
    }

@media only screen and (max-width: 1366px) {
    .rootComponent[b-0kuwbdzqeu] {
        width: 60%
    }
}

@media only screen and (max-width: 500px) {
    .rootComponent[b-0kuwbdzqeu] {
        width: 80%
    }
}

@media only screen and (max-width: 481px) {
    .buttonWrapper button.btnSave[b-0kuwbdzqeu] {
        margin-right: 1rem;
    }
}

@media only screen and (max-width: 350px) {
    .buttonWrapper[b-0kuwbdzqeu]  button.btnSubmit {
        float: unset;
    }

    .buttonWrapper[b-0kuwbdzqeu]  button.btnSave {
        float: left;
        margin-right: 1rem;
    }

    .buttonWrapper[b-0kuwbdzqeu] {
        margin-bottom: 3rem;
    }
}
/* _content/PSAIM-AuditTools/Shared/Parts/Worksheet/SBT/CheckWorksheet.razor.rz.scp.css */
/* New CSS from audit worksheet */
.rootComponent[b-633vrb4e06] {
    width: 100%;
    margin: auto;
    margin-bottom: 1rem;
    font-weight: 600;
    padding: 1.25rem;
}

.title[b-633vrb4e06] {
    text-align: center;
    margin-bottom: 1rem;
}

.tableWrapper[b-633vrb4e06] {
    width: 100%;
    overflow: auto;
    padding-bottom: 1rem;
    background-color: var(--blue-sky-background);
    box-shadow: 0 0 2px var(--black);
}

    .tableWrapper[b-633vrb4e06]::-webkit-scrollbar {
        height: 10px;
    }

    /* Track */
    .tableWrapper[b-633vrb4e06]::-webkit-scrollbar-track {
        background: #b5d8eb;
    }

    /* Handle */
    .tableWrapper[b-633vrb4e06]::-webkit-scrollbar-thumb {
        background: var(--lightblue);
    }

        /* Handle Hover */
        .tableWrapper[b-633vrb4e06]::-webkit-scrollbar-thumb:hover {
            background: var(--blue);
        }


.rootTable[b-633vrb4e06] {
    width: 100%;
    background-color: var(--blue-sky-background);
    border: 1px solid var(--black);
    border-collapse: collapse;
}

.rootComponent th[b-633vrb4e06], .rootComponent td[b-633vrb4e06] {
    padding: 15px 20px;
    border: 9px solid var(--blue-sky-background);
    border-radius: 18px;
}

.rootComponent th[b-633vrb4e06] {
    font-weight: 500;
    background-color: var(--blue);
    color: var(--white);
}

    .rootComponent th.score[b-633vrb4e06] {
        min-width: 150px;
    }

.rootComponent tr.processRow td[b-633vrb4e06] {
    background-color: var(--blue);
    color: var(--white);
    justify-content: flex-start;
    align-items: flex-start;
}

.rootComponent tr.subProcessRow td[b-633vrb4e06] {
    vertical-align: top;
    /*background-color: var(--orange);*/
}

.rootComponent td[b-633vrb4e06] {
    background-color: var(--white-fb);
}

    .rootComponent td.requirementCell[b-633vrb4e06] {
        background-color: var(--blue-sky);
    }

    .rootComponent td.subProcess[b-633vrb4e06] {
        min-width: 150px;
    }

    .rootComponent td.ratingType[b-633vrb4e06] {
        text-align: center;
        cursor: pointer;
        transition: .3s all;
        position: relative;
    }

    .rootComponent td span.tooltip[b-633vrb4e06] {
        display: none;
        background-color: lightslategrey;
        font-size: .9rem;
        font-weight: 500;
        color: white;
        padding: 3px;
        text-align: center;
        border-radius: 5px;
        min-width: 100px;
        position: absolute;
        left: -13px;
        bottom: -20px;
        z-index: 99;
        transition: .3s all;
    }

        .rootComponent td span.tooltip.show[b-633vrb4e06] {
            display: block;
        }

    .rootComponent td.ratingType:hover[b-633vrb4e06] {
        background-color: var(--blue-sky-hover);
    }

    .rootComponent th.empty[b-633vrb4e06], .rootComponent td.empty[b-633vrb4e06] {
        background-color: var(--blue-sky-background);
    }

    .rootComponent th.center[b-633vrb4e06], .rootComponent td.center[b-633vrb4e06] {
        text-align: center;
    }

    .rootComponent td.blueBg[b-633vrb4e06] {
        background-color: var(--blue-sky);
    }

    .rootComponent td.lightRedBg[b-633vrb4e06] {
        background-color: var(--light-red);
    }

.question[b-633vrb4e06] {
    min-width: 300px;
}


/*Input Select & Normal*/
.inputSelect[b-633vrb4e06], .inputNormal[b-633vrb4e06] {
    width: 100%;
    padding: 0.5rem 1rem;
    font-size: 1.125rem;
    border-radius: 10px;
    border: 1px solid var(--grey-border);
    transition: .2s all;
}

.inputSelect[b-633vrb4e06] {
    cursor: pointer;
}

    .inputSelect:disabled[b-633vrb4e06], .inputNormal:disabled[b-633vrb4e06] {
        cursor: default;
    }

    .inputSelect[b-633vrb4e06]::-webkit-input-placeholder, .inputNormal[b-633vrb4e06]::-webkit-input-placeholder {
        color: var(--grey);
    }

    .inputSelect:focus[b-633vrb4e06], .inputNormal:focus[b-633vrb4e06] {
        outline: none;
        background-color: rgba(214, 238, 247, 0.5);
        border: 1px solid var(--blue);
        box-shadow: 0 0 3px var(--blue);
    }

    .inputSelect option[b-633vrb4e06] {
        border-radius: 10px;
    }
/*End of Input Select*/


/*Input Checklist*/
.checkboxCol[b-633vrb4e06] {
    text-align: center;
}
/*End of Input Checklist*/


/*for action icon*/
.action[b-633vrb4e06] {
    /*text-align: center;*/
    min-width: 150px;
    position: relative;
}

    .action .actionWrapper[b-633vrb4e06] {
        display: flex;
        justify-content: space-between;
    }

.noteworthyNotes[b-633vrb4e06], .suggestionNotes[b-633vrb4e06], .feedbackNotes[b-633vrb4e06] {
    font-size: 1.5rem;
    transition: .3s all;
}


.noteworthyNotes[b-633vrb4e06] {
    color: var(--blue);
    cursor: pointer;
    display: inline-block;
    margin-right: .5rem;
}

    .noteworthyNotes:hover[b-633vrb4e06] {
        color: var(--blueground-hover);
    }

.suggestionNotes[b-633vrb4e06] {
    color: var(--blue);
    cursor: pointer;
    margin-right: .5rem;
}

    .suggestionNotes:hover[b-633vrb4e06] {
        color: var(--blueground-hover);
    }

.feedbackNotes[b-633vrb4e06] {
    color: var(--green-status-darker);
    cursor: pointer;
    display: block;
}

    .feedbackNotes:hover[b-633vrb4e06] {
        color: var(--green-status);
    }

    .noteworthyNotes:disabled[b-633vrb4e06],
    .noteworthyNotes[disabled][b-633vrb4e06],
    .feedbackNotes:disabled[b-633vrb4e06],
    .feedbackNotes[disabled][b-633vrb4e06] {
        color: #666666;
        cursor: default;
    }

        .noteworthyNotes:disabled:hover[b-633vrb4e06],
        .noteworthyNotes[disabled]:hover[b-633vrb4e06],
        .feedbackNotes:disabled:hover[b-633vrb4e06],
        .feedbackNotes[disabled]:hover[b-633vrb4e06] {
            color: #666666;
        }
/*End of for action icon*/


/* Conditional Coloring*/
td.green[b-633vrb4e06] {
    background-color: forestgreen;
}

td.greenLight[b-633vrb4e06] {
    background-color: lightgreen;
}

td.yellow[b-633vrb4e06] {
    background-color: var(--yellow-status);
}

td.orange[b-633vrb4e06] {
    background-color: orange;
}

td.red[b-633vrb4e06] {
    background-color: var(--red-status);
}

td.orange[b-633vrb4e06] {
    background-color: var(--orange);
}
/* End of Conditional Coloring*/

span.alert[b-633vrb4e06] {
    display: block;
    margin-top: 1rem;
    color: var(--red);
    font-size: .75rem;
    border-top: 1px solid red;
    padding-top: .4rem;
}

.buttonWrapper[b-633vrb4e06] {
    margin-top: 1rem;
    display: flex;
    justify-content: space-between;
}

    .buttonWrapper[b-633vrb4e06]  button.btnSubmit {
        float: right;
    }

    .buttonWrapper[b-633vrb4e06]  button.btnSave {
        float: right;
        margin-right: 2rem;
    }

@media only screen and (max-width: 1366px) {
    .rootComponent[b-633vrb4e06] {
        width: 60%
    }
}

@media only screen and (max-width: 500px) {
    .rootComponent[b-633vrb4e06] {
        width: 80%
    }
}

@media only screen and (max-width: 481px) {
    .buttonWrapper button.btnSave[b-633vrb4e06] {
        margin-right: 1rem;
    }
}

@media only screen and (max-width: 350px) {
    .buttonWrapper[b-633vrb4e06]  button.btnSubmit {
        float: unset;
    }

    .buttonWrapper[b-633vrb4e06]  button.btnSave {
        float: left;
        margin-right: 1rem;
    }

    .buttonWrapper[b-633vrb4e06] {
        margin-bottom: 3rem;
    }
}
/* _content/PSAIM-AuditTools/Shared/Parts/Worksheet/SBT/GoodPracticeModal.razor.rz.scp.css */
.root[b-zhb5josajh] {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.425);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99;
}

.modalWrapper[b-zhb5josajh] {
    width: 40%;
    border-radius: 10px;
    overflow: hidden;
}

.modalHeader[b-zhb5josajh] {
    position: relative;
    /* font-weight: bold; */
    background-color: var(--blue);
    padding: 1.5rem 4rem;
}

    .modalHeader h2[b-zhb5josajh] {
        text-align: center;
        color: var(--white);
    }

    .modalHeader .closeIcon[b-zhb5josajh] {
        position: absolute;
        top: 1.25rem;
        right: 2rem;
        font-size: 2.5rem;
        color: var(--white);
        cursor: pointer;
    }

        .modalHeader .closeIcon:hover[b-zhb5josajh] {
            color: rgb(224, 224, 224);
        }

.modalContent[b-zhb5josajh] {
    background-color: white;
    padding: 3rem 4rem;
}

.input[b-zhb5josajh] {
    margin-bottom: 1.5rem;
}

.buttonWrapper[b-zhb5josajh] {
    display: flex;
    justify-content: center;
}

@media only screen and (max-width: 1280px) {
    .modalWrapper[b-zhb5josajh] {
        width: 50%;
    }

    .modalContent[b-zhb5josajh] {
        padding: 2rem 2.5rem;
    }
}

@media only screen and (max-width: 960px) {
    .modalWrapper[b-zhb5josajh] {
        width: 70%;
    }
}

@media only screen and (max-width: 680px) {
    .modalHeader[b-zhb5josajh] {
        padding: 1rem 4rem;
    }

        .modalHeader .closeIcon[b-zhb5josajh] {
            top: .75rem;
            right: 2rem;
            font-size: 2.5rem;
            color: var(--white);
            cursor: pointer;
        }

    .modalWrapper[b-zhb5josajh] {
        width: 90%;
    }

    .modalContent[b-zhb5josajh] {
        padding: 1rem 1.5rem;
    }
}

@media only screen and (max-width: 481px) {
    .modalHeader[b-zhb5josajh] {
        padding-left: 1.5rem;
        padding-right: 3rem;
    }

        .modalHeader h2[b-zhb5josajh] {
            text-align: left;
        }

        .modalHeader .closeIcon[b-zhb5josajh] {
            right: 1rem;
        }
}

@media only screen and (max-width: 366px) {
    .modalHeader[b-zhb5josajh] {
        padding-left: 1rem;
    }

    .modalContent[b-zhb5josajh] {
        padding: 2.5rem 1rem;
    }
}

@media only screen and (max-width: 366px) {
    .modalHeader[b-zhb5josajh] {
        padding-right: 4rem;
    }
}



/* ======Input Styling (Input GLOBAL)====== */

/* GLOBAL */
/* Hidden arrow Number CSS */
/* Chrome, Safari, Edge, Opera */
input[b-zhb5josajh]::-webkit-outer-spin-button,
input[b-zhb5josajh]::-webkit-inner-spin-button,
textarea[b-zhb5josajh]::-webkit-outer-spin-button,
textarea[b-zhb5josajh]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number][b-zhb5josajh] {
    -moz-appearance: textfield;
}

/* End of GLOBAL */
/* End of hidden arrow Number */

.inputFieldRoot[b-zhb5josajh] {
    display: grid;
    grid-template-columns: 1fr 2.3rem 3fr;
    align-items: center;
    margin-bottom: 1.875rem;
}

.doubleColonMobile[b-zhb5josajh] {
    display: none;
}

.inputFieldRoot label[b-zhb5josajh],
.inputFieldRoot span[b-zhb5josajh] {
    font-size: 1.125rem;
    color: var(--dark-blue);
}

@media only screen and (max-width: 960px) {
    .inputFieldRoot[b-zhb5josajh] {
        grid-template-columns: 3fr 1rem 4fr;
    }
}

@media only screen and (max-width: 500px) {
    .inputFieldRoot[b-zhb5josajh] {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 2fr;
    }

    .doubleColon[b-zhb5josajh] {
        display: none;
    }

    .doubleColonMobile[b-zhb5josajh] {
        display: inline-block;
    }
}
/* ======End of Input Styling (Input GLOBAL)====== */


/* ======Input Styling (Input Field)====== */
.inputFieldRoot input[b-zhb5josajh],
.inputFieldRoot textarea[b-zhb5josajh] {
    width: 100%;
    padding: 0.5rem 1rem;
    font-size: 1.125rem;
    border-radius: 10px;
    border: 1px solid var(--grey-border);
    transition: .2s all;
}

    .inputFieldRoot input[b-zhb5josajh]::-webkit-input-placeholder,
    .inputFieldRoot textarea[b-zhb5josajh]::-webkit-input-placeholder {
        color: var(--grey-border);
    }

    .inputFieldRoot input:focus[b-zhb5josajh],
    .inputFieldRoot textarea:focus[b-zhb5josajh] {
        outline: none;
        background-color: rgba(214, 238, 247, 0.5);
        border: 1px solid var(--blue);
        box-shadow: 0 0 3px var(--blue);
    }

.inputFieldRoot textarea[b-zhb5josajh] {
    resize: none;
}

/* for Login Form */
.inputFieldRoot input.loginForm[b-zhb5josajh] {
    padding: 1.25rem 2rem;
    font-size: 1.25rem;
    font-weight: 300;
}

/* Input Alert */
.inputAlert[b-zhb5josajh] {
    margin-top: 1rem;
    color: var(--red);
}
/* ======End of Input Styling (Input Field)====== */


/* ======Input Styling (Input Dropdown)====== */
.inputWrapper[b-zhb5josajh] {
    display: flex;
}

.additionalBtn[b-zhb5josajh] {
    margin-left: 1rem;
    align-self: center;
    font-size: 1.75rem;
    color: var(--blue);
    cursor: pointer;
}

    .additionalBtn:hover[b-zhb5josajh] {
        color: var(--blueground-hover);
    }

.inputFieldRoot > div > select[b-zhb5josajh] {
    width: 100%;
    padding: 0.5rem 1rem;
    font-size: 1.125rem;
    border-radius: 10px;
    border: 1px solid var(--grey-border);
    transition: .2s all;
    cursor: pointer;
}

fieldset.fieldsetForm[disabled] .inputFieldRoot > div > select[b-zhb5josajh] {
    cursor: default;
}

.inputFieldRoot > div > select.withAdditionalBtn[b-zhb5josajh] {
    width: unset;
}

.inputFieldRoot > div > select[b-zhb5josajh]::-webkit-input-placeholder {
    color: var(--grey);
}

.inputFieldRoot > div > select:focus[b-zhb5josajh] {
    outline: none;
    background-color: rgba(214, 238, 247, 0.5);
    border: 1px solid var(--blue);
    box-shadow: 0 0 3px var(--blue);
}

/* option styling */
.inputFieldRoot > div > select > option[b-zhb5josajh] {
    border-radius: 10px;
}

    .inputFieldRoot > div > select > option:disabled[b-zhb5josajh] {
        /* color: var(--grey); */
    }

/* ======End of Input Styling (Input Dropdown)====== */
/* _content/PSAIM-AuditTools/Shared/Parts/Worksheet/SBT/LocationModal.razor.rz.scp.css */
.root[b-jybd1oj2ic] {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.425);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99;
}

.modalWrapper[b-jybd1oj2ic] {
    width: 40%;
    border-radius: 10px;
    overflow: hidden;
}

.modalHeader[b-jybd1oj2ic] {
    position: relative;
    /* font-weight: bold; */
    background-color: var(--blue);
    padding: 1.5rem 4rem;
}

    .modalHeader h2[b-jybd1oj2ic] {
        text-align: center;
        color: var(--white);
    }

    .modalHeader .closeIcon[b-jybd1oj2ic] {
        position: absolute;
        top: 1.25rem;
        right: 2rem;
        font-size: 2.5rem;
        color: var(--white);
        cursor: pointer;
    }

        .modalHeader .closeIcon:hover[b-jybd1oj2ic] {
            color: rgb(224, 224, 224);
        }

.modalContent[b-jybd1oj2ic] {
    background-color: white;
    padding: 3rem 4rem;
}

.input[b-jybd1oj2ic] {
    margin-bottom: 1.5rem;
}

.buttonWrapper[b-jybd1oj2ic] {
    display: flex;
    justify-content: center;
}

@media only screen and (max-width: 1280px) {
    .modalWrapper[b-jybd1oj2ic] {
        width: 50%;
    }

    .modalContent[b-jybd1oj2ic] {
        padding: 2rem 2.5rem;
    }
}

@media only screen and (max-width: 960px) {
    .modalWrapper[b-jybd1oj2ic] {
        width: 70%;
    }
}

@media only screen and (max-width: 680px) {
    .modalHeader[b-jybd1oj2ic] {
        padding: 1rem 4rem;
    }

        .modalHeader .closeIcon[b-jybd1oj2ic] {
            top: .75rem;
            right: 2rem;
            font-size: 2.5rem;
            color: var(--white);
            cursor: pointer;
        }

    .modalWrapper[b-jybd1oj2ic] {
        width: 90%;
    }

    .modalContent[b-jybd1oj2ic] {
        padding: 1rem 1.5rem;
    }
}

@media only screen and (max-width: 481px) {
    .modalHeader[b-jybd1oj2ic] {
        padding-left: 1.5rem;
        padding-right: 3rem;
    }

        .modalHeader h2[b-jybd1oj2ic] {
            text-align: left;
        }

        .modalHeader .closeIcon[b-jybd1oj2ic] {
            right: 1rem;
        }
}

@media only screen and (max-width: 366px) {
    .modalHeader[b-jybd1oj2ic] {
        padding-left: 1rem;
    }

    .modalContent[b-jybd1oj2ic] {
        padding: 2.5rem 1rem;
    }
}

@media only screen and (max-width: 366px) {
    .modalHeader[b-jybd1oj2ic] {
        padding-right: 4rem;
    }
}



/* ======Input Styling (Input GLOBAL)====== */

/* GLOBAL */
/* Hidden arrow Number CSS */
/* Chrome, Safari, Edge, Opera */
input[b-jybd1oj2ic]::-webkit-outer-spin-button,
input[b-jybd1oj2ic]::-webkit-inner-spin-button,
textarea[b-jybd1oj2ic]::-webkit-outer-spin-button,
textarea[b-jybd1oj2ic]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number][b-jybd1oj2ic] {
    -moz-appearance: textfield;
}

/* End of GLOBAL */
/* End of hidden arrow Number */

.inputFieldRoot[b-jybd1oj2ic] {
    display: grid;
    grid-template-columns: 1fr 2.3rem 3fr;
    align-items: center;
    margin-bottom: 1.875rem;
}

.doubleColonMobile[b-jybd1oj2ic] {
    display: none;
}

.inputFieldRoot label[b-jybd1oj2ic],
.inputFieldRoot span[b-jybd1oj2ic] {
    font-size: 1.125rem;
    color: var(--dark-blue);
}

@media only screen and (max-width: 960px) {
    .inputFieldRoot[b-jybd1oj2ic] {
        grid-template-columns: 3fr 1rem 4fr;
    }
}

@media only screen and (max-width: 500px) {
    .inputFieldRoot[b-jybd1oj2ic] {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 2fr;
    }

    .doubleColon[b-jybd1oj2ic] {
        display: none;
    }

    .doubleColonMobile[b-jybd1oj2ic] {
        display: inline-block;
    }
}
/* ======End of Input Styling (Input GLOBAL)====== */


/* ======Input Styling (Input Field)====== */
.inputFieldRoot input[b-jybd1oj2ic],
.inputFieldRoot textarea[b-jybd1oj2ic] {
    width: 100%;
    padding: 0.5rem 1rem;
    font-size: 1.125rem;
    border-radius: 10px;
    border: 1px solid var(--grey-border);
    transition: .2s all;
}

    .inputFieldRoot input[b-jybd1oj2ic]::-webkit-input-placeholder,
    .inputFieldRoot textarea[b-jybd1oj2ic]::-webkit-input-placeholder {
        color: var(--grey-border);
    }

    .inputFieldRoot input:focus[b-jybd1oj2ic],
    .inputFieldRoot textarea:focus[b-jybd1oj2ic] {
        outline: none;
        background-color: rgba(214, 238, 247, 0.5);
        border: 1px solid var(--blue);
        box-shadow: 0 0 3px var(--blue);
    }

.inputFieldRoot textarea[b-jybd1oj2ic] {
    resize: none;
}

/* for Login Form */
.inputFieldRoot input.loginForm[b-jybd1oj2ic] {
    padding: 1.25rem 2rem;
    font-size: 1.25rem;
    font-weight: 300;
}

/* Input Alert */
.inputAlert[b-jybd1oj2ic] {
    margin-top: 1rem;
    color: var(--red);
}
/* ======End of Input Styling (Input Field)====== */


/* ======Input Styling (Input Dropdown)====== */
.inputWrapper[b-jybd1oj2ic] {
    display: flex;
}

.additionalBtn[b-jybd1oj2ic] {
    margin-left: 1rem;
    align-self: center;
    font-size: 1.75rem;
    color: var(--blue);
    cursor: pointer;
}

    .additionalBtn:hover[b-jybd1oj2ic] {
        color: var(--blueground-hover);
    }

.inputFieldRoot > div > select[b-jybd1oj2ic] {
    width: 100%;
    padding: 0.5rem 1rem;
    font-size: 1.125rem;
    border-radius: 10px;
    border: 1px solid var(--grey-border);
    transition: .2s all;
    cursor: pointer;
}

fieldset.fieldsetForm[disabled] .inputFieldRoot > div > select[b-jybd1oj2ic] {
    cursor: default;
}

.inputFieldRoot > div > select.withAdditionalBtn[b-jybd1oj2ic] {
    width: unset;
}

.inputFieldRoot > div > select[b-jybd1oj2ic]::-webkit-input-placeholder {
    color: var(--grey);
}

.inputFieldRoot > div > select:focus[b-jybd1oj2ic] {
    outline: none;
    background-color: rgba(214, 238, 247, 0.5);
    border: 1px solid var(--blue);
    box-shadow: 0 0 3px var(--blue);
}

/* option styling */
.inputFieldRoot > div > select > option[b-jybd1oj2ic] {
    border-radius: 10px;
}

    .inputFieldRoot > div > select > option:disabled[b-jybd1oj2ic] {
        /* color: var(--grey); */
    }

/* ======End of Input Styling (Input Dropdown)====== */
/* _content/PSAIM-AuditTools/Shared/Parts/Worksheet/SBT/PlanWorksheet.razor.rz.scp.css */
/* New CSS from audit worksheet */
.rootComponent[b-ubjy3qfovd] {
    width: 100%;
    margin: auto;
    margin-bottom: 1rem;
    font-weight: 600;
    padding: 1.25rem;
}

.title[b-ubjy3qfovd] {
    text-align: center;
    margin-bottom: 1rem;
}

.tableWrapper[b-ubjy3qfovd] {
    width: 100%;
    overflow: auto;
    padding-bottom: 1rem;
    background-color: var(--blue-sky-background);
    box-shadow: 0 0 2px var(--black);
}

    .tableWrapper[b-ubjy3qfovd]::-webkit-scrollbar {
        height: 10px;
    }

    /* Track */
    .tableWrapper[b-ubjy3qfovd]::-webkit-scrollbar-track {
        background: #b5d8eb;
    }

    /* Handle */
    .tableWrapper[b-ubjy3qfovd]::-webkit-scrollbar-thumb {
        background: var(--lightblue);
    }

        /* Handle Hover */
        .tableWrapper[b-ubjy3qfovd]::-webkit-scrollbar-thumb:hover {
            background: var(--blue);
        }


.rootTable[b-ubjy3qfovd] {
    width: 100%;
    background-color: var(--blue-sky-background);
    border: 1px solid var(--black);
    border-collapse: collapse;
}

.rootComponent th[b-ubjy3qfovd], .rootComponent td[b-ubjy3qfovd] {
    padding: 15px 20px;
    border: 9px solid var(--blue-sky-background);
    border-radius: 18px;
}

.rootComponent th[b-ubjy3qfovd] {
    font-weight: 500;
    background-color: var(--blue);
    color: var(--white);
}

    .rootComponent th.score[b-ubjy3qfovd] {
        min-width: 150px;
    }

.rootComponent tr.processRow td[b-ubjy3qfovd] {
    background-color: var(--blue);
    color: var(--white);
    justify-content: flex-start;
    align-items: flex-start;
}

.rootComponent tr.subProcessRow td[b-ubjy3qfovd] {
    vertical-align: top;
    /*background-color: var(--orange);*/
}

.rootComponent td[b-ubjy3qfovd] {
    background-color: var(--white-fb);
}

    .rootComponent td.requirementCell[b-ubjy3qfovd] {
        background-color: var(--blue-sky);
    }

    .rootComponent td.subProcess[b-ubjy3qfovd] {
        min-width: 150px;
    }

    .rootComponent td.ratingType[b-ubjy3qfovd] {
        text-align: center;
        cursor: pointer;
        transition: .3s all;
        position: relative;
    }

    .rootComponent td span.tooltip[b-ubjy3qfovd] {
        display: none;
        background-color: lightslategrey;
        font-size: .9rem;
        font-weight: 500;
        color: white;
        padding: 3px;
        text-align: center;
        border-radius: 5px;
        min-width: 100px;
        position: absolute;
        left: -13px;
        bottom: -20px;
        z-index: 99;
        transition: .3s all;
    }

        .rootComponent td span.tooltip.show[b-ubjy3qfovd] {
            display: block;
        }

    .rootComponent td.ratingType:hover[b-ubjy3qfovd] {
        background-color: var(--blue-sky-hover);
    }

    .rootComponent th.empty[b-ubjy3qfovd], .rootComponent td.empty[b-ubjy3qfovd] {
        background-color: var(--blue-sky-background);
    }

    .rootComponent th.center[b-ubjy3qfovd], .rootComponent td.center[b-ubjy3qfovd] {
        text-align: center;
    }

    .rootComponent td.blueBg[b-ubjy3qfovd] {
        background-color: var(--blue-sky);
    }

    .rootComponent td.lightRedBg[b-ubjy3qfovd] {
        background-color: var(--light-red);
    }

.question[b-ubjy3qfovd] {
    min-width: 300px;
}


/*Input Select & Normal*/
.inputSelect[b-ubjy3qfovd], .inputNormal[b-ubjy3qfovd] {
    width: 100%;
    padding: 0.5rem 1rem;
    font-size: 1.125rem;
    border-radius: 10px;
    border: 1px solid var(--grey-border);
    transition: .2s all;
}

.inputSelect[b-ubjy3qfovd] {
    cursor: pointer;
}

    .inputSelect:disabled[b-ubjy3qfovd], .inputNormal:disabled[b-ubjy3qfovd] {
        cursor: default;
    }

    .inputSelect[b-ubjy3qfovd]::-webkit-input-placeholder, .inputNormal[b-ubjy3qfovd]::-webkit-input-placeholder {
        color: var(--grey);
    }

    .inputSelect:focus[b-ubjy3qfovd], .inputNormal:focus[b-ubjy3qfovd] {
        outline: none;
        background-color: rgba(214, 238, 247, 0.5);
        border: 1px solid var(--blue);
        box-shadow: 0 0 3px var(--blue);
    }

    .inputSelect option[b-ubjy3qfovd] {
        border-radius: 10px;
    }
/*End of Input Select*/


/*Input Checklist*/
.checkboxCol[b-ubjy3qfovd] {
    text-align: center;
}
/*End of Input Checklist*/


/*for action icon*/
.action[b-ubjy3qfovd] {
    /*text-align: center;*/
    min-width: 150px;
    position: relative;
}

    .action .actionWrapper[b-ubjy3qfovd] {
        display: flex;
        justify-content: space-between;
    }

.noteworthyNotes[b-ubjy3qfovd], .suggestionNotes[b-ubjy3qfovd], .feedbackNotes[b-ubjy3qfovd] {
    font-size: 1.5rem;
    transition: .3s all;
}


.noteworthyNotes[b-ubjy3qfovd] {
    color: var(--blue);
    cursor: pointer;
    display: inline-block;
    margin-right: .5rem;
}

    .noteworthyNotes:hover[b-ubjy3qfovd] {
        color: var(--blueground-hover);
    }

.suggestionNotes[b-ubjy3qfovd] {
    color: var(--blue);
    cursor: pointer;
    margin-right: .5rem;
}

    .suggestionNotes:hover[b-ubjy3qfovd] {
        color: var(--blueground-hover);
    }

.feedbackNotes[b-ubjy3qfovd] {
    color: var(--green-status-darker);
    cursor: pointer;
    display: block;
}

    .feedbackNotes:hover[b-ubjy3qfovd] {
        color: var(--green-status);
    }

    .noteworthyNotes:disabled[b-ubjy3qfovd],
    .noteworthyNotes[disabled][b-ubjy3qfovd],
    .feedbackNotes:disabled[b-ubjy3qfovd],
    .feedbackNotes[disabled][b-ubjy3qfovd] {
        color: #666666;
        cursor: default;
    }

        .noteworthyNotes:disabled:hover[b-ubjy3qfovd],
        .noteworthyNotes[disabled]:hover[b-ubjy3qfovd],
        .feedbackNotes:disabled:hover[b-ubjy3qfovd],
        .feedbackNotes[disabled]:hover[b-ubjy3qfovd] {
            color: #666666;
        }
/*End of for action icon*/


/* Conditional Coloring*/
td.green[b-ubjy3qfovd] {
    background-color: forestgreen;
}

td.greenLight[b-ubjy3qfovd] {
    background-color: lightgreen;
}

td.yellow[b-ubjy3qfovd] {
    background-color: var(--yellow-status);
}

td.orange[b-ubjy3qfovd] {
    background-color: orange;
}

td.red[b-ubjy3qfovd] {
    background-color: var(--red-status);
}

td.orange[b-ubjy3qfovd] {
    background-color: var(--orange);
}
/* End of Conditional Coloring*/

span.alert[b-ubjy3qfovd] {
    display: block;
    margin-top: 1rem;
    color: var(--red);
    font-size: .75rem;
    border-top: 1px solid red;
    padding-top: .4rem;
}

.buttonWrapper[b-ubjy3qfovd] {
    margin-top: 1rem;
    display: flex;
    justify-content: space-between;
}

    .buttonWrapper[b-ubjy3qfovd]  button.btnSubmit {
        float: right;
    }

    .buttonWrapper[b-ubjy3qfovd]  button.btnSave {
        float: right;
        margin-right: 2rem;
    }

@media only screen and (max-width: 1366px) {
    .rootComponent[b-ubjy3qfovd] {
        width: 60%
    }
}

@media only screen and (max-width: 500px) {
    .rootComponent[b-ubjy3qfovd] {
        width: 80%
    }
}

@media only screen and (max-width: 481px) {
    .buttonWrapper button.btnSave[b-ubjy3qfovd] {
        margin-right: 1rem;
    }
}

@media only screen and (max-width: 350px) {
    .buttonWrapper[b-ubjy3qfovd]  button.btnSubmit {
        float: unset;
    }

    .buttonWrapper[b-ubjy3qfovd]  button.btnSave {
        float: left;
        margin-right: 1rem;
    }

    .buttonWrapper[b-ubjy3qfovd] {
        margin-bottom: 3rem;
    }
}
/* _content/PSAIM-AuditTools/Shared/Parts/Worksheet/SBT/SBTWorksheetTable.razor.rz.scp.css */
.rootComponent[b-87v3fg4ulb] {
    width: 100%;
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-weight: 600;
}

.paginationWrapper[b-87v3fg4ulb] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 1rem;
}

/*for action icon*/
.action[b-87v3fg4ulb] {
    /*    display: flex;*/
    /*    justify-content: space-around;*/
    text-align: center;
    min-width: 150px;
    position: relative;
}

.lokasi[b-87v3fg4ulb], .praktikYangBaik[b-87v3fg4ulb], .temuanYangTidakMemenuhiStandard[b-87v3fg4ulb], .typeBarrier[b-87v3fg4ulb] {
    font-size: 1.5rem;
    transition: .3s all;
}


.lokasi[b-87v3fg4ulb] {
    color: var(--blue);
    cursor: pointer;
    margin-right: .5rem;
}

.praktikYangBaik[b-87v3fg4ulb] {
    color: var(--green-status-darker);
    cursor: pointer;
    margin-right: .5rem;
}


.temuanYangTidakMemenuhiStandard[b-87v3fg4ulb] {
    color: var(--red);
    cursor: pointer;
    margin-right: .5rem;
}

.typeBarrier[b-87v3fg4ulb] {
    color: var(--black);
    cursor: pointer;
    margin-top: 1rem;
}

/*End of for action icon*/
.tableWrapper[b-87v3fg4ulb] {
    width: 100%;
    max-height: 1200px;
    overflow: auto;
    padding-bottom: 1rem;
    background-color: var(--blue-sky-background);
    box-shadow: 0 0 2px var(--black);
}

    .tableWrapper[b-87v3fg4ulb]::-webkit-scrollbar {
        height: 10px;
    }

    /* Track */
    .tableWrapper[b-87v3fg4ulb]::-webkit-scrollbar-track {
        background: #b5d8eb;
    }

    /* Handle */
    .tableWrapper[b-87v3fg4ulb]::-webkit-scrollbar-thumb {
        background: var(--lightblue);
    }

        /* Handle Hover */
        .tableWrapper[b-87v3fg4ulb]::-webkit-scrollbar-thumb:hover {
            background: var(--blue);
        }


.rootTable[b-87v3fg4ulb] {
    width: 100%;
    background-color: var(--blue-sky-background);
    border: 1px solid var(--black);
    border-collapse: collapse;
}

    .rootTable th[b-87v3fg4ulb], .rootTable td[b-87v3fg4ulb] {
        padding: 15px 20px;
        border: 9px solid var(--blue-sky-background);
        border-radius: 18px;
    }

    .rootTable th[b-87v3fg4ulb] {
        font-weight: 500;
        background-color: var(--blue);
        color: var(--white);
        position: sticky;
        top: 0;
        z-index: 3;
    }

    .rootTable td[b-87v3fg4ulb] {
        background-color: var(--white-fb);
    }

    .rootTable tr.elementRow td[b-87v3fg4ulb] {
        transition: .3s all;
    }

    .rootTable tr.elementRow:hover td[b-87v3fg4ulb] {
        background-color: var(--table-hover) !important;
    }

    .rootTable th.empty[b-87v3fg4ulb], .rootTable td.empty[b-87v3fg4ulb] {
        background-color: var(--blue-sky-background);
    }

    .rootTable th.center[b-87v3fg4ulb], .rootTable td.center[b-87v3fg4ulb] {
        text-align: center;
    }

    .rootTable th.categoryCol[b-87v3fg4ulb] {
        min-width: 200px;
    }

    .rootTable th.isStandardCol[b-87v3fg4ulb] {
        top: 3.5rem;
    }

    .rootTable th.areaCol[b-87v3fg4ulb] {
        min-width: 100px;
    }

    .rootTable th.areaCol[b-87v3fg4ulb], .rootTable th.fbAndSkor[b-87v3fg4ulb] {
        top: 7rem;
    }

    .rootTable td.subProcessCol[b-87v3fg4ulb] {
        background-color: var(--blue);
        color: var(--white);
    }

    .rootTable td.blueBg[b-87v3fg4ulb] {
        background-color: var(--blue-sky);
    }

    .rootTable td.lightRedBg[b-87v3fg4ulb] {
        background-color: var(--light-red);
    }

    .rootTable td.inputCell[b-87v3fg4ulb] {
        padding: 3px;
    }


/*Input Select & Normal*/
.inputNormal[b-87v3fg4ulb] {
    width: 100%;
    padding: 0.5rem 1rem;
    font-size: 1.125rem;
    border-radius: 10px;
    border: 1px solid var(--grey-border);
    transition: .2s all;
}

    .inputNormal:disabled[b-87v3fg4ulb] {
        cursor: default;
    }

    .inputNormal[b-87v3fg4ulb]::-webkit-input-placeholder {
        color: var(--grey);
    }

    .inputNormal:focus[b-87v3fg4ulb] {
        outline: none;
        background-color: rgba(214, 238, 247, 0.5);
        border: 1px solid var(--blue);
        box-shadow: 0 0 3px var(--blue);
    }
/*End of Input Select & Normal*/



/* Conditional Coloring*/
td.green[b-87v3fg4ulb] {
    background-color: forestgreen;
}

td.greenLight[b-87v3fg4ulb] {
    background-color: lightgreen;
}

td.yellow[b-87v3fg4ulb] {
    background-color: var(--yellow-status);
}

td.orange[b-87v3fg4ulb] {
    background-color: orange;
}

td.red[b-87v3fg4ulb] {
    background-color: var(--red-status);
}
/* End of Conditional Coloring*/

span.alert[b-87v3fg4ulb] {
    display: block;
    margin-top: 1rem;
    color: var(--red);
    font-size: .75rem;
    border-top: 1px solid red;
    padding-top: .4rem;
}

.buttonAreaWrapper[b-87v3fg4ulb] {
    margin-top: 5rem;
    display: flex;
    justify-content: space-between;
}

    .buttonAreaWrapper[b-87v3fg4ulb]  button.btnSubmit {
        float: right;
    }

    .buttonAreaWrapper[b-87v3fg4ulb]  button.btnSave {
        float: right;
        margin-right: 2rem;
    }

    .buttonAreaWrapper .navigationWrapper[b-87v3fg4ulb]  .btnNext {
        margin-left: 2rem;
    }

.jumperButtonAreaWrapper[b-87v3fg4ulb] {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
}

.jumperButtonArea[b-87v3fg4ulb] {
    position: relative;
}

    .jumperButtonArea[b-87v3fg4ulb]  .btnScrollTop {
        opacity: 0;
        position: absolute;
        bottom: -10rem;
        right: 3.8rem;
        transition: .5s all;
    }

        .jumperButtonArea[b-87v3fg4ulb]  .btnScrollTop.show {
            opacity: 1;
            bottom: 0;
        }

    .jumperButtonArea[b-87v3fg4ulb]  .btnScrollBottom {
        opacity: 0;
        position: absolute;
        bottom: -10rem;
        right: 0;
        transition: .5s all;
    }

        .jumperButtonArea[b-87v3fg4ulb]  .btnScrollBottom.show {
            opacity: 1;
            bottom: 0;
        }

@media only screen and (max-width: 960px) {
    .jumperButtonAreaWrapper[b-87v3fg4ulb] {
        position: fixed;
        bottom: 1rem;
        right: 1rem;
    }
}

@media only screen and (max-width: 481px) {
    .buttonAreaWrapper button.btnSave[b-87v3fg4ulb] {
        margin-right: 1rem;
    }
}

@media only screen and (max-width: 350px) {
    .buttonAreaWrapper[b-87v3fg4ulb]  button.btnSubmit {
        float: unset;
    }

    .buttonAreaWrapper[b-87v3fg4ulb]  button.btnSave {
        float: left;
        margin-right: 1rem;
    }

    .buttonAreaWrapper[b-87v3fg4ulb] {
        margin-bottom: 3rem;
        display: flex;
        justify-content: space-between;
    }
}
/* _content/PSAIM-AuditTools/Shared/Parts/Worksheet/SBT/SBTWorkTable.razor.rz.scp.css */
/* Class Helper */
.writeItBold[b-a30u295k5f] {
    font-weight: 600;
}
/* End of Class Helper */

.rootComponent[b-a30u295k5f] {
    width: 100%;
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-weight: 400;
}

.paginationWrapper[b-a30u295k5f] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 1rem;
}

/*for action icon*/
.action[b-a30u295k5f] {
    /*    display: flex;*/
    /*    justify-content: space-around;*/
    text-align: center;
    min-width: 150px;
    position: relative;
}

.lokasi[b-a30u295k5f], .praktikYangBaik[b-a30u295k5f], .temuanYangTidakMemenuhiStandard[b-a30u295k5f], .typeBarrier[b-a30u295k5f] {
    font-size: 1.5rem;
    transition: .3s all;
}


.lokasi[b-a30u295k5f] {
    color: var(--blue);
    cursor: pointer;
    margin-right: .5rem;
}

.praktikYangBaik[b-a30u295k5f] {
    color: var(--green-status-darker);
    cursor: pointer;
    margin-right: .5rem;
}


.temuanYangTidakMemenuhiStandard[b-a30u295k5f] {
    color: var(--red);
    cursor: pointer;
    margin-right: .5rem;
}

.typeBarrier[b-a30u295k5f] {
    color: var(--black);
    cursor: pointer;
    margin-top: 1rem;
}

/*End of for action icon*/
.tableWrapper[b-a30u295k5f] {
    width: 100%;
    max-height: 1200px;
    overflow: auto;
    padding-bottom: 1rem;
    background-color: var(--blue-sky-background);
    box-shadow: 0 0 2px var(--black);
}

    .tableWrapper[b-a30u295k5f]::-webkit-scrollbar {
        height: 10px;
    }

    /* Track */
    .tableWrapper[b-a30u295k5f]::-webkit-scrollbar-track {
        background: #b5d8eb;
    }

    /* Handle */
    .tableWrapper[b-a30u295k5f]::-webkit-scrollbar-thumb {
        background: var(--lightblue);
    }

        /* Handle Hover */
        .tableWrapper[b-a30u295k5f]::-webkit-scrollbar-thumb:hover {
            background: var(--blue);
        }


.rootTable[b-a30u295k5f] {
    width: 100%;
    background-color: var(--blue-sky-background);
    border: 1px solid var(--black);
    border-collapse: collapse;
}

    .rootTable th[b-a30u295k5f], .rootTable td[b-a30u295k5f] {
        padding: 15px 20px;
        border: 9px solid var(--blue-sky-background);
        border-radius: 18px;
    }

    .rootTable th[b-a30u295k5f] {
        font-weight: 500;
        background-color: var(--blue);
        color: var(--white);
        position: sticky;
        top: 0;
        z-index: 3;
    }

    .rootTable td[b-a30u295k5f] {
        background-color: var(--white-fb);
    }

    .rootTable tr.elementRow:hover td[b-a30u295k5f] {
        background-color: var(--table-hover) !important;
    }

    .rootTable th.empty[b-a30u295k5f], .rootTable td.empty[b-a30u295k5f] {
        background-color: var(--blue-sky-background);
    }

    .rootTable th.center[b-a30u295k5f], .rootTable td.center[b-a30u295k5f] {
        text-align: center;
    }

    .rootTable th.categoryCol[b-a30u295k5f] {
        min-width: 200px;
    }

    .rootTable th.isStandardCol[b-a30u295k5f] {
        top: 3.5rem;
    }

    .rootTable th.areaCol[b-a30u295k5f] {
        min-width: 100px;
    }

    .rootTable th.areaCol[b-a30u295k5f], .rootTable th.fbAndSkor[b-a30u295k5f] {
        top: 7rem;
    }

    .rootTable td.subProcessCol[b-a30u295k5f] {
        background-color: var(--blue);
        color: var(--white);
        font-weight: 500;
    }

    .rootTable td.requirementMergedCell[b-a30u295k5f] {
        font-weight: 500;
    }

    .rootTable td.blueBg[b-a30u295k5f] {
        background-color: var(--blue-sky);
    }

    .rootTable td.lightRedBg[b-a30u295k5f] {
        background-color: var(--light-red);
    }

    .rootTable td.inputCell[b-a30u295k5f] {
        padding: 3px;
    }

    .rootTable td.criteriaCell[b-a30u295k5f] {
        text-align: center;
        text-decoration: underline;
        cursor: pointer;
    }

        .rootTable td.criteriaCell:hover[b-a30u295k5f] {
            background-color: var(--table-hover);
            text-decoration: none;
        }


/*Input Select & Normal*/
.inputNormal[b-a30u295k5f] {
    width: 100%;
    padding: 0.5rem 1rem;
    font-size: 1.125rem;
    border-radius: 10px;
    border: 1px solid var(--grey-border);
    transition: .2s all;
}

    .inputNormal:disabled[b-a30u295k5f] {
        cursor: default;
    }

    .inputNormal[b-a30u295k5f]::-webkit-input-placeholder {
        color: var(--grey);
    }

    .inputNormal:focus[b-a30u295k5f] {
        outline: none;
        background-color: rgba(214, 238, 247, 0.5);
        border: 1px solid var(--blue);
        box-shadow: 0 0 3px var(--blue);
    }
/*End of Input Select & Normal*/



/* Conditional Coloring*/
td.green[b-a30u295k5f] {
    background-color: forestgreen;
}

td.greenLight[b-a30u295k5f] {
    background-color: lightgreen;
}

td.yellow[b-a30u295k5f] {
    background-color: var(--yellow-status);
}

td.orange[b-a30u295k5f] {
    background-color: orange;
}

td.red[b-a30u295k5f] {
    background-color: var(--red-status);
}
/* End of Conditional Coloring*/

span.alert[b-a30u295k5f] {
    display: block;
    margin-top: 1rem;
    color: var(--red);
    font-size: .75rem;
    border-top: 1px solid red;
    padding-top: .4rem;
}

.buttonAreaWrapper[b-a30u295k5f] {
    margin-top: 5rem;
    display: flex;
    justify-content: space-between;
}

    .buttonAreaWrapper[b-a30u295k5f]  button.btnSubmit {
        float: right;
    }

    .buttonAreaWrapper[b-a30u295k5f]  button.btnSave {
        float: right;
        margin-right: 2rem;
    }

    .buttonAreaWrapper .navigationWrapper[b-a30u295k5f]  .btnNext {
        margin-left: 2rem;
    }

.jumperButtonAreaWrapper[b-a30u295k5f] {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
}

.jumperButtonArea[b-a30u295k5f] {
    position: relative;
}

    .jumperButtonArea[b-a30u295k5f]  .btnScrollTop {
        opacity: 0;
        position: absolute;
        bottom: -10rem;
        right: 3.8rem;
        transition: .5s all;
    }

        .jumperButtonArea[b-a30u295k5f]  .btnScrollTop.show {
            opacity: 1;
            bottom: 0;
        }

    .jumperButtonArea[b-a30u295k5f]  .btnScrollBottom {
        opacity: 0;
        position: absolute;
        bottom: -10rem;
        right: 0;
        transition: .5s all;
    }

        .jumperButtonArea[b-a30u295k5f]  .btnScrollBottom.show {
            opacity: 1;
            bottom: 0;
        }

@media only screen and (max-width: 960px) {
    .jumperButtonAreaWrapper[b-a30u295k5f] {
        position: fixed;
        bottom: 1rem;
        right: 1rem;
    }
}

@media only screen and (max-width: 481px) {
    .buttonAreaWrapper button.btnSave[b-a30u295k5f] {
        margin-right: 1rem;
    }
}

@media only screen and (max-width: 350px) {
    .buttonAreaWrapper[b-a30u295k5f]  button.btnSubmit {
        float: unset;
    }

    .buttonAreaWrapper[b-a30u295k5f]  button.btnSave {
        float: left;
        margin-right: 1rem;
    }

    .buttonAreaWrapper[b-a30u295k5f] {
        margin-bottom: 3rem;
        display: flex;
        justify-content: space-between;
    }
}
/* _content/PSAIM-AuditTools/Shared/Parts/Worksheet/SBT/TypeBarrierModal.razor.rz.scp.css */
.root[b-04v51q37oe] {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.425);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99;
}

.modalWrapper[b-04v51q37oe] {
    width: 40%;
    border-radius: 10px;
    overflow: hidden;
}

.modalHeader[b-04v51q37oe] {
    position: relative;
    /* font-weight: bold; */
    background-color: var(--blue);
    padding: 1.5rem 4rem;
}

    .modalHeader h2[b-04v51q37oe] {
        text-align: center;
        color: var(--white);
    }

    .modalHeader .closeIcon[b-04v51q37oe] {
        position: absolute;
        top: 1.25rem;
        right: 2rem;
        font-size: 2.5rem;
        color: var(--white);
        cursor: pointer;
    }

        .modalHeader .closeIcon:hover[b-04v51q37oe] {
            color: rgb(224, 224, 224);
        }

.modalContent[b-04v51q37oe] {
    background-color: white;
    padding: 3rem 4rem;
}

.input[b-04v51q37oe] {
    margin-bottom: 1.5rem;
}

.buttonWrapper[b-04v51q37oe] {
    display: flex;
    justify-content: center;
}

@media only screen and (max-width: 1280px) {
    .modalWrapper[b-04v51q37oe] {
        width: 50%;
    }

    .modalContent[b-04v51q37oe] {
        padding: 2rem 2.5rem;
    }
}

@media only screen and (max-width: 960px) {
    .modalWrapper[b-04v51q37oe] {
        width: 70%;
    }
}

@media only screen and (max-width: 680px) {
    .modalHeader[b-04v51q37oe] {
        padding: 1rem 4rem;
    }

        .modalHeader .closeIcon[b-04v51q37oe] {
            top: .75rem;
            right: 2rem;
            font-size: 2.5rem;
            color: var(--white);
            cursor: pointer;
        }

    .modalWrapper[b-04v51q37oe] {
        width: 90%;
    }

    .modalContent[b-04v51q37oe] {
        padding: 1rem 1.5rem;
    }
}

@media only screen and (max-width: 481px) {
    .modalHeader[b-04v51q37oe] {
        padding-left: 1.5rem;
        padding-right: 3rem;
    }

        .modalHeader h2[b-04v51q37oe] {
            text-align: left;
        }

        .modalHeader .closeIcon[b-04v51q37oe] {
            right: 1rem;
        }
}

@media only screen and (max-width: 366px) {
    .modalHeader[b-04v51q37oe] {
        padding-left: 1rem;
    }

    .modalContent[b-04v51q37oe] {
        padding: 2.5rem 1rem;
    }
}

@media only screen and (max-width: 366px) {
    .modalHeader[b-04v51q37oe] {
        padding-right: 4rem;
    }
}



/* ======Input Styling (Input GLOBAL)====== */

/* GLOBAL */
/* Hidden arrow Number CSS */
/* Chrome, Safari, Edge, Opera */
input[b-04v51q37oe]::-webkit-outer-spin-button,
input[b-04v51q37oe]::-webkit-inner-spin-button,
textarea[b-04v51q37oe]::-webkit-outer-spin-button,
textarea[b-04v51q37oe]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number][b-04v51q37oe] {
    -moz-appearance: textfield;
}

/* End of GLOBAL */
/* End of hidden arrow Number */

.inputFieldRoot[b-04v51q37oe] {
    display: grid;
    grid-template-columns: 1fr 2.3rem 3fr;
    align-items: center;
    margin-bottom: 1.875rem;
}

.doubleColonMobile[b-04v51q37oe] {
    display: none;
}

.inputFieldRoot label[b-04v51q37oe],
.inputFieldRoot span[b-04v51q37oe] {
    font-size: 1.125rem;
    color: var(--dark-blue);
}

@media only screen and (max-width: 960px) {
    .inputFieldRoot[b-04v51q37oe] {
        grid-template-columns: 3fr 1rem 4fr;
    }
}

@media only screen and (max-width: 500px) {
    .inputFieldRoot[b-04v51q37oe] {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 2fr;
    }

    .doubleColon[b-04v51q37oe] {
        display: none;
    }

    .doubleColonMobile[b-04v51q37oe] {
        display: inline-block;
    }
}
/* ======End of Input Styling (Input GLOBAL)====== */


/* ======Input Styling (Input Field)====== */
.inputFieldRoot input[b-04v51q37oe],
.inputFieldRoot textarea[b-04v51q37oe] {
    width: 100%;
    padding: 0.5rem 1rem;
    font-size: 1.125rem;
    border-radius: 10px;
    border: 1px solid var(--grey-border);
    transition: .2s all;
}

    .inputFieldRoot input[b-04v51q37oe]::-webkit-input-placeholder,
    .inputFieldRoot textarea[b-04v51q37oe]::-webkit-input-placeholder {
        color: var(--grey-border);
    }

    .inputFieldRoot input:focus[b-04v51q37oe],
    .inputFieldRoot textarea:focus[b-04v51q37oe] {
        outline: none;
        background-color: rgba(214, 238, 247, 0.5);
        border: 1px solid var(--blue);
        box-shadow: 0 0 3px var(--blue);
    }

.inputFieldRoot textarea[b-04v51q37oe] {
    resize: none;
}

/* for Login Form */
.inputFieldRoot input.loginForm[b-04v51q37oe] {
    padding: 1.25rem 2rem;
    font-size: 1.25rem;
    font-weight: 300;
}

/* Input Alert */
.inputAlert[b-04v51q37oe] {
    margin-top: 1rem;
    color: var(--red);
}
/* ======End of Input Styling (Input Field)====== */


/* ======Input Styling (Input Dropdown)====== */
.inputWrapper[b-04v51q37oe] {
    display: flex;
}

.additionalBtn[b-04v51q37oe] {
    margin-left: 1rem;
    align-self: center;
    font-size: 1.75rem;
    color: var(--blue);
    cursor: pointer;
}

    .additionalBtn:hover[b-04v51q37oe] {
        color: var(--blueground-hover);
    }

.inputFieldRoot > div > select[b-04v51q37oe] {
    width: 100%;
    padding: 0.5rem 1rem;
    font-size: 1.125rem;
    border-radius: 10px;
    border: 1px solid var(--grey-border);
    transition: .2s all;
    cursor: pointer;
}

fieldset.fieldsetForm[disabled] .inputFieldRoot > div > select[b-04v51q37oe] {
    cursor: default;
}

.inputFieldRoot > div > select.withAdditionalBtn[b-04v51q37oe] {
    width: unset;
}

.inputFieldRoot > div > select[b-04v51q37oe]::-webkit-input-placeholder {
    color: var(--grey);
}

.inputFieldRoot > div > select:focus[b-04v51q37oe] {
    outline: none;
    background-color: rgba(214, 238, 247, 0.5);
    border: 1px solid var(--blue);
    box-shadow: 0 0 3px var(--blue);
}

/* option styling */
.inputFieldRoot > div > select > option[b-04v51q37oe] {
    border-radius: 10px;
}

    .inputFieldRoot > div > select > option:disabled[b-04v51q37oe] {
        /* color: var(--grey); */
    }

/* ======End of Input Styling (Input Dropdown)====== */
/* _content/PSAIM-AuditTools/Shared/Parts/Worksheet/SBT/UnqualifiedFindingModal.razor.rz.scp.css */
.root[b-appf83y8sh] {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.425);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99;
}

.modalWrapper[b-appf83y8sh] {
    width: 40%;
    border-radius: 10px;
    overflow: hidden;
}

.modalHeader[b-appf83y8sh] {
    position: relative;
    /* font-weight: bold; */
    background-color: var(--blue);
    padding: 1.5rem 4rem;
}

    .modalHeader h2[b-appf83y8sh] {
        text-align: center;
        color: var(--white);
    }

    .modalHeader .closeIcon[b-appf83y8sh] {
        position: absolute;
        top: 1.25rem;
        right: 2rem;
        font-size: 2.5rem;
        color: var(--white);
        cursor: pointer;
    }

        .modalHeader .closeIcon:hover[b-appf83y8sh] {
            color: rgb(224, 224, 224);
        }

.modalContent[b-appf83y8sh] {
    background-color: white;
    padding: 3rem 4rem;
}

.input[b-appf83y8sh] {
    margin-bottom: 1.5rem;
}

.buttonWrapper[b-appf83y8sh] {
    display: flex;
    justify-content: center;
}

@media only screen and (max-width: 1280px) {
    .modalWrapper[b-appf83y8sh] {
        width: 50%;
    }

    .modalContent[b-appf83y8sh] {
        padding: 2rem 2.5rem;
    }
}

@media only screen and (max-width: 960px) {
    .modalWrapper[b-appf83y8sh] {
        width: 70%;
    }
}

@media only screen and (max-width: 680px) {
    .modalHeader[b-appf83y8sh] {
        padding: 1rem 4rem;
    }

        .modalHeader .closeIcon[b-appf83y8sh] {
            top: .75rem;
            right: 2rem;
            font-size: 2.5rem;
            color: var(--white);
            cursor: pointer;
        }

    .modalWrapper[b-appf83y8sh] {
        width: 90%;
    }

    .modalContent[b-appf83y8sh] {
        padding: 1rem 1.5rem;
    }
}

@media only screen and (max-width: 481px) {
    .modalHeader[b-appf83y8sh] {
        padding-left: 1.5rem;
        padding-right: 3rem;
    }

        .modalHeader h2[b-appf83y8sh] {
            text-align: left;
        }

        .modalHeader .closeIcon[b-appf83y8sh] {
            right: 1rem;
        }
}

@media only screen and (max-width: 366px) {
    .modalHeader[b-appf83y8sh] {
        padding-left: 1rem;
    }

    .modalContent[b-appf83y8sh] {
        padding: 2.5rem 1rem;
    }
}

@media only screen and (max-width: 366px) {
    .modalHeader[b-appf83y8sh] {
        padding-right: 4rem;
    }
}



/* ======Input Styling (Input GLOBAL)====== */

/* GLOBAL */
/* Hidden arrow Number CSS */
/* Chrome, Safari, Edge, Opera */
input[b-appf83y8sh]::-webkit-outer-spin-button,
input[b-appf83y8sh]::-webkit-inner-spin-button,
textarea[b-appf83y8sh]::-webkit-outer-spin-button,
textarea[b-appf83y8sh]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number][b-appf83y8sh] {
    -moz-appearance: textfield;
}

/* End of GLOBAL */
/* End of hidden arrow Number */

.inputFieldRoot[b-appf83y8sh] {
    display: grid;
    grid-template-columns: 1fr 2.3rem 3fr;
    align-items: center;
    margin-bottom: 1.875rem;
}

.doubleColonMobile[b-appf83y8sh] {
    display: none;
}

.inputFieldRoot label[b-appf83y8sh],
.inputFieldRoot span[b-appf83y8sh] {
    font-size: 1.125rem;
    color: var(--dark-blue);
}

@media only screen and (max-width: 960px) {
    .inputFieldRoot[b-appf83y8sh] {
        grid-template-columns: 3fr 1rem 4fr;
    }
}

@media only screen and (max-width: 500px) {
    .inputFieldRoot[b-appf83y8sh] {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 2fr;
    }

    .doubleColon[b-appf83y8sh] {
        display: none;
    }

    .doubleColonMobile[b-appf83y8sh] {
        display: inline-block;
    }
}
/* ======End of Input Styling (Input GLOBAL)====== */


/* ======Input Styling (Input Field)====== */
.inputFieldRoot input[b-appf83y8sh],
.inputFieldRoot textarea[b-appf83y8sh] {
    width: 100%;
    padding: 0.5rem 1rem;
    font-size: 1.125rem;
    border-radius: 10px;
    border: 1px solid var(--grey-border);
    transition: .2s all;
}

    .inputFieldRoot input[b-appf83y8sh]::-webkit-input-placeholder,
    .inputFieldRoot textarea[b-appf83y8sh]::-webkit-input-placeholder {
        color: var(--grey-border);
    }

    .inputFieldRoot input:focus[b-appf83y8sh],
    .inputFieldRoot textarea:focus[b-appf83y8sh] {
        outline: none;
        background-color: rgba(214, 238, 247, 0.5);
        border: 1px solid var(--blue);
        box-shadow: 0 0 3px var(--blue);
    }

.inputFieldRoot textarea[b-appf83y8sh] {
    resize: none;
}

/* for Login Form */
.inputFieldRoot input.loginForm[b-appf83y8sh] {
    padding: 1.25rem 2rem;
    font-size: 1.25rem;
    font-weight: 300;
}

/* Input Alert */
.inputAlert[b-appf83y8sh] {
    margin-top: 1rem;
    color: var(--red);
}
/* ======End of Input Styling (Input Field)====== */


/* ======Input Styling (Input Dropdown)====== */
.inputWrapper[b-appf83y8sh] {
    display: flex;
}

.additionalBtn[b-appf83y8sh] {
    margin-left: 1rem;
    align-self: center;
    font-size: 1.75rem;
    color: var(--blue);
    cursor: pointer;
}

    .additionalBtn:hover[b-appf83y8sh] {
        color: var(--blueground-hover);
    }

.inputFieldRoot > div > select[b-appf83y8sh] {
    width: 100%;
    padding: 0.5rem 1rem;
    font-size: 1.125rem;
    border-radius: 10px;
    border: 1px solid var(--grey-border);
    transition: .2s all;
    cursor: pointer;
}

fieldset.fieldsetForm[disabled] .inputFieldRoot > div > select[b-appf83y8sh] {
    cursor: default;
}

.inputFieldRoot > div > select.withAdditionalBtn[b-appf83y8sh] {
    width: unset;
}

.inputFieldRoot > div > select[b-appf83y8sh]::-webkit-input-placeholder {
    color: var(--grey);
}

.inputFieldRoot > div > select:focus[b-appf83y8sh] {
    outline: none;
    background-color: rgba(214, 238, 247, 0.5);
    border: 1px solid var(--blue);
    box-shadow: 0 0 3px var(--blue);
}

/* option styling */
.inputFieldRoot > div > select > option[b-appf83y8sh] {
    border-radius: 10px;
}

    .inputFieldRoot > div > select > option:disabled[b-appf83y8sh] {
        /* color: var(--grey); */
    }

/* ======End of Input Styling (Input Dropdown)====== */
/* _content/PSAIM-AuditTools/Shared/Parts/Worksheet/UltimateObjectiveModal.razor.rz.scp.css */
.root[b-tua9dxh1n8] {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.425);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99;
}

.modalWrapper[b-tua9dxh1n8] {
    width: 40%;
    border-radius: 10px;
    overflow: hidden;
}

.modalHeader[b-tua9dxh1n8] {
    position: relative;
    /* font-weight: bold; */
    background-color: var(--blue);
    padding: 1.5rem 4rem;
}

    .modalHeader h2[b-tua9dxh1n8] {
        text-align: center;
        color: var(--white);
    }

    .modalHeader .closeIcon[b-tua9dxh1n8] {
        position: absolute;
        top: 1.25rem;
        right: 2rem;
        font-size: 2.5rem;
        color: var(--white);
        cursor: pointer;
    }

        .modalHeader .closeIcon:hover[b-tua9dxh1n8] {
            color: rgb(224, 224, 224);
        }

.modalContent[b-tua9dxh1n8] {
    background-color: white;
    padding: 1.5rem 4rem 2rem 4rem;
}

.tableRoot[b-tua9dxh1n8] {
    width: 100%;
}

    .tableRoot th[b-tua9dxh1n8] {
        text-align: left;
        padding-bottom: 1rem;
    }

.input[b-tua9dxh1n8] {
    margin-bottom: 1.5rem;
}

.buttonWrapper[b-tua9dxh1n8] {
    display: flex;
    justify-content: center;
}

@media only screen and (max-width: 1280px) {
    .modalWrapper[b-tua9dxh1n8] {
        width: 50%;
    }

    .modalContent[b-tua9dxh1n8] {
        padding: 1rem 2.5rem 2rem 2.5rem;
    }
}

@media only screen and (max-width: 960px) {
    .modalWrapper[b-tua9dxh1n8] {
        width: 70%;
    }
}

@media only screen and (max-width: 680px) {
    .modalHeader[b-tua9dxh1n8] {
        padding: 1rem 4rem;
    }

        .modalHeader .closeIcon[b-tua9dxh1n8] {
            top: .75rem;
            right: 2rem;
            font-size: 2.5rem;
            color: var(--white);
            cursor: pointer;
        }

    .modalWrapper[b-tua9dxh1n8] {
        width: 90%;
    }

    .modalContent[b-tua9dxh1n8] {
        padding: 1rem 1.5rem;
    }
}

@media only screen and (max-width: 481px) {
    .modalHeader[b-tua9dxh1n8] {
        padding-left: 1.5rem;
        padding-right: 3rem;
    }

        .modalHeader h2[b-tua9dxh1n8] {
            text-align: left;
        }

        .modalHeader .closeIcon[b-tua9dxh1n8] {
            right: 1rem;
        }
}

@media only screen and (max-width: 366px) {
    .modalHeader[b-tua9dxh1n8] {
        padding-left: 1rem;
    }

    .modalContent[b-tua9dxh1n8] {
        padding: 2.5rem 1rem;
    }
}

@media only screen and (max-width: 366px) {
    .modalHeader[b-tua9dxh1n8] {
        padding-right: 4rem;
    }
}



/* ======Input Styling (Input GLOBAL)====== */

/* GLOBAL */
/* Hidden arrow Number CSS */
/* Chrome, Safari, Edge, Opera */
input[b-tua9dxh1n8]::-webkit-outer-spin-button,
input[b-tua9dxh1n8]::-webkit-inner-spin-button,
textarea[b-tua9dxh1n8]::-webkit-outer-spin-button,
textarea[b-tua9dxh1n8]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number][b-tua9dxh1n8] {
    -moz-appearance: textfield;
}

/* End of GLOBAL */
/* End of hidden arrow Number */

.inputFieldRoot[b-tua9dxh1n8] {
    display: grid;
    grid-template-columns: 1fr 2.3rem 3fr;
    align-items: center;
    margin-bottom: 1.875rem;
}

.doubleColonMobile[b-tua9dxh1n8] {
    display: none;
}

.inputFieldRoot label[b-tua9dxh1n8],
.inputFieldRoot span[b-tua9dxh1n8] {
    font-size: 1.125rem;
    color: var(--dark-blue);
}

@media only screen and (max-width: 960px) {
    .inputFieldRoot[b-tua9dxh1n8] {
        grid-template-columns: 3fr 1rem 4fr;
    }
}

@media only screen and (max-width: 500px) {
    .inputFieldRoot[b-tua9dxh1n8] {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 2fr;
    }

    .doubleColon[b-tua9dxh1n8] {
        display: none;
    }

    .doubleColonMobile[b-tua9dxh1n8] {
        display: inline-block;
    }
}
/* ======End of Input Styling (Input GLOBAL)====== */


/* ======Input Styling (Input Field)====== */
.inputFieldRoot input[b-tua9dxh1n8],
.inputFieldRoot textarea[b-tua9dxh1n8] {
    width: 100%;
    padding: 0.5rem 1rem;
    font-size: 1.125rem;
    border-radius: 10px;
    border: 1px solid var(--grey-border);
    transition: .2s all;
}

    .inputFieldRoot input[b-tua9dxh1n8]::-webkit-input-placeholder,
    .inputFieldRoot textarea[b-tua9dxh1n8]::-webkit-input-placeholder {
        color: var(--grey-border);
    }

    .inputFieldRoot input:focus[b-tua9dxh1n8],
    .inputFieldRoot textarea:focus[b-tua9dxh1n8] {
        outline: none;
        background-color: rgba(214, 238, 247, 0.5);
        border: 1px solid var(--blue);
        box-shadow: 0 0 3px var(--blue);
    }

.inputFieldRoot textarea[b-tua9dxh1n8] {
    resize: none;
}

/* for Login Form */
.inputFieldRoot input.loginForm[b-tua9dxh1n8] {
    padding: 1.25rem 2rem;
    font-size: 1.25rem;
    font-weight: 300;
}

/* Input Alert */
.inputAlert[b-tua9dxh1n8] {
    margin-top: 1rem;
    color: var(--red);
}
/* ======End of Input Styling (Input Field)====== */


/* ======Input Styling (Input Dropdown)====== */
.inputWrapper[b-tua9dxh1n8] {
    display: flex;
}

.additionalBtn[b-tua9dxh1n8] {
    margin-left: 1rem;
    align-self: center;
    font-size: 1.75rem;
    color: var(--blue);
    cursor: pointer;
}

    .additionalBtn:hover[b-tua9dxh1n8] {
        color: var(--blueground-hover);
    }

.inputFieldRoot > div > select[b-tua9dxh1n8] {
    width: 100%;
    padding: 0.5rem 1rem;
    font-size: 1.125rem;
    border-radius: 10px;
    border: 1px solid var(--grey-border);
    transition: .2s all;
    cursor: pointer;
}

fieldset.fieldsetForm[disabled] .inputFieldRoot > div > select[b-tua9dxh1n8] {
    cursor: default;
}

.inputFieldRoot > div > select.withAdditionalBtn[b-tua9dxh1n8] {
    width: unset;
}

.inputFieldRoot > div > select[b-tua9dxh1n8]::-webkit-input-placeholder {
    color: var(--grey);
}

.inputFieldRoot > div > select:focus[b-tua9dxh1n8] {
    outline: none;
    background-color: rgba(214, 238, 247, 0.5);
    border: 1px solid var(--blue);
    box-shadow: 0 0 3px var(--blue);
}

/* option styling */
.inputFieldRoot > div > select > option[b-tua9dxh1n8] {
    border-radius: 10px;
}

    .inputFieldRoot > div > select > option:disabled[b-tua9dxh1n8] {
        /* color: var(--grey); */
    }

/* ======End of Input Styling (Input Dropdown)====== */
/* _content/PSAIM-AuditTools/Shared/Parts/Worksheet/WorksheetTable.razor.rz.scp.css */
.rootComponent[b-e4wq2cefxn] {
    width: 100%;
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-weight: 400;
}

.paginationWrapper[b-e4wq2cefxn] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 1rem;
}

.tableWrapper[b-e4wq2cefxn] {
    width: 100%;
    max-height: 1200px;
    overflow: auto;
    padding-bottom: 1rem;
    background-color: var(--blue-sky-background);
    box-shadow: 0 0 2px var(--black);
}

    .tableWrapper[b-e4wq2cefxn]::-webkit-scrollbar {
        height: 10px;
    }

    /* Track */
    .tableWrapper[b-e4wq2cefxn]::-webkit-scrollbar-track {
        background: #b5d8eb;
    }

    /* Handle */
    .tableWrapper[b-e4wq2cefxn]::-webkit-scrollbar-thumb {
        background: var(--lightblue);
    }

        /* Handle Hover */
        .tableWrapper[b-e4wq2cefxn]::-webkit-scrollbar-thumb:hover {
            background: var(--blue);
        }


.rootTable[b-e4wq2cefxn] {
    width: 100%;
    background-color: var(--blue-sky-background);
    border: 1px solid var(--black);
    border-collapse: collapse;
}

    .rootTable th[b-e4wq2cefxn], .rootTable td[b-e4wq2cefxn] {
        padding: 15px 20px;
        border: 9px solid var(--blue-sky-background);
        border-radius: 18px;
    }

    .rootTable th[b-e4wq2cefxn] {
        font-weight: 500;
        background-color: var(--blue);
        color: var(--white);
        position: sticky;
        top: 0;
        z-index: 3;
    }

        .rootTable th.secondLevel[b-e4wq2cefxn] {
            top: 3.5rem;
        }

        .rootTable th.score[b-e4wq2cefxn] {
            min-width: 250px;
        }

    .rootTable tr.processRow td[b-e4wq2cefxn] {
        background-color: var(--blue);
        color: var(--white);
        justify-content: flex-start;
        align-items: flex-start;
        /* docs: for sticky header*/
        position: sticky;
        top: 7rem;
        z-index: 3;
        font-weight: 500;
    }

    .rootTable tr.subProcessRow td[b-e4wq2cefxn] {
        vertical-align: top;
        font-weight: 500;
        /*background-color: var(--orange);*/
    }

    .rootTable td[b-e4wq2cefxn] {
        background-color: var(--white-fb);
    }

        .rootTable td.requirementCell[b-e4wq2cefxn] {
            background-color: var(--blue-sky);
            font-weight: 500;
        }

        .rootTable td.subProcess[b-e4wq2cefxn] {
            min-width: 150px;
        }

        .rootTable td.ratingType[b-e4wq2cefxn] {
            text-align: center;
            cursor: pointer;
            position: relative;
        }

        .rootTable td span.tooltip[b-e4wq2cefxn] {
            display: none;
            background-color: lightslategrey;
            font-size: .9rem;
            font-weight: 500;
            color: white;
            padding: 3px;
            text-align: center;
            border-radius: 5px;
            min-width: 100px;
            position: absolute;
            left: -13px;
            bottom: -20px;
            z-index: 2;
            transition: .3s all;
        }

            .rootTable td span.tooltip.show[b-e4wq2cefxn] {
                display: block;
            }

        .rootTable td.ratingType:hover[b-e4wq2cefxn] {
            background-color: var(--blue-sky-hover);
        }

        .rootTable th.empty[b-e4wq2cefxn], .rootTable td.empty[b-e4wq2cefxn] {
            background-color: var(--blue-sky-background);
        }

        .rootTable th.center[b-e4wq2cefxn], .rootTable td.center[b-e4wq2cefxn] {
            text-align: center;
        }

        .rootTable td.blueBg[b-e4wq2cefxn] {
            background-color: var(--blue-sky);
        }

        .rootTable td.lightRedBg[b-e4wq2cefxn] {
            background-color: var(--light-red);
        }

    .rootTable tr.questionRow td[b-e4wq2cefxn] {
        transition: .3s all;
    }

    .rootTable tr.questionRow:hover td[b-e4wq2cefxn] {
        background-color: var(--table-hover) !important;
    }

.question[b-e4wq2cefxn] {
    min-width: 300px;
}


/*Input Select & Normal*/
.inputSelect[b-e4wq2cefxn], .inputNormal[b-e4wq2cefxn] {
    width: 100%;
    padding: 0.5rem 1rem;
    font-size: 1.125rem;
    border-radius: 10px;
    border: 1px solid var(--grey-border);
    transition: .2s all;
}

.inputSelect[b-e4wq2cefxn] {
    cursor: pointer;
}

    .inputSelect:disabled[b-e4wq2cefxn], .inputNormal:disabled[b-e4wq2cefxn] {
        cursor: default;
    }

    .inputSelect[b-e4wq2cefxn]::-webkit-input-placeholder, .inputNormal[b-e4wq2cefxn]::-webkit-input-placeholder {
        color: var(--grey);
    }

    .inputSelect:focus[b-e4wq2cefxn], .inputNormal:focus[b-e4wq2cefxn] {
        outline: none;
        background-color: rgba(214, 238, 247, 0.5);
        border: 1px solid var(--blue);
        box-shadow: 0 0 3px var(--blue);
    }

    .inputSelect option[b-e4wq2cefxn] {
        border-radius: 10px;
    }
/*End of Input Select*/


/*Input Checklist*/
.checkboxCol[b-e4wq2cefxn] {
    text-align: center;
}
/*End of Input Checklist*/


/*for action icon*/
.action[b-e4wq2cefxn] {
    /*text-align: center;*/
    min-width: 150px;
    position: relative;
}

    .action .actionWrapper[b-e4wq2cefxn] {
        display: flex;
        justify-content: space-around;
    }

.noteworthyNotes[b-e4wq2cefxn], .suggestionNotes[b-e4wq2cefxn], .feedbackNotes[b-e4wq2cefxn] {
    font-size: 1.5rem;
    transition: .3s all;
}


.noteworthyNotes[b-e4wq2cefxn] {
    color: var(--blue);
    cursor: pointer;
    display: inline-block;
    margin-right: .5rem;
}

    .noteworthyNotes:hover[b-e4wq2cefxn] {
        color: var(--blueground-hover);
    }

.suggestionNotes[b-e4wq2cefxn] {
    color: var(--blue);
    cursor: pointer;
    margin-right: .5rem;
}

    .suggestionNotes:hover[b-e4wq2cefxn] {
        color: var(--blueground-hover);
    }

.feedbackNotes[b-e4wq2cefxn] {
    color: var(--green-status-darker);
    cursor: pointer;
    display: block;
}

    .feedbackNotes:hover[b-e4wq2cefxn] {
        color: var(--green-status);
    }

    .noteworthyNotes:disabled[b-e4wq2cefxn],
    .noteworthyNotes[disabled][b-e4wq2cefxn],
    .feedbackNotes:disabled[b-e4wq2cefxn],
    .feedbackNotes[disabled][b-e4wq2cefxn] {
        color: #666666;
        cursor: default;
    }

        .noteworthyNotes:disabled:hover[b-e4wq2cefxn],
        .noteworthyNotes[disabled]:hover[b-e4wq2cefxn],
        .feedbackNotes:disabled:hover[b-e4wq2cefxn],
        .feedbackNotes[disabled]:hover[b-e4wq2cefxn] {
            color: #666666;
        }
/*End of for action icon*/


/* Conditional Coloring*/
td.green[b-e4wq2cefxn] {
    background-color: forestgreen !important;
    color: var(--black) !important;
}

td.greenLight[b-e4wq2cefxn] {
    background-color: lightgreen !important;
    color: var(--black) !important;
}

td.yellow[b-e4wq2cefxn] {
    background-color: var(--yellow-score-status) !important;
    color: var(--black) !important;
}

td.orange[b-e4wq2cefxn] {
    background-color: orange !important;
    color: var(--black) !important;
}

td.red[b-e4wq2cefxn] {
    background-color: var(--red-status) !important;
    color: var(--black) !important;
}
/* End of Conditional Coloring*/

span.alert[b-e4wq2cefxn] {
    display: block;
    margin-top: 1rem;
    color: var(--red);
    font-size: .75rem;
    border-top: 1px solid red;
    padding-top: .4rem;
}

.buttonAreaWrapper[b-e4wq2cefxn] {
    margin-top: 3rem;
    display: flex;
    justify-content: space-between;
}

    .buttonAreaWrapper[b-e4wq2cefxn]  button.btnSubmit {
        float: right;
    }

    .buttonAreaWrapper[b-e4wq2cefxn]  button.btnSave {
        float: right;
        margin-right: 2rem;
    }

    .buttonAreaWrapper[b-e4wq2cefxn]  .nextButton {
        margin-left: 2rem;
    }

.jumperButtonAreaWrapper[b-e4wq2cefxn] {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
}

.jumperButtonArea[b-e4wq2cefxn] {
    position: relative;
}

    .jumperButtonArea[b-e4wq2cefxn]  .btnScrollTop {
        opacity: 0;
        position: absolute;
        bottom: -10rem;
        right: 3.8rem;
        transition: .5s all;
    }

        .jumperButtonArea[b-e4wq2cefxn]  .btnScrollTop.show {
            opacity: 1;
            bottom: 0;
        }

    .jumperButtonArea[b-e4wq2cefxn]  .btnScrollBottom {
        opacity: 0;
        position: absolute;
        bottom: -10rem;
        right: 0;
        transition: .5s all;
    }

        .jumperButtonArea[b-e4wq2cefxn]  .btnScrollBottom.show {
            opacity: 1;
            bottom: 0;
        }

@media only screen and (max-width: 960px) {
    .jumperButtonAreaWrapper[b-e4wq2cefxn] {
        position: fixed;
        bottom: 1rem;
        right: 1rem;
    }
}

@media only screen and (max-width: 481px) {
    .buttonAreaWrapper button.btnSave[b-e4wq2cefxn] {
        margin-right: 1rem;
    }
}

@media only screen and (max-width: 350px) {
    .buttonAreaWrapper[b-e4wq2cefxn]  button.btnSubmit {
        float: unset;
    }

    .buttonAreaWrapper[b-e4wq2cefxn]  button.btnSave {
        float: left;
        margin-right: 1rem;
    }

    .buttonAreaWrapper[b-e4wq2cefxn] {
        margin-bottom: 3rem;
        display: flex;
        justify-content: space-between;
    }
}
/* _content/PSAIM-AuditTools/Shared/Parts/Worksheet/WorksheetTable2.razor.rz.scp.css */
.rootComponent[b-nkf1nz5q6g] {
    width: 100%;
    margin-top: 1rem;
    margin-bottom: 1rem;
    box-shadow: 0 0 2px var(--black);
    font-weight: 600;
}

.tableWrapper[b-nkf1nz5q6g] {
    width: 100%;
    overflow: auto;
    padding-bottom: 1rem;
    background-color: var(--blue-sky-background);
}

    .tableWrapper[b-nkf1nz5q6g]::-webkit-scrollbar {
        height: 10px;
    }

    /* Track */
    .tableWrapper[b-nkf1nz5q6g]::-webkit-scrollbar-track {
        background: #b5d8eb;
    }

    /* Handle */
    .tableWrapper[b-nkf1nz5q6g]::-webkit-scrollbar-thumb {
        background: var(--lightblue);
    }

        /* Handle Hover */
        .tableWrapper[b-nkf1nz5q6g]::-webkit-scrollbar-thumb:hover {
            background: var(--blue);
        }


.rootTable[b-nkf1nz5q6g] {
    width: 100%;
    background-color: var(--blue-sky-background);
    border: 1px solid var(--black);
    border-collapse: collapse;
}

.rootComponent th[b-nkf1nz5q6g], .rootComponent td[b-nkf1nz5q6g] {
    padding: 15px 20px;
    border: 9px solid var(--blue-sky-background);
    border-radius: 18px;
}

.rootComponent th[b-nkf1nz5q6g] {
    font-weight: 500;
    background-color: var(--blue-sky);
}

    .rootComponent th.score[b-nkf1nz5q6g] {
        min-width: 250px;
    }

.rootComponent td[b-nkf1nz5q6g] {
    background-color: var(--white-fb);
}

    .rootComponent td.ratingType[b-nkf1nz5q6g] {
        text-align: center;
        cursor: pointer;
        transition: .3s all;
        position: relative;
    }

    .rootComponent td span.tooltip[b-nkf1nz5q6g] {
        display: none;
        background-color: lightslategrey;
        font-size: .9rem;
        font-weight: 500;
        color: white;
        padding: 3px;
        border-radius: 5px;
        min-width: 100px;
        position: absolute;
        left: -13px;
        bottom: -20px;
        z-index: 99;
        transition: .3s all;
    }

        .rootComponent td span.tooltip.show[b-nkf1nz5q6g] {
            display: block;
        }

    .rootComponent td.ratingType:hover[b-nkf1nz5q6g] {
        background-color: var(--blue-sky-hover);
    }

    .rootComponent th.empty[b-nkf1nz5q6g], .rootComponent td.empty[b-nkf1nz5q6g] {
        background-color: var(--blue-sky-background);
    }

    .rootComponent th.center[b-nkf1nz5q6g], .rootComponent td.center[b-nkf1nz5q6g] {
        text-align: center;
    }

    .rootComponent td.blueBg[b-nkf1nz5q6g] {
        background-color: var(--blue-sky);
    }

    .rootComponent td.lightRedBg[b-nkf1nz5q6g] {
        background-color: var(--light-red);
    }

.subProses[b-nkf1nz5q6g] {
    min-width: 150px;
}

.question[b-nkf1nz5q6g] {
    min-width: 300px;
}


/*Input Select & Normal*/
.inputSelect[b-nkf1nz5q6g], .inputNormal[b-nkf1nz5q6g] {
    width: 100%;
    padding: 0.5rem 1rem;
    font-size: 1.125rem;
    border-radius: 10px;
    border: 1px solid var(--grey-border);
    transition: .2s all;
}

.inputSelect[b-nkf1nz5q6g] {
    cursor: pointer;
}

    .inputSelect:disabled[b-nkf1nz5q6g], .inputNormal:disabled[b-nkf1nz5q6g] {
        cursor: default;
    }

    .inputSelect[b-nkf1nz5q6g]::-webkit-input-placeholder, .inputNormal[b-nkf1nz5q6g]::-webkit-input-placeholder {
        color: var(--grey);
    }

    .inputSelect:focus[b-nkf1nz5q6g], .inputNormal:focus[b-nkf1nz5q6g] {
        outline: none;
        background-color: rgba(214, 238, 247, 0.5);
        border: 1px solid var(--blue);
        box-shadow: 0 0 3px var(--blue);
    }

    .inputSelect option[b-nkf1nz5q6g] {
        border-radius: 10px;
    }
/*End of Input Select*/


/*Input Checklist*/
.checkboxCol[b-nkf1nz5q6g] {
    text-align: center;
}
/*End of Input Checklist*/


/*for action icon*/
.action[b-nkf1nz5q6g] {
    /*    display: flex;*/
    /*    justify-content: space-around;*/
    text-align: center;
    min-width: 150px;
    position: relative;
}

.noteworthyNotes[b-nkf1nz5q6g], .suggestionNotes[b-nkf1nz5q6g], .feedbackNotes[b-nkf1nz5q6g] {
    font-size: 1.5rem;
    transition: .3s all;
}


.noteworthyNotes[b-nkf1nz5q6g] {
    color: var(--blue);
    cursor: pointer;
    display: inline-block;
    margin-right: .5rem;
}

    .noteworthyNotes:hover[b-nkf1nz5q6g] {
        color: var(--blueground-hover);
    }

.suggestionNotes[b-nkf1nz5q6g] {
    color: var(--blue);
    cursor: pointer;
}

    .suggestionNotes:hover[b-nkf1nz5q6g] {
        color: var(--blueground-hover);
    }

.feedbackNotes[b-nkf1nz5q6g] {
    color: var(--green-status-darker);
    cursor: pointer;
    display: block;
    margin-top: 1rem;
}

    .feedbackNotes:hover[b-nkf1nz5q6g] {
        color: var(--green-status);
    }

    .noteworthyNotes:disabled[b-nkf1nz5q6g],
    .noteworthyNotes[disabled][b-nkf1nz5q6g],
    .feedbackNotes:disabled[b-nkf1nz5q6g],
    .feedbackNotes[disabled][b-nkf1nz5q6g] {
        color: #666666;
        cursor: default;
    }

        .noteworthyNotes:disabled:hover[b-nkf1nz5q6g],
        .noteworthyNotes[disabled]:hover[b-nkf1nz5q6g],
        .feedbackNotes:disabled:hover[b-nkf1nz5q6g],
        .feedbackNotes[disabled]:hover[b-nkf1nz5q6g] {
            color: #666666;
        }
/*End of for action icon*/


/* Conditional Coloring*/
td.green[b-nkf1nz5q6g] {
    background-color: forestgreen;
}

td.greenLight[b-nkf1nz5q6g] {
    background-color: lightgreen;
}

td.yellow[b-nkf1nz5q6g] {
    background-color: var(--yellow-status);
}

td.orange[b-nkf1nz5q6g] {
    background-color: orange;
}

td.red[b-nkf1nz5q6g] {
    background-color: var(--red-status);
}
/* End of Conditional Coloring*/

span.alert[b-nkf1nz5q6g] {
    display: block;
    margin-top: 1rem;
    color: var(--red);
    font-size: .75rem;
    border-top: 1px solid red;
    padding-top: .4rem;
}