@import '_content/Excubo.Blazor.TreeViews/Excubo.Blazor.TreeViews.bundle.scp.css';
@import '_content/RobinMood.SharedComponents/RobinMood.SharedComponents.oghrlgh2ae.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/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/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);
}
/* /Pages/Changelog/Changelog.razor.rz.scp.css */
[b-tft6cb5e2m] #changelogContentContainer ul {
    list-style-type: disc !important;
}
/* /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/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/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;
}
/* /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;
}

.heatmap-legend-cell[b-uvklz61asg]{
    position:absolute;
    top: 112px;
    left: 95px;
    width: 80px;
    height: 60px;
    z-index: -1;
}
/* /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;
}
/* /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;
}*/
/* /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;
}
/* /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 */
/*.chart{

    max-width: 700px;
}*/
/* /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/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);
}
/* /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/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/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;
}
/* /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: 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);
}

/*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/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;
}


#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;
}
/* /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;
}

.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/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/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/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 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: center;
    width: 260px;
    background: var(--rm-white);
    position: fixed;
    z-index: 999 !important;
}


@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: inherit;
    margin-left: -40px;
    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] {
    border-right: 5px solid var(--rm-main);
    background-color: var(--rm-light-grey);
}

    .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;
}

    /*.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;
}