@import '_content/SSSharedComponents/SSSharedComponents.bundle.scp.css';

/* _content/SSPerformance/Components/BootstrapModal.razor.rz.scp.css */
.popup-header-text[b-aa7gik1c3l] {
    color: var(--Dark-Blue, #446981);
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
/* _content/SSPerformance/Components/EmbededComponents/AssessmentResults.razor.rz.scp.css */
.hdr-self-evaluation[b-n2rcrr5kgi] {
    color: #446981;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.hdr-manager-assessment[b-n2rcrr5kgi] {
    color: #9E9E9E;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.spn-self-subtext[b-n2rcrr5kgi] {
    color: #9E9E9E;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.spn-res-question[b-n2rcrr5kgi] {
    color: #446981;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.spn-res-answer[b-n2rcrr5kgi] {
    color: #9E9E9E;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.spn-res-answer-circle[b-n2rcrr5kgi] {
    display: block;
    height: 50px;
    width: 50px;
    line-height: 50px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    text-align: center;
    font-size: 1.8em;
    /*box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;*/
    background: #FFF;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.07);
}


.inside-page-text[b-n2rcrr5kgi] {
    position: absolute;
    z-index: 1;
    width: 100%;
    text-align: center;
    margin-top: 200px;
}

    .inside-page-text > i[b-n2rcrr5kgi] {
        font-size: 50px;
        color: #9E9E9E;
    }

    .inside-page-text > span[b-n2rcrr5kgi] {
        color: #9E9E9E;
        text-align: center;
        font-family: Poppins;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        /*text-shadow: 1px 1px 1px rgba(0,0,0,0.9);*/
    }


.spn-view-history[b-n2rcrr5kgi] {
    color: var(--bs-primary);
    text-align: right;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.result-compare-container[b-n2rcrr5kgi] {
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.07);
}

.comp-text-1[b-n2rcrr5kgi] {
    color: #00453E;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.comp-text-2[b-n2rcrr5kgi] {
    color: #9E9E9E;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
/* _content/SSPerformance/Components/EmbededComponents/AssessmentTemplate.razor.rz.scp.css */



.performance-span-text > span > i[b-ns5atapg4x] {
    color: #9E9E9E;
    font-size: 24px;
}
.spn-performance-info[b-ns5atapg4x] {
    color: #142948;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.spn-thermo[b-ns5atapg4x] {
    color: #446981;
    font-family: Poppins;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.spn-assesment-group[b-ns5atapg4x] {
    color: var(--Dark-Blue, #446981);
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
/* _content/SSPerformance/Components/EmbededComponents/AssignedPersonalityTestCard.razor.rz.scp.css */
.task-card[b-45ozbb9o1r] {
    border: 1px solid #ced4da; /* Bootstrap's border color */
    border-radius: 0.25rem; /* Bootstrap's default border-radius */
    margin-top: 20px;
}

.task-header[b-45ozbb9o1r] {
    display: flex;
    justify-content: start;
    align-items: center;
    padding: 10px;
    background-color: #f8f9fa;
    border-top-left-radius:25px !important;
    border-top-right-radius:25px !important;
}

.task-body[b-45ozbb9o1r] {
    padding-left: 20px;
}

.task-footer[b-45ozbb9o1r] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
    padding-right:8px;

   
}

.task-date[b-45ozbb9o1r] {
    border-radius: 10px;
    padding: 2px 8px;
}

.personality-Header[b-45ozbb9o1r] {
    font-family: Poppins;
    font-size: 20px;
    font-weight: 500;
    line-height: 21px;
    margin-left: 10px; /* Adjust as needed for spacing */
    color: #446981;
}
.personality-img[b-45ozbb9o1r] {
    width: 40px;
    height: 40px;
    border-radius: 28px;
    object-fit: contain;
}

.task-date[b-45ozbb9o1r] {
    margin-left: auto; /* This will push the date to the end */
    background-color: #e9ecef;
    border-radius: 10px;
    padding: 2px 8px;
}
.card[b-45ozbb9o1r]{
    padding:0;
}
/* _content/SSPerformance/Components/EmbededComponents/CardButtons.razor.rz.scp.css */


.own-card-size[b-jbrh162bjw] {
    height: 130px !important;
}

/*@media (max-width: 767px) {
    .icon-mobile {
        display: none !important;
    }
}
*/
/* _content/SSPerformance/Components/EmbededComponents/Carousel.razor.rz.scp.css */
.custom-carousel[b-tnaipf7jqe] {
    position: relative;
    overflow: hidden;
}

.carousel-item[b-tnaipf7jqe] {
    display: flex;
    transition: transform 0.5s ease-in-out;
    /* Updated to use transform for better performance */
}

.item[b-tnaipf7jqe] {
    flex: 0 0 20%; /* Do not grow or shrink, set basis to 20% */
    box-sizing: border-box;
    padding: 10px;
    text-align: center;
}

    .item img[b-tnaipf7jqe] {
        max-width: 100%;
        height: auto;
    }

.prev[b-tnaipf7jqe], .next[b-tnaipf7jqe] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: #ddd;
    border: none;
    padding: 10px;
    cursor: pointer;
    z-index: 2;
}

.prev[b-tnaipf7jqe] {
    left: 0;
}

.next[b-tnaipf7jqe] {
    right: 0;
}
/* _content/SSPerformance/Components/EmbededComponents/ContextMenu.razor.rz.scp.css */
.context-menu[b-y97mst2mpv] {
    border: 1px solid #dcdcdc; /* Light grey border */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); /* Slight shadow for depth */
    border-radius: 6px; /* Rounded corners */
    background-color: white; /* White background */
    padding: 8px 0; /* Padding at the top and bottom */
    width: 200px; /* Fixed width */
    position: fixed; /* Positioning relative to the viewport */
    z-index: 1000; /* Ensure it is above other content */
    display: none; /* Initially hidden */
}

    .context-menu ul[b-y97mst2mpv] {
        list-style: none; /* No bullet points */
        margin: 0; /* No margin for the list */
        padding: 0; /* No padding for the list */
    }

    .context-menu li[b-y97mst2mpv] {
        padding: 8px 16px; /* Padding inside each list item */
        cursor: pointer; /* Pointer cursor on hover */
        display: flex; /* Use flexbox for aligning icon and text */
        align-items: center; /* Center items vertically */
    }

        .context-menu li:hover[b-y97mst2mpv] {
            background-color: #f5f5f5; /* Light grey background on hover */
        }

        .context-menu li:not(:last-child)[b-y97mst2mpv] {
            border-bottom: 1px solid #dcdcdc; /* Separator between items */
        }
/* _content/SSPerformance/Components/EmbededComponents/CreateNewGoal.razor.rz.scp.css */
.spn-CreateGoal[b-nrnvxz8dv5] {
    color: var(--Dark-Blue, #446981);
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: bold;
    line-height: normal;
}

.rounding-circle[b-nrnvxz8dv5] {
    width: 60px; /* Fixed width and height to form a circle */
    height: 40px;
}
/* _content/SSPerformance/Components/EmbededComponents/EditAssesmentTemplate.razor.rz.scp.css */
.performance-hdr[b-tbuhwjjt3m] {
    flex-shrink: 0;
    color: var(--Dark-Blue, #446981);
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    opacity: 0.9;
}

.question-div[b-tbuhwjjt3m] {
    border-radius: 8px;
    background: #E8E8E8;
    flex-shrink: 0;
}

.performance-span-text > span[b-tbuhwjjt3m] {
    color: #142948;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.performance-edit-buttons > i[b-tbuhwjjt3m] {
    color: #9E9E9E;
    font-size: 24px !important;
    margin-left: 15px !important;
}

    .performance-edit-buttons > i:hover[b-tbuhwjjt3m] {
        cursor: pointer;
    }

.new-question-div[b-tbuhwjjt3m] {
    border-radius: 8px;
    background: #F7F7F7;
    flex-shrink: 0;
}

    .new-question-div > span[b-tbuhwjjt3m] {
        font-weight: 200;
    }

.new-performance-span-text[b-tbuhwjjt3m] {
    color: #73737A;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.spn-section[b-tbuhwjjt3m] {
    flex-shrink: 0;
    border-radius: 8px;
    background: #73737A;
    color: #FFF;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.spn-edtassesment-name[b-tbuhwjjt3m] {
    color: #142948;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.spn-performance-info[b-tbuhwjjt3m] {
    color: #142948;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
/* HTML: <div class="loader"></div> */
.loader[b-tbuhwjjt3m] {
    width: 60px;
    aspect-ratio: 2;
    --_g: no-repeat radial-gradient(circle closest-side,#000 90%,#0000);
    background: var(--_g) 0% 50%, var(--_g) 50% 50%, var(--_g) 100% 50%;
    background-size: calc(100%/3) 50%;
    animation: l3-b-tbuhwjjt3m 1s infinite linear;
}

@keyframes l3-b-tbuhwjjt3m {
    20% {
        background-position: 0% 0%, 50% 50%,100% 50%
    }

    40% {
        background-position: 0% 100%, 50% 0%,100% 50%
    }

    60% {
        background-position: 0% 50%, 50% 100%,100% 0%
    }

    80% {
        background-position: 0% 50%, 50% 50%,100% 100%
    }
}
/* _content/SSPerformance/Components/EmbededComponents/EmployeeReviewAssessmentsControl.razor.rz.scp.css */


.note-row[b-lgdmfqe8yb] {
}

    .note-row .col[b-lgdmfqe8yb] {
        display: flex;
    }

    .note-row span[b-lgdmfqe8yb] {
        padding: 0.7em;
        background-color: #E4F3FF;
        color: #73737A;
        border-radius: 16px;
        margin-top: auto;
        margin-bottom: auto;
    }


.row-question-header[b-lgdmfqe8yb] {
    background-color: #E4F3FF;
    color: #73737A;
    border-radius: 8px;
    display: flex;
    align-items: center;
}

.row-question-itself[b-lgdmfqe8yb] {
    color: #73737A;
    border-radius: 8px;
}

.q-class[b-lgdmfqe8yb] {
    margin-top: auto;
    margin-bottom: auto;
}


.score[b-lgdmfqe8yb] {
    color: #fff;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    font-weight: 200;
    font-size: 1.3em;
    margin: auto;
}

.sc-1[b-lgdmfqe8yb] {
    background-color: #89C8EC;
}

.sc-2[b-lgdmfqe8yb] {
    background-color: #5CC5BA;
}

.sc-3[b-lgdmfqe8yb] {
    background-color: #5D7D95;
}

.sc-4[b-lgdmfqe8yb] {
    background-color: rgba(255, 170, 154, 1);
}

.icon-center[b-lgdmfqe8yb] {
    margin-top: auto;
    margin-bottom: auto;
}

.cls-indivi-scores[b-lgdmfqe8yb] {
    color: #89C8EC;
    font-weight: 800;
    font-size: 0.9em;
}

.profile-gird[b-lgdmfqe8yb] {
    background-color: #E4F3FF75;
    border-radius: 35px;
    width: 400px;
    padding: 0.1em;
}

.indiv-number[b-lgdmfqe8yb] {
    background-color: #EEF1F6;
    color: #73737A;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    font-weight: 200;
    font-size: 1.3em;
}

.emp-name-span[b-lgdmfqe8yb] {
    color: #446981;
}

.ss-blur-result[b-lgdmfqe8yb] {
    backdrop-filter: saturate(180%) blur(8px);
    -webkit-backdrop-filter: saturate(180%) blur(8px);
    -webkit-filter: blur(8px);
    -moz-filter: blur(8px);
    -o-filter: blur(8px);
    -ms-filter: blur(8px);
    filter: blur(8px);
}

.self-card[b-lgdmfqe8yb] {
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    padding-left: 1.4em;
    border-radius: 16px;
/*    width: 240px;
*/    /* Group 48095609 */

    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15) !important;
    /*filter: drop-shadow();*/
    align-content: center;
    height: 100%;
}

.didnt-participate[b-lgdmfqe8yb] {
    color: #142948;
    font-size: 0.9em;
    font-weight: 100;
}

.row-main-heading[b-lgdmfqe8yb] {
    background-color: #FF8787;
    color: #fff;
    border-radius: 16px;
    padding: 0.9em;
}

.heading-sum[b-lgdmfqe8yb] {
    font-weight: 600;
    font-size: 1.5em;
}

.summary-card[b-lgdmfqe8yb] {
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15) !important;
    border-radius: 16px;
}

.sub-heading-analysis[b-lgdmfqe8yb] {
    background-color: #FF878775;
    color: #446981;
    font-weight: 100;
    font-size: 1em;
    border-radius: 16px;
    padding: 0.9em;
}

.paragraph-container[b-lgdmfqe8yb] {
    padding: 0.6em;
    font-size: 0.8em;
    color: #446981;
}

.icon-class[b-lgdmfqe8yb] {
    font-size: 1.6em;
    margin-top: auto;
    margin-bottom: auto;
}

.incentive-class[b-lgdmfqe8yb] {
    color: #446981;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15) !important;
    border-radius: 16px;
    padding: 0.9em;
}

.one-on-one-row[b-lgdmfqe8yb] {
    background-color: #EEF1F6;
    border-radius: 16px;
    padding: 0.9em;
    color: #446981;
    font-weight: 600;
}

.o-o-o-date[b-lgdmfqe8yb] {
    color: #00CEC9;
    font-weight: 200;
}

.note-queston[b-lgdmfqe8yb] {
    color: #142948;
    font-size: 0.9em;
}

.trsh-icon[b-lgdmfqe8yb] {
    margin-top: auto;
    margin-bottom: auto;
    color: #FCA593;
}

.nq-row[b-lgdmfqe8yb] {
    padding: 1em;
    background-color: #EEF1F6;
    border-radius: 16px;
}

.template-name[b-lgdmfqe8yb] {
    color: #142948;
    font-size: 2em;
}

.assessee-name-hdr[b-lgdmfqe8yb] {
    color: #142948;
}

.ass-row-hdr-name[b-lgdmfqe8yb] {
    background-color: #EEF1F6;
    padding: 1.2em;
    border-radius: 16px;
}

    .ass-row-hdr-name button[b-lgdmfqe8yb] {
        margin-top: auto;
        margin-left: 1em;
    }

    .ass-row-hdr-name span[b-lgdmfqe8yb] {
        margin-top: auto;
    }

.cls-note[b-lgdmfqe8yb] {
 
    font-size: 0.8em !important;
    color: #142948;
}

.note-row-answer[b-lgdmfqe8yb] {
    padding-left: 2em;
    padding-top: 0.1em;
    padding-bottom: 0.3em;
    padding-right: 0.1em;
    border-radius: 8px;
    background-color: #E4F3FF75;
}
/* _content/SSPerformance/Components/EmbededComponents/GoalCards.razor.rz.scp.css */

.spanpercentage[b-v9zy0f7nkh] {
    color: var(--bs-secondary);
    font-family: 'Poppins', sans-serif;
    font-size: 40px;
    font-weight: 500;
    line-height: 60px;
    letter-spacing: 0em;
}

.spanWording[b-v9zy0f7nkh] {
    color: var(--bs-secondary);
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 60px;
    letter-spacing: 0em;
}

.progress-bar[b-v9zy0f7nkh] {
    background-color:rgba(255, 199, 178, 1);
}
/* _content/SSPerformance/Components/EmbededComponents/GridItem.razor.rz.scp.css */
a:hover[b-tpemab2dt4] {
    cursor: pointer;
}


.spn-performance-template[b-tpemab2dt4] {
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.07);
    font-size: 16px;
}

.spn-template-name[b-tpemab2dt4] {
    color: #00453E;
    font-family: Poppins;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: auto;
    margin-bottom: auto;
}

.spn-ass-icons > i[b-tpemab2dt4] {
    color: #9E9E9E;
    font-size: 24px;
    line-height: 10px;
}

.text-t-between[b-tpemab2dt4] {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #9E9E9E;
    opacity: 0.9;
    margin-top: auto;
    margin-bottom: auto;
 }
/* _content/SSPerformance/Components/EmbededComponents/GridviewWithPager.razor.rz.scp.css */
.btn-pager[b-4eickv9bcs] {
    background-color: rgba(68, 105, 129, 1); /* Blue background color */
    border: none;
    color: white; /* White text color */
    width: 40px; /* Width of the buttons */
    height: 40px; /* Height of the buttons, set the same as width for square buttons */
    text-align: center;
    line-height: 40px; /* Centers the text vertically */
    font-size: 16px; /* Size of the page numbers */
    border-radius: 0; /* Set to 0 for square corners */
}

    .btn-pager:hover[b-4eickv9bcs] {
        background-color: #0056b3; /* Darker blue on hover */
        cursor: pointer;
    }

    .btn-pager:focus[b-4eickv9bcs] {
        outline: none; /* Removes the focus outline */
    }

    /* Additional styles for the current/active page button */
    .btn-pager.active[b-4eickv9bcs] {
        background-color: #2fa498; /* Green background for the active page */
        color: white; /* White color for the page number on the active page */
    }
/* _content/SSPerformance/Components/EmbededComponents/HeadProfile.razor.rz.scp.css */
.ass-header-bg[b-gd975gspv5] {
    background: #446981;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.07);
}

.hdr-performance-assess[b-gd975gspv5] {
    color: #FFF;
    font-family: Poppins;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: auto;
    margin-bottom: auto;
}

.spn-style-1[b-gd975gspv5] {
    color: #FFF;
    text-align: right;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 38px; /* 237.5% */
}

.spn-style-2[b-gd975gspv5] {
    opacity: 0.9;
    color: #FFF;
    font-family: Poppins;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 38px;
}

img[b-gd975gspv5] {
    /*border: 1px solid grey;*/
    /*position: absolute;*/
    width: 70px;
    height: 70px;
    object-fit: contain;
    display: block;
    border-radius: 100%;
    background-color: white;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.07);
    margin-left: 50px;
    margin-right: 15px;
    transform: translateY(1.2em) scale(1.6);
}

@media (max-width: 767px) {
    .hdr-performance-assess[b-gd975gspv5] {
        font-size:16px;
        font-weight:200;
        margin-left:5px;
    }
    .spn-style-1[b-gd975gspv5]{
        margin-right:5px;
    }
    .spn-style-2[b-gd975gspv5] {
        margin-right: 5px;
    }
}
/* _content/SSPerformance/Components/EmbededComponents/HeadQuote.razor.rz.scp.css */
.spn-hdr-performance[b-yom6nqkicc] {
    color: var(--Dark-Blue, #446981);
    font-family: Poppins;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.spn-perfrom-quote-text[b-yom6nqkicc] {
    color: var(--Light-Green, #C2D5D3);
    text-align: right;
    font-family: PoetsenOne;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
/* _content/SSPerformance/Components/EmbededComponents/MyEmployeeAssessments.razor.rz.scp.css */
.spn-standard-text[b-jhmr8e2s5h] {
    color: #446981;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.spn-standard[b-jhmr8e2s5h] {
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.07);
}

.myEmp-completed-badge[b-jhmr8e2s5h] {
    background-color: #70DACF80;
    color: #2FA498;
    border-radius: 10px;
    font-weight: bold;
    padding: 5px 10px;
    height: 30px;
    width: 90px;
    text-align: center;
    line-height: normal;
}

.myEmp-pending-badge[b-jhmr8e2s5h] {
    background-color: #FFFCA4;
    color: #B37A4C;
    border-radius: 10px;
    font-weight: bold;
    padding: 5px 10px;
    height: 30px;
    width: 90px;
    line-height: normal;
    text-align: center;
}
/* _content/SSPerformance/Components/EmbededComponents/PerformanceGoals.razor.rz.scp.css */
.goal-person-row[b-pvcyhfc3oo] {
    background-color: #E4F3FF;
    color: #446981;
    border-radius: 16px;
    padding: 0.9em;
    margin-top:0.3em;
    margin-bottom:0.3em;
}

    .goal-person-row i[b-pvcyhfc3oo] {
        font-size: 2em;
        line-height: 5px;
        margin-top: auto;
        margin-bottom: auto;
        margin-right: 1em;
    }

    .goal-person-row span[b-pvcyhfc3oo] {
        margin-top: auto;
        margin-bottom: auto;
        font-size: 1.4em;
        font-weight: 600;
        margin-right: 1em;
    }

.goal-history-row[b-pvcyhfc3oo] {
    background-color: #E8E8E8;
    color: #73737A;
    border-radius: 16px;
    padding: 0.5em;
}

    .goal-history-row span[b-pvcyhfc3oo] {
        margin-top: auto;
        margin-bottom: auto;
    }

    .goal-history-row i[b-pvcyhfc3oo] {
        font-size: 1em;
        line-height: 5px;
        margin-top: auto;
        margin-bottom: auto;
        margin-right: 1em;
    }

.row-completed-goal[b-pvcyhfc3oo] {
    margin-top: 0.5em;
    border-radius: 16px;
    padding: 0.5em;
    color: #2FA498;
}

    .row-completed-goal:hover[b-pvcyhfc3oo] {
        cursor: pointer;
    }

.spn-goal-objective[b-pvcyhfc3oo] {
    color: #2FA498;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 1em;
}

.spn-goal-completed[b-pvcyhfc3oo] {
    color: #73737A;
    margin-top: auto;
    margin-bottom: auto;
}

.bg-light-backdrop[b-pvcyhfc3oo] {
/*    background-color: #E4F3FF50;
    border-radius: 8px;*/
}
/* _content/SSPerformance/Components/EmbededComponents/PerformanceGroupAssignedAssessmentFixed.razor.rz.scp.css */


.row-assessment[b-p40ano7r07] {
    padding: 0.5em;
    border-radius: 8px;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.12) !important;
    margin-bottom: 0.5em;
}

.spn-text-one[b-p40ano7r07] {
    color: #446981;
    font-size: 0.9em;
}

.spn-text-two[b-p40ano7r07] {
    color: #9E9E9E;
}

.sp-m-auto[b-p40ano7r07] {
    margin-top: auto;
    margin-bottom: auto;
}

.add-assessments-row[b-p40ano7r07] {
    border-radius: 8px;
    font-size: 0.9em;
    padding: 0.5em;
    background-color: #EFEFEF;
    color: #446981;
}

    .add-assessments-row:hover[b-p40ano7r07] {
        cursor: pointer;
    }

.add-ass-card[b-p40ano7r07] {
    border-radius: 16px;
}
/* _content/SSPerformance/Components/EmbededComponents/PersonalityCardQuestions.razor.rz.scp.css */
.card-container[b-qar0v33k2c] {
    margin: 0.5rem; /* Adjust as needed for spacing around the card */
    flex: 0 0 calc(50% - 1rem); /* Adjust for space in the middle; this calculation assumes a 0.5rem margin */
}

.card[b-qar0v33k2c] {
    display: flex;
    position: relative;
    align-items: center;
    padding: 20px;
    padding-left: 30px; /* Adjust for banner */
    border: 1px solid #ccc;
    border-radius: 12px !important;
    cursor: pointer;
    background-color: white;
    margin: 10px 0;
}

    .card .banner[b-qar0v33k2c] {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 70px; /* Width of the banner */
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        background-color: #0090FF; /* Color of the banner */
        opacity:0.5;
    }



    .card .select-button[b-qar0v33k2c] {
        margin-left: auto;
    }

    .card .circle[b-qar0v33k2c] {
        width: 40px;
        height: 40px;
        border-radius: 200px;
        background-color: green;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .card .circle:hover[b-qar0v33k2c] {
            background-color: darkgreen;
        }


.detail-caption[b-qar0v33k2c] {
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0em;
    text-align: center;
    margin-top: auto !important;
    margin-bottom: auto !important;
    color: #446981;
}



@media (max-width: 767px) {

    .detail-caption[b-qar0v33k2c]{
        font-size:16px;
    }
    .circle[b-qar0v33k2c] {
        width: 55px !important;
        height: 55px !important;
        font-size: 12px;
    }
    .select-button[b-qar0v33k2c] {
        margin-left: auto !important;
    }
}
.checkbox-round[b-qar0v33k2c] {
    width: 1.3em;
    height: 1.3em;
    background-color: white;
    border-radius: 50%;
    vertical-align: middle;
    border: 2px solid #9E9E9E;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
}

    .checkbox-round:checked[b-qar0v33k2c] {
        background-color: #0090FF;
        border: 2px solid #0090FF;
    }
/* _content/SSPerformance/Components/EmbededComponents/PersonalityInfo.razor.rz.scp.css */

[b-m0ac7tr9je]::-webkit-scrollbar {
    max-height: 10px;
    width: 5px;
    border-radius: 10px;
}

/* Track */

[b-m0ac7tr9je]::-webkit-scrollbar-track {
    background: #ffffff;
    border-radius: 10px;
}

[b-m0ac7tr9je]::-webkit-scrollbar-thumb {
    background: #446981;
    border-radius: 10px;
}

    /* Handle on hover */

    [b-m0ac7tr9je]::-webkit-scrollbar-thumb:hover {
        background: #446981;
        border-radius: 10px;
    }
/* _content/SSPerformance/Components/EmbededComponents/PWPMeeting.razor.rz.scp.css */


.record-keeping[b-12rezohwxc] {
    padding: 1em;
    border-radius: 8px;
    background-color: #E4F3FF;
}

.radio-text[b-12rezohwxc] {
    font-size: 1.3em;
}

.check-cicle[b-12rezohwxc] {
    width: 55px;
    height: 55px;
    color: pink;
}

.heading-minute[b-12rezohwxc] {
    background: #ddd;
    border-radius: 8px;
}
/* _content/SSPerformance/Components/EmbededComponents/PWPQuestionAnswerDecision.razor.rz.scp.css */
.qa-container[b-5u6ivsdge0] {
    color: #142948;
    padding:0.7em;
    border-radius:16px;
}
/* _content/SSPerformance/Components/EmbededComponents/RatingStars.razor.rz.scp.css */
.star[b-0pfxgv567v] {
    font-size: x-large;
    width: 50px;
    display: inline-block;
    color: lightgray;
}

    .star:last-child[b-0pfxgv567v] {
        margin-right: 0;
    }

    .star[b-0pfxgv567v]:before {
        content: '\2605';
    }

    .star.on[b-0pfxgv567v] {
        color: gold;
    }

    .star.half[b-0pfxgv567v]:after {
        content: '\2605';
        color: gold;
        position: absolute;
        margin-left: -20px;
        width: 10px;
        overflow: hidden;
    }
/* _content/SSPerformance/Components/EmbededComponents/ScoreTrophyBadge.razor.rz.scp.css */

.score-container[b-fxlwcnlxi4] {
    display: flex;
    align-items: center;
    padding-top: 1em;
    padding-bottom: 1em;
    padding-right: 1.8em;
    border-top-left-radius: 50px;
    border-top-right-radius: 16px;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 16px;
}

.score-image[b-fxlwcnlxi4] {
    position: absolute;
    width: 100px; /* Adjust the size as needed */
    height: 100px;
    margin-right: 10px;
}

.score-text[b-fxlwcnlxi4] {
    margin-left: 120px;
    font-size: 2em;
    font-weight: bold;
}
/* _content/SSPerformance/Components/EmbededComponents/SubscriberAssesments.razor.rz.scp.css */
.spn-performance-template[b-wxt8pyvgs1] {
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.07);
    font-size: 16px;
}

.spn-template-name[b-wxt8pyvgs1] {
    color: #446981;
    font-family: Poppins;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: auto;
    margin-bottom: auto;
}

.spn-ass-icons > i[b-wxt8pyvgs1] {
    font-size: 24px;
    line-height: 10px;
}

.i-edit[b-wxt8pyvgs1] {
    color: #D9D9D9;
}

.i-delete[b-wxt8pyvgs1] {
    color: #FCA593;
}
/* _content/SSPerformance/Components/EmbededComponents/UpcomingAssessment.razor.rz.scp.css */
img[b-33yffn4tke] {
    height: 32px;
    max-width: 32px;
    border-radius: 50%;
    margin-top: auto;
    margin-bottom: auto;
}
.full-name[b-33yffn4tke] {
    color: #00453E;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: auto;
    margin-bottom: auto;
}
.grid-row[b-33yffn4tke] {
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.07);
}
.perf-rev-hdr[b-33yffn4tke] {
    color: var(--Dark-Blue, #446981);
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

/*style="max-width:150px;max-height:150px;border-radius:50%;"*/

.due-text[b-33yffn4tke] {
    color: #9E9E9E;
    text-align: right;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top:auto;
    margin-bottom:auto;
}
/* _content/SSPerformance/Components/EmbededComponents/ViewGoal.razor.rz.scp.css */
.percentagespan[b-2q97lhn841] {
    color: var(--bs-secondary);
    font-family: 'Poppins', sans-serif;
    font-size: 40px;
    font-weight: 500;
    line-height: 60px;
    letter-spacing: 0em;
}

.spanWording[b-2q97lhn841] {
    color: var(--bs-secondary);
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 60px;
    letter-spacing: 0em;
}

.progress-bar[b-2q97lhn841] {
    background-color: rgba(255, 199, 178, 1);
}

.danitacolor[b-2q97lhn841] {
    color: var(--bs-secondary);
}

.DateStyle[b-2q97lhn841] {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    line-height: 15px;
    letter-spacing: 0em;
    text-align: left;
}


.message-container[b-2q97lhn841] {
    display: flex; /* Use flexbox for layout */
    align-items: flex-start; /* align items to the top */
    max-width: 625px; /* maximum width of the container */
    margin-top: 20px; /* spacing outside the container */
}

.comment-container[b-2q97lhn841] {
    display: flex; /* Use flexbox for layout */
    align-items: flex-start; /* align items to the top */
    max-width: 600px; /* maximum width of the container */
    margin-top: 20px; /* spacing outside the container */
}

.comment-image[b-2q97lhn841] {
    width: 50px; /* width of the image */
    height: 50px; /* height of the image */
    border-radius: 50%; /* make the image round */
    margin-right: 10px; /* spacing between image and text */
    background-color: #cccccc; /* placeholder color if no image */
    overflow: hidden; /* ensures the image stays within the border radius */
}

    .comment-image img[b-2q97lhn841] {
        width: 100%; /* ensure the image covers the area */
        height: auto; /* maintain aspect ratio */
    }

.comment-box[b-2q97lhn841] {
    background-color: #f0f0f0; /* light grey background */
    border-radius: 5px; /* rounded corners */
    padding: 10px; /* spacing inside the box */
    flex-grow: 1; /* allow the text box to grow */
}

.comment-header[b-2q97lhn841] {
    color: #606060; /* grey text color */
    font-size: 0.9em; /* smaller text size */
    margin-bottom: 5px; /* spacing between header and comment */
}

.comment-body[b-2q97lhn841] {
    color: #000000; /* black text color */
    font-size: 1em; /* regular text size */
}

.comment-footer[b-2q97lhn841] {
    text-align: right; /* align text to the right */
    font-size: 0.8em; /* smaller text size */
    color: #606060; /* grey text color */
}

.imgRound[b-2q97lhn841] {
    border: 1px solid grey;
    width: 35px;
    height: 35px;
    object-fit: contain;
    display: block;
    margin-right: auto;
    border-radius: 100%;
}

.course-display[b-2q97lhn841] {
    z-index: 9999999999999;
    position: fixed;
    margin: 0;
    left: 0;
    top: 0;
    background-color: #f0f0f0;
    width: 100vw;
    height: 100vh;
    padding-left:1.3em;
}

.course-display-inner[b-2q97lhn841] {
    position: relative;
    margin: auto;
}

@media (min-width: 600px) {
    .course-display[b-2q97lhn841] {
        padding: 3em !important;
    }
}

.card-body-custom[b-2q97lhn841] {
    flex: 1 1 auto;
    padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
    color: var(--bs-card-color);
}
/* _content/SSPerformance/Components/EmbededComponents/YourTeamScores.razor.rz.scp.css */

h3[b-lxkjlncd39] {
    /* Your team’s scores */
    /* Your team’s scores */

 
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    /* Dark Blue */
    color: #446981;
    opacity: 0.9;
}

span[b-lxkjlncd39] {
    height: 41px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: #446981;
    opacity: 0.9;
    display: inline-flex;
    align-items: center;
}

.card-outline[b-lxkjlncd39] {
    background: #FFFFFF;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.07);
    border-radius: 16px;
}

.inner-outline[b-lxkjlncd39] {
    background: #FFFFFF;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.07);
    border-radius: 8px;
    padding:2px;
}

img[b-lxkjlncd39] {
    max-height: 100%;
    max-width:35px;
    border-radius:50%;
}
/* _content/SSPerformance/Components/IndividualPerformance/IndividualSummaryResult.razor.rz.scp.css */


.note-row[b-881i3a6bms] {
}

    .note-row .col[b-881i3a6bms] {
        display: flex;
    }

    .note-row span[b-881i3a6bms] {
        padding: 0.7em;
        background-color: #E4F3FF;
        color: #73737A;
        border-radius: 16px;
        margin-top: auto;
        margin-bottom: auto;
    }


.row-question-header[b-881i3a6bms] {
    background-color: #E4F3FF;
    color: #73737A;
    border-radius: 8px;
    display: flex;
    align-items: center;
}

.row-question-itself[b-881i3a6bms] {
    color: #73737A;
    border-radius: 8px;
}

.q-class[b-881i3a6bms] {
    margin-top: auto;
    margin-bottom: auto;
}


.score[b-881i3a6bms] {
    color: #fff;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    font-weight: 200;
    font-size: 1.3em;
    margin: auto;
}

.sc-1[b-881i3a6bms] {
    background-color: #89C8EC;
}
.sc-text-1[b-881i3a6bms] {
    color: #89C8EC;
}

.sc-2[b-881i3a6bms] {
    background-color: #5CC5BA;
}

.sc-text-2[b-881i3a6bms] {
    color: #5CC5BA;
}

.sc-3[b-881i3a6bms] {
    background-color: #5D7D95;
}

.sc-text-3[b-881i3a6bms] {
    color: #5D7D95;
}

.sc-4[b-881i3a6bms] {
    background-color: rgba(255, 170, 154, 1);
}

.sc-text-4[b-881i3a6bms] {
    color: rgba(255, 170, 154, 1);
}


.icon-center[b-881i3a6bms] {
    margin-top: auto;
    margin-bottom: auto;
}

.cls-indivi-scores[b-881i3a6bms] {
    color: #89C8EC;
    font-weight: 800;
    font-size: 0.9em;
}

.profile-gird[b-881i3a6bms] {
    background-color: #E4F3FF75;
    border-radius: 35px;
    width: 400px;
    padding: 0.1em;
}

.indiv-number[b-881i3a6bms] {
    background-color: #EEF1F6;
    color: #73737A;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    font-weight: 200;
    font-size: 1.3em;
}

.emp-name-span[b-881i3a6bms] {
    color: #446981;
}

.ss-blur-result[b-881i3a6bms] {
    backdrop-filter: saturate(180%) blur(8px);
    -webkit-backdrop-filter: saturate(180%) blur(8px);
    -webkit-filter: blur(8px);
    -moz-filter: blur(8px);
    -o-filter: blur(8px);
    -ms-filter: blur(8px);
    filter: blur(8px);
}

.self-card[b-881i3a6bms] {
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    padding-left: 1.4em;
    border-radius: 16px;
    /*    width: 240px;
*/ /* Group 48095609 */

    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15) !important;
    /*filter: drop-shadow();*/
    align-content: center;
    height: 100%;
}

.didnt-participate[b-881i3a6bms] {
    color: #142948;
    font-size: 0.9em;
    font-weight: 100;
}

.row-main-heading[b-881i3a6bms] {
    background-color: #FF8787;
    color: #fff;
    border-radius: 16px;
    padding: 0.9em;
}

.heading-sum[b-881i3a6bms] {
    font-weight: 600;
    font-size: 1.5em;
}

.summary-card[b-881i3a6bms] {
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15) !important;
    border-radius: 16px;
}

.sub-heading-analysis[b-881i3a6bms] {
    background-color: #FF878775;
    color: #446981;
    font-weight: 100;
    font-size: 1em;
    border-radius: 16px;
    padding: 0.9em;
}

.paragraph-container[b-881i3a6bms] {
    padding: 0.6em;
    font-size: 0.8em;
    color: #446981;
}

.icon-class[b-881i3a6bms] {
    font-size: 1.6em;
    margin-top: auto;
    margin-bottom: auto;
}

.incentive-class[b-881i3a6bms] {
    color: #446981;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15) !important;
    border-radius: 16px;
    padding: 0.9em;
}

.one-on-one-row[b-881i3a6bms] {
    background-color: #EEF1F6;
    border-radius: 16px;
    padding: 0.9em;
    color: #446981;
    font-weight: 600;
}

.o-o-o-date[b-881i3a6bms] {
    color: #00CEC9;
    font-weight: 200;
}

.note-queston[b-881i3a6bms] {
    color: #142948;
    font-size: 0.9em;
}

.trsh-icon[b-881i3a6bms] {
    margin-top: auto;
    margin-bottom: auto;
    color: #FCA593;
}

.nq-row[b-881i3a6bms] {
    padding: 1em;
    background-color: #EEF1F6;
    border-radius: 16px;
}

.template-name[b-881i3a6bms] {
    color: #142948;
    font-size: 2em;
}

.assessee-name-hdr[b-881i3a6bms] {
    color: #142948;
}

.ass-row-hdr-name[b-881i3a6bms] {
    background-color: #EEF1F6;
    padding: 1.2em;
    border-radius: 16px;
}

    .ass-row-hdr-name button[b-881i3a6bms] {
        margin-top: auto;
        margin-left: 1em;
    }

    .ass-row-hdr-name span[b-881i3a6bms] {
        margin-top: auto;
    }

.cls-note[b-881i3a6bms] {
    font-size: 0.8em !important;
    color: #142948;
}

.note-row-answer[b-881i3a6bms] {
    padding-left: 2em;
    padding-top: 0.1em;
    padding-bottom: 0.3em;
    padding-right: 0.1em;
    border-radius: 8px;
    background-color: #E4F3FF75;
}
/* _content/SSPerformance/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-ncz712eta2] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-ncz712eta2] {
    flex: 1;
}

/*.sidebar {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}*/

.top-row[b-ncz712eta2] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-ncz712eta2]  a, .top-row[b-ncz712eta2]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

        .top-row[b-ncz712eta2]  a:hover, .top-row[b-ncz712eta2]  .btn-link:hover {
            text-decoration: underline;
        }

        .top-row[b-ncz712eta2]  a:first-child {
            overflow: hidden;
            text-overflow: ellipsis;
        }

@media (max-width: 640.98px) {
    .top-row[b-ncz712eta2] {
        justify-content: space-between;
    }

        .top-row[b-ncz712eta2]  a, .top-row[b-ncz712eta2]  .btn-link {
            margin-left: 0;
        }
}

@media (min-width: 641px) {
    .page[b-ncz712eta2] {
        flex-direction: row;
    }

    .sidebar[b-ncz712eta2] {
        /*width: 250px;
        height: 100vh;*/
        /*position: sticky;
        top: 0;*/
    }

    .top-row[b-ncz712eta2] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

        .top-row.auth[b-ncz712eta2]  a:first-child {
            flex: 1;
            text-align: right;
            width: 0;
        }

    .top-row[b-ncz712eta2], article[b-ncz712eta2] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-ncz712eta2] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-ncz712eta2] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }







/* _content/SSPerformance/Components/NewPerformanceControls/AssessmentTab.razor.rz.scp.css */
.incomplete-ass-row[b-nt2gosl7rg] {
    background-color: #FBE0D6;
    border-radius: 16px;
    padding: 0.9em;
    color: #73737A;
}

.complete-ass-row[b-nt2gosl7rg] {
    background-color: #E4F3FF;
    border-radius: 16px;
    padding: 0.9em;
    color: #73737A;
}

.incomplete-bade[b-nt2gosl7rg] {
    background-color: #FF2B0025;
    color: #FF2B00;
    border-radius: 8px;
    margin-left: 1em;
    padding: 0.6em;
    margin-top: auto;
    margin-bottom: auto;
}

.complete-bade[b-nt2gosl7rg] {
    background-color: #44698125;
    color: #446981;
    border-radius: 8px;
    margin-left: 1em;
    padding: 0.6em;
    margin-top: auto;
    margin-bottom: auto;
}

.item-row[b-nt2gosl7rg] {
    padding: 0.9em;
    border-radius: 16px;
}

.name-span[b-nt2gosl7rg] {
    background-color: #FF2B0025;
    color: #FF2B00;
    margin-top: auto;
    margin-bottom: auto;
    padding: 0.2em;
    border-radius: 8px;
}

.span-temp-name[b-nt2gosl7rg] {
    color: #446981;
    margin-top: auto;
    margin-bottom: auto;
}

.span-date[b-nt2gosl7rg] {
    color: #9E9E9E;
    margin-top: auto;
    margin-bottom: auto;
}

.progress-bar-incomplete[b-nt2gosl7rg] {
    background-color: var(--bs-danger) !important;
}

.progress-bar-complete[b-nt2gosl7rg] {
    background-color: var(--bs-success) !important;
}

.spn-progress-percentage[b-nt2gosl7rg] {
    color: #446981;
}

.name-span-complete[b-nt2gosl7rg] {
    background-color: #44698125;
    color: #446981;
    margin-top: auto;
    margin-bottom: auto;
    padding: 0.2em;
    border-radius: 8px;
}

.icon-size[b-nt2gosl7rg] {
    font-size: 2em;
    line-height: 5px;
}
/* _content/SSPerformance/Components/NewPerformanceControls/AssessmentTemplateEditNew.razor.rz.scp.css */
.ass-hdr[b-l1zj4dl36l] {
    margin-top: auto;
    margin-bottom: auto;
}

.blue-banner[b-l1zj4dl36l] {
    padding: 1em;
    border-radius: 8px;
    background-color: var(--bs-tertiary-bg-subtle);
}


.hdr-section[b-l1zj4dl36l] {
    background: var(--bs-tertiary-bg-subtle);
    border-radius: 8px;
}

.qs-section[b-l1zj4dl36l] {
    border-radius: 8px;
}

.spn-section[b-l1zj4dl36l] {
    color: #446981;
}

.question-cntnt[b-l1zj4dl36l] {
    border-radius: 12px;
}

.spn-question-text[b-l1zj4dl36l] {
    color: #446981;
    font-size: 0.9em;
    margin-top: auto;
}

.spn-question-text-weight[b-l1zj4dl36l] {
    color: #7EC2F7;
    font-size: 0.9em;
}

.i-edit[b-l1zj4dl36l] {
    color: #D9D9D9;
}

.i-delete[b-l1zj4dl36l] {
    color: #FCA593;
}

.performance-edit-buttons[b-l1zj4dl36l] {
    color: #FCA593;
    margin-top: auto;
    margin-bottom: auto;
    font-size: 1.8em;
}

.qa-edit[b-l1zj4dl36l] {
    color: #142948;
    font-size: 0.9em;
}
/* _content/SSPerformance/Components/NewPerformanceControls/EmployeeAssessmentTab.razor.rz.scp.css */


.option-text-span[b-hn8tizpt2p] {
    color: #142948;
    font-size: 16px;
}
/* _content/SSPerformance/Components/NewPerformanceControls/NPAssessmentSetup.razor.rz.scp.css */


.top-group-blue[b-7fjh996vdu] {
    background-color: #E4F3FF;
    border-radius: 16px;
    color: #446981;
}

.spn-ass-name[b-7fjh996vdu] {
    color: #142948;
    font-size: 1.1em;
}

.group-row[b-7fjh996vdu] {
    border-radius: 8px;
    /*filter: drop-shadow();*/
    padding: 0.5em;
}

.rule-option[b-7fjh996vdu] {
    border: solid 1px lightgrey;
    border-radius: 16px;
}

.selected-rule[b-7fjh996vdu] {
    border: solid 2px var(--bs-primary);
    color: var(--bs-primary);
}

.ma-tp[b-7fjh996vdu] {
    margin-top: auto;
    margin-bottom: auto;
}

.emp-count[b-7fjh996vdu] {
    color: #9E9E9E;
    font-weight: 100;
    font-size: 0.8em;
}

.gp-name[b-7fjh996vdu] {
    color: #446981;
    font-weight: 600;
}

.edtetc-icon[b-7fjh996vdu] {
    font-size: 24px;
    line-height: 10px;
}

.spn-dev-hdr[b-7fjh996vdu] {
    color: #446981;
    font-size: 1.1em;
}

.spn-assmnts-hdr[b-7fjh996vdu] {
    color: #7EA5BF;
    font-size: 1.1em;
}

.spn-b-tmeamber[b-7fjh996vdu] {
 
    color: #446981;
    font-size: 0.9em;
    margin-right: 1em;
    padding-right:0.6em;
    background-color: #E4F3FF;
    border-radius: 16px;
}

.mem-pfp[b-7fjh996vdu] {
    border-radius: 100px;
    max-height: 15px;
    margin-top: auto;
    margin-bottom: auto;
}
/* _content/SSPerformance/Components/NewPerformanceControls/PerformanceOverviewTab.razor.rz.scp.css */
.assessment-container[b-7f4dv76hgk] {
    border-radius: 32px;
    /*padding-left: 1.2em;*/
    padding-right: 2em;
    /* Group 1000002365 */
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.15) !important;
    margin-bottom: 1em;
}

.temp-name[b-7f4dv76hgk] {
    margin-top: auto;
    margin-bottom: auto;
    color: #73737A;
    font-weight: 600;
    font-size: 1.2em;
}

.temp-comp-date[b-7f4dv76hgk] {
    margin-top: auto;
    margin-bottom: auto;
    color: #73737A;
    font-weight: 200;
    font-size: 1em;
}

.pnc[b-7f4dv76hgk] {
    font-size: 1.1em !important;
    color: #73737A;
    margin-bottom: 1em;
}

.pt-nc-container[b-7f4dv76hgk] {
    border-radius: 24px;
    padding: 0.8em;
    /*padding-left: 1.2em;*/
    padding-right: 2em;
    /* Group 1000002365 */
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.15) !important;
    margin-bottom: 1em;
}

.prsnlty-card-container[b-7f4dv76hgk] {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 16px;
}



.p-header[b-7f4dv76hgk] {
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    padding-right: 1em;
    padding-left: 1em;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

    .p-header img[b-7f4dv76hgk] {
        height: 5em;
    }

    .p-header span[b-7f4dv76hgk] {
        margin-top: auto;
        margin-bottom: auto;
        font-size: 1.5em;
        font-weight: 800;
        filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.20));
    }

.quircky[b-7f4dv76hgk] {
    font-weight: 100 !important;
}

.p-content[b-7f4dv76hgk] {
    padding-top: 1em;
    padding-left: 1em;
    padding-right: 1em;
}

    .p-content span[b-7f4dv76hgk] {
        color: #446981;
        font-weight: 800;
    }

    .p-content p[b-7f4dv76hgk] {
        color: #446981;
        font-weight: 100;
        font-size: 0.8em;
    }


.achv[b-7f4dv76hgk] {
    color: #446981;
    font-size: 1.3em;
    font-weight: 600;
}

.cur-ass-rev[b-7f4dv76hgk] {
    background-color: #E4F3FF;
    color: #73737A;
    padding: 1.2em;
    border-radius: 16px;
}

.incomplete-ass-row[b-7f4dv76hgk] {
    background-color: #FBE0D6;
    border-radius: 16px;
    padding: 0.9em;
    color: #73737A;
}

.item-row[b-7f4dv76hgk] {
    padding: 0.9em;
    border-radius: 16px;
}

.name-span[b-7f4dv76hgk] {
    color: #446981;
    margin-top: auto;
    margin-bottom: auto;
    padding: 0.2em;
    border-radius: 8px;
}

.span-temp-name[b-7f4dv76hgk] {
    color: #446981;
    margin-top: auto;
    margin-bottom: auto;
}

.span-date[b-7f4dv76hgk] {
    color: #9E9E9E;
    margin-top: auto;
    margin-bottom: auto;
}

.progress-bar-incomplete[b-7f4dv76hgk] {
    background-color: var(--bs-danger) !important;
}

.progress-bar-complete[b-7f4dv76hgk] {
    background-color: var(--bs-success) !important;
}

.ass-click[b-7f4dv76hgk] {
    margin: auto;
    color: #9E9E9E;
}

.spn-progress-percentage[b-7f4dv76hgk] {
    color: #446981;
}

.up-to-date[b-7f4dv76hgk] {
 
    padding: 0.4em;
    color: #446981;
    background-color: #44698115;
    border-radius: 8px;
}
.row-completed-goal[b-7f4dv76hgk] {
    margin-top: 0.5em;
    border-radius: 16px;
    padding: 0.5em;
    color: #2FA498;
}
.spn-goal-objective[b-7f4dv76hgk] {
    color: #2FA498;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 1em;
}
/* _content/SSPerformance/Components/NewPerformanceControls/PersonalityTestResultBeautify.razor.rz.scp.css */



    .disclaimer-row strong[b-ld2n7v9t10] {
        font-weight: 900;
    }
/* _content/SSPerformance/Components/NewPerformanceControls/PersonalityTestTab.razor.rz.scp.css */
.td-bg[b-xdf8fr3xne] {
    color: #446981 !important;
    background-color: #E4F3FF !important;
}
.basic-bubble-bg[b-xdf8fr3xne] {
    position: relative;
    overflow: hidden; /* Ensures bubbles don't overflow */
    background-color: #EDEDED;
    background-image:
        radial-gradient(circle at 65% 90%, #ffffff60 60px, transparent 61px),
        radial-gradient(circle at 95% 20%, #ffffff60 45px, transparent 46px),
        radial-gradient(circle at 85% 35%, #ffffff60 80px, transparent 81px), 
        radial-gradient(circle at 40% 15%, #ffffff60 35px, transparent 36px);
    background-size: auto;
    background-repeat: no-repeat;
    border-radius: 16px;
}
/* _content/SSPerformance/Components/NewPerformanceControls/PWPEmployees.razor.rz.scp.css */


.employee-row[b-bvz10gzqhj] {
    padding: 0.7em;
    border-radius: 16px;
    color: #73737A;
}

.span-center[b-bvz10gzqhj] {
    margin-top: auto;
    margin-bottom: auto;
    font-size:1.3em;
}
/* _content/SSPerformance/Components/NewPerformanceControls/PWPNewPoorWorkPerformance.razor.rz.scp.css */


.spn-hdr[b-knhgccf40j] {
    color: #142948;
}
/* _content/SSPerformance/Components/Pages/Assessment.razor.rz.scp.css */
.sub-heading[b-2fbgcei6on] {
    color: #446981 !important;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.assess-shadow[b-2fbgcei6on] {
    fill: #FFF;
    filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.07));
}

.ass-header[b-2fbgcei6on] {
    color: #446981;
    font-weight: 600;
    font-size: 1.5em;
}

.ass-header-two[b-2fbgcei6on] {
    color: #142948;
    /*font-weight: 100;*/
    font-size: 1em;
}

.instructions[b-2fbgcei6on] {
    color: #969696;
    font-size: 0.9em;
    font-weight: 100;
    font-weight: bold;
}

.question-backdrop[b-2fbgcei6on] {
    background-color: #F7F9FC;
    margin-bottom: 1em;
    padding: 1.5em;
    border-radius: 8px;
}

.section-header[b-2fbgcei6on] {
    padding: 0.2em;
    background-color: #DCEFFD;
    border-radius: 8px;
    margin-bottom: 0.5em;
}

    .section-header:hover[b-2fbgcei6on] {
        cursor: pointer;
    }

.q-count-a[b-2fbgcei6on] {
    font-size: 0.5em !important;
    color: #142948;
    margin-bottom: auto;
}

.sec-name-margin[b-2fbgcei6on] {
    margin-left: 1em;
}


@media only screen and (max-width: 768px) {
    .card-smaller-padding[b-2fbgcei6on] {
        padding: 0 !important;
    }
}
/* _content/SSPerformance/Components/Pages/Home.razor.rz.scp.css */

.spn-hdr-performance[b-yr30cia4fy] {
    color: var(--Dark-Blue, #446981);
    font-family: Poppins;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
/* _content/SSPerformance/Components/Pages/MyAssessments.razor.rz.scp.css */
.spn-standard-text[b-wwyjmvxwdu] {
    color: #446981;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.spn-standard[b-wwyjmvxwdu] {
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.07);
}

/* _content/SSPerformance/Components/Pages/PersonalityResults.razor.rz.scp.css */
.danitacolor[b-19ymq9ekcn] {
    color: var(--bs-secondary);
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
/* _content/SSPerformance/Components/Pages/PersonalitySetup.razor.rz.scp.css */



.performance-span-text > span > i[b-6mk1wxd2w3] {
    color: #9E9E9E;
    font-size: 24px;
}

.spn-performance-info[b-6mk1wxd2w3] {
    color: #142948;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.spn-thermo[b-6mk1wxd2w3] {
    color: #446981;
    font-family: Poppins;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.spn-assesment-group[b-6mk1wxd2w3] {
    color: var(--Dark-Blue, #446981);
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}


.pending-badge[b-6mk1wxd2w3] {
    background-color: #FFFCA4;
    color: #B37A4C;
    border-radius: 10px;
    font-weight: bold;
    padding: 5px 10px;
    height: 30px;
    width: 90px;
    line-height: 20px; /* Make sure this matches the height to center the text */
    text-align: center;
}

.completed-badge[b-6mk1wxd2w3] {
    background-color: #70DACF80;
    color: #2FA498;
    border-radius: 10px;
    font-weight: bold;
    padding: 5px 10px;
    height: 30px;
    width:90px;
    line-height: 20px; /* Make sure this matches the height to center the text */
    text-align: center;
}
/* _content/SSPerformance/Components/Pages/PersonalityTest.razor.rz.scp.css */
.percentagespan[b-pak1w6dtxw] {
    color: var(--bs-secondary);
    font-family: 'Poppins', sans-serif;
    font-size: 40px;
    font-weight: 500;
    line-height: 60px;
    letter-spacing: 0em;
}

.spanWording[b-pak1w6dtxw] {
    color: var(--bs-secondary);
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 60px;
    letter-spacing: 0em;
}

.progress-bar[b-pak1w6dtxw] {
    background-color: rgba(255, 199, 178, 1);
}


.flex-container[b-pak1w6dtxw] {
    display: flex;
    align-items: center;
}

.flex-item-text[b-pak1w6dtxw] {
    margin-left: 20px; /* Adjust the space between the image and the text as needed */
}

/* Optional styles for better presentation */
img[b-pak1w6dtxw] {
    max-width: 51px; /* Adjust the image size as needed */
    height: 51px;
}

.question[b-pak1w6dtxw] {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0em;
    color: #9E9E9E;
}

.questionspan[b-pak1w6dtxw] {
    font-family: Poppins;
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: 0em;
     color: rgba(68, 105, 129, 0.9);

}

@media (max-width: 767px) {
    .card[b-pak1w6dtxw] {
        margin:0 !important;
        padding: 0 !important;
    }
 
}
/* _content/SSPerformance/Components/Pages/PWPViewNotice.razor.rz.scp.css */

.notice-details[b-fj6wijtss9] {
    padding: 1em;
    border-radius: 8px;
    background-color: #E4F3FF;
}

.physical-notice[b-fj6wijtss9] {
    padding: 1em;
    border-radius: 8px;
}
.record-purposes[b-fj6wijtss9] {
    padding: 1em;
    border-radius: 8px;
}
/* _content/SSPerformance/Components/SSCharts/SSGaugeChart.razor.rz.scp.css */
.span-Health[b-rghu92bm6g] {
    color: var(--Dark-Blue, #446981);
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
}

.span-Health-Percentage[b-rghu92bm6g] {
    color: #446981;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.chart-pos[b-rghu92bm6g] {
    margin: auto;
}
/* _content/SSPerformance/Components/SSRangeSelector.razor.rz.scp.css */

.spn-question-performance[b-r16mfbvei1] {
    color: #142948;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.v-align-coont-cent[b-r16mfbvei1] {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #9E9E9E;
    text-align: center;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}


@media only screen and (max-width: 768px) {
    .v-align-coont-cent[b-r16mfbvei1] {
        display: none !important;
    }
}


.custom-range-non-clicked[b-r16mfbvei1]::-webkit-slider-thumb {
    opacity: 0.2;
    border: 1px solid black;
}

.custom-range[b-r16mfbvei1]::-webkit-slider-thumb {
    background: var(--bs-primary);
    fill: var(--bs-primary);
    stroke-width: 0.25px;
    stroke: #9E9E9E;
    width: 36px;
    height: 36px;
    border-radius: 50px;
    margin-bottom: 550px;
}

.custom-range[b-r16mfbvei1]::-webkit-slider-runnable-track {
    background-color: transparent;
    height: 15px;
    border-bottom: 2px dashed #9E9E9E;
    border-radius: 0;
}

.custom-range[b-r16mfbvei1]::-moz-range-thumb {
    background: var(--bs-primary);
    fill: var(--bs-primary);
    stroke-width: 0.25px;
    stroke: #9E9E9E;
}

.custom-range[b-r16mfbvei1]::-ms-thumb {
    background: var(--bs-primary);
    fill: var(--bs-primary);
    stroke-width: 0.25px;
    stroke: #9E9E9E;
}


.slider-header-ticks > span[b-r16mfbvei1] {
    color: #9E9E9E;
    text-align: center;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.spn-comment-slider[b-r16mfbvei1] {
    color: var(--bs-secondary);
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}