@import '_content/Excubo.Blazor.TreeViews/Excubo.Blazor.TreeViews.bundle.scp.css';
@import '_content/RobinMood.SharedComponents/RobinMood.SharedComponents.lo1oml3o6s.bundle.scp.css';

/* /Pages/Account/AccountHasBeenDeactivated.razor.rz.scp.css */

#contentBackground[b-io5wf19n2o] {
    box-shadow: 2px 0px 40px 50px #c1a762c7;
    background-color: #c1a762c7;
}

[b-io5wf19n2o] a[href] {
    text-decoration: underline !important;
    color: white !important;
}

a:visited[b-io5wf19n2o] {
    color: white;
}
/* /Pages/Account/EmailConfimationNeeded.razor.rz.scp.css */

#mailImg[b-fd9zxz0744]{
    width: 600px;
}
/* /Pages/Account/Login.razor.rz.scp.css */



.login-card[b-zgj4eelg0e] {
    border-radius: 10px;
    background-color: rgba(255, 255, 255,0.9);
    box-shadow: 1px 1px 10px rgb(0 0 0 / 20%);
}

.contact-btn[b-zgj4eelg0e] {
    min-width: fit-content;
    min-width: -moz-fit-content;
}

.text-shadow-black[b-zgj4eelg0e] {
    text-shadow: 0px 0px 10px black;
}

a.btn:focus[b-zgj4eelg0e]{
    color:white;
}
/* /Pages/Account/NoPermissions.razor.rz.scp.css */

#contentBackground[b-w5fqln82lm] {
    background-color: rgba(0, 0, 0, 0.55);
    padding: 2rem 3rem;
    border-radius: 0.5rem;
}
/* /Pages/Account/Register.razor.rz.scp.css */
.register-card[b-zflcz4smwo] {
    border-radius: 10px;
    background-color: rgba(255, 255, 255,0.9);
    box-shadow: 1px 1px 10px rgb(0 0 0 / 20%);
}

.input-ok[b-zflcz4smwo] {
    box-shadow: none;
    border: 1px solid green;
}

.input-error[b-zflcz4smwo] {
    box-shadow: none;
    border: 1px solid red;
}

#registerBGimg[b-zflcz4smwo] {
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    max-height: 100%;
    z-index: -1;
}

[b-zflcz4smwo] a[href] {
    text-decoration: underline!important;
}

p > a[href][b-zflcz4smwo] {
    text-decoration: underline !important;
}
/* /Pages/Account/ResetPassword.razor.rz.scp.css */


.reset-password-card[b-v0zw78njmb] {
    border-radius: 10px;
    background-color: rgba(255, 255, 255,0.9);
}

.input-ok[b-v0zw78njmb] {
    box-shadow: 0 0 0 0.1rem green;
    border-color: green;
}

.input-not-ok[b-v0zw78njmb] {
    box-shadow: 0 0 0 0.1rem red;
    border-color: red;
}

input:focus[b-v0zw78njmb]{
    /*border-color: inherit !important;
    box-shadow: inherit !important;*/
}
/* /Pages/Account/TestAccountExpired.razor.rz.scp.css */

#contentBackground[b-l15b9qmj55] {
    background-color: #0000005a;
    box-shadow: 0px 0px 81px 94px #0000005a;
}


[b-l15b9qmj55] a[href] {
    text-decoration: underline !important;
    color: white !important;
}

a:visited[b-l15b9qmj55] {
    color: white;
}
/* /Pages/AIActionRecommendations/AIActionRecommendations.razor.rz.scp.css */
/* Cycle selector styling mirrors Results pages */
#selectCycleWrapper[b-2cnvpulhai] {
    padding: 0 10px;
}

#selectCycleUl[b-2cnvpulhai] {
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    max-height: 500px;
    overflow: auto;
}

#behindCycleSelector[b-2cnvpulhai] {
    z-index: 800;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
}

.ai-ar-question-card[b-2cnvpulhai] {
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.06);
}

.ai-ar-card-head[b-2cnvpulhai] {
    background: #fafafa;
    transition: background 0.15s ease;
}

.ai-ar-card-head:hover[b-2cnvpulhai] {
    background: #f3f3f3;
}

.ai-ar-date-pill[b-2cnvpulhai] {
    font-size: 0.8rem;
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    background: rgba(193, 167, 98, 0.2);
    color: #3a320f;
}

@media print {
    .no-print[b-2cnvpulhai] {
        display: none !important;
    }

    .ai-ar-question-card[b-2cnvpulhai] {
        break-inside: avoid;
        page-break-inside: avoid;
    }
}
/* /Pages/AIActionRecommendations/AIActionRecommendationsQuestionPanel.razor.rz.scp.css */
/* Override global .btn fixed height/line-height so icon + label center correctly */
.ai-ar-pdf-btn.btn[b-szep52r81f] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.375rem;
    line-height: 1.25;
    height: auto;
    min-height: 2rem;
    padding-top: 0.45rem;
    padding-bottom: 0.45rem;
    white-space: nowrap;
}

.ai-ar-pdf-btn.btn i[b-szep52r81f] {
    line-height: 1;
    display: inline-flex;
    align-items: center;
}
/* /Pages/AISummaryHistory/AISummaryHistory.razor.rz.scp.css */
.summaries-table th[b-x1m9v3bz51]{
    font-weight: bold;
}
.summaries-table thead[b-x1m9v3bz51]{
    border-bottom: 3px solid black;
}
.summaries-table td[b-x1m9v3bz51]{
    vertical-align: middle;
    text-align: center;
}
.summaries-table[b-x1m9v3bz51]{
    background: #fff;
}
/* /Pages/BranchComparison/BranchComparison.razor.rz.scp.css */
/* Gauge */

.gauge-container[b-7knzdf5n2x] {
    display: block;
    padding: 10px;
}


.gauge-arrow[b-7knzdf5n2x] {
    position: absolute !important;
    top: 8%;
    height: 42%;
    transform-origin: center bottom;
}

.gauge-container > .gauge > .value-text[b-7knzdf5n2x] {
    fill: var(--rm-almost-black);
    font-family: var(--font-main);
    font-size: 1em;
    font-weight: bold;
}

.gauge-container > .value-text[b-7knzdf5n2x] {
    font-weight: 100;
    font-family: var(--font-main);
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 24%;
    display: inline-block;
    font-size: 2em;
}

.gauge-container > .date-info[b-7knzdf5n2x] {
    font-family: var(--font-main);
    font-size: 15px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 75%;
    display: inline-block;
    font-weight: bold;
}

.retention-index-text[b-7knzdf5n2x] {
    font-size: 1.5em;
}

.gauge-container > .gauge > .dial[b-7knzdf5n2x] {
    stroke: url('#grad');
    stroke-linecap: round;
    stroke-width: 4;
    fill: rgba(0,0,0,0);
}

.gauge-container > .gauge > .value[b-7knzdf5n2x] {
    stroke: url('#grad');
    stroke-width: 4;
    fill: rgba(0,0,0,0);
}

.category-results-row[b-7knzdf5n2x] {
    cursor: pointer;
}

.category-results-row:hover[b-7knzdf5n2x] {
    background: rgba(35, 68, 190, 0.04);
}

.category-results-row.is-expanded[b-7knzdf5n2x] {
    background: rgba(35, 68, 190, 0.08);
}

.category-history-row[b-7knzdf5n2x] {
    background: #f8faff;
}
/* /Pages/Changelog/Changelog.razor.rz.scp.css */
.wiki-changelog-title[b-tft6cb5e2m] {
    max-width: 52rem;
    margin: 5rem auto 1.5rem;
    font-size: 2rem;
}

.wiki-changelog-content[b-tft6cb5e2m] {
    max-width: 52rem;
    margin: 0 auto;
    line-height: 1.6;
}

.wiki-changelog-source[b-tft6cb5e2m] {
    max-width: 52rem;
    margin: 0 auto;
    font-size: 0.9rem;
}

[b-tft6cb5e2m] .wiki-changelog-content h1 {
    font-size: 2rem;
    margin-bottom: 1.5rem;
}

[b-tft6cb5e2m] .wiki-changelog-content h2 {
    font-size: 1.5rem;
    margin-top: 2.5rem;
    margin-bottom: 1rem;
}

[b-tft6cb5e2m] .wiki-changelog-content h3 {
    font-size: 1.15rem;
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
}

/* Wiki.js heading permalink anchors (¶) – hidden on wiki until hover */
[b-tft6cb5e2m] .wiki-changelog-content .toc-anchor,
[b-tft6cb5e2m] .wiki-changelog-content .heading-anchor,
[b-tft6cb5e2m] .wiki-changelog-content .header-anchor {
    display: none !important;
}

[b-tft6cb5e2m] .wiki-changelog-content p {
    margin-bottom: 0.75rem;
}

[b-tft6cb5e2m] .wiki-changelog-content ul,
[b-tft6cb5e2m] .wiki-changelog-content ol {
    margin-bottom: 1rem;
    padding-left: 1.5rem;
}

[b-tft6cb5e2m] .wiki-changelog-content ul {
    list-style-type: disc;
}

[b-tft6cb5e2m] .wiki-changelog-content hr {
    margin: 2rem 0;
    border-top: 1px solid var(--rm-light-grey, #ededed);
}

[b-tft6cb5e2m] .wiki-changelog-content a {
    text-decoration: underline;
}

[b-tft6cb5e2m] .wiki-changelog-content strong {
    font-weight: 600;
}

[b-tft6cb5e2m] .wiki-changelog-content table {
    width: 100%;
    margin-bottom: 1rem;
    border-collapse: collapse;
}

[b-tft6cb5e2m] .wiki-changelog-content th,
[b-tft6cb5e2m] .wiki-changelog-content td {
    border: 1px solid var(--rm-light-grey, #ededed);
    padding: 0.5rem 0.75rem;
    text-align: left;
}

[b-tft6cb5e2m] .wiki-changelog-content blockquote {
    margin: 1rem 0;
    padding-left: 1rem;
    border-left: 3px solid var(--rm-light-grey, #ededed);
    color: #666;
}

[b-tft6cb5e2m] .wiki-changelog-content code {
    font-family: monospace;
    background: var(--rm-light-grey, #f5f5f5);
    padding: 0.1rem 0.3rem;
    border-radius: 3px;
}

[b-tft6cb5e2m] .wiki-changelog-content pre {
    margin-bottom: 1rem;
    padding: 1rem;
    overflow-x: auto;
    background: var(--rm-light-grey, #f5f5f5);
    border-radius: 4px;
}

[b-tft6cb5e2m] .wiki-changelog-content pre code {
    padding: 0;
    background: transparent;
}

[b-tft6cb5e2m] .wiki-changelog-content img {
    max-width: 100%;
    height: auto;
}
/* /Pages/Current/AttachedSurveyIndicator.razor.rz.scp.css */
/* Add-on (attached) survey: distinct from cycle / 360, readable on light headers */
.attached-survey-badge[b-lm3bgfqv95] {
    display: inline-flex;
    align-items: center;
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    line-height: 1.1;
    padding: 0.2rem 0.45rem;
    border-radius: 999px;
    vertical-align: middle;
    border: 1px solid rgba(0, 0, 0, 0.12);
    color: var(--rm-icon-main, #2c5282);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(230, 240, 255, 0.9));
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
    max-width: 100%;
    white-space: nowrap;
}

.attached-survey-badge--cycle[b-lm3bgfqv95] {
    font-size: 0.6rem;
    padding: 0.15rem 0.4rem;
    opacity: 0.95;
}
/* /Pages/Current/Current.razor.rz.scp.css */
/*image preview stuff*/
/*images*/
.img-preview-row > div:not(:first-child)[b-b64knok1ur] {
    margin-left: 0.8rem;
}

.img-preview[b-b64knok1ur] {
    width: 120px;
    height: 120px;
    position: relative;
    background-size: cover;
    border-radius: 5px;
}

    .img-preview:hover[b-b64knok1ur] {
        box-shadow: 0 2px 5px 0 var(--rm-icon-main), 0 2px 10px 0 var(--rm-icon-main);
    }

.delete-img-div[b-b64knok1ur] {
    position: absolute;
    top: 5px;
    right: 5px;
    background: rgba(255,255,255,0.5);
    height: 25px;
    width: 25px;
    border-radius: 2px;
    text-align: center;
}

/*LIGHTBOX*/
#lightbox[b-b64knok1ur] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

#inner[b-b64knok1ur] {
    width: 100%;
    height: 100%;
    max-width: 80vw;
    max-height: 80vh;
    text-align: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

#image[b-b64knok1ur] {
    max-width: 100%;
    height: auto;
}
/* /Pages/Dashboard/Dashboard.razor.rz.scp.css */
/* Gauge */

.gauge-container[b-etz0p3f1fu] {
    display: block;
    padding: 10px;
}


.gauge-arrow[b-etz0p3f1fu] {
    position: absolute !important;
    top: 8%;
    height: 42%;
    transform-origin: center bottom;
}

.gauge-container > .gauge > .value-text[b-etz0p3f1fu] {
    fill: var(--rm-almost-black);
    font-family: var(--font-main);
    font-size: 1em;
    font-weight: bold;
}

.gauge-container > .value-text[b-etz0p3f1fu] {
    font-weight: 100;
    font-family: var(--font-main);
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 24%;
    display: inline-block;
    font-size: 2em;
}

.gauge-container > .date-info[b-etz0p3f1fu] {
    font-family: var(--font-main);
    font-size: 15px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 75%;
    display: inline-block;
    font-weight: bold;
}

.cycle-image[b-etz0p3f1fu] {
    max-height: 100px;
}

.card[b-etz0p3f1fu] {
    overflow: unset !important;
}

.retention-index-text[b-etz0p3f1fu] {
    font-size: 1.5em;
}

/*::deep #popoverDiv {
    right: 0 !important;
}*/

.category-progress:hover[b-etz0p3f1fu] {
    text-decoration: underline !important;
    cursor: pointer;
    font-weight: bold !important;
}

#selectCycleModalContent[b-etz0p3f1fu] {
    height: 80vh;
}

#selectCycleWrapper[b-etz0p3f1fu] {
    padding: 0 10px;
    width: calc(100% - 20px);
    left: 10px;
}

#selectCycleUl[b-etz0p3f1fu] {
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    max-height: 500px;
    overflow: auto;
}

    #selectCycleUl p[b-etz0p3f1fu] {
        font-size: 13px;
    }

.gauge-container > .gauge > .dial[b-etz0p3f1fu] {
    stroke: url('#grad');
    stroke-linecap: round;
    stroke-width: 4;
    fill: rgba(0,0,0,0);
}

.gauge-container > .gauge > .value[b-etz0p3f1fu] {
    stroke: url('#grad');
    stroke-width: 4;
    fill: rgba(0,0,0,0);
}

/* Center the loader */
.loader[b-etz0p3f1fu] {
    display: flex;
    font-size: 25px;
    font-family: Arial, sans-serif;
    justify-content: center;
    align-items: center;
}

/* Style for each dot */
.loadingdot[b-etz0p3f1fu] {
    opacity: 0;
    animation: fade-b-etz0p3f1fu 1.5s infinite;
}

    /* Delay each dot animation */
    .loadingdot:nth-child(1)[b-etz0p3f1fu] {
        animation-delay: 0s;
    }

    .loadingdot:nth-child(2)[b-etz0p3f1fu] {
        animation-delay: 0.5s;
    }

    .loadingdot:nth-child(3)[b-etz0p3f1fu] {
        animation-delay: 1s;
    }

/* Keyframes for fade-in and fade-out */
@keyframes fade-b-etz0p3f1fu {
    0%, 100% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
}
/* /Pages/Dashboard/DashboardMoodTrendChart.razor.rz.scp.css */
[b-9yxtjvpfbh] .apexcharts-xaxis-annotation-label {
    font-family: var(--font-main) !important;
}

[b-9yxtjvpfbh] .dashboard-mood-trend-marker-ref-annotation {
    font-family: var(--font-main) !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.dashboard-mood-trend-measures-heading[b-9yxtjvpfbh] {
    font-family: var(--font-main);
    font-size: 0.9375rem;
    font-weight: 700;
    color: #4a5560;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.dashboard-mood-trend-marker-legend[b-9yxtjvpfbh] {
    font-family: var(--font-main);
    font-size: 0.875rem;
    color: #6e7b84;
}

.dashboard-mood-trend-marker-legend-item[b-9yxtjvpfbh] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.35rem 0.5rem;
    margin-bottom: 0.35rem;
}

.dashboard-mood-trend-marker-ref[b-9yxtjvpfbh] {
    font-weight: 700;
    color: #4a5560;
    min-width: 1.5rem;
}
/* /Pages/DemoInfo/DemoInfo.razor.rz.scp.css */

.progress[b-5gq9mocxbp] {
    background: white;
    border: 1px solid #cbcbcb;
}

.progress-bar[b-5gq9mocxbp]{
    background: var(--rm-main);
}


/*copied from robinmood.eu*/

.card-row[b-5gq9mocxbp] {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 25px;
}

.price-card[b-5gq9mocxbp] {
    background: #fff;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    border-radius: 10px;
    padding: 20px;
    min-width: 220px;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #000;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
}

    .price-card > h1[b-5gq9mocxbp] {
        color: #000;
        margin: 0
    }

#employeeCountSlider[b-5gq9mocxbp] {
    width: 100%;
}

.slider[b-5gq9mocxbp] {
    -webkit-appearance: none;
    width: 100%;
    height: 15px;
    border-radius: 10px;
    background: #fff;
    outline: none;
    overflow: visible !important;
    opacity: 1;
    -webkit-transition: .2s;
    transition: opacity .2s;
    border: 1px solid #cbcbcb;
}

    .slider[b-5gq9mocxbp]::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 10px;
        height: 25px;
        border-radius: 5px;
        background: #000000;
        cursor: pointer;
        z-index: 1000;
    }


#iframeContainer[b-5gq9mocxbp] {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

#tutorialIframe[b-5gq9mocxbp] {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

[b-5gq9mocxbp] p ul{
    list-style-type: disc!important;
}
/* /Pages/GroupAdministration/EmailConfirmed.razor.rz.scp.css */
#emailConfirmedDiv[b-fnjkujeybb] {
    background-color: #0000005a;
    box-shadow: 0px 0px 48px 45px #0000005a;
}
/* /Pages/GroupAdministration/GroupAdministration.razor.rz.scp.css */
[b-cpot4jsd4n] .ga-groups-ul {
    font-size: medium;
    height: 500px;
    overflow-y: scroll;
}

[b-cpot4jsd4n] .border-left-error {
    border-left: 6px solid var(--rm-red) !important;
}

[b-cpot4jsd4n] .custom-control-label.people-select::before {
    left: -3.1rem;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #adb5bd solid 1px;
    top: 0;
}

[b-cpot4jsd4n] .custom-control-label.people-select::after {
    left: -3.1rem;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    content: "";
    background: no-repeat 50%/50% 50%;
    top: 0;
}

[b-cpot4jsd4n] .send-reminders-person::after {
    top: unset !important;
}

[b-cpot4jsd4n] .send-reminders-person::before {
    top: unset !important;
}

[b-cpot4jsd4n] .global-checkbox::before {
    top: 0.25rem!important;
}

[b-cpot4jsd4n] .global-checkbox::after {
    top: 0.25rem!important;
}

[b-cpot4jsd4n] .border-left-disabled {
    border-left: 6px solid grey !important;
}

[b-cpot4jsd4n] .border-left-main-thick {
    border-left: 12px solid var(--rm-main) !important;
}

[b-cpot4jsd4n] .file-drop-field {
    height: 80px;
    border: 3px dashed black;
    border-radius: 1rem;
}

[b-cpot4jsd4n] .df-hover {
    border: 3px dashed var(--rm-main);
    border-radius: 1.5rem;
}

[b-cpot4jsd4n] .login-type-card {
    border-radius: 0.3rem !important;
    box-shadow: 0 0 10px rgba(0,0,0,.1) !important;
    border: 1px solid black !important;
}

    [b-cpot4jsd4n] .login-type-card > .card-body {
        border-radius: 0.3rem !important;
    }

[b-cpot4jsd4n] .group-administration-li {
    font-size: 0.85rem;
    line-height: 1.3;
    border-radius: 10px;
}

[b-cpot4jsd4n] .btn-background-invisible {
    box-shadow: none;
    padding: 0 !important;
}

    [b-cpot4jsd4n] .btn-background-invisible:hover {
        color: var(--rm-icon-main) !important;
        box-shadow: none !important;
    }

@keyframes swipeInFromLeft-b-cpot4jsd4n {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

[b-cpot4jsd4n] .swipe-in-left {
    animation-name: swipeInFromLeft-b-cpot4jsd4n;
    animation-duration: 0.6s;
}


[b-cpot4jsd4n] .people-search-field:focus {
    border-color: var(--rm-main);
    outline: 0;
    box-shadow: 0 0 0 .1rem var(--rm-main);
}

/*::deep #popoverDiv {
    right: 0 !important;
    width: 600px !important;
}

::deep div.popover-below #popoverDiv {
    right: 30px !important;
    top: 0 !important;
    width: 300px !important;
    height: auto !important;
}*/

.search-property-select-wrapper[b-cpot4jsd4n]{
    max-width: 90px;
}

.tag-icon[b-cpot4jsd4n]{
    font-size: 0.7em;
}


[b-cpot4jsd4n] .default-tree-view-ul {
    margin-bottom: 0.5rem !important;
    margin-left: 1rem !important;
    margin-top: 0.5rem !important;
}

.person-inactive[b-cpot4jsd4n]{
    border-color: grey!important;
    opacity: 0.6;
}

#exportEmailComplications[b-cpot4jsd4n] {
    margin-left: 10px;
}

    #exportEmailComplications:hover[b-cpot4jsd4n] {
        text-decoration: underline;
    }

#globalFunctionsUl li:hover[b-cpot4jsd4n]{
    text-decoration: underline;
}
/* /Pages/GroupAdministration/TagLegend.razor.rz.scp.css */

#tagLegendButton[b-bj1p23nxjr] {
    background: none;
    width: 90px;
    height: 90px;
    position: fixed;
    right: 30px;
    bottom: 30px;
    border-radius: 100%;
    border: 3px solid var(--rm-icon-main);
}

#overPopover[b-bj1p23nxjr]  > div{
    width: 100%;
    height: 100%;
}

[b-bj1p23nxjr] #popoverDiv {
    right: 0;
    bottom: 120px !important;
    width: 340px !important;
    padding: 0 !important;
    overflow: auto;

    max-height: 50vh;

    display: block;
}

[b-bj1p23nxjr] #popoverInner {
    max-height: 65vh;
    overflow-y: auto;
    padding: 1em;
}

[b-bj1p23nxjr] .clickable-div {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}
/* /Pages/GroupAdministration/TraitExpressionSelects.razor.rz.scp.css */
#emailConfirmedDiv[b-rjqe41pvl2] {
    background-color: #0000005a;
    box-shadow: 0px 0px 48px 45px #0000005a;
}
/* /Pages/Instructions/Instructions.razor.rz.scp.css */
.progress-ring__circle[b-akdtn14ggo] {
    transition: 0.2s stroke-dashoffset;
    transform-origin: 50% 50%;
}

.progress-ring[b-akdtn14ggo] {
}

.lds-dual-ring[b-akdtn14ggo] {
    width: 80px;
    height: 80px;
}

    .lds-dual-ring[b-akdtn14ggo]:after {
        content: " ";
        display: block;
        width: 64px;
        height: 64px;
        margin: 8px;
        border-radius: 50%;
        border: 6px solid var(--rm-icon-main);
        border-color: var(--rm-icon-main) transparent var(--rm-icon-main) transparent;
        animation: lds-dual-ring-b-akdtn14ggo 1.2s linear infinite;
    }

@keyframes lds-dual-ring-b-akdtn14ggo {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

#loaderWrapper[b-akdtn14ggo] {
    height: 500px;
    transition: opacity 2s;
}

.fade-loader-wrapper-out[b-akdtn14ggo] {
    opacity: 0 !important;
}

#instructions[b-akdtn14ggo] {
    opacity: 0;
    max-width: 800px;
    max-height: 0px;
    background-color: white;
    transition: max-height 3s;
    overflow: hidden;
}

.fade-instructions-in[b-akdtn14ggo] {
    opacity: 1 !important;
    max-height: 100% !important;
}

#innerCircle[b-akdtn14ggo] {
    position: absolute;
    background-color: white;
    border-radius: 50%;
    display: inline-block;
    height: 400px;
    width: 400px;
}

.inner-circle-hover:hover[b-akdtn14ggo] {
    box-shadow: inset 0px 0px 10px 0px black;
}

.inner-circle-shadow[b-akdtn14ggo] {
    box-shadow: inset 0px 0px 10px 0px black;
}

#outerCircle[b-akdtn14ggo] {
    position: absolute;
    background-color: var(--rm-icon-main);
    border-radius: 50%;
    display: inline-block;
    height: 430px;
    width: 430px;
    /*box-shadow: 5px 5px 15px 5px #000000;*/
}

#noInstructionsInfo[b-akdtn14ggo] {
    max-width: 500px;
}

.instruction-source-list[b-akdtn14ggo] {
    opacity: 0;
    font-size: 14px;
    max-width: 800px;
    transition: opacity 1s ease-in;
    overflow: hidden;
    visibility: hidden;
}

.instruction-sources-show[b-akdtn14ggo] {
    opacity: 0.6 !important;
    visibility: visible !important;
}


/* demo info*/
#demoInfoImgText[b-akdtn14ggo] {
    position: absolute;
    color: white;
    font-size: 3em;
    left: 1em;
    top: 0.5em;
    right: 1em;
}
/* /Pages/PhoneInfo/PhoneInfo.razor.rz.scp.css */
/* Gauge */

.gauge-container[b-p0w24oicyr] {
    display: block;
    padding: 10px;
}


.gauge-arrow[b-p0w24oicyr] {
    position: absolute !important;
    top: 8%;
    height: 42%;
    transform-origin: center bottom;
}

.gauge-container > .gauge > .value-text[b-p0w24oicyr] {
    fill: var(--rm-almost-black);
    font-family: var(--font-main);
    font-size: 1em;
    font-weight: bold;
}

.gauge-container > .value-text[b-p0w24oicyr] {
    font-weight: 100;
    font-family: var(--font-main);
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 24%;
    display: inline-block;
    font-size: 2em;
}

.gauge-container > .date-info[b-p0w24oicyr] {
    font-family: var(--font-main);
    font-size: 15px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 75%;
    display: inline-block;
    font-weight: bold;
}
/* /Pages/Results/CommentSection.razor.rz.scp.css */
.border-left-0[results-css-scope] {
    border-left: 6px solid red !important;
}

.border-left-2[results-css-scope] {
    border-left: 6px solid green !important;
}

.border-left-1[results-css-scope] {
    border-left: 6px solid yellow !important;
}

.border-left-3[results-css-scope] {
    border-left: 6px solid grey !important;
}

/*for not yet classified comments*/
.border-left-4[results-css-scope]{
    border-left: 6px solid lightgrey !important;
}

.comment-box[results-css-scope][results-css-scope] {
    overflow-x: hidden;
}

/*.comment-box {
    max-height: 55vh;
    overflow-y: auto;
}*/

.comment[results-css-scope] {
    font-size: 0.8em;
    line-height: 0.9rem;
    max-height: 3.35rem;
    overflow: hidden;
    position: relative;
    padding: 0.3rem !important;
}
    .comment:not(.full-height) > span[results-css-scope] {
        overflow: hidden;
    }

.comment-show-more[results-css-scope] {
    position: absolute;
    right: 0.3rem;
    bottom: 0.3rem;
    background: white;
    box-shadow: -5px 0px 5px 0px rgba(255,255,255,1);
}

.full-height[results-css-scope]{
    max-height: unset!important;
}
/* /Pages/Results/CommentsEvaluation.razor.rz.scp.css */
.border-left-0[results-css-scope] {
    border-left: 6px solid var(--traffic-light-red) !important;
}

.border-left-2[results-css-scope] {
    border-left: 6px solid var(--traffic-light-green) !important;
}

.border-left-1[results-css-scope] {
    border-left: 6px solid var(--traffic-light-yellow) !important;
}

.border-left-3[results-css-scope] {
    border-left: 6px solid grey !important;
}

.comment-box[results-css-scope][results-css-scope] {
    overflow-x: hidden;
}

.comments-evaluation .comment-box[results-css-scope]{
    max-height: 75vh!important;
}

/*.comment-box {
    max-height: 55vh;
    overflow-y: auto;
}*/

.comment[results-css-scope] {
    font-size: 0.8em;
    line-height: 0.9rem;
    max-height: 3.35rem;
    overflow: hidden;
    position: relative;
    padding: 0.3rem !important;
}
    .comment:not(.full-height) > span[results-css-scope] {
        overflow: hidden;
    }

.comment-show-more[results-css-scope] {
    position: absolute;
    right: 0.3rem;
    bottom: 0.3rem;
    background: white;
    box-shadow: -5px 0px 5px 0px rgba(255,255,255,1);
}

.full-height[results-css-scope]{
    max-height: unset!important;
}

ul[results-css-scope] {
    max-height: 73vh;
}
/* /Pages/Results/CompareView.razor.rz.scp.css */
.compare-view[b-wt7pl25qrl] {
    background: #ededed;
}

.chart-element[b-wt7pl25qrl] {
    flex-grow: 1;
    min-width: 300px;
    min-height: 300px;
    flex-basis: 0;
    max-width: 440px;
}

.chart-wrapper[b-wt7pl25qrl] {
/*    width: 420px;*/
}

.add-chart-button[b-wt7pl25qrl] {
    height: 200px;
    width: 200px;
    border-radius: 15px;
    border: 2px solid black;
}

    .add-chart-button:hover[b-wt7pl25qrl] {
        background-color: var(--rm-main);
        color: var(--rm-fg-main);
        border-color: var(--rm-fg-main);
    }

.top-row > div[b-wt7pl25qrl] {
    min-width: 300px;
    flex-grow: 1;
    max-width: 500px;
}

.remove-chart-button[b-wt7pl25qrl]{
    right: 10px;
    top: 10px;
}

.loading[b-wt7pl25qrl] {
    opacity: 0.5;
}
/* /Pages/Results/ComplexExport.razor.rz.scp.css */
.compare-view[b-exo21wgyis] {
    background: #ededed;
}

.chart-element[b-exo21wgyis] {
    flex-grow: 1;
    min-width: 300px;
    min-height: 300px;
    flex-basis: 0;
    max-width: 440px;
}

.chart-wrapper[b-exo21wgyis] {
/*    width: 420px;*/
}

.add-chart-button[b-exo21wgyis] {
    height: 200px;
    width: 200px;
    border-radius: 15px;
    border: 2px solid black;
}

    .add-chart-button:hover[b-exo21wgyis] {
        background-color: var(--rm-main);
        color: var(--rm-fg-main);
        border-color: var(--rm-fg-main);
    }

.top-row > div[b-exo21wgyis] {
    min-width: 300px;
    flex-grow: 1;
    max-width: 500px;
}

.remove-chart-button[b-exo21wgyis]{
    right: 10px;
    top: 10px;
}

[b-exo21wgyis] a[href]{
    text-decoration: underline!important;

}

.show-more-start-dates[b-exo21wgyis] {
    font-size: 30px;
    line-height: 0px;
}
/* /Pages/Results/CustomResults.razor.rz.scp.css */

[results-css-scope] .row{
    margin-left: 0!important;
    margin-right: 0!important;
}

.h4-label[results-css-scope]::before{
    top:0.15rem !important;
}

.h4-label[results-css-scope]::after {
    top: 0.15rem !important;
}

#questionsAccordion[results-css-scope]{
    margin-top: 100px;
}

#chooseSurveyListGroup[results-css-scope]{
    max-height: 400px;
    overflow:auto;
}

#chooseSurveyListGroup li:nth-child(2n+1)[results-css-scope] {
    background-color: #fdfdfd;
}

#chooseSurveyListGroup>li>span[results-css-scope] {
    padding: 1rem;
}

    #chooseSurveyListGroup > li > span:nth-child(-n+2)[results-css-scope] {
        min-width: 200px;
    }

#chooseSurveyListGroup>li>span:nth-child(3)[results-css-scope]{
    flex:1;
}

#chooseSurveyListGroup .custom-control.custom-checkbox[results-css-scope] {
    display: unset;
}

    #chooseSurveyListGroup .custom-control-label[results-css-scope]::before, #chooseSurveyListGroup .custom-control-label[results-css-scope]::after {
        width: 1.5rem;
        height: 1.5rem;
        top: 0;
    }

#chooseSurveyListGroupWrapper[results-css-scope] {
    border-radius: 10px;
    border: 1px solid rgba(0,0,0,.1);
}

#chooseSurveyListGroupHeader > span:nth-child(-n+2)[results-css-scope] {
    min-width: 200px;
}

#chooseSurveyListGroupHeader > span:hover > i[results-css-scope] {
    transform: scale(1.2);
    opacity: 1;
}

.sort-inactive[results-css-scope] {
    opacity: 0.4;
}
/* /Pages/Results/CycleResults.razor.rz.scp.css */
.cycle-results-container[results-css-scope]{
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
}

[results-css-scope] .row{
    margin-left: 0!important;
    margin-right: 0!important;
}

.backdrop[results-css-scope]{
    position:fixed;
    top:0;
    left:0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,0.8);
    z-index: 1000;
}

.over-backdrop[results-css-scope]{
    z-index: 1001;
}

[results-css-scope] .progress {
    border-color: #cbcbcb !important;
}

#selectCycleWrapper[results-css-scope] {
    padding: 0 10px;
}

#selectCycleUl[results-css-scope] {
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    max-height: 500px;
    overflow: auto;
}

#selectCycleUl p[results-css-scope] {
    font-size: 13px;
}


.progress[results-css-scope] {
    height: 12px;
    border-radius: 6px;
}


#showSmallChartsSelector[results-css-scope] {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0 0 5px 5px;
}


.presentation-mode-on[results-css-scope] {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw !important;
    height: 100vh;
    z-index: 1001;
    overflow: auto;
    background: var(--rm-light-grey);
    padding-top: 0px!important;
}

/*#topRightFromAccordion {
    position: absolute;
    right: 0;
    top: -3em;
}*/

#sortSelectWrapper[results-css-scope]{
    max-width: 200px;
}

#tabIndexDiv[results-css-scope] {
    position: absolute;
    width: calc(100% - 15rem);
    top: 0;
    padding-top: 80px;
}

.results-ui-element-toggle[results-css-scope] {
    background: var(--rm-main);
    color: var(--rm-fg-main) !important;
    border-bottom-right-radius: 15px;
    border-top-right-radius: 3px;
    /*border: 1px solid black;*/
    outline: 5px solid #ffffff!important;
    /*background: white;*/
}

    .results-ui-element-toggle:hover i[results-css-scope] {
        transform: scale(1.5);
    }

.results-ui-element-toggle:hover[results-css-scope] {
    box-shadow: 0px 0px 3px rgba(0,0,0,0.6) inset;
}

    .results-ui-element-toggle.pressed[results-css-scope] {
        animation: fade-pressed-in-results-css-scope 1s ease;
        animation-fill-mode: forwards;
    }

.results-ui-element-toggle-round-left[results-css-scope] {
    background: var(--rm-main);
    color: var(--rm-fg-main);
    border-bottom-left-radius: 15px;
    border-top-left-radius: 3px;
}

    .results-ui-element-toggle-round-left:hover[results-css-scope] {
        box-shadow: 0px 0px 3px rgba(0,0,0,0.6) inset;
    }

    .second-ui-toggle[results-css-scope] {
        padding-left: calc(1rem + 20px);
    }

.ignore-card-padding[results-css-scope]{
    margin-left: -20px;
}

.ignore-card-padding-right[results-css-scope] {
    margin-right: -20px;
}

@media only screen and (max-width: 1441px) {
    #tabIndexDiv[results-css-scope] {
        width: 100%;
    }
}

/*for export modal all selector*/
[results-css-scope] .choose-all-label::before {
    left: -1.5rem !important;
}

[results-css-scope] .choose-all-label::after {
    left: -1.5rem !important;
}

.hover-scale:hover[results-css-scope] {
    animation: scale-results-css-scope 0.15s forwards;
}

@keyframes scale-results-css-scope{
    0%{
        transform: scale(1.0);
    }
    100%{
        transform: scale(1.1);
    }
}

.fade-in[results-css-scope]{
    animation: fade-in-results-css-scope 1s ease;
}

@keyframes fade-in-results-css-scope{
    0%{
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fade-pressed-in-results-css-scope{
    /*fades box shadow in on .results-ui-element-toggle */
    0% {
        box-shadow: 0px 0px 0px rgba(0,0,0,0) inset;
    }
    100% {
        box-shadow: 0px 0px 3px rgba(0,0,0,0.6) inset;
    }
}


.slide-content-left[results-css-scope] {
    animation: slide-content-left-results-css-scope 1s forwards;
}

.slide-content-right[results-css-scope] {
    animation: slide-content-right-results-css-scope 1s forwards;
}

@keyframes slide-content-left-results-css-scope{
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-50%);
    }
}

@keyframes slide-content-right-results-css-scope {
    0% {
        transform: translateX(-50%);
    }

    100% {
        transform: translateX(0%);
    }
}

.shimmer[results-css-scope] {
    color: grey;
    display: inline-block;
    -webkit-mask: linear-gradient(-60deg,#000 30%,#0005,#000 70%) right/300% 100%;
    background-repeat: repeat;
    animation: shimmer-results-css-scope 2.5s infinite;
}

@keyframes shimmer-results-css-scope {
    100% {
        -webkit-mask-position: left
    }
}

#selectCycleUl .custom-control-label[results-css-scope]::before, #selectCycleUl .custom-control-label[results-css-scope]::after {
    top: 0;
    left: -1.5rem;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
}

#selectCycleUl .cycle-selected-background[results-css-scope] {
    background-color: lighten(var(--rm-gold))
}

#cycleSelection img[results-css-scope], #cycleSelection i[results-css-scope]{
    max-height: 30px;
    font-size: 30px;
}

#cycleSelection > div[results-css-scope]{
    gap:10px;
}

.checkbox-overlay[results-css-scope]{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index:99;
}

#behindCycleSelector[results-css-scope] {
    z-index: 800;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
}

#filterWrapperDiv[results-css-scope] {
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 10px;
    margin-left: -1rem;
    margin-right: -1rem;
    margin-top: -1.3rem;
    margin-bottom: 2rem;
}

#filterHeading[results-css-scope] {
    min-width: 30vw;
    background-color: var(--rm-light-grey);
}

#filterHeadingWrapper[results-css-scope]{
    height: 3rem;
}

.small-chart-greyscale[results-css-scope] {
    opacity: 0.6;
}

.small-chart-greyscale:hover[results-css-scope] {
    opacity: 1;
}

.custom-control.custom-checkbox.cycle-activation-control[results-css-scope] {
    padding-left: 2rem;
}

.custom-control-label.cycle-activation-label[results-css-scope]::before, .custom-control-label.cycle-activation-label[results-css-scope]::after {
    left: -2rem!important;
}

.show-cursor[results-css-scope]{
    cursor: pointer;
}

.trait-column[results-css-scope]{
    border-right: 1px solid lightgrey;
}
/* /Pages/Results/HeatMap.razor.rz.scp.css */
.heatmap-wrapper[b-uvklz61asg]{
    position: relative;
    padding-top: 270px;
    margin-top: 50px;
}

.heatmap-heading[b-uvklz61asg]{
    position: absolute;
    top: 5px;
    left: 30px;
}

.header-row[b-uvklz61asg]{
    top: 187px;
    width: calc(100% - 210px);
    overflow-x: clip;
    margin-left: 210px;
}

.heatmap-header[b-uvklz61asg]{
    width: 80px;
}

.heatmap-header-content[b-uvklz61asg]{
    width: 250px;
    height: 75px;
    transform: rotate(-90deg) translate(-2px, 79px) skewY(30deg);
    transform-origin: bottom left;
    border-bottom: 1px solid black;
}

.heatmap-header-content>.card-body[b-uvklz61asg]{
    transform: skewY(-30deg) rotate(30deg);
}

.heatmap-header-content>.card-body>span[b-uvklz61asg]{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 22px;
    text-indent: -22px;
}

.category-top-wrapper[b-uvklz61asg]{
    position: absolute;
    width: 100%;
    top: -191px;
    z-index: 1;
    transform: translateX(145px);
    text-align: center;
    padding-left: 16px;
    padding-right: 4px;
}

.category-top-wrapper.over[b-uvklz61asg]{
    z-index: 3;
}

.category-top-wrapper.over > .card[b-uvklz61asg]{
    box-shadow: none;
    height: 30px;
}

.category-top-wrapper.under > .card[b-uvklz61asg]{
    box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, .16), 0 2px 10px 2px rgba(0, 0, 0, .12);
    height: 30px;
}

.category-top-wrapper.under[b-uvklz61asg]{
    z-index: 1;
}

.category-top-wrapper .card-body[b-uvklz61asg]{
    border-top: 2px solid var(--rm-main);
}

.category-name[b-uvklz61asg]{
    z-index: 2;
}

.category-name > .heatmap-header-content[b-uvklz61asg]{
    width: 268px;
}

.category-name .card[b-uvklz61asg]{
    box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 2px 0px 0px;
    border-top: 3px solid var(--rm-main);
}

.tree-wrapper[b-uvklz61asg]{
    overflow: auto;
    max-height: 500px;
}

.overlay-tree-wrapper[b-uvklz61asg]{
    position:absolute;
    top:0px;
    max-width: 210px;
}

.heatmap-cell[b-uvklz61asg]{
    text-align: center;
    /*border: 1px solid black;*/
    width: 80px;
    height: 60px;
}

.category-cell[b-uvklz61asg]{
    border-left: 3px dashed var(--rm-main);
}

.heatmap-mood[b-uvklz61asg]{
    font-size: 22px;
    line-height: 29px;
    
    position: absolute;
    left:0;
    right:0;
    margin-left: auto;
    margin-right: auto;
    top: 5px;
}

.heatmap-response-rate[b-uvklz61asg]{
    font-size: 12px;
    position: absolute;
    left:0;
    right:0;
    margin-left: auto;
    margin-right: auto;
    bottom: 1px;
}

.department-name[b-uvklz61asg]{
    width: 80px;
    height: 60px;
    
    text-align: left;
    /*border-bottom: 1px solid black;*/
    word-break: break-all;
    border: none !important;
    line-height: 13px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.chevron-div[b-uvklz61asg]{
    width: 20px;
}

.tree-view-row[b-uvklz61asg]{
    padding-right: 140px;
}

[b-uvklz61asg] ul{
    margin: 0px !important;
    padding: 0px !important;
    padding-inline-start: 0px!important;
}

[b-uvklz61asg] .default-tree-view-ul{
    background-color: var(--rm-light-grey);
}

[b-uvklz61asg] .default-tree-view-ul svg{
    width: 0px;
}

.heatmap-legend[b-uvklz61asg]{
    z-index: 10;
    width: 100%;
}

.legend-mood[b-uvklz61asg]{
    border-bottom: 2px dotted black;
    width: 115px;
    position: absolute;
    top: 116px;
}

.legend-response-rate[b-uvklz61asg]{
    position: absolute;
    top: 170px;
    border-bottom: 2px dotted black;
    border-right: 2px dotted black;
    width: 135px;
}

.legend-example[b-uvklz61asg]{
    position: absolute;
    top: 85px;
    left: 108px;
}

.heatmap-legend-cell[b-uvklz61asg]{
    position:absolute;
    top: 112px;
    left: 95px;
    width: 80px;
    height: 60px;
    z-index: -1;
}

.heatmap-export-capture.heatmap-wrapper[b-uvklz61asg] {
    overflow: visible !important;
}

.heatmap-export-capture .heatmap-scroll-container[b-uvklz61asg] {
    overflow: visible !important;
}

.heatmap-export-capture .header-row[b-uvklz61asg] {
    overflow: visible !important;
    width: auto !important;
}

.heatmap-export-capture .header-row .position-relative[b-uvklz61asg],
.heatmap-export-capture .header-row .d-flex[b-uvklz61asg] {
    overflow: visible !important;
}

.heatmap-export-capture .heatmap-header[b-uvklz61asg] {
    overflow: visible !important;
}

.heatmap-export-capture .heatmap-header-content[b-uvklz61asg],
.heatmap-export-capture .heatmap-header-content > .card-body[b-uvklz61asg] {
    overflow: visible !important;
}

.heatmap-export-capture .tree-wrapper[b-uvklz61asg] {
    overflow: visible !important;
    max-height: none !important;
}

.heatmap-export-capture .data-tree-wrapper[b-uvklz61asg] {
    overflow: visible !important;
    max-width: none !important;
}

.heatmap-export-capture [id^="heatmap-header-"][b-uvklz61asg] {
    transform: none !important;
}

.heatmap-export-capture [id^="overlay-tree-wrapper-"][b-uvklz61asg] {
    transform: none !important;
}
/* /Pages/Results/QuestionsAccordion.razor.rz.scp.css */
.chart-col[results-css-scope] {
    width: calc(100% - 550px);
    min-width: 500px;
}

.comment-col[results-css-scope]{
    width: 550px;
}

.ai-disclaimer[results-css-scope] {
    text-align: center;
    color: gray;
}

.selected-summary-btn-highlight[results-css-scope] {
    border: 2px solid gray;
    background: lightgray;
}

.summary-points-grid[results-css-scope] {
    display: grid;
    grid-template-columns: 5rem auto;
}

.summary-occuance-count[results-css-scope] {
    color:grey;
    font-size: smaller;
}

ul[results-css-scope]{
    max-height: unset;
}

.question-overview-bars .overview-mood-bar[results-css-scope],
.overview-mood-bar[results-css-scope] {
    display: flex;
    overflow: hidden;
    height: 16px;
    border-radius: 8px;
}
/* /Pages/Results/RawDataExport.razor.rz.scp.css */
.compare-view[b-2r7800053n] {
    background: #ededed;
}

.chart-element[b-2r7800053n] {
    flex-grow: 1;
    min-width: 300px;
    min-height: 300px;
    flex-basis: 0;
    max-width: 440px;
}

.chart-wrapper[b-2r7800053n] {
/*    width: 420px;*/
}

.add-chart-button[b-2r7800053n] {
    height: 200px;
    width: 200px;
    border-radius: 15px;
    border: 2px solid black;
}

    .add-chart-button:hover[b-2r7800053n] {
        background-color: var(--rm-main);
        color: var(--rm-fg-main);
        border-color: var(--rm-fg-main);
    }

.top-row > div[b-2r7800053n] {
    min-width: 300px;
    flex-grow: 1;
    max-width: 500px;
}

.remove-chart-button[b-2r7800053n]{
    right: 10px;
    top: 10px;
}

[b-2r7800053n] a[href]{
    text-decoration: underline!important;

}

.show-more-start-dates[b-2r7800053n] {
    font-size: 30px;
    line-height: 0px;
}
/* /Pages/Results/ResultChart.razor.rz.scp.css */
/*.chart{

    max-width: 700px;
}*/

/* Donut legend: strike through label when slice is toggled off (Apex adds .apexcharts-inactive-legend) */
[b-mw38boiua8] .apexcharts-legend-series.apexcharts-inactive-legend .apexcharts-legend-text {
    text-decoration: line-through;
    opacity: 0.65;
}

[b-mw38boiua8] .apexcharts-legend-series.apexcharts-inactive-legend .apexcharts-legend-marker {
    opacity: 0.45;
}

/* Donut slice value labels: no drop shadow / SVG filter */
[b-mw38boiua8] .apexcharts-datalabels text,
[b-mw38boiua8] .apexcharts-datalabels tspan {
    filter: none !important;
}
/* /Pages/Results/ResultsDepartmentSelector.razor.rz.scp.css */
#filterWrapperDiv .card[results-css-scope] {
    font-size: 14px;
    line-height: 14px;
}

.clicking-disabled[results-css-scope]{
    opacity: 0.5;
    cursor: unset!important;
}

.info-popover-handle path[results-css-scope] {
    fill: var(--rm-icon-main);
    stroke: unset;
    stroke-width: unset;
}

.trait-entry[results-css-scope]{
    margin-top: .4rem;
    font-size: 14px;
}

.trait-entry-mood[results-css-scope]{
    border-radius: 40%;
}

.trait-entry-name[results-css-scope]{
    width: 100%;
}

.trait-entry-results[results-css-scope]{
    min-width: 70px;
}
/* /Pages/Results/ResultsMenu.razor.rz.scp.css */


[results-css-scope] .input-error {
    border-bottom: 1px solid var(--rm-red) !important;
    color: var(--rm-red) !important;
}

[results-css-scope] .question {
    border-radius: 10px;
}

[results-css-scope] .z-depth-1-mouseover {
    box-shadow: 0 2px 15px 0 var(--rm-main),0 2px 15px 0 var(--rm-main) !important;
}

[results-css-scope] .ao-hover:hover {
    box-shadow: inset 0 0 5px 0 black;
}

[results-css-scope] .order-button {
    height: auto !important;
    line-height: unset !important;
}

[results-css-scope] #preview {
    max-height: 70vh;
    overflow: auto;
}

[results-css-scope] .z-depth-1-error {
    box-shadow: 0 2px 5px 0 red, 0 2px 10px 0 red !important;
}

[results-css-scope] .z-depth-1-success {
    box-shadow: 0 2px 5px 0 green, 0 2px 10px 0 green !important;
}

/* /Pages/Results/TrendChart.razor.rz.scp.css */
/* TrendChart: markers use Apex datetime x-axis + annotations (no extra JS). */
[b-ibpkuuiyo4] .apexcharts-xaxis-annotation-label{
    font-family: var(--font-main)!important;
}

[b-ibpkuuiyo4] .trend-chart-marker-ref-annotation {
    font-family: var(--font-main) !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.trend-chart-measures-heading[b-ibpkuuiyo4] {
    font-family: var(--font-main);
    font-size: 0.9375rem;
    font-weight: 700;
    color: #4a5560;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.trend-chart-marker-legend[b-ibpkuuiyo4] {
    font-family: var(--font-main);
    font-size: 0.875rem;
    color: #6e7b84;
}

.trend-chart-marker-legend-item[b-ibpkuuiyo4] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.35rem 0.5rem;
    margin-bottom: 0.35rem;
}

.trend-chart-marker-ref[b-ibpkuuiyo4] {
    font-weight: 700;
    color: #4a5560;
    min-width: 1.5rem;
}
/* /Pages/Results/TrendChartMeasuresLegend.razor.rz.scp.css */
.trend-chart-measures-heading[b-j88cw8dqff] {
    font-family: var(--font-main);
    font-size: 0.9375rem;
    font-weight: 700;
    color: #4a5560;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.trend-chart-marker-legend[b-j88cw8dqff] {
    font-family: var(--font-main);
    font-size: 0.875rem;
    color: #6e7b84;
}

.trend-chart-marker-legend-item[b-j88cw8dqff] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.35rem 0.5rem;
    margin-bottom: 0.35rem;
}

.trend-chart-marker-ref[b-j88cw8dqff] {
    font-weight: 700;
    color: #4a5560;
    min-width: 1.5rem;
}
/* /Pages/Results/TrendExport.razor.rz.scp.css */
.compare-view[b-f6ywivu1p8] {
    background: #ededed;
}

.chart-element[b-f6ywivu1p8] {
    flex-grow: 1;
    min-width: 300px;
    min-height: 300px;
    flex-basis: 0;
    max-width: 440px;
}

.chart-wrapper[b-f6ywivu1p8] {
/*    width: 420px;*/
}

.add-chart-button[b-f6ywivu1p8] {
    height: 200px;
    width: 200px;
    border-radius: 15px;
    border: 2px solid black;
}

    .add-chart-button:hover[b-f6ywivu1p8] {
        background-color: var(--rm-main);
        color: var(--rm-fg-main);
        border-color: var(--rm-fg-main);
    }

.top-row > div[b-f6ywivu1p8] {
    min-width: 300px;
    flex-grow: 1;
    max-width: 500px;
}

.remove-chart-button[b-f6ywivu1p8]{
    right: 10px;
    top: 10px;
}

[b-f6ywivu1p8] a[href]{
    text-decoration: underline!important;

}

.show-more-start-dates[b-f6ywivu1p8] {
    font-size: 30px;
    line-height: 0px;
}
/* /Pages/Results/VoteOverviewPie.razor.rz.scp.css */
.overview-vote-pie[b-t6wmgq23xa] {
    display: inline-block;
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    border-radius: 50%;
}

.vote-overview-pie-hover[b-t6wmgq23xa] {
    display: flex;
    align-items: center;
    align-self: center;
    flex-shrink: 0;
    margin-right: 8px;
}

.vote-overview-pie-hover[b-t6wmgq23xa]  .hover-card-wrapper {
    display: flex;
    align-items: center;
}

.vote-overview-pie-hover[b-t6wmgq23xa]  .hover-card-trigger {
    cursor: default;
    display: flex;
    align-items: center;
}

[b-t6wmgq23xa] .vote-overview-pie-popover {
    padding: 0.5rem 0.625rem;
}

.vote-overview-pie-popover-row[b-t6wmgq23xa] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.8125rem;
    line-height: 1.3;
    white-space: nowrap;
}

.vote-overview-pie-popover-row + .vote-overview-pie-popover-row[b-t6wmgq23xa] {
    margin-top: 0.25rem;
}

.vote-overview-pie-dot[b-t6wmgq23xa] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}
/* /Pages/RoleAdministration/AdminAccordionElement.razor.rz.scp.css */
/* /Pages/RoleAdministration/DepartmentAccordionElement.razor.rz.scp.css */
/* /Pages/RoleAdministration/DepartmentsAndAdministrators.razor.rz.scp.css */

[role-administration-css-scope] #popoverDiv {
    right: 50px;
    top: 0;
    bottom: unset !important;
}

[role-administration-css-scope] .default-tree-view-ul {
    margin-bottom: 0.5rem !important;
    margin-left: 1rem !important;
    margin-top: 0.5rem !important;
}

/*.card{
    overflow: unset;
}

.card-header {
    border-bottom: none;
}

.card-body {
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}*/

svg path[role-administration-css-scope] {
    visibility: unset !important;
}

.custom-control-admin[role-administration-css-scope] {
    height: 0;
    min-height: unset;
}

.custom-control-label-admin[role-administration-css-scope]::after {
    top: 1.2rem;
    left: -0.2rem;
    width: 2.2rem;
    height: 2.2rem;
}

.custom-control-label-admin[role-administration-css-scope]::before {
    top: 1.2rem;
    left: -0.2rem;
    width: 2.2rem;
    height: 2.2rem
}

.admin-selected[role-administration-css-scope] {
    border-left: 6px solid var(--rm-icon-main);
}

.custom-control-label-admin-global[role-administration-css-scope]::before {
    top: -0.35rem;
    left: -0.2rem;
    width: 2.2rem;
    height: 2.2rem
}

.custom-control-label-admin-global[role-administration-css-scope]::after {
    top: -0.35rem;
    left: -0.2rem;
    width: 2.2rem;
    height: 2.2rem
}

.border-left[role-administration-css-scope]{
    border-left: 1px solid rgba(0,0,0,.125);
}

.traits[role-administration-css-scope]{
    font-size: 14px;
    line-height: 14px;
    color: #3c3c3c;
}
/* /Pages/RoleAdministration/TagAccordionElement.razor.rz.scp.css */
/* /Pages/Settings/ApplicationSettings.razor.rz.scp.css */
.text-editable[b-m17ne7tk51] {
    min-height: 100px;
    padding: 5px;
    border: 1px solid #ccc;
    background: white;
    border-radius: 0.25rem;
}

[b-m17ne7tk51] .row{
    margin-left: 0!important;
    margin-right: 0!important;
}
/* /Pages/Settings/ManageTraits.razor.rz.scp.css */
.trait-expression-actions[b-ofx0vzc20c] {
    position: absolute;
    top: 8px;
    right: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.trait-expression-actions .delete-icon[b-ofx0vzc20c] {
    position: static;
}
/* /Pages/Shared/AllPeopleChooser.razor.rz.scp.css */

.custom-control-label.people-select.choose-all-label[b-9hi862f14h]::before {
    left: calc(-3.1rem + 6px + 0.5rem);
}

.custom-control-label.people-select.choose-all-label[b-9hi862f14h]::after {
    left: calc(-3.1rem + 6px + 0.5rem);
}
/* /Pages/Shared/HierachicalDepartmentCheckboxSelector.razor.rz.scp.css */
.card[b-5byatxqhey] {
    overflow: unset !important;
}

.background-gold-light[b-5byatxqhey] {
    background-color: rgba(193, 176, 98, 0.7) !important;
}

.hc-dep-row > *[b-5byatxqhey] {
    border-right: 1px solid rgba(0,0,0,.1);
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    margin-top: 1rem;
    padding-right: 1.5rem !important;
}

.excubo-blazor-treeview-item svg path.fill-icon-main[b-5byatxqhey]{
    fill: var(--rm-icon-main)!important;
    stroke: none;
}

.excubo-blazor-treeview-item svg path.stroke-icon-main[b-5byatxqhey]{
    stroke: var(--rm-icon-main)!important;
    fill: none;
}
/* /Pages/Shared/HierachicalDepartmentIDCheckboxSelector.razor.rz.scp.css */
.card[b-hg7invo2ag] {
    overflow: unset !important;
}

.background-gold-light[b-hg7invo2ag] {
    background-color: rgba(193, 176, 98, 0.7) !important;
}

.hc-dep-row > *[b-hg7invo2ag] {
    border-right: 1px solid rgba(0,0,0,.1);
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    margin-top: 1rem;
    padding-right: 1.5rem !important;
}
/* /Pages/Shared/HierachicalDepartmentSelector - Copy.razor.rz.scp.css */
.card[b-hojvj1ftnt] {
    overflow: unset !important;
}

.background-gold-light[b-hojvj1ftnt] {
    background-color: rgba(193, 176, 98, 0.7) !important;
}

.hc-dep-row > *[b-hojvj1ftnt] {
    border-right: 1px solid rgba(0,0,0,.1);
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    margin-top: 1rem;
    padding-right: 1.5rem !important;
}
/* /Pages/Shared/HierachicalDepartmentSelector.razor.rz.scp.css */
.card[b-08q7a6fztq] {
    overflow: unset !important;
}

.background-gold-light[b-08q7a6fztq] {
    background-color: rgba(193, 176, 98, 0.7) !important;
}

.hc-dep-row > *[b-08q7a6fztq] {
    border-right: 1px solid rgba(0,0,0,.1);
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    margin-top: 1rem;
    padding-right: 1.5rem !important;
}

/*.card-department{*/
/*    max-width: 500px;*/
/*}*/
/* /Pages/Support/Support.razor.rz.scp.css */
.support-faq-title[b-zaue2u3igi] {
    padding-right: 1rem;
}

[b-zaue2u3igi] .wiki-faq-content {
    line-height: 1.6;
    padding-top: 0.75rem;
}

[b-zaue2u3igi] .wiki-faq-content p {
    margin-bottom: 0.75rem;
}

[b-zaue2u3igi] .wiki-faq-content ul,
[b-zaue2u3igi] .wiki-faq-content ol {
    margin-bottom: 1rem;
    padding-left: 1.5rem;
}

[b-zaue2u3igi] .wiki-faq-content ul {
    list-style-type: disc;
}

[b-zaue2u3igi] .wiki-faq-content a {
    text-decoration: underline;
}

[b-zaue2u3igi] .wiki-faq-content strong {
    font-weight: 600;
}
/* /Pages/SurveyCreation/AfterSurveyInfoAdminSelection.razor.rz.scp.css */


[survey-creation-css-scope] .input-error {
    border-bottom: 1px solid var(--rm-red) !important;
    color: var(--rm-red) !important;
}

[survey-creation-css-scope] .question {
    border-radius: 10px;
}

[survey-creation-css-scope] .z-depth-1-mouseover {
    box-shadow: 0 2px 15px 0 var(--rm-main),0 2px 15px 0 var(--rm-main) !important;
}

[survey-creation-css-scope] .ao-hover:hover {
    box-shadow: inset 0 0 5px 0 black;
}

[survey-creation-css-scope] .order-button {
    height: auto !important;
    line-height: unset !important;
}

[survey-creation-css-scope] #preview {
    max-height: 70vh;
    overflow: auto;
}

[survey-creation-css-scope] .z-depth-1-error {
    box-shadow: 0 2px 5px 0 red, 0 2px 10px 0 red !important;
}

[survey-creation-css-scope] .z-depth-1-success {
    box-shadow: 0 2px 5px 0 green, 0 2px 10px 0 green !important;
}

/* /Pages/SurveyCreation/Automatic/Automatic.razor.rz.scp.css */
.cycle-image[survey-creation-css-scope] {
    height: 50px;
    transform: scale(1);
    transition: all 0.1s ease-in-out 0.1s;
}

.icon-div-wrapper > *:not(:first-child) .cycle-image[survey-creation-css-scope] {
    height: 30px;
}

#createOwnSurveyCard:hover[survey-creation-css-scope] {
    box-shadow: 0px 0px 10px black inset;
}

.getInsightDiv[survey-creation-css-scope]{
    height: 50%;
    width: 85%;
    background: #fff;
    color: black;
    border-radius: 1em;
    transform: scale(0.8) rotate(-5deg);
}

.getInsightDiv:hover[survey-creation-css-scope] {
    transform: scale(1) rotate(0deg);
    background: var(--rm-main);
    color: var(--rm-fg-main);
}

/*.card:hover .cycle-image:not(.mask-image) {
    transform: scale(1.3) rotate(-5deg);
}*/

.cycle-name-smaller[survey-creation-css-scope]{
    font-size: 1.2em;
}

.card[survey-creation-css-scope]{
    overflow: unset!important;
}

.icon-div[survey-creation-css-scope] {
    height: 70px;
    width: 70px;
    background: #fff;
    /*z-index: 9;*/
    /*top: -35px;*/
    /*left: -35px;*/
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);

    transform: scale(1) translate(0,0);
    transition: all 0.1s ease-in-out 0.1s;
}

    .icon-div .fa-external-link-alt[survey-creation-css-scope] {
        font-size: 1.5em;
    }

    .icon-div .fa-infinity[survey-creation-css-scope] {
        font-size: 1.4em;
    }

.icon-div-wrapper[survey-creation-css-scope] {
    position: absolute;
    width: 70px;
    top: -35px;
    left: -35px;
    z-index: 9;
}

    .icon-div-wrapper > *:not(:first-child)[survey-creation-css-scope] {
        width: 40px;
        height: 40px;
        background: #fff;
        border-radius: 50%;
        overflow: hidden;
        box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
        transform: translateX(0);
    }

.view[survey-creation-css-scope]{
    overflow: unset!important;
}

.view .mask[survey-creation-css-scope]{
    border-radius: 10px;
}

.card:hover .icon-div:not(.mask-image):first-child[survey-creation-css-scope] {
    transform: scale(1.1) rotate(-5deg) translate(-10px, -10px);
}

.card:hover .icon-div:not(.mask-image):not(:first-child)[survey-creation-css-scope] {
    transform: translateX(-10px);
}

/*.no-min-group-size-icon::after {
    border-left: 5px solid red;
    transform: rotate(45deg);
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 36%;
    left: 36%;
}*/
/* /Pages/SurveyCreation/Automatic/CycleSettings.razor.rz.scp.css */
[survey-creation-css-scope] #popoverDiv {
    right: 0 !important;
    width: 600px !important;
}

.cursor-pointer[survey-creation-css-scope]{
    cursor:pointer;
}
/* /Pages/SurveyCreation/ChangeEmailTextAndSubject.razor.rz.scp.css */

.text-editable[b-edi5uqksdb] {
    background: white;
    border-radius: 0.25rem;
}
/* /Pages/SurveyCreation/ChangePreAndAfterSurveyText.razor.rz.scp.css */
.editor-div[b-n84gxm710g]{
    background: var(--rm-white);
}

h1[b-n84gxm710g] {
    font-family: var(--font-alt);
    font-weight: bold;
    font-size: calc(36px + (48 - 36) * ((100vw - 300px) / (1400 - 300)));
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

h2[b-n84gxm710g] {
    font-family: var(--font-alt);
    font-style: normal;
    font-weight: bold;
    font-size: calc(24px + (36 - 24) * ((100vw - 300px) / (1400 - 300)));
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

h3[b-n84gxm710g] {
    font-family: var(--font-alt);
    font-style: normal;
    font-weight: bold;
    font-size: calc(16px + (24 - 16) * ((100vw - 300px) / (1400 - 300)));
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

h4[b-n84gxm710g] {
    font-family: var(--font-alt);
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: var(--rm-black);
}

ul[b-n84gxm710g]{
    list-style-type: disc!important;
}
/* /Pages/SurveyCreation/Custom/AnswerOptionInputComponents/DichotomousInputComponent.razor.rz.scp.css */
[survey-creation-css-scope] #popoverDiv {
    left: 0 !important;
    width: 600px !important;
}

[survey-creation-css-scope] .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.question-text-input[survey-creation-css-scope] {
    padding-right: 30px;
}

.emojis-container[survey-creation-css-scope] {
    position: absolute;
    top: 5px;
    right: 5px;
}

.emojis-container[survey-creation-css-scope]  .clickable-div:hover {
    transform: scale(1.3);
}
/* /Pages/SurveyCreation/Custom/AnswerOptionInputComponents/InputBaseComponent.razor.rz.scp.css */
[survey-creation-css-scope] #popoverDiv {
    left: 0 !important;
    width: 600px !important;
}

[survey-creation-css-scope] .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.question-text-input[survey-creation-css-scope] {
    padding-right: 30px;
}

.emojis-container[survey-creation-css-scope] {
    position: absolute;
    top: 5px;
    right: 5px;
}

.emojis-container[survey-creation-css-scope]  .clickable-div:hover {
    transform: scale(1.3);
}
/* /Pages/SurveyCreation/Custom/AnswerOptionInputComponents/LikertInputComponent.razor.rz.scp.css */
[survey-creation-css-scope] #popoverDiv {
    left: 0 !important;
    width: 600px !important;
}


[survey-creation-css-scope] .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.question-text-input[survey-creation-css-scope] {
    padding-right: 30px;
}

.emojis-container[survey-creation-css-scope] {
    position: absolute;
    top: 5px;
    right: 5px;
}

.emojis-container[survey-creation-css-scope]  .clickable-div:hover {
    transform: scale(1.3);
}
/* /Pages/SurveyCreation/Custom/AnswerOptionInputComponents/SingleMultipleChoiceInputComponent.razor.rz.scp.css */
[survey-creation-css-scope] #popoverDiv {
    left: 0 !important;
    width: 600px !important;
}

[survey-creation-css-scope] .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.question-text-input[survey-creation-css-scope] {
    padding-right: 30px;
}

.emojis-container[survey-creation-css-scope] {
    position: absolute;
    top: 5px;
    right: 5px;
}

.emojis-container[survey-creation-css-scope]  .clickable-div:hover {
    transform: scale(1.3);
}

#addFreetextButton[survey-creation-css-scope]{
    position: absolute;
    font-size: 13px;
    right: 5px;
    top: 0px;
    cursor: pointer;
}

.free-text-answer-input[survey-creation-css-scope] {
    position: absolute;
    top: 0px;
    right: 2.2rem;
    font-size: 11px;
}

.survey-answer-option-actions[survey-creation-css-scope] {
    gap: 0.75rem;
}

.min-width-0[survey-creation-css-scope] {
    min-width: 0;
}
/* /Pages/SurveyCreation/Custom/AnswerTypeChooser.razor.rz.scp.css */
/* /Pages/SurveyCreation/Custom/CustomCreation.razor.rz.scp.css */
[survey-creation-css-scope] #popoverDiv {
    left: 0 !important;
    width: 600px !important;
}

[survey-creation-css-scope] .text-editable {
    min-height: 100px;
    padding: 5px;
    border: 1px solid #ccc;
}

[survey-creation-css-scope] .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.question-text-input[survey-creation-css-scope] {
    padding-right: 2.25rem;
}

.form-control:disabled[survey-creation-css-scope],
.form-control[disabled][survey-creation-css-scope] {
    background-color: var(--rm-light-grey, #ededed);
    cursor: not-allowed;
}

.survey-field-with-translate.has-emoji-picker .question-text-input[survey-creation-css-scope] {
    padding-right: 3.5rem;
}

.emojis-container[survey-creation-css-scope] {
    position: absolute;
    top: 5px;
    right: 5px;
}

.emojis-container[survey-creation-css-scope]  .clickable-div:hover {
    transform: scale(1.3);
}

/*ONLY FOR BATTERY PREVIEW*/
[survey-creation-css-scope] .battery-matrix > div > div:first-child {
    max-width: 40%;
}

[survey-creation-css-scope] .battery-matrix {
    font-size: 12px;
    line-height: 14px;
}

[survey-creation-css-scope] .header-row > div {
    writing-mode: vertical-rl;
    max-height: 150px;
    line-height: 12px;
}

[survey-creation-css-scope] .mobile-comment-row:not(:last-child) {
    border-bottom: 3px solid #dee2e6 !important;
}

[survey-creation-css-scope] .battery-comment-field-wrapper {
    height: 100%;
    min-height: 40px;
    max-width: unset;
}

[survey-creation-css-scope] .big-field-open {
    max-width: 80vw;
}

[survey-creation-css-scope] .single-link-toggle {
    text-decoration: underline!important;
}

[survey-creation-css-scope] #singleLinkQRCode{
    max-height: 300px;
} 


/*images*/
.img-preview-row>div:not(:first-child)[survey-creation-css-scope]{
    margin-left: 0.8rem;
}

.img-preview[survey-creation-css-scope] {
    width: 120px;
    height: 120px;
    position: relative;
    background-size: cover;
    border-radius: 5px;
}

    .img-preview:hover[survey-creation-css-scope] {
        box-shadow: 0 2px 5px 0 var(--rm-icon-main), 0 2px 10px 0 var(--rm-icon-main);
    }

.delete-img-div[survey-creation-css-scope]{
    position: absolute;
    top: 5px;
    right: 5px;
    background: rgba(255,255,255,0.5);
    height: 25px;
    width: 25px;
    border-radius: 2px;
    text-align: center;
}

/*LIGHTBOX*/
#lightbox[survey-creation-css-scope] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    display: flex;
    justify-content: center;
    align-items: center;

    z-index: 9999;
}

#inner[survey-creation-css-scope] {
    width: 100%;
    height: 100%;
    max-width:80vw;
    max-height: 80vh;
    text-align: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

#image[survey-creation-css-scope] {
    max-width: 100%;
    height: auto;
}

/*PREVIEW FOR SUB QUESTION TEXT*/
[survey-creation-css-scope] .preview-sub-text * {
    margin: 0;
    padding: 0;
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

[survey-creation-css-scope] .preview-sub-text ul {
    list-style-type: disc;
}

[survey-creation-css-scope] .preview-sub-text .ql-align-center {
    text-align: center;
}

[survey-creation-css-scope] .preview-sub-text .ql-align-justify {
    text-align: justify;
}
/* /Pages/SurveyCreation/Custom/ImageChooser.razor.rz.scp.css */
/* /Pages/SurveyCreation/Custom/Preview.razor.rz.scp.css */
/* /Pages/SurveyCreation/Custom/SurveyTranslateButton.razor.rz.scp.css */
.survey-auto-translate-wrap[b-e5p4jwysfz] {
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    z-index: 2;
    line-height: 0;
}

.survey-auto-translate-wrap--inline[b-e5p4jwysfz] {
    position: static;
    transform: none;
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
}

.survey-auto-translate-btn[b-e5p4jwysfz] {
    line-height: 1;
    border: none;
    background: transparent;
    padding: 0;
    color: var(--icon-color);
}

.survey-auto-translate-btn i[b-e5p4jwysfz] {
    color: var(--icon-color);
}

.survey-auto-translate-btn:disabled[b-e5p4jwysfz] {
    opacity: 0.45;
    cursor: not-allowed;
}

.survey-auto-translate-btn:disabled i[b-e5p4jwysfz] {
    color: var(--rm-dark-grey, #bcbcbc);
}

.survey-field-with-translate[b-e5p4jwysfz] {
    position: relative;
}

.survey-field-with-translate .form-control[b-e5p4jwysfz] {
    padding-right: 2.25rem;
}

.survey-field-with-translate.has-emoji-picker .form-control[b-e5p4jwysfz] {
    padding-right: 3.5rem;
}

.survey-field-with-translate.has-emoji-picker .survey-auto-translate-wrap[b-e5p4jwysfz] {
    right: 2rem;
}
/* /Pages/SurveyCreation/CustomCycle/CreateCustomCycle.razor.rz.scp.css */
#selectCycleWrapper[survey-creation-css-scope] {
    padding: 0 10px;
}

[survey-creation-css-scope] #selectCycleUl {
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    max-height: 500px;
    overflow: auto;
}

#selectCycleUl p[survey-creation-css-scope] {
    font-size: 13px;
}

.m-w-800[survey-creation-css-scope] {
    max-width: 800px;
}

#illustration img[survey-creation-css-scope] {
    max-width: 70px;
}

#illustration > div[survey-creation-css-scope] {
    width: 60px;
}

    #illustration > div > .first-child[survey-creation-css-scope] {
        height: 50px;
        margin: 0px;
    }

    #illustration > div > h2[survey-creation-css-scope] {
        color: #c1a762;
    }

    #illustration > div > b[survey-creation-css-scope] {
        line-height: 1em;
    }
/* /Pages/SurveyCreation/CustomCycle/CycleCatalogueSurveys.razor.rz.scp.css */
.days-input[survey-creation-css-scope]{
    max-width: 200px;
}

.remove-ccs[survey-creation-css-scope]{
    position: absolute;
    top: 10px;
    right: 10px;
}

.line[survey-creation-css-scope] {
    width: 4px;
    height: 100%;
    background: black;
    position: absolute;
    top: 0;
    left: 8px;
    height: 60px;
}

.tip[survey-creation-css-scope] {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid black;

    position: absolute;
    bottom: 0;
}

.arrow[survey-creation-css-scope]{
    position: relative;
    width: 30px;
    height: 65px;
}

.vertical-line[survey-creation-css-scope]{
    height: 110px;
    width: 4px;
    background: black;
}

    .vertical-line.lower[survey-creation-css-scope] {
        margin-bottom: 110px;
    }

    .vertical-line.upper[survey-creation-css-scope] {
        margin-top: 40px;
    }

.horizontal-line[survey-creation-css-scope]{
    height: 4px;
    width: 100%;
    background: black;
}

.cycle-survey-card[survey-creation-css-scope]{
    max-width: 500px;
}

.cycle-survey-card-stand[survey-creation-css-scope] {
    border: 2px solid var(--main, #c1a762);
    box-shadow: 0 0 0 3px rgba(193, 167, 98, 0.2);
    padding-top: 2.5rem !important;
}

.stand-marker[survey-creation-css-scope] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.25rem 0.5rem;
    font-weight: 600;
    font-size: 0.9rem;
    color: #5c4a1f;
    background: #f5edd8;
    border-left: 4px solid var(--main, #c1a762);
    padding: 0.5rem 0.75rem;
    border-radius: 2px;
}

.stand-marker-on-card[survey-creation-css-scope] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border-radius: 0;
    border-left: none;
    border-bottom: 1px solid rgba(193, 167, 98, 0.4);
}

.stand-marker-before[survey-creation-css-scope] {
    max-width: 500px;
}

.stand-marker-deps[survey-creation-css-scope] {
    font-weight: 500;
    opacity: 0.85;
}


#bottomDivWrapper[survey-creation-css-scope] {
    position: relative;
    height: 110px;
}

#bottomDiv[survey-creation-css-scope] {
    height: 110px;
    width: calc(100% + 2px);
    border-left: 4px solid black;
    border-bottom: 4px solid black;
    border-right: 4px solid black;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    position: absolute;
    left: calc(1.5rem + 8px);
}

#topDivWrapper[survey-creation-css-scope] {
    position: relative;
    height: 40px;
}

#topDiv[survey-creation-css-scope] {
    height: 40px;
    width: calc(100% + 2px);
    border-left: 4px solid black;
    border-right: 4px solid black;
    border-top: 4px solid black;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    position: absolute;
    left: calc(1.5rem + 8px);
}

#onceCheckboxLabel[survey-creation-css-scope]::before {
    top: -0.25rem !important;
    left: -2.5rem !important;
    width: 2rem !important;
    height: 2rem !important;
}

#onceCheckboxLabel[survey-creation-css-scope]::after {
    top: -0.25rem !important;
    left: -2.5rem !important;
    display: block !important;
    width: 2rem !important;
    height: 2rem !important;
}

#cycleCatalogueSurveysInfo[survey-creation-css-scope]  ul {
    list-style-type: disc !important;
}

.add-survey-in-between[survey-creation-css-scope]{
    border-left: 1px solid lightgrey;
}
/* /Pages/SurveyCreation/CustomCycle/QuestionSets.razor.rz.scp.css */
.empty-set-item[survey-creation-css-scope]
{
    width: 100%;
    border: 1px solid grey;
    border-radius: 10px;
}

.draggable:active[survey-creation-css-scope] {
    cursor: grabbing;
}

.dragging[survey-creation-css-scope] {
    cursor: grabbing;
}

.li-hover[survey-creation-css-scope] {
    /*    border-top: 1px solid black !important;
    border-right: 1px solid black !important;
    border-bottom: 1px solid black !important;*/
    box-shadow: 2px 1px 10px rgba(0,0,0,.31), inset 0px 0px 0px 1px #000!important;
}

.border-left-success[survey-creation-css-scope] {
    border-left: 6px solid green!important;
}

.border-left-error[survey-creation-css-scope] {
    border-left: 6px solid red!important;
}

#errorsUl[survey-creation-css-scope]{
    list-style-type: disc;
    color: red;
}
/* /Pages/SurveyCreation/CustomCycle/Summary.razor.rz.scp.css */

.img-empty[survey-creation-css-scope]{
    width: 200px;
    height: 200px;
    background-color: lightgray;
    border: 1px solid black;
    border-radius: 8px;
}
/* /Pages/SurveyCreation/DemoError.razor.rz.scp.css */

#errorDiv[b-lrw6yfmwzb] {
    border: 2px solid #e60000;
    background-color: #f50000bf;
    color: white;
}


a:visited[b-lrw6yfmwzb] {
    color: white;
}
/* /Pages/SurveyCreation/SurveyCreation.razor.rz.scp.css */


[survey-creation-css-scope] .input-error {
    border-bottom: 1px solid var(--rm-red) !important;
    color: var(--rm-red) !important;
}

[survey-creation-css-scope] .question {
    border-radius: 10px;
}

[survey-creation-css-scope] .z-depth-1-mouseover {
    box-shadow: 0 2px 15px 0 var(--rm-main),0 2px 15px 0 var(--rm-main) !important;
}

[survey-creation-css-scope] .ao-hover:hover {
    box-shadow: inset 0 0 5px 0 black;
}

[survey-creation-css-scope] .order-button {
    height: auto !important;
    line-height: unset !important;
}

[survey-creation-css-scope] #preview {
    max-height: 70vh;
    overflow: auto;
}

[survey-creation-css-scope] .z-depth-1-error {
    box-shadow: 0 2px 5px 0 red, 0 2px 10px 0 red !important;
}

[survey-creation-css-scope] .z-depth-1-success {
    box-shadow: 0 2px 5px 0 green, 0 2px 10px 0 green !important;
}

/* /Pages/ThreeSixtyDegree/Current/ChangeThreeSixtyPreSurveyText.razor.rz.scp.css */
.editor-div[b-gdmy9glvn9]{
    background: var(--rm-white);
}

h1[b-gdmy9glvn9] {
    font-family: var(--font-alt);
    font-weight: bold;
    font-size: calc(36px + (48 - 36) * ((100vw - 300px) / (1400 - 300)));
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

h2[b-gdmy9glvn9] {
    font-family: var(--font-alt);
    font-style: normal;
    font-weight: bold;
    font-size: calc(24px + (36 - 24) * ((100vw - 300px) / (1400 - 300)));
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

h3[b-gdmy9glvn9] {
    font-family: var(--font-alt);
    font-style: normal;
    font-weight: bold;
    font-size: calc(16px + (24 - 16) * ((100vw - 300px) / (1400 - 300)));
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

h4[b-gdmy9glvn9] {
    font-family: var(--font-alt);
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: var(--rm-black);
}

ul[b-gdmy9glvn9]{
    list-style-type: disc!important;
}


.custom-texteditor-button[b-gdmy9glvn9] {
    width: auto !important;
    max-width: 180px;
    font-size: 13px;
    line-height: 13px;
    padding-top: 0px!important;
}
/* /Pages/ThreeSixtyDegree/Current/ThreeSixtyCurrent.razor.rz.scp.css */
.cycle-image[b-mtji4muian] {
    height: 50px;
    transform: scale(1);
    transition: all 0.1s ease-in-out 0.1s;
}

.icon-div-wrapper > *:not(:first-child) .cycle-image[b-mtji4muian] {
    height: 30px;
}

#createOwnSurveyCard:hover[b-mtji4muian] {
    box-shadow: 0px 0px 10px black inset;
}

.getInsightDiv[b-mtji4muian]{
    height: 50%;
    width: 85%;
    background: #fff;
    color: black;
    border-radius: 1em;
    transform: scale(0.8) rotate(-5deg);
}

.getInsightDiv:hover[b-mtji4muian] {
    transform: scale(1) rotate(0deg);
    background: var(--rm-main);
    color: var(--rm-fg-main);
}

/*.card:hover .cycle-image:not(.mask-image) {
    transform: scale(1.3) rotate(-5deg);
}*/

.cycle-name-smaller[b-mtji4muian]{
    font-size: 1.2em;
}

.card[b-mtji4muian]{
    overflow: unset!important;
}

.icon-div[b-mtji4muian] {
    height: 70px;
    width: 70px;
    background: #fff;
    /*z-index: 9;*/
    /*top: -35px;*/
    /*left: -35px;*/
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);

    transform: scale(1) translate(0,0);
    transition: all 0.1s ease-in-out 0.1s;
}

    .icon-div .fa-external-link-alt[b-mtji4muian] {
        font-size: 1.5em;
    }

    .icon-div .fa-infinity[b-mtji4muian] {
        font-size: 1.4em;
    }

.icon-div-wrapper[b-mtji4muian] {
    position: absolute;
    width: 70px;
    top: -35px;
    left: -35px;
    z-index: 9;
}

    .icon-div-wrapper > *:not(:first-child)[b-mtji4muian] {
        width: 40px;
        height: 40px;
        background: #fff;
        border-radius: 50%;
        overflow: hidden;
        box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
        transform: translateX(0);
    }

.view[b-mtji4muian]{
    overflow: unset!important;
}

.view .mask[b-mtji4muian]{
    border-radius: 10px;
}

.card:hover .icon-div:not(.mask-image):first-child[b-mtji4muian] {
    transform: scale(1.1) rotate(-5deg) translate(-10px, -10px);
}

.card:hover .icon-div:not(.mask-image):not(:first-child)[b-mtji4muian] {
    transform: translateX(-10px);
}

.add-feedbackunit-li .custom-control-label[b-mtji4muian]::after{
    width: 1.5rem;
    height: 1.5rem;
    top: 0rem;
    left: -2.9rem;
}

.add-feedbackunit-li .custom-control-label[b-mtji4muian]::before{
    width: 1.5rem;
    height: 1.5rem;
    top: 0rem;
    left: -2.9rem;
}


.mood-not-set[b-mtji4muian]{
    opacity: 0.7;
}
/* /Pages/ThreeSixtyDegree/Current/ThreeSixtyCycleSettings.razor.rz.scp.css */
[b-r4lmnkg7ts] #popoverDiv {
    right: 0 !important;
    width: 600px !important;
}
/* /Pages/ThreeSixtyDegree/Current/ThreeSixtyDepartmentSelector.razor.rz.scp.css */
.card[b-z5gorn5ycu] {
    overflow: unset !important;
}

.background-gold-light[b-z5gorn5ycu] {
    background-color: rgba(193, 176, 98, 0.7) !important;
}

.hc-dep-row > *[b-z5gorn5ycu] {
    border-right: 1px solid rgba(0,0,0,.1);
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    margin-top: 1rem;
    padding-right: 1.5rem !important;
}
/* /Pages/ThreeSixtyDegree/Questionaires/ThreeSixtyCycles.razor.rz.scp.css */
.cycle-image[b-ns0u4geh8k] {
    height: 50px;
    transform: scale(1);
    transition: all 0.1s ease-in-out 0.1s;
}

.icon-div-wrapper > *:not(:first-child) .cycle-image[b-ns0u4geh8k] {
    height: 30px;
}

#createOwnSurveyCard:hover[b-ns0u4geh8k] {
    box-shadow: 0px 0px 10px black inset;
}

.getInsightDiv[b-ns0u4geh8k]{
    height: 50%;
    width: 85%;
    background: #fff;
    color: black;
    border-radius: 1em;
    transform: scale(0.8) rotate(-5deg);
}

.getInsightDiv:hover[b-ns0u4geh8k] {
    transform: scale(1) rotate(0deg);
    background: var(--rm-main);
    color: var(--rm-fg-main);
}

/*.card:hover .cycle-image:not(.mask-image) {
    transform: scale(1.3) rotate(-5deg);
}*/

.cycle-name-smaller[b-ns0u4geh8k]{
    font-size: 1.2em;
}

.card[b-ns0u4geh8k]{
    overflow: unset!important;
}

.icon-div[b-ns0u4geh8k] {
    height: 70px;
    width: 70px;
    background: #fff;
    /*z-index: 9;*/
    /*top: -35px;*/
    /*left: -35px;*/
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);

    transform: scale(1) translate(0,0);
    transition: all 0.1s ease-in-out 0.1s;
}

    .icon-div .fa-external-link-alt[b-ns0u4geh8k] {
        font-size: 1.5em;
    }

    .icon-div .fa-infinity[b-ns0u4geh8k] {
        font-size: 1.4em;
    }

.icon-div-wrapper[b-ns0u4geh8k] {
    position: absolute;
    width: 70px;
    top: -35px;
    left: -35px;
    z-index: 9;
}

    .icon-div-wrapper > *:not(:first-child)[b-ns0u4geh8k] {
        width: 40px;
        height: 40px;
        background: #fff;
        border-radius: 50%;
        overflow: hidden;
        box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
        transform: translateX(0);
    }

.view[b-ns0u4geh8k]{
    overflow: unset!important;
}

.view .mask[b-ns0u4geh8k]{
    border-radius: 10px;
}

.card:hover .icon-div:not(.mask-image):first-child[b-ns0u4geh8k] {
    transform: scale(1.1) rotate(-5deg) translate(-10px, -10px);
}

.card:hover .icon-div:not(.mask-image):not(:first-child)[b-ns0u4geh8k] {
    transform: translateX(-10px);
}

/*.no-min-group-size-icon::after {
    border-left: 5px solid red;
    transform: rotate(45deg);
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 36%;
    left: 36%;
}*/
/* /Pages/ThreeSixtyDegree/Results/Export/ThreeSixtyDegreeExport.razor.rz.scp.css */
.compare-view[b-tpwx2eh8nt] {
    background: #ededed;
}

.chart-element[b-tpwx2eh8nt] {
    flex-grow: 1;
    min-width: 300px;
    min-height: 300px;
    flex-basis: 0;
    max-width: 440px;
}

.chart-wrapper[b-tpwx2eh8nt] {
/*    width: 420px;*/
}

.add-chart-button[b-tpwx2eh8nt] {
    height: 200px;
    width: 200px;
    border-radius: 15px;
    border: 2px solid black;
}

    .add-chart-button:hover[b-tpwx2eh8nt] {
        background-color: var(--rm-main);
        color: var(--rm-fg-main);
        border-color: var(--rm-fg-main);
    }

.top-row > div[b-tpwx2eh8nt] {
    min-width: 300px;
    flex-grow: 1;
    max-width: 500px;
}

.remove-chart-button[b-tpwx2eh8nt]{
    right: 10px;
    top: 10px;
}

[b-tpwx2eh8nt] a[href]{
    text-decoration: underline!important;

}

.show-more-start-dates[b-tpwx2eh8nt] {
    font-size: 30px;
    line-height: 0px;
}
/* /Pages/ThreeSixtyDegree/Results/Export/ThreeSixtyDegreePDFExport.razor.rz.scp.css */
.compare-view[b-hxuvnfd9i0] {
    background: #ededed;
}

.chart-element[b-hxuvnfd9i0] {
    flex-grow: 1;
    min-width: 300px;
    min-height: 300px;
    flex-basis: 0;
    max-width: 440px;
}

.chart-wrapper[b-hxuvnfd9i0] {
/*    width: 420px;*/
}

.add-chart-button[b-hxuvnfd9i0] {
    height: 200px;
    width: 200px;
    border-radius: 15px;
    border: 2px solid black;
}

    .add-chart-button:hover[b-hxuvnfd9i0] {
        background-color: var(--rm-main);
        color: var(--rm-fg-main);
        border-color: var(--rm-fg-main);
    }

.top-row > div[b-hxuvnfd9i0] {
    min-width: 300px;
    flex-grow: 1;
    max-width: 500px;
}

.remove-chart-button[b-hxuvnfd9i0]{
    right: 10px;
    top: 10px;
}

[b-hxuvnfd9i0] a[href]{
    text-decoration: underline!important;

}

.show-more-start-dates[b-hxuvnfd9i0] {
    font-size: 30px;
    line-height: 0px;
}
/* /Pages/ThreeSixtyDegree/Results/ThreeSixtyDegreeResults.razor.rz.scp.css */
.cycle-results-container[b-37dedcz6b4] {
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
}

[b-37dedcz6b4] .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.backdrop[b-37dedcz6b4] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,0.8);
    z-index: 1000;
}

.over-backdrop[b-37dedcz6b4] {
    z-index: 1001;
}

[b-37dedcz6b4] .progress {
    border-color: #cbcbcb !important;
}

#selectCycleWrapper[b-37dedcz6b4] {
    padding: 0 10px;
}

#selectCycleUl[b-37dedcz6b4] {
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    max-height: 500px;
    overflow: auto;
}

    #selectCycleUl p[b-37dedcz6b4] {
        font-size: 13px;
    }


.progress[b-37dedcz6b4] {
    height: 12px;
    border-radius: 6px;
}


#showSmallChartsSelector[b-37dedcz6b4] {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0 0 5px 5px;
}


.presentation-mode-on[b-37dedcz6b4] {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw !important;
    height: 100vh;
    z-index: 1001;
    overflow: auto;
    background: var(--rm-light-grey);
    padding-top: 0px !important;
}

#sortSelectWrapper[b-37dedcz6b4] {
    max-width: 200px;
}

#tabIndexDiv[b-37dedcz6b4] {
    position: absolute;
    width: calc(100% - 15rem);
    top: 0;
    padding-top: 80px;
}

.results-ui-element-toggle[b-37dedcz6b4] {
    background: var(--rm-main);
    color: var(--rm-fg-main);
    border-bottom-right-radius: 15px;
    border-top-right-radius: 3px;
    /*border: 1px solid black;*/
    outline: 5px solid #ffffff !important;
    /*background: white;*/
}

    .results-ui-element-toggle:hover i[b-37dedcz6b4] {
        transform: scale(1.5);
    }

    .results-ui-element-toggle:hover[b-37dedcz6b4] {
        box-shadow: 0px 0px 3px rgba(0,0,0,0.6) inset;
    }

    .results-ui-element-toggle.pressed[b-37dedcz6b4] {
        animation: fade-pressed-in-b-37dedcz6b4 1s ease;
        animation-fill-mode: forwards;
    }

.results-ui-element-toggle-round-left[b-37dedcz6b4] {
    background: var(--rm-main);
    color: var(--rm-fg-main);
    border-bottom-left-radius: 15px;
    border-top-left-radius: 3px;
}

    .results-ui-element-toggle-round-left:hover[b-37dedcz6b4] {
        box-shadow: 0px 0px 3px rgba(0,0,0,0.6) inset;
    }

.second-ui-toggle[b-37dedcz6b4] {
    padding-left: calc(1rem + 20px);
}

.ignore-card-padding[b-37dedcz6b4] {
    margin-left: -20px;
}

.ignore-card-padding-right[b-37dedcz6b4] {
    margin-right: -20px;
}

@media only screen and (max-width: 1441px) {
    #tabIndexDiv[b-37dedcz6b4] {
        width: 100%;
    }
}

/*for export modal all selector*/
[b-37dedcz6b4] .choose-all-label::before {
    left: -1.5rem !important;
}

[b-37dedcz6b4] .choose-all-label::after {
    left: -1.5rem !important;
}

.hover-scale:hover[b-37dedcz6b4] {
    animation: scale-b-37dedcz6b4 0.15s forwards;
}

@keyframes scale-b-37dedcz6b4 {
    0% {
        transform: scale(1.0);
    }

    100% {
        transform: scale(1.1);
    }
}

.fade-in[b-37dedcz6b4] {
    animation: fade-in-b-37dedcz6b4 1s ease;
}

@keyframes fade-in-b-37dedcz6b4 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fade-pressed-in-b-37dedcz6b4 {
    /*fades box shadow in on .results-ui-element-toggle */
    0% {
        box-shadow: 0px 0px 0px rgba(0,0,0,0) inset;
    }

    100% {
        box-shadow: 0px 0px 3px rgba(0,0,0,0.6) inset;
    }
}


.slide-content-left[b-37dedcz6b4] {
    animation: slide-content-left-b-37dedcz6b4 1s forwards;
}

.slide-content-right[b-37dedcz6b4] {
    animation: slide-content-right-b-37dedcz6b4 1s forwards;
}

@keyframes slide-content-left-b-37dedcz6b4 {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-50%);
    }
}

@keyframes slide-content-right-b-37dedcz6b4 {
    0% {
        transform: translateX(-50%);
    }

    100% {
        transform: translateX(0%);
    }
}

.shimmer[b-37dedcz6b4] {
    color: grey;
    display: inline-block;
    -webkit-mask: linear-gradient(-60deg,#000 30%,#0005,#000 70%) right/300% 100%;
    background-repeat: repeat;
    animation: shimmer-b-37dedcz6b4 2.5s infinite;
}

@keyframes shimmer-b-37dedcz6b4 {
    100% {
        -webkit-mask-position: left
    }
}

#selectCycleUl .custom-control-label[b-37dedcz6b4]::before, #selectCycleUl .custom-control-label[b-37dedcz6b4]::after {
    top: 0;
    left: -1.5rem;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
}

#selectCycleUl .cycle-selected-background[b-37dedcz6b4] {
    background-color: lighten(var(--rm-gold))
}

#cycleSelection img[b-37dedcz6b4], #cycleSelection i[b-37dedcz6b4] {
    max-height: 30px;
    font-size: 30px;
}

#cycleSelection > div[b-37dedcz6b4] {
    gap: 10px;
}

.checkbox-overlay[b-37dedcz6b4] {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 99;
}

#behindCycleSelector[b-37dedcz6b4] {
    z-index: 800;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
}

#filterWrapperDiv[b-37dedcz6b4] {
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 10px;
    margin-left: -1rem;
    margin-right: -1rem;
    margin-top: -1.3rem;
    margin-bottom: 2rem;
}

#filterHeading[b-37dedcz6b4] {
    min-width: 30vw;
    background-color: var(--rm-light-grey);
}

#filterHeadingWrapper[b-37dedcz6b4] {
    height: 3rem;
}

.small-chart-greyscale[b-37dedcz6b4] {
    opacity: 0.6;
}

    .small-chart-greyscale:hover[b-37dedcz6b4] {
        opacity: 1;
    }

.custom-control.custom-checkbox.cycle-activation-control[b-37dedcz6b4] {
    padding-left: 2rem;
}

.custom-control-label.cycle-activation-label[b-37dedcz6b4]::before, .custom-control-label.cycle-activation-label[b-37dedcz6b4]::after {
    left: -2rem !important;
}

.show-cursor[b-37dedcz6b4] {
    cursor: pointer;
}

.default-tree-view-ul[b-37dedcz6b4] {
    list-style-type: none;
    padding-inline-start: .5em;
}


[b-37dedcz6b4] table.threesixty-table > thead > tr > th {
    border-bottom: 2px solid black !important;
}

    [b-37dedcz6b4] table.threesixty-table:not(.only-one-selected) > thead > tr > th:first-child {
        border-right: 2px solid black !important;
    }

[b-37dedcz6b4] table.threesixty-table.with-overview > thead > tr > th:nth-child(2) {
    border-right: 1px solid black !important;
}

[b-37dedcz6b4] table.threesixty-table:not(.only-one-selected) > tbody > tr > td:first-child {
    border-right: 2px solid black !important;
}

[b-37dedcz6b4] table.threesixty-table.with-overview > tbody > tr > td:nth-child(2) {
    border-right: 1px solid black !important;
}

[b-37dedcz6b4] table.threesixty-table.with-overview > tbody > tr:first-child > td {
    border-bottom: 1px solid black !important;
}

[b-37dedcz6b4] table.threesixty-table td:not(:first-child) {
    text-align: center;
    vertical-align: middle;
}

[b-37dedcz6b4] table.threesixty-table td {
    border-top: none !important;
}

[b-37dedcz6b4] .threesixty-table:not(.overview-table) {
    /*background-color: var(--rm-white);*/
    /*border-radius: 10px;*/
    /*box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);*/
    overflow: hidden;
}


.overview-div[b-37dedcz6b4] {
    background-color: var(--rm-white);
    border-radius: 10px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}

/*.overview-table th{
    padding-top: 1.3rem;
} */

[b-37dedcz6b4] table td, [b-37dedcz6b4] table th {
    padding: 0.5rem;
}

.chart-div[b-37dedcz6b4] {
    max-height: 400px;
}

.clicking-disabled[b-37dedcz6b4] {
    opacity: 0.5;
    cursor: unset !important;
}

.trend-recipient-card.selected[b-37dedcz6b4] {
    background-color: var(--rm-main);
    color: var(--rm-fg-main);
}

.trend-recipient-card[b-37dedcz6b4]  .custom-control-label {
    cursor: pointer;
}

.trend-mode-panel[b-37dedcz6b4] {
    background-color: rgba(255, 255, 255, 0.55);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}

.trend-run-selection[b-37dedcz6b4] {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 0.75rem;
}

.trend-run-option[b-37dedcz6b4] {
    border: 1px solid rgba(0, 0, 0, 0.12);
    box-shadow: none;
    min-width: 190px;
}

.trend-run-option.selected[b-37dedcz6b4] {
    border-color: var(--rm-main);
    box-shadow: 0 0 0 1px var(--rm-main);
}

.trend-run-option:not(.selected):hover[b-37dedcz6b4] {
    border-color: var(--rm-main);
}

/* Inherits the card's text color so it stays readable while the card is inverted on hover. */
.trend-run-badge[b-37dedcz6b4] {
    background-color: transparent;
    color: inherit;
    border: 1px solid currentColor;
    border-radius: 999px;
    padding: 1px 12px;
    font-size: 0.9rem;
}

.trend-run-badge .trend-run-date[b-37dedcz6b4] {
    opacity: 0.75;
}
/* /Pages/ThreeSixtyDegree/Results/ThreeSixtyDegreeResultsDepartmentSelector.razor.rz.scp.css */
#filterWrapperDiv .card[b-50gzoydttt] {
    font-size: 14px;
    line-height: 14px;
}

.clicking-disabled[b-50gzoydttt]{
    opacity: 0.5;
    cursor: unset!important;
}

/* /Pages/ThreeSixtyDegree/Results/ThreeSixtyDegreeResults_old.razor.rz.scp.css */
.cycle-results-container[b-hd6a0lfux0] {
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
}

[b-hd6a0lfux0] .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.backdrop[b-hd6a0lfux0] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,0.8);
    z-index: 1000;
}

.over-backdrop[b-hd6a0lfux0] {
    z-index: 1001;
}

[b-hd6a0lfux0] .progress {
    border-color: #cbcbcb !important;
}

#selectCycleWrapper[b-hd6a0lfux0] {
    padding: 0 10px;
}

#selectCycleUl[b-hd6a0lfux0] {
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    max-height: 500px;
    overflow: auto;
}

    #selectCycleUl p[b-hd6a0lfux0] {
        font-size: 13px;
    }


.progress[b-hd6a0lfux0] {
    height: 12px;
    border-radius: 6px;
}


#showSmallChartsSelector[b-hd6a0lfux0] {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0 0 5px 5px;
}


.presentation-mode-on[b-hd6a0lfux0] {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw !important;
    height: 100vh;
    z-index: 1001;
    overflow: auto;
    background: var(--rm-light-grey);
    padding-top: 0px !important;
}

#sortSelectWrapper[b-hd6a0lfux0] {
    max-width: 200px;
}

#tabIndexDiv[b-hd6a0lfux0] {
    position: absolute;
    width: calc(100% - 15rem);
    top: 0;
    padding-top: 80px;
}

.results-ui-element-toggle[b-hd6a0lfux0] {
    background: var(--rm-main);
    color: var(--rm-fg-main);
    border-bottom-right-radius: 15px;
    border-top-right-radius: 3px;
    /*border: 1px solid black;*/
    outline: 5px solid #ffffff !important;
    /*background: white;*/
}

    .results-ui-element-toggle:hover i[b-hd6a0lfux0] {
        transform: scale(1.5);
    }

    .results-ui-element-toggle:hover[b-hd6a0lfux0] {
        box-shadow: 0px 0px 3px rgba(0,0,0,0.6) inset;
    }

    .results-ui-element-toggle.pressed[b-hd6a0lfux0] {
        animation: fade-pressed-in-b-hd6a0lfux0 1s ease;
        animation-fill-mode: forwards;
    }

.results-ui-element-toggle-round-left[b-hd6a0lfux0] {
    background: var(--rm-main);
    color: var(--rm-fg-main);
    border-bottom-left-radius: 15px;
    border-top-left-radius: 3px;
}

    .results-ui-element-toggle-round-left:hover[b-hd6a0lfux0] {
        box-shadow: 0px 0px 3px rgba(0,0,0,0.6) inset;
    }

.second-ui-toggle[b-hd6a0lfux0] {
    padding-left: calc(1rem + 20px);
}

.ignore-card-padding[b-hd6a0lfux0] {
    margin-left: -20px;
}

.ignore-card-padding-right[b-hd6a0lfux0] {
    margin-right: -20px;
}

@media only screen and (max-width: 1441px) {
    #tabIndexDiv[b-hd6a0lfux0] {
        width: 100%;
    }
}

/*for export modal all selector*/
[b-hd6a0lfux0] .choose-all-label::before {
    left: -1.5rem !important;
}

[b-hd6a0lfux0] .choose-all-label::after {
    left: -1.5rem !important;
}

.hover-scale:hover[b-hd6a0lfux0] {
    animation: scale-b-hd6a0lfux0 0.15s forwards;
}

@keyframes scale-b-hd6a0lfux0 {
    0% {
        transform: scale(1.0);
    }

    100% {
        transform: scale(1.1);
    }
}

.fade-in[b-hd6a0lfux0] {
    animation: fade-in-b-hd6a0lfux0 1s ease;
}

@keyframes fade-in-b-hd6a0lfux0 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fade-pressed-in-b-hd6a0lfux0 {
    /*fades box shadow in on .results-ui-element-toggle */
    0% {
        box-shadow: 0px 0px 0px rgba(0,0,0,0) inset;
    }

    100% {
        box-shadow: 0px 0px 3px rgba(0,0,0,0.6) inset;
    }
}


.slide-content-left[b-hd6a0lfux0] {
    animation: slide-content-left-b-hd6a0lfux0 1s forwards;
}

.slide-content-right[b-hd6a0lfux0] {
    animation: slide-content-right-b-hd6a0lfux0 1s forwards;
}

@keyframes slide-content-left-b-hd6a0lfux0 {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-50%);
    }
}

@keyframes slide-content-right-b-hd6a0lfux0 {
    0% {
        transform: translateX(-50%);
    }

    100% {
        transform: translateX(0%);
    }
}

.shimmer[b-hd6a0lfux0] {
    color: grey;
    display: inline-block;
    -webkit-mask: linear-gradient(-60deg,#000 30%,#0005,#000 70%) right/300% 100%;
    background-repeat: repeat;
    animation: shimmer-b-hd6a0lfux0 2.5s infinite;
}

@keyframes shimmer-b-hd6a0lfux0 {
    100% {
        -webkit-mask-position: left
    }
}

#selectCycleUl .custom-control-label[b-hd6a0lfux0]::before, #selectCycleUl .custom-control-label[b-hd6a0lfux0]::after {
    top: 0;
    left: -1.5rem;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
}

#selectCycleUl .cycle-selected-background[b-hd6a0lfux0] {
    background-color: lighten(var(--rm-gold))
}

#cycleSelection img[b-hd6a0lfux0], #cycleSelection i[b-hd6a0lfux0] {
    max-height: 30px;
    font-size: 30px;
}

#cycleSelection > div[b-hd6a0lfux0] {
    gap: 10px;
}

.checkbox-overlay[b-hd6a0lfux0] {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 99;
}

#behindCycleSelector[b-hd6a0lfux0] {
    z-index: 800;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
}

#filterWrapperDiv[b-hd6a0lfux0] {
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 10px;
    margin-left: -1rem;
    margin-right: -1rem;
    margin-top: -1.3rem;
    margin-bottom: 2rem;
}

#filterHeading[b-hd6a0lfux0] {
    min-width: 30vw;
    background-color: var(--rm-light-grey);
}

#filterHeadingWrapper[b-hd6a0lfux0] {
    height: 3rem;
}

.small-chart-greyscale[b-hd6a0lfux0] {
    opacity: 0.6;
}

    .small-chart-greyscale:hover[b-hd6a0lfux0] {
        opacity: 1;
    }

.custom-control.custom-checkbox.cycle-activation-control[b-hd6a0lfux0] {
    padding-left: 2rem;
}

.custom-control-label.cycle-activation-label[b-hd6a0lfux0]::before, .custom-control-label.cycle-activation-label[b-hd6a0lfux0]::after {
    left: -2rem !important;
}

.show-cursor[b-hd6a0lfux0] {
    cursor: pointer;
}

.default-tree-view-ul[b-hd6a0lfux0] {
    list-style-type: none;
    padding-inline-start: .5em;
}


[b-hd6a0lfux0] table.threesixty-table > thead > tr > th {
    border-bottom: 2px solid black !important;
}

    [b-hd6a0lfux0] table.threesixty-table:not(.only-one-selected) > thead > tr > th:first-child {
        border-right: 2px solid black !important;
    }

[b-hd6a0lfux0] table.threesixty-table.with-overview > thead > tr > th:nth-child(2) {
    border-right: 1px solid black !important;
}

[b-hd6a0lfux0] table.threesixty-table:not(.only-one-selected) > tbody > tr > td:first-child {
    border-right: 2px solid black !important;
}

[b-hd6a0lfux0] table.threesixty-table.with-overview > tbody > tr > td:nth-child(2) {
    border-right: 1px solid black !important;
}

[b-hd6a0lfux0] table.threesixty-table.with-overview > tbody > tr:first-child > td {
    border-bottom: 1px solid black !important;
}

[b-hd6a0lfux0] table.threesixty-table td:not(:first-child) {
    text-align: center;
    vertical-align: middle;
}

[b-hd6a0lfux0] table.threesixty-table td {
    border-top: none !important;
}

[b-hd6a0lfux0] .threesixty-table:not(.overview-table) {
    /*background-color: var(--rm-white);*/
    /*border-radius: 10px;*/
    /*box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);*/
    overflow: hidden;
}


.overview-div[b-hd6a0lfux0] {
    background-color: var(--rm-white);
    border-radius: 10px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}

/*.overview-table th{
    padding-top: 1.3rem;
} */

[b-hd6a0lfux0] table td, [b-hd6a0lfux0] table th {
    padding: 0.5rem;
}

.chart-div[b-hd6a0lfux0] {
    max-height: 400px;
}
/* /Pages/ThreeSixtyDegree/Results/ThreeSixtyQuestionsAccordion.razor.rz.scp.css */
.chart-col[results-css-scope] {
    width: calc(100% - 550px);
    min-width: 500px;
}

.comment-col[results-css-scope]{
    width: 550px;
}

.question-recipient-div[results-css-scope] {
    border-bottom: 1px solid lightgrey;
}

    .question-recipient-div:nth-child(2n+1)[results-css-scope] {
        border-right: 1px solid lightgrey;
    }

.threesixty-question-table[results-css-scope] {
    border-bottom: 1px solid lightgrey;
}

.comment-box[results-css-scope] {
    max-height: 25vh!important;
}

.ai-disclaimer[results-css-scope] {
    text-align: center;
    color: gray;
}

.summary-occuance-count[results-css-scope] {
    color: grey;
    font-size: smaller;
}

.accordion-topper>*>div[results-css-scope]{
    transform: rotate(50deg) translateY(7px) translateX(3px);
    transform-origin: right bottom;
}

.accordion-topper>*>div>span[results-css-scope]{
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    transform-origin: center center;
}

.self-foreign-image-weight[results-css-scope]{
    width: 50px;
    text-align: center;
    margin-left: 5px;
}

.delta-width[results-css-scope]{
    width: 60px;
    text-align: end;
}
/* /Pages/ThreeSixtyDegree/Results/ThreeSixtyTrendComparisonView.razor.rz.scp.css */
.trend-comparison[b-o88xjlh8cz] {
    padding-bottom: 4rem;
}

[b-o88xjlh8cz] .trend-topper {
    padding: 0 0 0.25rem 0;
}

[b-o88xjlh8cz] .trend-group + .trend-group {
    margin-left: 14px;
}

[b-o88xjlh8cz] .trend-group-label {
    text-align: center;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--rm-fg-light, #555);
    border-bottom: 3px solid;
    padding-bottom: 2px;
    margin-bottom: 4px;
}

[b-o88xjlh8cz] .trend-col-label {
    font-size: 0.7rem;
    color: #6c757d;
    text-align: center;
}

[b-o88xjlh8cz] .trend-value-col {
    width: 62px;
    min-width: 62px;
    text-align: center;
}

[b-o88xjlh8cz] .trend-delta-col {
    width: 76px;
    min-width: 76px;
    text-align: center;
}

[b-o88xjlh8cz] .trend-row {
    border: none;
    border-radius: 10px;
    overflow: hidden;
}

[b-o88xjlh8cz] .trend-row .trend-row-label {
    padding-left: 1rem !important;
}

[b-o88xjlh8cz] .trend-row:hover {
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.18), 0 3px 12px 0 rgba(0, 0, 0, 0.14);
}

.chart-div[b-o88xjlh8cz] {
    height: 480px;
    max-height: 480px;
}
/* /Pages/ThreeSixtyDegree/ThreeSixtyDegreeDepartments.razor.rz.scp.css */
.recipient-wrapper[b-er4eaxy8ln]{
    width: 290px;
    height: 290px;
    position: relative;
}

.circle-360[b-er4eaxy8ln] {
    border-radius: 50%;
    border: 20px solid var(--rm-icon-main);
    width: 100%;
    height: 100%;
    position: absolute;
}

.new-unit:hover[b-er4eaxy8ln]{
    transform: scale(1.1);
}

.recipient-name[b-er4eaxy8ln]{
    font-size: 1.5rem;
}

.unit-wrapper[b-er4eaxy8ln]{
    padding: 5rem;
}

.perspective-div[b-er4eaxy8ln] {
    height: 50%;
    top: 0;
    position: absolute;
    transform-origin: bottom center;
    /*transform: rotate(45deg);*/
    width: 4rem;
}

    .perspective-div.new-perspective-div > div[b-er4eaxy8ln] {
        border: 1px solid grey;
        padding: 1rem;
        border-radius: 4px;
        position: absolute;
        bottom: 9.5rem;
        font-size: 2rem;
        line-height: 2rem;
        height: 4rem;
        width: 4rem;
    }


    .perspective-div > div:hover[b-er4eaxy8ln] {
        cursor: pointer;
        background: grey;
        color: white;
    }

    .perspective-div.existing > div[b-er4eaxy8ln] {
        border: 1px solid grey;
        padding: 0.5rem;
        border-radius: 4px;
        position: absolute;
        bottom: 9.5rem;
        /*height: 4rem;*/
        width: 8rem;
        left: -2rem;
        text-align: center;
    }

.perspective-name[b-er4eaxy8ln] {
    font-size: 1rem;
}

.participant-count[b-er4eaxy8ln]{
    font-size: 0.6rem;
}

.turn-over[b-er4eaxy8ln] {
    transform: rotate(180deg);
}

.participant-info[b-er4eaxy8ln]{
    line-height: 16px;
}

.normal-departments-info[b-er4eaxy8ln] {
    font-size: 12px;
    line-height: 12px;
}

/*------------------------------------------------------------------*/
    [b-er4eaxy8ln] .custom-control-label.people-select::before {
        left: -3.1rem;
        display: block;
        width: 1.5rem;
        height: 1.5rem;
        pointer-events: none;
        content: "";
        background-color: #fff;
        border: #adb5bd solid 1px;
        top: 0rem;
    }

[b-er4eaxy8ln] .custom-control-label.people-select::after {
    left: -3.1rem;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    content: "";
    background: no-repeat 50%/50% 50%;
    top: 0rem;
}

.template-perspective-textarea[b-er4eaxy8ln] {
    resize: none!important;
}

/* /Shared/AccountLayout.razor.rz.scp.css */
.page[b-1ui0q8hcwm] {
    position: relative;
    display: flex;
    flex-direction: column;
    background-size: cover;
}

.main[b-1ui0q8hcwm] {
    flex: 1;
}

.sidebar[b-1ui0q8hcwm] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

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

    .top-row[b-1ui0q8hcwm]  a, .top-row .btn-link[b-1ui0q8hcwm] {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

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

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-1ui0q8hcwm] {
        display: none;
    }

    .top-row.auth[b-1ui0q8hcwm] {
        justify-content: space-between;
    }

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

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

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

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

    .main > div[b-1ui0q8hcwm] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#containerWrapper[b-1ui0q8hcwm]{
    overflow: auto;
    width: 100%;
    height: 100vh;
    z-index: 1000;
}

#loginContainer[b-1ui0q8hcwm] {
    z-index: 3;
}

#particles[b-1ui0q8hcwm] {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 2;
    top: 0;
    left: 0;
}

#contentDiv[b-1ui0q8hcwm] {
/*    box-shadow: 2px 0px 40px 50px #c1a7628f;
    background-color: #c1a7628f;*/
}
/* /Shared/GlobalComponents/Alert.razor.rz.scp.css */
#alertDiv[b-hemonsd1ly] {
    position: fixed;
    bottom: 3em;
    right: 3em;
    z-index: 9999;
}

.rm-alert[b-hemonsd1ly] {
    width: 400px;
    min-height: 50px;
    font-size: 1.1em;
    border-radius: 15px;
}

.rm-alert-show[b-hemonsd1ly] {
    width: 400px;
    min-height: 50px;
    font-size: 1.1em;
    border-radius: 15px;
    animation-name: show-alert-b-hemonsd1ly;
    animation-duration: 0.3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}


.rm-alert-success[b-hemonsd1ly] {
    border: 2px solid #09a502;
    background-color: #079900c9;
    color: white;
}

.rm-alert-error[b-hemonsd1ly] {
    border: 2px solid #e60000;
    background-color: #f50000bf;
    color: white;
}

.rm-alert-warning[b-hemonsd1ly] {
    border: 2px solid #ebac00;
    background-color: #fc9e00b8;
    color: white;
}

.rm-alert-fade-out[b-hemonsd1ly] {
    animation-name: fade-alert-out-b-hemonsd1ly;
    animation-duration: 0.5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@keyframes show-alert-b-hemonsd1ly{
    0%{
        margin-left: 120%;
    }
    100% {
        margin-left: 0%;
    }
}

@keyframes fade-alert-out-b-hemonsd1ly {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

#rmIcon[b-hemonsd1ly]{
    width: 53px;
    height: 50px;
}
/* /Shared/GlobalComponents/ClickPopover.razor.rz.scp.css */


#popoverDiv[b-8n053q5ud1] {
    background-color: white;
    position: absolute;
    border: 2px solid var(--rm--icon-main);
    padding: 1em;
    border-radius: 10px;
    color: black;
    /*bottom: 100%;*/
    width: 400px!important;
    box-shadow: 0px 1px 24px -3px rgb(0 0 0 / 56%);
    z-index: 9999;
}

.top[b-8n053q5ud1] {
    bottom: 100% !important;
}

.left[b-8n053q5ud1] {
    left: -405px !important;
}

.right[b-8n053q5ud1] {
    right: -405px !important;
}

.bottom[b-8n053q5ud1] {
    top: 100% !important;
}

    .bottom.center[b-8n053q5ud1] {
        left: -200px !important;
    }

.top.center[b-8n053q5ud1] {
    left: -200px !important;
}

.popover-bg[b-8n053q5ud1]{
    position: fixed;
    height: 100vh;
    width: 100vw;
    top:0;
    left:0;
    z-index: 1000;
}




/*#closeDiv{
    width: 100vw;
    height: 100vh;
    position: fixed;
    top:0;
    left:0;
    z-index: 999;
}*/
/* /Shared/GlobalComponents/HelpButton.razor.rz.scp.css */

#helpButton[b-0o9fgeno8b]{
    /*background: var(--rm-main);*/
    width: 120px;
    height: 120px;

    position: fixed;

    right: 30px;
    bottom: 30px;
}

#helpButtonImg[b-0o9fgeno8b] {
    width: 70%;
    height: 70%;
    filter: drop-shadow(0px 0px 3px darkgrey);
}

#helpButtonImg:hover[b-0o9fgeno8b] {
    width: 90%;
}

.iframeContainer[b-0o9fgeno8b]{
    max-width: 200px;
}

[b-0o9fgeno8b] #popoverDiv {
    right: 0;
    bottom: 120px !important;
    width: 340px !important;
    padding: 0!important;
    overflow: hidden;
}

[b-0o9fgeno8b] #popoverInner {
    max-height: 65vh;
    overflow-y: auto;
    padding: 1em;
}

[b-0o9fgeno8b] .clickable-div{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}
/* /Shared/GlobalComponents/HoverCard.razor.rz.scp.css */
.hover-card-wrapper[b-2izxwmzr20] {
    position: relative;
    display: inline-block;
}

.hover-card-trigger[b-2izxwmzr20] {
    cursor: pointer;
}

.hover-card[b-2izxwmzr20] {
    position: fixed;
    left: -9999px;
    top: 0;
    z-index: 9999;
    padding: 0.75rem;
    border-radius: 12px;
    background-color: #fff;
    color: #000;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.4);
    pointer-events: auto;
    overflow: hidden;
    box-sizing: border-box;
}

.hover-card-content[b-2izxwmzr20] {
    width: 100%;
    height: 100%;
    overflow: auto;
}

.hover-card-content[b-2izxwmzr20]  * {
    margin: 0 0 0.25rem 0;
}

.hover-card-content[b-2izxwmzr20]  *:last-child {
    margin-bottom: 0;
}
/* /Shared/GlobalComponents/Loader.razor.rz.scp.css */
svg.pulse-svg[b-orgsmnr1f9] {
    overflow: visible;
}

    svg.pulse-svg .first-circle[b-orgsmnr1f9] {
        fill: var(--rm-main);
        transform: scale(0.5);
        transform-origin: center center;
        animation: pulse-me-b-orgsmnr1f9 3s linear infinite;
        filter: drop-shadow(0px 0px 1px darkgrey);
    }

    svg.pulse-svg .second-circle[b-orgsmnr1f9] {
        fill: var(--rm-main);
        transform: scale(0.5);
        transform-origin: center center;
        animation: pulse-me-b-orgsmnr1f9 3s linear infinite;
        animation-delay: 1s;
        opacity: 0;
        filter: drop-shadow(0px 0px 1px darkgrey);
    }

    svg.pulse-svg .third-circle[b-orgsmnr1f9] {
        fill: var(--rm-main);
        transform: scale(0.5);
        transform-origin: center center;
        animation: pulse-me-b-orgsmnr1f9 3s linear infinite;
        animation-delay: 2s;
        opacity: 0;
        filter: drop-shadow(0px 0px 1px darkgrey);
    }


/* pulse in CSS */
.pulse-css[b-orgsmnr1f9] {
    width: 30px;
    height: 30px;
    border-radius: 15px;
    background: tomato;
    position: relative;
}

    .pulse-css[b-orgsmnr1f9]:before,
    .pulse-css[b-orgsmnr1f9]:after {
        content: "";
        width: 30px;
        height: 30px;
        border-radius: 15px;
        background-color: tomato;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        transform: scale(0.5);
        transform-origin: center center;
        animation: pulse-me-b-orgsmnr1f9 3s linear infinite;
    }

    .pulse-css[b-orgsmnr1f9]:after {
        animation-delay: 2s;
    }


@keyframes pulse-me-b-orgsmnr1f9 {
    0% {
        transform: scale(0.5);
        opacity: 0;
    }

    50% {
        opacity: 0.1;
    }

    70% {
        opacity: 0.09;
    }

    100% {
        transform: scale(5);
        opacity: 0;
    }
}

#pulsatingLogo[b-orgsmnr1f9] {
    height: 300px;
    transform: scale(1);
    animation: pulse-logo-b-orgsmnr1f9 1s infinite;
    filter: drop-shadow(0px 0px 1px darkgrey);
}

@keyframes pulse-logo-b-orgsmnr1f9 {
    0% {
        transform: scale(0.9);
    }

    70% {
        transform: scale(1);
    }

    100% {
        transform: scale(0.9);
    }
}

#loaderDiv[b-orgsmnr1f9] {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top:0;
    left:0;
    z-index: 3000;
    cursor: wait;
}

.is-content[b-orgsmnr1f9] {
    z-index: 900 !important;
}

.small-img[b-orgsmnr1f9] {
    height: 50px !important;
}

#loaderDivSmall[b-orgsmnr1f9] {
    margin-top: 10px;
    margin-bottom: 10px;
    height: 40px;
    position: relative !important;
}

.loader-progress-box[b-orgsmnr1f9] {
    position: absolute; 
    height: 15px; 
    border-radius: 3px; 
    width: 300px; 
    margin-top: 350px; 
    border: 1px solid #212121;
}

.loader-progress-bar[b-orgsmnr1f9] {
    position: absolute;
    height: 13px;
    border-radius: 2px;
    background-color: var(--rm-main);
}
/* /Shared/GlobalComponents/LongOperationDisplay.razor.rz.scp.css */
#alertDiv[b-6yi94rg000] {
    position: fixed;
    bottom: 0em;
    right: 1em;
    z-index: 9999;
}

#alertDiv li[b-6yi94rg000] {
    padding-right: 30px!important;
}

.rm-alert[b-6yi94rg000] {
    width: 400px;
    min-height: 50px;
    font-size: 1.1em;
    border-radius: 15px;
}

.rm-alert-show[b-6yi94rg000] {
    min-height: 50px;
    font-size: 1.1em;
    border-radius: 15px;
    animation-name: show-alert-b-6yi94rg000;
    animation-duration: 0.3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

.show-message[b-6yi94rg000] {
    width: 400px;
}

.rm-alert-success[b-6yi94rg000] {
    border: 2px solid #09a502;
    background-color: #079900c9;
    color: white;
}

.rm-alert-error[b-6yi94rg000] {
    border: 2px solid #e60000;
    background-color: #f50000bf;
    color: white;
}

.rm-alert-warning[b-6yi94rg000] {
    border: 2px solid #ebac00;
    background-color: #fc9e00b8;
    color: white;
}

.rm-alert-fade-out[b-6yi94rg000] {
    animation-name: fade-alert-out-b-6yi94rg000;
    animation-duration: 0.5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

#closeButton[b-6yi94rg000]{
    position: absolute;
    top: 1px;
    right: 7px;
}


@keyframes show-alert-b-6yi94rg000 {
    0%{
        margin-left: 120%;
    }
    100% {
        margin-left: 0%;
    }
}

@keyframes fade-alert-out-b-6yi94rg000 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

#rmIcon[b-6yi94rg000]{
    width: 53px;
    height: 50px;
}

.lds-dual-ring[b-6yi94rg000] {
    display: inline-block;
    width: 32px;
    height: 25px;
}

    .lds-dual-ring[b-6yi94rg000]:after {
        content: " ";
        display: block;
        width: 32px;
        height: 32px;
        margin: 0px;
        border-radius: 50%;
        border: 4px solid #fff;
        border-color: #fff transparent #fff transparent;
        animation: lds-dual-ring-b-6yi94rg000 1.2s linear infinite;
    }

i:hover[b-6yi94rg000]{
    transform: scale(1.1);
}

@keyframes lds-dual-ring-b-6yi94rg000 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/* /Shared/GlobalComponents/Popover.razor.rz.scp.css */


#popoverDiv[b-bipouaonrq] {
    background-color: white;
    position: absolute;
    border: 2px solid var(--rm--icon-main);
    padding: 1em;
    border-radius: 10px;
    color: black;
    /*bottom: 100%;*/
    width: 400px!important;
    box-shadow: 0px 1px 24px -3px rgb(0 0 0 / 56%);
    z-index: 9999;
}

.top[b-bipouaonrq]{
    bottom: 100% !important;
}

.onlytop[b-bipouaonrq] {
    bottom: 100% !important;
    left: -200px !important;
}

.onlytop-sm-right[b-bipouaonrq] {
    bottom: 100%;
    left: -100px;
}

.left[b-bipouaonrq] {
    left: -405px !important;
}

.right[b-bipouaonrq] {
    right: -405px !important;
}

.bottom[b-bipouaonrq] {
    top: 100% !important;
}

    .bottom.center[b-bipouaonrq] {
        left: -200px !important;
    }

.top.center[b-bipouaonrq] {
    left: -200px !important;
}


/*#closeDiv{
    width: 100vw;
    height: 100vh;
    position: fixed;
    top:0;
    left:0;
    z-index: 999;
}*/
/* /Shared/GlobalComponents/TextEditor.razor.rz.scp.css */
.editor-div[b-vbuww0sx09]{
    border-radius: 5px;
    background-color: var(--rm-white);
}

.text-editable[b-vbuww0sx09] {
    min-height: 100px;
    padding: 5px;
    border: 1px solid #ccc;
}
/* /Shared/GlobalComponents/ToggleSwitch.razor.rz.scp.css */
/*toggle switch used in results and group administration*/
.custom-control-input:checked ~ .custom-control-label.toggle-switch[b-kmezk7s6e4]::before {
    border-color: gray !important;
    background-color: var(--rm-icon-main) !important;
    opacity: 0.4 !important;
}

.custom-control-input:checked ~ .custom-control-label.toggle-switch[b-kmezk7s6e4]::after {
    background-color: var(--rm-icon-main) !important;
    border: none !important;
}

.custom-switch .custom-control-label.toggle-switch[b-kmezk7s6e4]::before {
    left: -2.25rem;
    width: 2.2rem;
    pointer-events: all;
    border-radius: 0.5rem;
    border: 1px solid darkgray;
}

.custom-switch .custom-control-label.toggle-switch[b-kmezk7s6e4]::after {
    top: calc(0.25rem - 2px);
    left: calc(-2.25rem - 2px);
    width: calc(1rem + 4px);
    height: calc(1rem + 4px);
    background-color: #adb5bd;
    border-radius: 1rem;
    transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.custom-switch .custom-control-label.toggle-switch:hover[b-kmezk7s6e4]::after {
    background-color: var(--rm-icon-main) !important;
}
/*.custom-switch .custom-control-label:hover::before {
    border: var(--rm-main) !important;
    opacity: 0.7 !important;
}*/

.custom-switch .custom-control-input:checked ~ .custom-control-label.toggle-switch[b-kmezk7s6e4]::after {
    background-color: #ff3547;
    transform: translateX(1.5rem);
    border: 1px solid darkgray;
}
/*toggle switch end*/
/* /Shared/HelperAgentChat.razor.rz.scp.css */
.helper-agent-toggle[b-jf70f8j0qb],
.helper-agent-icon-button[b-jf70f8j0qb],
.helper-agent-input button[b-jf70f8j0qb] {
    border: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.helper-agent-toggle[b-jf70f8j0qb] {
    position: fixed;
    right: 1.5rem;
    bottom: 1.5rem;
    z-index: 1200;
    width: 3.4rem;
    height: 3.4rem;
    border-radius: 50%;
    background: var(--rm-main, #c1a762);
    color: var(--rm-fg-main, #fff);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.22);
    font-size: 1.25rem;
    transition: transform 0.15s ease;
}

.helper-agent-toggle:hover[b-jf70f8j0qb] {
    transform: scale(1.1);
}

.helper-agent-sidebar[b-jf70f8j0qb] {
    position: fixed;
    top: 85px;
    right: 0;
    bottom: 0;
    z-index: 1100;
    width: var(--helper-agent-sidebar-width, 400px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-left: 1px solid #d9dde3;
    background: #fff;
    box-shadow: -8px 0 24px rgba(0, 0, 0, 0.08);
}

.helper-agent-resize-handle[b-jf70f8j0qb] {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 2;
    width: 0.45rem;
    border: 0;
    background: transparent;
    cursor: ew-resize;
}

.helper-agent-resize-handle span[b-jf70f8j0qb] {
    display: none;
}

.helper-agent-resize-handle:hover[b-jf70f8j0qb],
.helper-agent-resize-handle:focus-visible[b-jf70f8j0qb] {
    background: rgba(0, 0, 0, 0.06);
    outline: none;
}

.helper-agent-header[b-jf70f8j0qb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.8rem 0.9rem;
    border-bottom: 1px solid #e9ecef;
    background: #f8f9fb;
}

.helper-agent-title-area[b-jf70f8j0qb] {
    min-width: 0;
}

.helper-agent-title[b-jf70f8j0qb] {
    color: #222;
    font-weight: 700;
    line-height: 1.1;
}

.helper-agent-status[b-jf70f8j0qb] {
    color: #6b7280;
    font-size: 0.78rem;
    line-height: 1.3;
}

.helper-agent-icon-button[b-jf70f8j0qb] {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: transparent;
    color: #555;
}

.helper-agent-icon-button:hover[b-jf70f8j0qb] {
    background: #eef0f3;
}

.helper-agent-secret-menu[b-jf70f8j0qb] {
    display: grid;
    gap: 0.65rem;
    padding: 0.6rem 0.85rem;
    border-bottom: 1px solid #e2e6eb;
    background: #fbfcfe;
}

.helper-agent-secret-section[b-jf70f8j0qb] {
    display: grid;
    gap: 0.45rem;
}

.helper-agent-secret-menu-title[b-jf70f8j0qb] {
    color: #4b5563;
    font-size: 0.76rem;
    font-weight: 700;
    line-height: 1.2;
}

.helper-agent-secret-segment[b-jf70f8j0qb] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    overflow: hidden;
    border: 1px solid #cfd5dd;
    border-radius: 6px;
}

.helper-agent-secret-option[b-jf70f8j0qb] {
    min-width: 0;
    border: 0;
    border-right: 1px solid #cfd5dd;
    padding: 0.34rem 0.4rem;
    background: #fff;
    color: #374151;
    font-size: 0.75rem;
    line-height: 1.2;
    white-space: nowrap;
}

.helper-agent-secret-option:last-child[b-jf70f8j0qb] {
    border-right: 0;
}

.helper-agent-secret-option:hover[b-jf70f8j0qb] {
    background: #f1f3f5;
}

.helper-agent-secret-option.active[b-jf70f8j0qb] {
    background: var(--rm-main, #c1a762);
    color: var(--rm-fg-main, #fff);
}

.helper-agent-secret-field[b-jf70f8j0qb] {
    display: grid;
    grid-template-columns: 5rem minmax(0, 1fr);
    gap: 0.55rem;
    align-items: center;
    margin: 0;
    color: #4b5563;
    font-size: 0.76rem;
    font-weight: 700;
}

.helper-agent-secret-field select[b-jf70f8j0qb] {
    min-width: 0;
    height: 2rem;
    border: 1px solid #cfd5dd;
    border-radius: 6px;
    padding: 0 0.45rem;
    background: #fff;
    color: #1f2937;
    font-size: 0.78rem;
}

.helper-agent-token-usage[b-jf70f8j0qb] {
    display: grid;
    gap: 0.4rem;
}

.helper-agent-token-usage-row[b-jf70f8j0qb] {
    display: grid;
    grid-template-columns: minmax(5rem, 0.8fr) minmax(0, 1.2fr);
    gap: 0.55rem;
    align-items: start;
    padding: 0.45rem 0.5rem;
    border: 1px solid #d9dee5;
    border-radius: 6px;
    background: #fff;
}

.helper-agent-token-usage-row.total[b-jf70f8j0qb] {
    background: #f6f7f9;
}

.helper-agent-token-usage-model[b-jf70f8j0qb] {
    min-width: 0;
    overflow: hidden;
    color: #1f2937;
    font-size: 0.76rem;
    font-weight: 700;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.helper-agent-token-usage-value[b-jf70f8j0qb] {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    gap: 0.25rem 0.45rem;
    justify-content: flex-end;
    color: #4b5563;
    font-size: 0.74rem;
    line-height: 1.25;
    text-align: right;
}

.helper-agent-token-usage-value strong[b-jf70f8j0qb] {
    color: #1f2937;
    font-weight: 700;
}

.helper-agent-token-usage-value .helper-agent-token-usage-cost[b-jf70f8j0qb] {
    color: #4f6f2a;
}

.helper-agent-messages[b-jf70f8j0qb] {
    flex: 1;
    overflow-y: auto;
    padding: 0.85rem;
    background: #fff;
}

.helper-agent-empty[b-jf70f8j0qb] {
    margin-top: 1rem;
    color: #7a7f87;
    text-align: center;
    font-size: 0.92rem;
}

.helper-agent-message[b-jf70f8j0qb] {
    width: fit-content;
    max-width: 88%;
    margin-bottom: 0.65rem;
    padding: 0.55rem 0.7rem;
    border-radius: 8px;
    overflow-wrap: anywhere;
    color: #222;
    font-size: 0.9rem;
    line-height: 1.4;
}

.helper-agent-message.streaming[b-jf70f8j0qb] {
    white-space: pre-wrap;
}

.helper-agent-message.complete[b-jf70f8j0qb],
.helper-agent-message.markdown-rendering[b-jf70f8j0qb] {
    white-space: normal;
}

.helper-agent-message.user[b-jf70f8j0qb] {
    margin-left: auto;
    background: var(--rm-main, #c1a762);
    color: var(--rm-fg-main, #fff);
}

.helper-agent-message.assistant[b-jf70f8j0qb] {
    margin-right: auto;
    background: #f1f3f5;
}

.helper-agent-tool-events[b-jf70f8j0qb] {
    display: grid;
    gap: 0.4rem;
    margin-bottom: 0.55rem;
    white-space: normal;
}

.helper-agent-tool-event[b-jf70f8j0qb] {
    border-left: 3px solid #c1a762;
    padding: 0.45rem 0.5rem;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.72);
}

.helper-agent-tool-event.response[b-jf70f8j0qb] {
    border-left-color: #6b7280;
}

.helper-agent-tool-event-title[b-jf70f8j0qb] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    color: #4b5563;
    font-size: 0.76rem;
    font-weight: 700;
}

.helper-agent-tool-query[b-jf70f8j0qb] {
    margin-top: 0.25rem;
    color: #1f2937;
    font-size: 0.82rem;
    font-style: italic;
}

.helper-agent-tool-results[b-jf70f8j0qb] {
    display: grid;
    gap: 0.25rem;
    margin-top: 0.35rem;
}

.helper-agent-tool-result[b-jf70f8j0qb] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.35rem;
    align-items: center;
    min-width: 0;
    color: #374151;
    font-size: 0.78rem;
}

.helper-agent-tool-result-link[b-jf70f8j0qb] {
    border-radius: 4px;
    padding: 0.12rem 0.18rem;
    text-decoration: none;
}

.helper-agent-tool-result-link:hover[b-jf70f8j0qb] {
    background: rgba(193, 167, 98, 0.16);
    color: #1f2937;
    text-decoration: none;
}

.helper-agent-tool-result-title[b-jf70f8j0qb] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.helper-agent-tool-result i[b-jf70f8j0qb] {
    color: #6b7280;
    font-size: 0.68rem;
}

.helper-agent-citation[b-jf70f8j0qb] {
    border: 0;
    border-radius: 4px;
    padding: 0.05rem 0.18rem;
    background: rgba(193, 167, 98, 0.2);
    color: inherit;
    font: inherit;
}

.helper-agent-citation-link[b-jf70f8j0qb] {
    cursor: pointer;
    text-decoration: underline;
    text-decoration-color: rgba(111, 92, 44, 0.55);
    text-underline-offset: 0.12rem;
}

.helper-agent-citation-link:hover[b-jf70f8j0qb] {
    background: rgba(193, 167, 98, 0.35);
}

.helper-agent-source-badge[b-jf70f8j0qb] {
    display: inline-flex;
    max-width: 10rem;
    align-items: center;
    margin-left: 0.25rem;
    border: 1px solid rgba(111, 92, 44, 0.25);
    border-radius: 999px;
    padding: 0.02rem 0.34rem;
    background: rgba(193, 167, 98, 0.16);
    color: #5d4c22;
    font-size: 0.68rem;
    font-weight: 700;
    line-height: 1.35;
    vertical-align: baseline;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.helper-agent-source-badge-link[b-jf70f8j0qb] {
    text-decoration: none;
}

.helper-agent-source-badge-link:hover[b-jf70f8j0qb] {
    background: rgba(193, 167, 98, 0.3);
    color: #4c3d19;
}

.helper-agent-markdown[b-jf70f8j0qb] {
    overflow-wrap: anywhere;
}

.helper-agent-markdown[b-jf70f8j0qb]  p,
.helper-agent-markdown[b-jf70f8j0qb]  ul,
.helper-agent-markdown[b-jf70f8j0qb]  ol,
.helper-agent-markdown[b-jf70f8j0qb]  blockquote,
.helper-agent-markdown[b-jf70f8j0qb]  pre,
.helper-agent-markdown[b-jf70f8j0qb]  table {
    margin: 0 0 0.55rem;
}

.helper-agent-markdown[b-jf70f8j0qb]  p:last-child,
.helper-agent-markdown[b-jf70f8j0qb]  ul:last-child,
.helper-agent-markdown[b-jf70f8j0qb]  ol:last-child,
.helper-agent-markdown[b-jf70f8j0qb]  blockquote:last-child,
.helper-agent-markdown[b-jf70f8j0qb]  pre:last-child,
.helper-agent-markdown[b-jf70f8j0qb]  table:last-child {
    margin-bottom: 0;
}

.helper-agent-markdown[b-jf70f8j0qb]  h1,
.helper-agent-markdown[b-jf70f8j0qb]  h2,
.helper-agent-markdown[b-jf70f8j0qb]  h3,
.helper-agent-markdown[b-jf70f8j0qb]  h4,
.helper-agent-markdown[b-jf70f8j0qb]  h5,
.helper-agent-markdown[b-jf70f8j0qb]  h6 {
    margin: 0.1rem 0 0.45rem;
    font-size: 0.98rem;
    font-weight: 700;
    line-height: 1.25;
}

.helper-agent-markdown[b-jf70f8j0qb]  ul,
.helper-agent-markdown[b-jf70f8j0qb]  ol {
    padding-left: 1.15rem;
}

.helper-agent-markdown[b-jf70f8j0qb]  ul {
    list-style-type: disc;
}

.helper-agent-markdown[b-jf70f8j0qb]  ol {
    list-style-type: decimal;
}

.helper-agent-markdown[b-jf70f8j0qb]  li {
    margin-bottom: 0.25rem;
}

.helper-agent-markdown[b-jf70f8j0qb]  blockquote {
    border-left: 3px solid #d6d9de;
    padding-left: 0.55rem;
    color: #4b5563;
}

.helper-agent-markdown[b-jf70f8j0qb]  code {
    border-radius: 4px;
    padding: 0.05rem 0.22rem;
    background: rgba(0, 0, 0, 0.06);
    font-size: 0.84rem;
}

.helper-agent-markdown[b-jf70f8j0qb]  pre {
    overflow-x: auto;
    border-radius: 6px;
    padding: 0.55rem;
    background: #20242a;
    color: #f8fafc;
    white-space: pre;
}

.helper-agent-markdown[b-jf70f8j0qb]  pre code {
    padding: 0;
    background: transparent;
    color: inherit;
}

.helper-agent-markdown[b-jf70f8j0qb]  table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.82rem;
}

.helper-agent-markdown[b-jf70f8j0qb]  th,
.helper-agent-markdown[b-jf70f8j0qb]  td {
    border: 1px solid #d6d9de;
    padding: 0.3rem 0.4rem;
    text-align: left;
    vertical-align: top;
}

.helper-agent-markdown[b-jf70f8j0qb]  th {
    background: rgba(255, 255, 255, 0.65);
    font-weight: 700;
}

.helper-agent-markdown[b-jf70f8j0qb]  a {
    color: #6f5c2c;
    text-decoration: underline;
    text-underline-offset: 0.12rem;
}

.helper-agent-markdown[b-jf70f8j0qb]  .helper-agent-navigation-link.internal {
    font-weight: 700;
}

.helper-agent-markdown[b-jf70f8j0qb]  .helper-agent-navigation-link:hover {
    color: #4c3d19;
}

.helper-agent-markdown[b-jf70f8j0qb]  .helper-agent-wiki-image {
    margin: 0.45rem 0 0.6rem;
}

.helper-agent-markdown[b-jf70f8j0qb]  .helper-agent-wiki-image a {
    display: block;
    border-radius: 6px;
    overflow: hidden;
    background: #fff;
}

.helper-agent-markdown[b-jf70f8j0qb]  .helper-agent-wiki-image img {
    display: block;
    width: 100%;
    max-height: 18rem;
    object-fit: contain;
    border: 1px solid #d6d9de;
    border-radius: 6px;
    background: #fff;
}

.helper-agent-markdown[b-jf70f8j0qb]  .helper-agent-wiki-image figcaption {
    margin-top: 0.25rem;
    color: #5f6670;
    font-size: 0.74rem;
    line-height: 1.3;
}

.helper-agent-markdown[b-jf70f8j0qb]  .helper-agent-wiki-image-missing {
    display: inline-flex;
    align-items: center;
    gap: 0.28rem;
    border: 1px solid rgba(111, 92, 44, 0.24);
    border-radius: 5px;
    padding: 0.16rem 0.36rem;
    background: rgba(193, 167, 98, 0.14);
    color: #5d4c22;
    font-size: 0.78rem;
    line-height: 1.25;
    text-decoration: none;
}

.helper-agent-markdown[b-jf70f8j0qb]  .helper-agent-wiki-image-missing:hover {
    background: rgba(193, 167, 98, 0.26);
    color: #4c3d19;
    text-decoration: none;
}

.helper-agent-markdown[b-jf70f8j0qb]  .helper-agent-citation {
    border-radius: 4px;
    padding: 0.05rem 0.18rem;
    background: rgba(193, 167, 98, 0.2);
    color: inherit;
}

.helper-agent-markdown[b-jf70f8j0qb]  .helper-agent-citation-link {
    text-decoration-color: rgba(111, 92, 44, 0.55);
}

.helper-agent-markdown[b-jf70f8j0qb]  .helper-agent-citation-link:hover {
    background: rgba(193, 167, 98, 0.35);
}

.helper-agent-markdown[b-jf70f8j0qb]  .helper-agent-source-badge {
    display: inline-flex;
    max-width: 10rem;
    align-items: center;
    margin-left: 0.25rem;
    border: 1px solid rgba(111, 92, 44, 0.25);
    border-radius: 999px;
    padding: 0.02rem 0.34rem;
    background: rgba(193, 167, 98, 0.16);
    color: #5d4c22;
    font-size: 0.68rem;
    font-weight: 700;
    line-height: 1.35;
    vertical-align: baseline;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.helper-agent-markdown[b-jf70f8j0qb]  .helper-agent-source-badge-link {
    text-decoration: none;
}

.helper-agent-markdown[b-jf70f8j0qb]  .helper-agent-source-badge-link:hover {
    background: rgba(193, 167, 98, 0.3);
    color: #4c3d19;
}

.helper-agent-error[b-jf70f8j0qb] {
    padding: 0.45rem 0.85rem;
    border-top: 1px solid #f2c7c7;
    background: #fff5f5;
    color: #a11;
    font-size: 0.82rem;
}

.helper-agent-input[b-jf70f8j0qb] {
    display: grid;
    grid-template-columns: 1fr 2.4rem;
    gap: 0.55rem;
    padding: 0.7rem;
    border-top: 1px solid #e9ecef;
    background: #fff;
}

.helper-agent-input textarea[b-jf70f8j0qb] {
    min-height: 2.5rem;
    max-height: 6rem;
    resize: vertical;
    border: 1px solid #cfd5dd;
    border-radius: 6px;
    padding: 0.5rem 0.55rem;
    color: #222;
    font-size: 0.9rem;
}

.helper-agent-input button[b-jf70f8j0qb] {
    width: 2.4rem;
    height: 2.4rem;
    align-self: end;
    border-radius: 50%;
    background: var(--rm-main, #c1a762);
    color: var(--rm-fg-main, #fff);
}

.helper-agent-input button:disabled[b-jf70f8j0qb] {
    cursor: default;
    opacity: 0.55;
}

@media only screen and (max-width: 992px) {
    .helper-agent-sidebar[b-jf70f8j0qb] {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1300;
        width: auto;
        max-width: none;
        border-left: 0;
        box-shadow: none;
    }

    .helper-agent-resize-handle[b-jf70f8j0qb] {
        display: none;
    }

    .helper-agent-toggle[b-jf70f8j0qb] {
        right: 1rem;
        bottom: 1rem;
    }
}

@media only screen and (max-width: 640px) {
    .helper-agent-toggle[b-jf70f8j0qb] {
        right: 1rem;
        bottom: 1rem;
    }
}
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-vzuo5frr7t] {
    position: relative;
    display: flex;
    flex-direction: column;
}


.main[b-vzuo5frr7t] {
    padding-left: 15rem;
    padding-top: 85px;
}

@media (min-width: 993px) {
    .main.helper-agent-open[b-vzuo5frr7t] {
        padding-right: var(--helper-agent-sidebar-width, 400px);
        transition: padding-right 0.2s ease;
    }

    .main.helper-agent-open[b-vzuo5frr7t]  #tabIndexDiv {
        width: calc(100% - var(--helper-agent-sidebar-width, 400px));
    }
}

@media (min-width: 1442px) {
    .main.helper-agent-open[b-vzuo5frr7t]  #tabIndexDiv {
        width: calc(100% - 15rem - var(--helper-agent-sidebar-width, 400px));
    }
}

@media only screen and (max-width: 1440px) {
    .main[b-vzuo5frr7t] {
        padding-left: 0;
    }
}



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

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

    .top-row ::deep a, .top-row .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

    .top-row a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth) {
        display: none;
    }

    .top-row.auth {
        justify-content: space-between;
    }

    .top-row a, .top-row .btn-link {
        margin-left: 0;
    }
}

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

    .sidebar {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .main > div {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
*/
/* /Shared/NavMenu.razor.rz.scp.css */

#rm-nav[b-dxd3digv5p] {
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 15rem;
    background: var(--rm-white);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999 !important;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-color: var(--rm-main) var(--rm-white);
    scrollbar-width: thin;
}

#rm-nav[b-dxd3digv5p]::-webkit-scrollbar {
    width: 8px;
    background: var(--rm-white);
}

#rm-nav[b-dxd3digv5p]::-webkit-scrollbar-thumb {
    background: var(--rm-main);
    border-radius: 4px;
}


@media only screen and (min-width: 1441px) {
    #rm-nav[b-dxd3digv5p] {
        display: flex;
    }
}

.no-hover-effect:hover[b-dxd3digv5p] {
    background-color: unset !important;
}

#rm-nav li[b-dxd3digv5p] {
    width: calc(100% + 25px);
    box-sizing: border-box;
    margin-left: -25px;
    padding-left: 30px;
}

    #rm-nav li:hover[b-dxd3digv5p] {
        background-color: var(--rm-light-grey);
    }

    #rm-nav li:first-child[b-dxd3digv5p] {
        margin-top: 80px;
    }

.rm-nav-link[b-dxd3digv5p] {
    display: flex;
    align-items: center;
}

    .rm-nav-link > svg[b-dxd3digv5p] {
        margin-right: 10px;
    }

.fixed-sn main[b-dxd3digv5p] {
    padding-top: 0px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.nav-custom-active[b-dxd3digv5p] {
    position: relative;
    background-color: var(--rm-light-grey);
}

.nav-custom-active[b-dxd3digv5p]::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 5px;
    background-color: var(--rm-main);
}

    .nav-custom-active *[b-dxd3digv5p] {
        font-weight: bold;
    }

.side-nav[b-dxd3digv5p] {
    box-shadow: 5px 0px 8px -2px rgba(0, 0, 0, 0.1);
    z-index: 999 !important;
}

.rm-nav-item[b-dxd3digv5p]  a {
    line-height: normal !important;
    height: auto !important;
    user-select: none;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-right: 10px;
}

.changelog-nav-item[b-dxd3digv5p]  a {
    font-size: 12px;
}

    /*.rm-nav-item ::deep a.active {
        background-color: #ededed;
    }*/

#sideNavOpenMainBackground[b-dxd3digv5p] {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 997;
    height: 120vh;
    background-color: rgba(0,0,0,.5);
    will-change: opacity;
}

.show-side-nav[b-dxd3digv5p] {
    animation-name: slide-nav-in-b-dxd3digv5p;
    animation-duration: 0.8s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    /*transform: translateX(0) !important;*/
}

@keyframes slide-nav-in-b-dxd3digv5p {
    100% {
        /*transform: translateX(0) !important;*/
        transform: translateX(0%);
    }
}

[b-dxd3digv5p] p > a[href]{
    text-decoration: underline!important;
}

#iframeContainer[b-dxd3digv5p] {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

#tutorialIframe[b-dxd3digv5p] {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
/* /Shared/NotFoundView.razor.rz.scp.css */
.page[b-88vculkgm9] {
    position: relative;
    display: flex;
    flex-direction: column;
    background-size: cover;
}

.main[b-88vculkgm9] {
    flex: 1;
}

.sidebar[b-88vculkgm9] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

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

    .top-row[b-88vculkgm9]  a, .top-row .btn-link[b-88vculkgm9] {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

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

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-88vculkgm9] {
        display: none;
    }

    .top-row.auth[b-88vculkgm9] {
        justify-content: space-between;
    }

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

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

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

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

    .main > div[b-88vculkgm9] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#containerWrapper[b-88vculkgm9]{
    overflow: auto;
    width: 100%;
    height: 100vh;
    z-index: 1000;
}

#loginContainer[b-88vculkgm9] {
    z-index: 3;
}

#particles[b-88vculkgm9] {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 2;
    top: 0;
    left: 0;
}

#contentDiv[b-88vculkgm9] {
/*    box-shadow: 2px 0px 40px 50px #c1a7628f;
    background-color: #c1a7628f;*/
}
/* /Shared/TopBar.razor.rz.scp.css */
.nav-top-settings[b-v1xigrbcqn] {
    background: var(--rm-main);
    color: var(--rm-black) !important;
    min-height: 84px !important;
}
