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

/* _content/Web/Components/Admin/ProjectOverviewBar.razor.rz.scp.css */
.bar[b-q5al7zzf0m],
.bar_viridian[b-q5al7zzf0m] {
    display: flex;
    width: 100%;
    height: 60px;
    align-items: center;
    box-shadow: 0 3px 6px #00000033;
}

.bar[b-q5al7zzf0m] {
    background-color: var(--color-anti-flash-white);
}

.bar_viridian[b-q5al7zzf0m] {
    background-color: var(--color-viridian-light);
}

.bar__text[b-q5al7zzf0m] {
    font-size: 1.625rem;
    font-family: var(--font-family-roboto);
    margin-left: 5.3rem;
    color: var(--color-charcoal);
}

.bar__button[b-q5al7zzf0m] {
    margin-left: 4.9rem;
}
/* _content/Web/Components/Admin/ProjectOverviewCard.razor.rz.scp.css */
.card__container[b-dbgx9qv261] {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 11rem;
    width: 100%;
    background-color: white;
    border: 1px solid var(--color-cool-grey);
    border-radius: 10px;
    padding: 0;
    text-align: unset;
}

.card-main-content[b-dbgx9qv261] {
    background-color: var(--color-anti-flash-white);
    display: grid;
    grid-template-columns: 20% 80%;
    grid-template-rows: 1fr 1fr 1fr 1fr;
    border-radius: 10px 10px 0 0;
    padding: 1rem 1.25rem 0;
    height: 73%;
    width: 100%;
}

.card__container:hover[b-dbgx9qv261], .card__container:focus[b-dbgx9qv261] {
    border: 1px solid var(--color-viridian);
    outline: 1px solid var(--color-viridian);
    .card-main-content {
        background-color: var(--color-white);

    }
    .card-link-container[b-dbgx9qv261] {
        background-color: var(--color-viridian-light);

    }
    .card__first-block-link[b-dbgx9qv261] {
        color: var(--color-viridian);
    }
}


.content-column[b-dbgx9qv261] {
    display: flex;
    flex-direction: column;
}

.project-name[b-dbgx9qv261] {
    font-size: 1.125rem !important;
    color: var(--color-persian-plum);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 1rem;
    font-weight: 400 !important;
    font-family: var(--font-family-roboto);
}

.headline-container[b-dbgx9qv261] {
    display: flex;
    justify-content: space-between;
    grid-column: 1 / span 2;
    grid-row: 1;
}

.project-data[b-dbgx9qv261] {
    height: 1rem;
    font-size: 0.813rem;
    color: var(--color-charcoal);
}

.card-link-container[b-dbgx9qv261] {
    height: 27%;
    width: 100%;
    display: flex;
    border-radius: 0 0 10px 10px;
    flex-direction: row;
    font-size: 0.875rem;
    text-decoration: none;
    color: var(--color-viridian);
    justify-content: space-between;
    align-items: center;
    padding: 0 1.25rem;
}

.link__text[b-dbgx9qv261] {
    font-weight: 500;
}

.card__background[b-dbgx9qv261] {
    display: flex;
    background-color: var(--color-anti-flash-white);
    height: 100%;
    width: 90%;
}

.card__container:hover[b-dbgx9qv261] {
    
    .card__first-block-text {
        color: var(--color-black);

    }
    
    .card__background[b-dbgx9qv261] {
        background-color: var(--btn-primary-color-viridian-hover);
    }
    
    .card__auth_icon-path[b-dbgx9qv261] {
        stroke: var(--color-black) !important;
    }
}

.card__first-block[b-dbgx9qv261] {
    display: flex;
    flex-direction: column;
    margin-left: 1.44rem;
    margin-top: 1.25rem;
}

.card__first-block-container[b-dbgx9qv261] {
    display: flex;
    flex-direction: row;
}

.card__first-block-text[b-dbgx9qv261] {
    flex-direction: column;
    color: var(--color-charcoal);
    font-family: var(--font-family-roboto-condensed) !important;
    font-size: 1.13rem;
}

.card__first-block-link[b-dbgx9qv261] {
    display: flex;
    flex-direction: row;
    gap: 0.25rem;
    align-items: center;
}

.card__authorization-status[b-dbgx9qv261] {
    font-size: 0.875rem;
    font-family: var(--font-family-roboto-condensed);
    font-weight: 500;
}

.card__second-block[b-dbgx9qv261] {
    display: flex;
    position: absolute;
    align-self: center;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    right: 5%;
    background-color: white;
    border-radius: 50%;
    border: var(--color-viridian-light) 2px solid;
}

.card__second-block-arrow[b-dbgx9qv261] {
    width: 1.5rem;
    height: 1.5rem;
}

.card__auth_icon-path[b-dbgx9qv261] {
    stroke: var(--color-charcoal);
}
/* _content/Web/Components/Admin/ProjectPage/ProjectPageBar.razor.rz.scp.css */
.bar[b-z2c16iyjx6],
.bar_viridian[b-z2c16iyjx6] {
    display: flex;
    width: 100%;
    height: 60px;
    align-items: center;
    box-shadow: 0 3px 6px #00000033;
    gap: 0.625rem;
    flex-direction: column;
    justify-content: center;
}

.bar[b-z2c16iyjx6] {
    background-color: var(--color-anti-flash-white);
}

.bar_viridian[b-z2c16iyjx6] {
    background-color: var(--color-viridian-light);
}

.bar__button[b-z2c16iyjx6] {
    width: fit-content;
}

.rightside__container[b-z2c16iyjx6] {
    display: flex;
    align-self: flex-end;
    gap: 0.625rem;
    margin-right: 5.3rem;
    margin-left: 5.3rem;
    width: -webkit-fill-available;
}

.leftside__content[b-z2c16iyjx6] {
    justify-content: flex-start;
    display: flex;
    gap: .625rem;
    width: -webkit-fill-available;
}

.rightside__content[b-z2c16iyjx6] {
    justify-content: flex-end;
    display: flex;
    gap: .625rem;
    width: -webkit-fill-available;
}

.bar__text[b-z2c16iyjx6] {
    align-content: center;
    font: normal normal normal 1rem var(--font-family-roboto);
}
/* _content/Web/Components/Admin/ProjectPage/Surveys/ProjectQuestionCard.razor.rz.scp.css */
.wrapper[b-5330nv4c6v] {
    border-radius: 0.625rem;
    outline: 2px solid var(--card-color-outline-viridian);
    background-color: var(--color-white);
    width: 100%;
    min-height: 9.375rem;
    display: flex;
    min-width: 55rem;
    position: relative;
}

.wrapper.wrapper__non-edit[b-5330nv4c6v] {
    outline: 1px solid var(--color-charcoal);
}

.number__circle[b-5330nv4c6v] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: var(--color-viridian);
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--text-color-white);
    margin: 0.625rem;
}

.number__container[b-5330nv4c6v] {
    width: 3.625rem;
    height: 100%;
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 1.5rem;
}

.content__container[b-5330nv4c6v] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.heading__text[b-5330nv4c6v] {
    font: normal normal normal 0.875rem/1.2rem var(--font-family-roboto);
    color: var(--text-color);
    font-weight: 500;
    letter-spacing: 0;
    font-size: 1rem;
}

.heading__container[b-5330nv4c6v] {
    display: flex;
    width: 100%;
    height: 3.75rem;
    background-color: var(--color-anti-flash-white);
    align-items: center;
    padding: 0 1.25rem 0 1.25rem;
    font-family: var(--font-family-roboto);
}

.question__container[b-5330nv4c6v] {
    display: flex;
    padding: 1.25rem;
    flex-direction: column;
    background-color: var(--color-ghost-white);
}

.question__title[b-5330nv4c6v] {
    color: var(--color-persian-plum);
    font-size: 1.625rem;
    letter-spacing: 0;
}

.outer__container[b-5330nv4c6v] {
    display: flex;
    flex: 1;
    height: 100%;
    flex-direction: column;
    margin-left: 3.625rem;
}

.edit-heading__container[b-5330nv4c6v] {
    display: flex;
    margin-top: 1.375rem;
    gap: 33rem;
}

.question-type__select-field[b-5330nv4c6v] {
    width: 100% !important;
    height: 100%;
    background-color: var(--text-color) !important;
}

.first-options__container[b-5330nv4c6v] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    width: 100%;
}

.second-options__container[b-5330nv4c6v] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    margin-top: 3.4rem;
    flex: 1
}

.qtype-toggle__container[b-5330nv4c6v] {
    flex: 1;
    height: 100%;
    margin-bottom: 1.875rem;
    margin-right: 2rem;
    margin-left: 3.625rem;
    display: flex;
}

.field__container[b-5330nv4c6v] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.description__container[b-5330nv4c6v] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.answer__container[b-5330nv4c6v] {
    display: flex;
    margin-top: 3.4rem;
    flex-direction: column;
    width: 100%;
}

.edit-answer-row__container[b-5330nv4c6v] {
    display: flex;
    width: 100%;
    column-gap: 1.25rem;
    margin-bottom: 0.625rem;
}

.edit-answer-row__container:last-child[b-5330nv4c6v] {
    margin-bottom: 0;
}

.answer-row__container[b-5330nv4c6v] {
    display: flex;
    align-items: center;
    column-gap: 1.25rem;
}

.radio__fake-btn[b-5330nv4c6v] {
    height: 1.25rem;
    width: 1.25rem;
    background-color: var(--color-ghost-white);
    border: 1px solid var(--color-light-grey);
    border-radius: 50%;
    display: inline-block;
}

.multiple-choice__fake-btn[b-5330nv4c6v] {
    height: 1.25rem;
    width: 1.25rem;
    background-color: var(--color-ghost-white);
    border: 1px solid var(--color-light-grey);
    border-radius: 0.2rem;
}

.prio-answer__row[b-5330nv4c6v] {
    display: flex;
    border-radius: 1rem;
    align-items: center;
    gap: 0.625rem;
    border: var(--color-light-grey) 1px solid;
    padding: 0.3rem;
    background-color: var(--color-white);
    color: var(--color-charcoal)
}

.prio-answer-container__row[b-5330nv4c6v] {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

.prio-answer__text[b-5330nv4c6v] {
    margin: 0 0 0 1rem;
}

.likert__container[b-5330nv4c6v] {
    flex: 1;
    display: flex;
    justify-content: space-between;
    position: relative;
    bottom: 1rem;
    margin: 0 1rem 0 1rem;
    align-self: center;
    column-gap: 1rem;
}

.likert__show-container[b-5330nv4c6v] {
    display: flex;
    justify-content: space-between;
    width: 80%;
}

.margin-bottom[b-5330nv4c6v] {
    margin-bottom: 0.625rem;
}

.toggle__text[b-5330nv4c6v] {
    font-family: var(--font-family-roboto);
}

.heading__text-container[b-5330nv4c6v] {
    flex: 1;
}

.handle__icon[b-5330nv4c6v] {
    width: 1.6rem;
    height: 2.6rem;
    display: flex;
}

.handle__btn-container[b-5330nv4c6v] {
    display: flex; 
    position: absolute; 
    justify-content: center; 
    align-items: center; 
    height: 100%;
}

.handle__btn[b-5330nv4c6v] {
    position: absolute;
    width: 1.6rem;
    padding: 0;
    height: 2.6rem;
    display: flex;
    background-color: transparent;
    align-items: center;
    justify-content: center;
    border: none;
}

.options__add-container[b-5330nv4c6v] {
    display: flex;
    gap: 1.25rem;
    margin-top: 0.625rem;
}

.error-message[b-5330nv4c6v] {
    margin-bottom: 0.625rem;
}
/* _content/Web/Components/Admin/Sidebar.razor.rz.scp.css */
.sidebar__container[b-jzlv2zkwuu] {
    position: fixed;
    width: 3.75rem;
    height: 100%;
    overflow: hidden;
    background-color: white;
}

.sidebar__container-expanded[b-jzlv2zkwuu] {
    position: fixed;
    width: 16rem;
    height: 100%;
    overflow-y: hidden;
    background-color: var(--color-white);
}

.sidebar__btn[b-jzlv2zkwuu] {
    width: 100%;
    background-color: var(--color-white);
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    padding: 0;
    outline: none;
    border: none;
}

.sidebar__toggle-btn-container[b-jzlv2zkwuu] {
    color: var(--sidebar-btn-color-viridian);
    height: 2.8rem;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    padding: 0 1rem;
}

.padding-right[b-jzlv2zkwuu] {
    padding: 0 0.5rem 0 0;
}

.sidebar__toggle-btn[b-jzlv2zkwuu] {
    color: var(--sidebar-btn-color-viridian);
    height: 2.8rem;
    flex-direction: column;
    align-items: end !important;
}

.toggle-btn[b-jzlv2zkwuu] {
    overflow: hidden;
}

.transition-width[b-jzlv2zkwuu] {
    transition: width 0.5s ease-in-out;
}

.transition-rotate[b-jzlv2zkwuu] {
    transition: transform 0.3s ease-in-out;
}

.btn-container[b-jzlv2zkwuu] {
    display: grid;
    grid-template-columns: 3.75rem auto;
    grid-template-rows: 1fr;
    height: 3.75rem;
    width: 100%;
}

.btn-container__closed[b-jzlv2zkwuu] {
    align-items: center;
    justify-content: center;
}

.btn-description[b-jzlv2zkwuu] {
    font: normal normal normal 0.688rem/0.81rem var(--font-family-roboto);
    height: 13px;
}

.btn__text-container[b-jzlv2zkwuu] {
    grid-auto-rows: 1fr 1fr;
    grid-template-columns: 1fr;
    display: grid;
    align-items: center;
    padding: 0.7rem 0 0.7rem 0;
    gap: 0;
    width: 100%;
    overflow: hidden;
}

.btn__text-item[b-jzlv2zkwuu] {
    text-wrap: nowrap;
    display: flex;
    color: var(--sidebar-btn-color-viridian);
    letter-spacing: 0;
    height: fit-content;
}

.btn__text-title[b-jzlv2zkwuu] {
    font: normal normal bold 0.875rem/1.2rem var(--font-family-roboto);
    height: 1.125rem;
}

.rotate-svg[b-jzlv2zkwuu] {
    transform: rotate(180deg);
}
.test-svg[b-jzlv2zkwuu] {
    stroke: #ff0000 !important;
    color: red !important;
}

.svg-container[b-jzlv2zkwuu] {
    display: flex;
    width: 3.75rem; 
    justify-content: center;
    align-items: center;
    pointer-events: none;
    transition: transform 0.2s ease-in-out;
}

.sidebar__nav-btn[b-jzlv2zkwuu] {
    color: var(--sidebar-btn-color-viridian);
    height: 3.75rem;
}

.selected[b-jzlv2zkwuu] {
    background-color: var(--sidebar-btn-color-viridian);
    color: var(--color-white) !important;
}

.sidebar__btn:hover:not(.selected)[b-jzlv2zkwuu],
.sidebar__btn:focus:not(.selected)[b-jzlv2zkwuu] {
    background-color: var(--btn-primary-color-viridian-hover);
}

.width-0[b-jzlv2zkwuu] {
    width: 0;
}
/* _content/Web/Components/Shared/Buttons/ButtonCard.razor.rz.scp.css */
.btn[b-uanxazwuja] {
    width: 100%;
    height: auto;
    background-color: var(--btn-card-color-background);
    border-color: var(--btn-card-color-border);
    display: flex;
    color: var(--btn-card-color-text);
    border-radius: 0.6rem;
    align-items: center;
    transition: background-color 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}

.btn__padding[b-uanxazwuja] {
    padding-left: 1rem;
    padding-right: 1rem;
}

.svg__icon[b-uanxazwuja] {
    display: flex;
    width: 15%;
    height: 1.5rem;
    color: var(--btn-card-color-text);
}

.btn:hover[b-uanxazwuja] {
    background-color: var(--btn-primary-color-viridian-hover);
    box-shadow: 0 2px 6px var(--btn-primary-color-viridian-light);
    transition: filter 0.3s ease;
    
    .btn__icon{
        filter: brightness(0) saturate(100%) invert(21%) sepia(19%) saturate(2869%) hue-rotate(134deg) brightness(89%) contrast(105%);
    }

    .btn__text[b-uanxazwuja] {
        filter: brightness(0) saturate(100%) invert(21%) sepia(19%) saturate(2869%) hue-rotate(134deg) brightness(89%) contrast(105%);
    }

    .svg__icon[b-uanxazwuja] {
        color: var(--btn-secondary-text-color-hov-pres-foc);
    }
}

.btn:focus[b-uanxazwuja] {
    background-color: var(--btn-primary-color-viridian-hover);
    box-shadow: 0 2px 6px var(--btn-primary-color-viridian-light);
    border: var(--color-white) solid 1px;
    outline: var(--btn-primary-color-viridian-pressed) solid 2px;
    
    .btn__icon{
        filter: brightness(0) saturate(100%) invert(21%) sepia(19%) saturate(2869%) hue-rotate(134deg) brightness(89%) contrast(105%);
    }

    .btn__text[b-uanxazwuja] {
        filter: brightness(0) saturate(100%) invert(21%) sepia(19%) saturate(2869%) hue-rotate(134deg) brightness(89%) contrast(105%);
    }

    .svg__icon[b-uanxazwuja] {
        color: var(--btn-secondary-text-color-hov-pres-foc);
    }
}

.btn:active[b-uanxazwuja] {
    background-color: var(--btn-primary-color-viridian-pressed);
    box-shadow: 0 2px 6px var(--btn-primary-color-viridian-light);
    color: var(--btn-card-color-text-pressed);

    .btn__icon{
        filter: unset;
    }

    .btn__text[b-uanxazwuja] {
        filter: unset;
    }

    .svg__icon[b-uanxazwuja] {
        color: var(--btn-card-color-text-pressed);
    }
}


.btn:disabled[b-uanxazwuja] {
    background-color: var(--btn-primary-color-grey-disabled);
    box-shadow: 0 2px 6px var(--btn-primary-color-grey-shadow);
    
    .btn__icon{
        filter: brightness(0) saturate(100%) invert(64%) sepia(9%) saturate(312%) hue-rotate(172deg) brightness(88%) contrast(88%);
    }

    .btn__text[b-uanxazwuja] {
        filter: brightness(0) saturate(100%) invert(64%) sepia(9%) saturate(312%) hue-rotate(172deg) brightness(88%) contrast(88%);
    }

    .svg__icon[b-uanxazwuja] {
        color: var(--btn-primary-text-color-disabled)
    }
}

.btn__text[b-uanxazwuja] {
    font-family: var(--font-family-roboto);
    font-size: 1.25rem;
    flex-flow: row;
    white-space: nowrap;
}
/* _content/Web/Components/Shared/Buttons/ButtonGroup.razor.rz.scp.css */
.btngrp__container[b-qr2h2aoqm1] {
    width: 20rem;
    position: relative;
}

.btngrp__drop-container[b-qr2h2aoqm1] {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    right: 0;
    border: 0.15rem solid var(--btn-secondary-border-color-viridian);
    border-radius: 0 0 0.6rem 0.6rem;
    overflow: hidden;
    background-color: var(--color-white);
}

.btngrp__activebtn[b-qr2h2aoqm1] {
    display: grid;
    grid-template-rows: repeat(1, 1fr);
    grid-template-columns: 1fr;
    gap: 2px;
}
/* _content/Web/Components/Shared/Buttons/PrimaryButton.razor.rz.scp.css */
.btn[b-6ap592gnqt] {
    width: auto;
    height: auto;
    background-color: var(--btn-primary-color-viridian);
    display: flex;
    color: var(--btn-primary-text-color);
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
    gap: 0.7rem;
}

.btn__radius[b-6ap592gnqt] {
    border-radius: 0 0.6rem 0.6rem 0.6rem;
}

.btn__padding[b-6ap592gnqt] {
    padding-left: 1rem;
    padding-right: 1rem;
}

.svg__icon[b-6ap592gnqt] {
    display: flex;
    width: 2rem;
    height: 100%;
    color: var(--btn-primary-text-color);
    transition: transform 0.3s ease-in-out;
}

.btn:hover[b-6ap592gnqt] {
    background-color: var(--btn-primary-color-viridian-hover);
    box-shadow: 0 2px 6px var(--btn-primary-color-viridian-light);
    transition: filter 0.3s ease;

    .btn__icon {
        filter: brightness(0) saturate(100%) invert(21%) sepia(19%) saturate(2869%) hue-rotate(134deg) brightness(89%) contrast(105%);
    }
    
    .btn__text[b-6ap592gnqt] {
        filter: brightness(0) saturate(100%) invert(21%) sepia(19%) saturate(2869%) hue-rotate(134deg) brightness(89%) contrast(105%);
    }

    .svg__icon[b-6ap592gnqt] {
        color: var(--btn-secondary-text-color-hov-pres-foc);
    }
}

.btn:focus[b-6ap592gnqt] {
    background-color: var(--btn-primary-color-viridian-hover);
    box-shadow: 0 2px 6px var(--btn-primary-color-viridian-light);
    border: var(--color-white) solid 1px;
    outline: var(--btn-primary-color-viridian-pressed) solid 2px;

    .btn__icon {
        filter: brightness(0) saturate(100%) invert(21%) sepia(19%) saturate(2869%) hue-rotate(134deg) brightness(89%) contrast(105%);
    }

    .btn__text[b-6ap592gnqt] {
        filter: brightness(0) saturate(100%) invert(21%) sepia(19%) saturate(2869%) hue-rotate(134deg) brightness(89%) contrast(105%);
    }
    
    .svg__icon[b-6ap592gnqt] {
        color: var(--btn-secondary-text-color-hov-pres-foc);
    }
}

.btn:active[b-6ap592gnqt] {
    background-color: var(--btn-primary-color-viridian-pressed);
    box-shadow: 0 2px 6px var(--btn-primary-color-viridian-light);

    .btn__icon {
        filter: unset;    
    }

    .btn__text[b-6ap592gnqt] {
        filter: unset;
    }

    .svg__icon[b-6ap592gnqt] {
        color: var(--btn-secondary-text-color-hov-pres-foc);
    }
}


.btn:disabled[b-6ap592gnqt] {
    background-color: var(--btn-primary-color-grey-disabled);
    box-shadow: 0 2px 6px var(--btn-primary-color-grey-shadow);

    .btn__icon {
        filter: brightness(0) saturate(100%) invert(64%) sepia(9%) saturate(312%) hue-rotate(172deg) brightness(88%) contrast(88%);
    }

    .btn__text[b-6ap592gnqt] {
        filter: brightness(0) saturate(100%) invert(64%) sepia(9%) saturate(312%) hue-rotate(172deg) brightness(88%) contrast(88%);
    }

    .svg__icon[b-6ap592gnqt] {
        color: var(--btn-primary-text-color-disabled)
    }
}

.btn__text[b-6ap592gnqt] {
    font-family: var(--font-family-roboto);
    font-size: 1rem;
    flex-flow: row;
    white-space: nowrap;
}
/* _content/Web/Components/Shared/Buttons/SecondaryButton.razor.rz.scp.css */
.btn[b-yit79uuomu] {
    width: auto;
    height: auto;
    background-color: var(--btn-secondary-color-white);
    display: flex;
    color: var(--btn-secondary-text-color);
    border: 1px solid var(--btn-secondary-border-color-viridian);
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
    gap: 0.7rem;
    border-radius: 0;
}

.btn__radius[b-yit79uuomu] {
    border-radius: 0 0.6rem 0.6rem 0.6rem;
}

.btn__btngrp[b-yit79uuomu] {
    border: none !important;
}

.btn__padding[b-yit79uuomu] {
    padding-left: 1rem;
    padding-right: 1rem;
}

.svg__icon[b-yit79uuomu] {
    display: flex;
    width: 100%;
    height: 100%;
    transition: transform 0.3s ease-in-out;
}

.btn:hover[b-yit79uuomu] {
    background-color: var(--btn-secondary-color-flash-white-hover);
    box-shadow: 0 2px 6px var(--btn-secondary-color-viridian-shadow);
    transition: filter 0.3s ease;
    border: 1px solid var(--btn-secondary-border-color-viridian);

    .btn__icon {
        filter: brightness(0) saturate(100%) invert(18%) sepia(26%) saturate(1750%) hue-rotate(130deg) brightness(102%) contrast(102%);
    }

    .btn__text[b-yit79uuomu] {
        filter: brightness(0) saturate(100%) invert(18%) sepia(26%) saturate(1750%) hue-rotate(130deg) brightness(102%) contrast(102%);
    }
    
    .svg__icon[b-yit79uuomu] {
        color: var(--btn-secondary-text-color-hov-pres-foc);
    }
}

.btn:focus[b-yit79uuomu] {
    background-color: var(--btn-secondary-color-cool-grey-focused);
    border: var(--btn-secondary-border-color-viridian-pressed) solid 1px;
    box-shadow:
            0 0 0 1px var(--btn-secondary-color-cool-grey-focused),
            0 0 0 3px var(--btn-secondary-border-color-viridian-focused);

    .btn__icon {
        filter: brightness(0) saturate(100%) invert(21%) sepia(19%) saturate(2869%) hue-rotate(134deg) brightness(89%) contrast(105%);
    }

    .btn__text[b-yit79uuomu] {
        filter: brightness(0) saturate(100%) invert(21%) sepia(19%) saturate(2869%) hue-rotate(134deg) brightness(89%) contrast(105%);
    }
    
    .svg__icon[b-yit79uuomu] {
        color: var(--btn-secondary-text-color-hov-pres-foc);
    }
}

.btn:active[b-yit79uuomu] {
    background-color: var(--btn-secondary-color-light-grey-pressed);
    box-shadow: 0 2px 6px var(--btn-secondary-color-viridian-shadow);

    .btn__icon {
        filter: brightness(0) saturate(100%) invert(21%) sepia(19%) saturate(2869%) hue-rotate(134deg) brightness(89%) contrast(105%);
    }

    .btn__text[b-yit79uuomu] {
        filter: brightness(0) saturate(100%) invert(21%) sepia(19%) saturate(2869%) hue-rotate(134deg) brightness(89%) contrast(105%);
    }
    
    .svg__icon[b-yit79uuomu] {
        color: var(--btn-secondary-text-color-hov-pres-foc);
    }
}


.btn:disabled[b-yit79uuomu] {
    background-color: var(--btn-secondary-color-white-disabled);
    box-shadow: 0 2px 6px var(--btn-secondary-color-grey-shadow);
    border: 1px solid var(--btn-secondary-color-light-grey-pressed);

    .btn__icon {
        filter: brightness(0) saturate(100%) invert(94%) sepia(10%) saturate(102%) hue-rotate(169deg) brightness(89%) contrast(88%);
    }

    .btn__text[b-yit79uuomu] {
        filter: brightness(0) saturate(100%) invert(94%) sepia(10%) saturate(102%) hue-rotate(169deg) brightness(89%) contrast(88%);
    }
    
    .svg__icon[b-yit79uuomu] {
        color: var(--btn-secondary-text-color-disabled)
    }
}

.btn__text[b-yit79uuomu] {
    font-family: var(--font-family-roboto);
    font-size: 1rem;
    flex-flow: row;
    flex: 0 0 80%;
    white-space: nowrap;
}
/* _content/Web/Components/Shared/Buttons/SimpleButton.razor.rz.scp.css */
.btn[b-u08m8ddmy2] {
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
    gap: 0.7rem;
}

.btn__green[b-u08m8ddmy2] {
    color: var(--btn-simple-color-text);
}

.btn__red[b-u08m8ddmy2] {
    color: var(--btn-simple-alert-color-text);
}

.btn__padding[b-u08m8ddmy2] {
    padding-left: 1rem;
    padding-right: 1rem;
}

.svg__icon[b-u08m8ddmy2] {
    display: flex;
    width: 1rem;
    height: 100%;
}

.icon__green[b-u08m8ddmy2] {
    color: var(--btn-simple-color-text);
}

.icon__red[b-u08m8ddmy2] {
    color: var(--btn-simple-alert-color-text);
}

.btn:hover[b-u08m8ddmy2] {
    transition: filter 0.3s ease;
    text-decoration: underline;
}

.btn:focus[b-u08m8ddmy2] {
    text-decoration: underline;
}

.btn__green:focus[b-u08m8ddmy2] {
    outline: var(--btn-simple-color-border) solid 2px;
}

.btn__red:focus[b-u08m8ddmy2] {
    outline: var(--btn-simple-alert-color-border) solid 2px;
}

.btn:active[b-u08m8ddmy2] {
    text-decoration: underline;
}

.btn__green:active[b-u08m8ddmy2] {
    color: var(--btn-simple-color-text-pressed);
}

.btn__red:active[b-u08m8ddmy2] {
    color: var(--btn-simple-alert-color-text-pressed);
}

.btn:disabled[b-u08m8ddmy2] {
    color: var(--btn-simple-color-text-disabled);
}

.btn__text[b-u08m8ddmy2] {
    font-family: var(--font-family-roboto);
    font-size: 1rem;
    flex-flow: row;
    white-space: nowrap;
}
/* _content/Web/Components/Shared/ColorPickers/ColorPicker.razor.rz.scp.css */
.color-picker[b-5qi2o9x146] {
    display: flex;
    align-items: center;
    padding: 5px;
    border: 1px solid black;
    border-radius: 10px;
    gap: 10px;
    font-family: Arial, sans-serif;
}

.color_picker_input[b-5qi2o9x146] {
    width: 2rem;
    min-width: 2rem;
    height: 2rem;
    border: none;
    cursor: pointer;
}

.color_picker_text[b-5qi2o9x146] {
    font-size: 16px;
    border: none;
    background-color: transparent;
    width: 100%;
}
/* _content/Web/Components/Shared/Diagrams/DiagramBar.razor.rz.scp.css */
.container__bar[b-tvwirjvse9] {
    background-color: var(--color-light-grey);
    border-radius: 3px;
    overflow: hidden;
}

.bar[b-tvwirjvse9] {
    height: 1.875rem;
    background-color: var(--diagram-bar-color);
}

.bar__text[b-tvwirjvse9] {
    font-family: var(--font-family-roboto), serif;
    font-size: 0.875rem;
    color: var(--color-black);
    margin: 1.25rem;
    text-align: center;
    white-space: nowrap;
}
/* _content/Web/Components/Shared/Dialogs/ConfirmationDialog.razor.rz.scp.css */
.wrapper[b-cdcbeyppnh] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 3;
    overflow: hidden;
}

.dialog__modal[b-cdcbeyppnh] {
    position: fixed;
    z-index: 3;
    width: 100%;
    height: 100%;
    background-color: var(--color-charcoal);
    opacity: 0.6;
}

.dialog__container[b-cdcbeyppnh] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: fixed;
    width: max-content;
    height: auto;
    max-height: 90%;
    max-width: 90%;
    min-width: min(900px, 90%);
    background-color: var(--color-cyan-super-light);
    z-index: 4;
    border-radius: 1.25rem;
    border: 1px solid var(--color-cool-grey);
    box-shadow: 3px 3px 10px #0000004D;
    overflow: auto;
    padding: 3.125rem;
}

.close__btn[b-cdcbeyppnh] {
    position: absolute;
    top: 0.875rem;
    right: 0.875rem;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    color: var(--color-charcoal);
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border: none;
    padding: 0;
}

.close__icon[b-cdcbeyppnh] {
    display: flex;
    height: 100%;
    width: 100%;
    color: var(--color-charcoal);
}

.content__container[b-cdcbeyppnh] {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    overflow: auto;
    padding-right: 10px;
    margin-top: 4rem;
    margin-bottom: 5rem;
}

.icon__container[b-cdcbeyppnh] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.5rem;
    height: 3.5rem;
    margin-bottom: 1.125rem;
}

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

.btn__container[b-cdcbeyppnh] {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    margin: 1.5rem 0 0 auto;
    gap: 0.7rem;
}

.dialog__heading[b-cdcbeyppnh] {
    font-weight: 400 !important;
    font-size: 1.625rem;
}

.dialog__text[b-cdcbeyppnh] {
    margin: 0 1rem 0 1rem;
    text-align: center;
    font-family: var(--font-family-roboto);
    color: var(--color-charcoal);
}

.text__margin-bottom[b-cdcbeyppnh] {
    margin-bottom: 1.875rem;
}

.dialog__container.error[b-cdcbeyppnh] {
    .icon__container {
        color: var(--color-delete-icon);
    }
}
/* _content/Web/Components/Shared/Dialogs/DatePickerDialog.razor.rz.scp.css */
.wrapper[b-gatqfx904l] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 3;
    overflow: hidden;
}

.dialog__modal[b-gatqfx904l] {
    position: fixed;
    z-index: 3;
    width: 100%;
    height: 100%;
    background-color: var(--color-charcoal);
    opacity: 0.6;
}

.dialog__container[b-gatqfx904l] {
    display: flex;
    flex-direction: column;
    position: fixed;
    width: 40%;
    height: 40%;
    background-color: var(--color-cyan-super-light);
    z-index: 4;
    border-radius: 1.25rem;
    border: 1px solid var(--color-cool-grey);
    box-shadow: 3px 3px 10px #0000004D;
    overflow: auto;
}

.close__btn[b-gatqfx904l] {
    position: absolute;
    right: 0.875rem;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    color: var(--color-charcoal);
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border: none;
    padding: 0;
    margin-top: 0.875rem;
}

.close__icon[b-gatqfx904l] {
    display: flex;
    height: 100%;
    width: 100%;
    color: var(--color-charcoal);
}

.content__container[b-gatqfx904l] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
    margin: 0 13%;
    gap: .5rem;
}

.icon__container[b-gatqfx904l] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.5rem;
    height: 3.5rem;
    margin-bottom: 1.125rem;
}

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

.btn__container[b-gatqfx904l] {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    margin: 1.5rem 3.125rem 3rem 1.5rem;
    gap: 0.7rem;
}

.dialog__heading[b-gatqfx904l] {
    font-weight: 400 !important;
    font-size: 1.625rem;
}

.dialog__text[b-gatqfx904l] {
    margin: 0 1rem 0 1rem;
    text-align: center;
    font-family: var(--font-family-roboto);
    color: var(--color-charcoal);
}

.text__margin-bottom[b-gatqfx904l] {
    margin-bottom: 1.875rem;
}


.leftside_content[b-gatqfx904l] {
    justify-content: flex-start;
    display: flex;
    gap: .625rem;
    width: -webkit-fill-available;
}

.rightside_content[b-gatqfx904l] {
    justify-content: flex-end;
    display: flex;
    gap: .625rem;
    width: -webkit-fill-available;
}

.info_text[b-gatqfx904l] {
    font: normal normal normal 0.813rem/1rem var(--font-family-roboto);
    flex-direction: row !important;
}

.svg__icon[b-gatqfx904l] {
    display: flex;
    width: 2.5rem;
    height: 1.5rem;
    color: var(--text-color);
}
/* _content/Web/Components/Shared/Labels/GenericLabel.razor.rz.scp.css */
.label__container[b-rndem2eo8z] {
    display: flex;
    align-items: center;
    column-gap: 0.5rem;
    height: 24px;
}

label[b-rndem2eo8z] {
    text-wrap: nowrap;
    font-weight: 500;
    color: var(--color-charcoal);
    font-family: var(--font-family-roboto);
}

/* _content/Web/Components/Shared/Likert/LikertButtons.razor.rz.scp.css */
.likert-buttons[b-3zx8v5vsrv] {
    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: 0.5rem;
    grid-column-gap: 0;
    margin: 4px 0;
}

@media (min-width: 400px) {
    .likert-buttons[b-3zx8v5vsrv] {
        grid-template-columns: repeat(5, minmax(0, 11.25rem));
        grid-template-rows: 1fr;
        grid-column-gap: 0.5rem;
        grid-row-gap: 0;
    }

    button[b-3zx8v5vsrv]::after {
        display: block;
        content: attr(title);
        font-weight: bold;
        height: 1px;
        color: transparent;
        overflow: hidden;
        visibility: hidden;
    }
}

button[b-3zx8v5vsrv] {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 2;
    justify-items: center;
    align-items: start;
    border: none;
    font-size: 1rem;
    border-radius: 0.6rem;
    background-color: transparent;
    font-family: var(--font-family-roboto);
    color: var(--color-charcoal);
    row-gap: 0;
    padding: .5rem;
}

button:focus[b-3zx8v5vsrv],
button.selected[b-3zx8v5vsrv] {
    outline: .125rem solid var(--color-viridian);
}

button:hover[b-3zx8v5vsrv],
button.selected[b-3zx8v5vsrv] {
    font-weight: bold;
}

button:hover .svg__icon[b-3zx8v5vsrv],
button.selected .svg__icon[b-3zx8v5vsrv] {
    width: 3.125rem;
    height: 3.125rem;
    margin-top: 0;
    color: var(--color-viridian);
}

button .svg__icon[b-3zx8v5vsrv] {
    width: 2.5rem;
    height: 2.5rem;
    margin-top: .625rem;
}
/* _content/Web/Components/Shared/Likert/LikertElement.razor.rz.scp.css */
.likert__btn[b-txvwmfvr52] {
    display: flex;
    flex-direction: column;
    border: none;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    border-radius: 0.6rem;
    background-color: transparent;
    font-family: var(--font-family-roboto);
    color: var(--color-charcoal);
    row-gap: 0.7rem;
    padding: 0.4rem 0 0.4rem 0;
}

.svg__icon[b-txvwmfvr52] {
    width: 24px;
    height: 24px;
}

.likert__btn:hover[b-txvwmfvr52] {
    outline: 1px solid var(--btn-secondary-border-color-viridian);
}
/* _content/Web/Components/Shared/Pagination/PaginationStatic.razor.rz.scp.css */
.step__button[b-6v6kf4vgzx] {
    all: unset;
    cursor: pointer;
    color: var(--color-viridian);
    width: 2rem;
    height: 2rem;
}

.feedback__svg[b-6v6kf4vgzx] {
    width: 2rem;
    height: 2rem;
}
/* _content/Web/Components/Shared/Spinner/SpinnerRotating.razor.rz.scp.css */
.loader[b-89rxrn50zb] {
    color: var(--color-viridian);
    font-size: 45px;
    text-indent: -9999em;
    overflow: hidden;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: relative;
    transform: translateZ(0);
    animation: mltShdSpin-b-89rxrn50zb 1.7s infinite ease, round-b-89rxrn50zb 1.7s infinite ease;
}

@keyframes mltShdSpin-b-89rxrn50zb {
    0% {
        box-shadow: 0 -0.83em 0 -0.4em,
        0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em,
        0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
    5%,
    95% {
        box-shadow: 0 -0.83em 0 -0.4em,
        0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em,
        0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
    10%,
    59% {
        box-shadow: 0 -0.83em 0 -0.4em,
        -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em,
        -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
    }
    20% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em,
        -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em,
        -0.749em -0.34em 0 -0.477em;
    }
    38% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em,
        -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em,
        -0.82em -0.09em 0 -0.477em;
    }
    100% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em,
        0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
}

@keyframes round-b-89rxrn50zb {
    0% { transform: rotate(0deg) }
    100% { transform: rotate(360deg) }
}
 
/* _content/Web/Components/Shared/Tabs/GenericTabs.razor.rz.scp.css */
.tab__container[b-hvyyb10lw6] {
    width: max-content;
    box-shadow: 0 2px 6px #00000029;
    position: relative;
    display: flex;
}

.tab__button[b-hvyyb10lw6] {
    background-color: var(--color-white);
    color: var(--color-charcoal);
    border: 1px solid var(--color-anti-flash-white);
    outline: none;
    font-family: var(--font-family-roboto);
    min-width: 7.75rem;
    height: 2.5rem;
    font-size: 0.875rem;
    font-weight: 500;
    padding: 0.625rem 1rem;
    position: relative;
    white-space: nowrap;
}

.tab__button:focus[b-hvyyb10lw6],
.tab__button:hover[b-hvyyb10lw6] {
    z-index: 2;
}

.tab__button:not(:first-child)[b-hvyyb10lw6] {
    margin-left: -1px;
}

.tab__button:active[b-hvyyb10lw6] {
    background-color: var(--btn-secondary-color-light-grey-pressed);
    box-shadow: 0 2px 6px var(--btn-secondary-color-viridian-shadow);
    z-index: 1;

    .btn__icon {
        filter: brightness(0) saturate(100%) invert(21%) sepia(19%) saturate(2869%) hue-rotate(134deg) brightness(89%) contrast(105%);
    }

    .btn__text[b-hvyyb10lw6] {
        filter: brightness(0) saturate(100%) invert(21%) sepia(19%) saturate(2869%) hue-rotate(134deg) brightness(89%) contrast(105%);
    }

    .svg__icon[b-hvyyb10lw6] {
        color: var(--btn-secondary-text-color-hov-pres-foc);
    }
}

.tab__button:focus[b-hvyyb10lw6],
.tab__button:hover[b-hvyyb10lw6] {
    box-shadow: 0 2px 6px var(--btn-secondary-color-viridian-shadow);
    transition: filter 0.3s ease;
    outline: 1px solid var(--btn-primary-color-viridian-pressed);
    z-index: 1;

    .btn__icon {
        filter: brightness(0) saturate(100%) invert(18%) sepia(26%) saturate(1750%) hue-rotate(130deg) brightness(102%) contrast(102%);
    }

    .btn__text[b-hvyyb10lw6] {
        filter: brightness(0) saturate(100%) invert(18%) sepia(26%) saturate(1750%) hue-rotate(130deg) brightness(102%) contrast(102%);
    }

    .svg__icon[b-hvyyb10lw6] {
        color: var(--btn-secondary-text-color-hov-pres-foc);
    }
}

.tab__button-selected[b-hvyyb10lw6] {
    background-color: var(--btn-primary-color-viridian-pressed);
    color: var(--color-white);
    border: 1px solid var(--btn-primary-color-viridian-pressed);
}

.tab__arrow[b-hvyyb10lw6] {
    width: 0;
    height: 0;
    position: absolute;
    border-style: solid;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 10px 6px 0 6px;
    border-color: var(--btn-primary-color-viridian-pressed) transparent transparent transparent;
}
/* _content/Web/Components/Shared/TextFields/InputField.razor.rz.scp.css */
.input__container[b-lk3k5nd528] {
    position: relative;
    display: flex;
    align-items: center;
}

.input-field__container[b-lk3k5nd528] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.input__placeholder[b-lk3k5nd528] {
    position: absolute;
    margin-left: 1.25rem;
    margin-right: 1.25rem;
    background-color: unset;
    color: var(--color-cool-grey);
    pointer-events: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 90%;
    font-size: 1rem;
}

.input__icon[b-lk3k5nd528] {
    display: flex;
    position: absolute;
    background-color: unset;
    color: var(--color-charcoal);
    right: 0.6rem;
}

.input__text-field--size[b-lk3k5nd528] {
    width: 100% !important;
    height: 100% !important;
}

.input__field-container[b-lk3k5nd528] {
    width: 100%;
    height: 100%;
}

.handle__btn[b-lk3k5nd528] {
    position: absolute;
    width: 1.6rem;
    padding: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
}

.handle__btn-container[b-lk3k5nd528] {
    display: flex;
    position: absolute;
    justify-content: center;
    align-items: center;
    right: 2rem;
}

.handle__icon[b-lk3k5nd528] {
    width: 1.6rem;
    height: 2.6rem;
    display: flex;
}

.text-length__container[b-lk3k5nd528] {
    position: relative;
}

.text-length[b-lk3k5nd528] {
    color: var(--color-cool-grey);
    font-size: 0.9rem;
    font-family: var(--font-family-roboto);
    position: absolute;
    right: 0;
}

.label__container[b-lk3k5nd528] {
    margin-bottom: 0.25rem;
}
/* _content/Web/Components/Shared/TextFields/InputNumberField.razor.rz.scp.css */
.input__container[b-v8dpk2d3ul] {
    position: relative;
    display: flex;
    align-items: center;
}

.input__icon[b-v8dpk2d3ul] {
    display: flex;
    position: absolute;
    background-color: unset;
    color: var(--color-charcoal);
    right: 0.6rem;
    z-index: 99;
}

.input__text-field--size[b-v8dpk2d3ul] {
    width: 100% !important;
    height: 100% !important;
}

.input__field-container[b-v8dpk2d3ul] {
    width: 100%;
    height: 100%;
}

.label__container[b-v8dpk2d3ul] {
    margin-bottom: 0.25rem;
}
/* _content/Web/Components/Shared/TextFields/InputTextAreaField.razor.rz.scp.css */
.input__container[b-2j2q0rlqmi] {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.input__placeholder[b-2j2q0rlqmi] {
    position: absolute;
    background-color: unset;
    top: 10%;
    left: 1rem;
    color: var(--color-cool-grey);
    pointer-events: none;
    font-size: 1rem;
}

.input__icon[b-2j2q0rlqmi] {
    display: flex;
    position: absolute;
    background-color: unset;
    color: var(--color-charcoal);
    right: 0.6rem;
    z-index: 99;
}

.input__text-field--size[b-2j2q0rlqmi] {
    width: 100% !important;
    height: 100% !important;
}

.input__field-container[b-2j2q0rlqmi] {
    width: 100%;
    height: 100%;
}

.text-length__container[b-2j2q0rlqmi] {
    position: relative;
}

.text-length[b-2j2q0rlqmi] {
    color: var(--color-cool-grey);
    font-size: 0.9rem;
    font-family: var(--font-family-roboto);
    position: absolute;
    right: 0;
}

.label__container[b-2j2q0rlqmi] {
    margin-bottom: 0.25rem;
}
/* _content/Web/Components/Shared/Tooltips/Tooltip.razor.rz.scp.css */
.tooltip-container[b-74omvbfftb] {
    position: relative;
    display: inline-block;
    width: inherit;
    height: fit-content;
}

.tooltip-text[b-74omvbfftb] {
    min-width: 10rem;
    visibility: hidden;
    position: absolute;
    background-color: var(--color-charcoal);
    color: var(--color-white);
    text-align: center;
    padding: 0.3rem;
    border-radius: 4px;
    z-index: 999;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    width: fit-content;
    height: fit-content;
    font: normal normal normal 14px/19px var(--font-family-roboto);
}

.tooltip-container:hover .tooltip-text[b-74omvbfftb] {
    visibility: visible;
    opacity: 1;
}

.tooltip-text.top[b-74omvbfftb] {
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 8px;
}

.tooltip-text.bottom[b-74omvbfftb] {
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 8px;
}

.tooltip-text.left[b-74omvbfftb] {
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
    margin-right: 8px;
}

.tooltip-text.right[b-74omvbfftb] {
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 8px;
}

.tooltip-arrow[b-74omvbfftb] {
    width: 0;
    height: 0;
    position: absolute;
    border-style: solid;
}

.tooltip-arrow.top[b-74omvbfftb] {
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 6px 6px 0 6px;
    border-color: var(--color-charcoal) transparent transparent transparent;
}

.tooltip-arrow.bottom[b-74omvbfftb] {
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 0 6px 6px 6px;
    border-color: transparent transparent var(--color-charcoal) transparent;
}

.tooltip-arrow.left[b-74omvbfftb] {
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    border-width: 6px 0 6px 6px;
    border-color: transparent transparent transparent var(--color-charcoal);
}

.tooltip-arrow.right[b-74omvbfftb] {
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
    border-width: 6px 6px 6px 0;
    border-color: transparent var(--color-charcoal) transparent transparent;
}
/* _content/Web/Layouts/AdminPageLayout.razor.rz.scp.css */
.page[b-bcey0wkv0m] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.main[b-bcey0wkv0m] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: rgba(253, 255, 255, 50%) url("./feedbackimages/default/background.svg") no-repeat fixed 0 0;
    background-size: cover;
}

.bar[b-bcey0wkv0m] {
    display: flex;
    width: 100%;
    height: 60px;
    background-color: var(--color-viridian-light);
    align-items: center;
    box-shadow: 0 3px 6px #00000033;
    border-top: var(--color-light-grey) 2px solid;
    border-bottom: var(--color-white) 2px solid;
    gap: 0.625rem;
    flex-direction: column;
    justify-content: center;
}

.sidebar__container[b-bcey0wkv0m] {
    width: 3.75rem !important;
    position: fixed !important;
    height: 100%;
    flex: 1;
}

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

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

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

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

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

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

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

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

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

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

    .top-row[b-bcey0wkv0m], article[b-bcey0wkv0m] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* _content/Web/Layouts/ProjectOverviewLayout.razor.rz.scp.css */
.page[b-w2bi5orlql] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.main[b-w2bi5orlql] {
    flex: 1;
    display:flex;
    flex-direction: column;
    overflow: hidden;
    background: url("./feedbackimages/default/background.svg") no-repeat fixed 0 0;
    background-size: cover;
}

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

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

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

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

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

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

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

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

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

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

    .top-row[b-w2bi5orlql], article[b-w2bi5orlql] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* _content/Web/Layouts/ProjectPageLayout.razor.rz.scp.css */
.page[b-x23ee2hxlw] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.main[b-x23ee2hxlw] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: rgba(253, 255, 255, 50%) url("./feedbackimages/default/background.svg") no-repeat fixed 0 0;
    background-size: cover;
    margin-left: 3.75rem;
}


.sidebar__container[b-x23ee2hxlw] {
    width: 3.75rem !important;
    position: fixed !important;
    height: 100%;
    flex: 1;
    z-index: 1;
}

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

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

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

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

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

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

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

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

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

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

    .top-row[b-x23ee2hxlw], article[b-x23ee2hxlw] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* _content/Web/Pages/Admin/AdminPages/AccountManagement.razor.rz.scp.css */
tr[b-nb1le5c633] {
    height: 3.125rem;
}

td:first-child[b-nb1le5c633], th:first-child[b-nb1le5c633] {
    padding-left: 1.25rem;
}
/* _content/Web/Pages/Admin/AdminPages/AccountRequests.razor.rz.scp.css */
tr[b-ahilsnmb59] {
    height: 3.125rem;
}

td:first-child[b-ahilsnmb59], th:first-child[b-ahilsnmb59] {
    padding-left: 1.25rem;
}
/* _content/Web/Pages/Admin/AdminPages/AdminContainer.razor.rz.scp.css */
[b-tdgx9l9qct] .content {
    border: unset;
    height: 100%;
    overflow: auto;
    display: flex;
    transition: background-color 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
    font: normal normal normal 1rem/1.125rem var(--font-family-roboto);
    flex: 0 0 99%;
    margin-top: 1.5rem;
}

[b-tdgx9l9qct] .text {
    text-align: left;
    margin: 1.25rem 0;
}

[b-tdgx9l9qct] tbody > tr:nth-child(odd) {
    background-color: #fff;
}

.heading__container[b-tdgx9l9qct] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.7rem;
    color: var(--color-persian-plum);
    margin-bottom: 1.625rem;
}

.heading__svg[b-tdgx9l9qct] {
    width: 1.7rem;
    height: 1.7rem;
}

.heading[b-tdgx9l9qct] {
    margin: 0;
    font-family: var(--font-family-roboto);
}

.tabs__container[b-tdgx9l9qct] {
    display: flex;
    width: 100%;
    position: absolute;
    justify-content: center;
    align-items: center;
    margin-top: 2rem;
    transform: translate(-3.75rem);
}
/* _content/Web/Pages/Admin/Login.razor.rz.scp.css */
.title[b-9s69621kxw] {
    font: normal normal normal 30px var(--font-family-roboto);
    margin-bottom: 2rem;
}

.text[b-9s69621kxw] {
    font: normal normal normal 16px var(--font-family-roboto);
}
/* _content/Web/Pages/Admin/ProjectCreation.razor.rz.scp.css */
.creation__container[b-suvxk4du5d] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
}

.creation__inner-container[b-suvxk4du5d] {
    margin-top: 3.37rem;
}

.creation__inner-container-title[b-suvxk4du5d] {
    font-family: var(--font-family-roboto-condensed);
    font-size: 40px !important;
    color: var(--color-charcoal);
    margin-bottom: 1.875rem;
}

.creation__input-field-container[b-suvxk4du5d] {
    display: flex;
    flex-direction: column;
}

.creation__input-field-second-row[b-suvxk4du5d] {
    display: flex;
    flex-direction: row;
}

.creation__input-field-third-row[b-suvxk4du5d] {
    display: flex;
    flex-direction: row;
    align-self: flex-end;
    gap: 1rem;
    padding-bottom: 0.5rem;
}

.second-row__container[b-suvxk4du5d] {
    display: flex;
    flex-direction: column;
}

.second-row__second-field[b-suvxk4du5d] {
    margin-left: 1.25rem;
}

.rows--margin-top[b-suvxk4du5d] {
    margin-top: 1.875rem;
}

label[b-suvxk4du5d] {
    font-size: 1rem;
}

.info-icon__container[b-suvxk4du5d] {
    background-color: var(--color-viridian);
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    color: var(--color-white);
    margin-left: 0.43rem;
}

.info-icon[b-suvxk4du5d] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: "Californian FB", serif;
}

.label__container[b-suvxk4du5d] {
    display: flex;
    align-items: center;
}
/* _content/Web/Pages/Admin/ProjectOverview.razor.rz.scp.css */
.overview__container[b-4zv1njxfcj] {
    margin-left: 4.7rem;
    margin-right: 4.7rem;
    padding-top: 2.5rem;
}

.overview__title[b-4zv1njxfcj] {
    margin-left: 0.72rem;
    margin-top: 2.5rem;
    margin-bottom: 1.875rem;
    font-family: var(--font-family-roboto-condensed);
    font-size: 2.5rem !important;
}

.overview__card-container[b-4zv1njxfcj] {
    margin-top: 1.875rem;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.overview__card[b-4zv1njxfcj] {
    height: 100%;
    width: calc(25% - 0.72rem);
    max-width: 420px;
    min-width: 350px;
    margin-bottom: 20px;
    margin-left: 0.72rem;
    margin-right: 0.72rem;
    flex-basis: 25%;
}
/* _content/Web/Pages/Admin/ProjectPage/Dashboard/CSATResultBar.razor.rz.scp.css */
.info-card[b-esi8nnvsqt] {
    background-color: #fff;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-basis: 0;
    flex-grow: 1;
    font-size: .875rem;
    padding: .5rem;
}

.info-card__icon[b-esi8nnvsqt] {
    width: 1.5rem;
    height: 1.5rem; 
    color: var(--color-viridian);
    margin-right: .5rem;
}

.info-card__text[b-esi8nnvsqt] {
    font-family: var(--font-family-roboto);
}

.info-card__link[b-esi8nnvsqt] {
    font-family: var(--font-family-roboto);
    color: var(--color-viridian);
    display: flex;
    justify-content: flex-end;
    text-decoration: none;
    align-items: center;
}
/* _content/Web/Pages/Admin/ProjectPage/Dashboard/Dashboard.razor.rz.scp.css */
.dashboard-container[b-13uklhln34] {
    width: 80%;
    display: flex;
    flex-direction: column;
}

@media (max-width: 1600px) {
    .dashboard-container[b-13uklhln34] {
        width: 100%;
    }
}

.heading__container[b-13uklhln34] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.7rem;
    color: var(--color-persian-plum);
    margin-bottom: 1.625rem;
}

.heading__svg[b-13uklhln34] {
    width: 2.2rem;
    height: 2.2rem;
}

.heading[b-13uklhln34] {
    margin: 0;
    font-family: var(--font-family-roboto);
}

[b-13uklhln34] .green-background {
    background-color: var(--card-color-background) !important;
}

.dashboard-card[b-13uklhln34] {
    border: 1px solid var(--card-color-border);
    border-radius: 10px;
    background-color: var(--color-white);
    display: flex;
    padding: 1rem;
    font-size: 1rem;
}

.dashboard-card__icon[b-13uklhln34] {
    width: 1.5rem;
    height: 1.5rem;
    color: var(--color-viridian);
    margin-right: .5rem;
}

.dashboard-content[b-13uklhln34] {
    flex-grow: 1;
    flex-basis: 0;
}

.csat-count[b-13uklhln34] {
    display: flex;
    color: var(--color-viridian);
    font-size: 4.375rem;
    height: 100%;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
}

.flex-grow[b-13uklhln34]{
    flex-basis: 0;
    flex-grow: 1;
}

.dashboard-heading[b-13uklhln34] {
    margin-bottom: 1rem;
    letter-spacing: .25rem;
    font-size: 1rem;
}

.dashboard-divider[b-13uklhln34] {
    height: 1px;
    width: 100%;
    background-color: var(--color-cool-grey);
    margin: 2rem 0;
}
/* _content/Web/Pages/Admin/ProjectPage/Dashboard/DashboardCard.razor.rz.scp.css */
.dashboard-card[b-2adrfnxk19] {
    border: 1px solid var(--card-color-border);
    border-radius: 10px;
    background-color: var(--color-white);
    display: flex;
    padding: 1rem;
    font-size: 1rem;
}

.flex-grow[b-2adrfnxk19] {
    flex-basis: 0;
    flex-grow: 1;
}

.dashboard-card__icon[b-2adrfnxk19] {
    width: 1.5rem;
    height: 1.5rem;
    color: var(--color-viridian);
    margin-right: .5rem;
}
/* _content/Web/Pages/Admin/ProjectPage/Dashboard/InfoCard.razor.rz.scp.css */
.info-card[b-z6h7e77p10] {
    background-color: #fff;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-basis: 0;
    flex-grow: 1;
    font-size: .875rem;
    padding: .5rem;
    min-width: 12rem;
}

.info-card__icon[b-z6h7e77p10] {
    width: 1.5rem;
    height: 1.5rem; 
    color: var(--color-viridian);
    margin-right: .5rem;
}

.info-card__text[b-z6h7e77p10] {
    font-family: var(--font-family-roboto);
}

.info-card__link[b-z6h7e77p10] {
    font-family: var(--font-family-roboto);
    color: var(--color-viridian);
    display: flex;
    justify-content: flex-end;
    text-decoration: none;
    align-items: center;
    margin-top: 1rem;
}
/* _content/Web/Pages/Admin/ProjectPage/Embedded/CSATResults.razor.rz.scp.css */
.empty-results__text[b-dgqm3ta0tx] {
    font-family: var(--font-family-roboto), serif;
    font-size: 1.25rem;
    color: var(--color-charcoal);
    text-align: center;
}

.csat-results__container[b-dgqm3ta0tx] {
    display: flex;
    column-gap: 1rem;
    width: 100%;
}
/* _content/Web/Pages/Admin/ProjectPage/Embedded/EmbeddedConfiguration.razor.rz.scp.css */
.color_picker[b-3qu1whc6o6] {
    width: 50%;
}

.color_picker_container[b-3qu1whc6o6] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: .5rem;
}

.header[b-3qu1whc6o6] {
    font-size: 1.3125rem;
    color: var(--text-color);
    padding: 1rem 0;
}

.embedded-divider[b-3qu1whc6o6] {
    padding: .5px 0;
    width: 100%;
    background-color: var(--color-cool-grey);
    margin-top: 1rem;
}

.list_container[b-3qu1whc6o6] {
    gap: .5rem;
    display: flex;
    flex-direction: column;
}
/* _content/Web/Pages/Admin/ProjectPage/Embedded/EmbeddedContainer.razor.rz.scp.css */
.heading__container[b-uadmjgqdx6] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.7rem;
    color: var(--color-persian-plum);
}

.heading__svg[b-uadmjgqdx6] {
    width: 2.2rem;
    height: 2.2rem;
}

.heading[b-uadmjgqdx6] {
    margin: 0;
    font-family: var(--font-family-roboto);
}

.tabs__container[b-uadmjgqdx6] {
    display: flex;
    justify-content: center;
    width: 100%;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0.375rem;
}

@media (max-width: 1180px) {
    .tabs__container[b-uadmjgqdx6] {
        position: unset !important;
    }
}
/* _content/Web/Pages/Admin/ProjectPage/Embedded/EmbeddedPreview.razor.rz.scp.css */
.label-container[b-x8aue3v99z] {
    height: fit-content;
    display: flex;
    flex-direction: column;
}


.label[b-x8aue3v99z] {
    font-size: 1rem;
    color: var(--color-viridian);
    background-color: white;
    box-shadow: 0 2px 6px #00000029;
    border-radius: 0 10px 10px 0;
    padding: .5rem 1rem;
    width: fit-content;
    margin-bottom: .5rem;
    border: none;
    height: fit-content;
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.header[b-x8aue3v99z] {
    background-color: var(--color-anti-flash-white);
    font-size: 1.25rem;
    padding: .5rem 1rem;
}

.preview_container[b-x8aue3v99z] {
    background-color: white;
    background-size: 1rem 1rem;
    height: 100%;
    padding-top: 1rem;
    overflow: auto;
    display: flex;
    flex-direction: row;
    align-items: start;
    justify-content: space-between;
}

.embedded-container[b-x8aue3v99z] {
    display: flex;
    height: 37rem;
    width: 29rem;
}

@media (max-width: 1682px) {
    .preview_container[b-x8aue3v99z] {
        flex-direction: column;
        justify-content: unset;
    }
    
    .embedded-container[b-x8aue3v99z] {
        width: 100%;
        height: 38rem;
    }
}
/* _content/Web/Pages/Admin/ProjectPage/Feedback/FeedbackCard.razor.rz.scp.css */
.feedback__card[b-cohxw0tpsl],
.selected__feedback__card[b-cohxw0tpsl] {
    outline: var(--card-color-border) 1px solid;
    border: unset;
    width: 100%;
    height: 10.2rem;
    display: flex;
    color: var(--text-color);
    border-radius: 0.625rem;
    transition: background-color 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
    gap: 0.7rem;
    font-family: var(--font-family-roboto);
    min-width: 495px;
    position: relative;
    overflow: hidden;
}

.feedback__card[b-cohxw0tpsl] {
    outline: var(--card-color-border) 1px solid;
    background-color: var(--color-ghost-white);
}

.selected__feedback__card[b-cohxw0tpsl] {
    outline: var(--card-color-border-viridian-hover) 2px solid !important;
    background-color: var(--color-white);
    box-shadow: 0 0 6px var(--box-shadow-color);
}

.feedback__card:hover[b-cohxw0tpsl] {
    outline: var(--card-color-outline-viridian) 2px solid;
    background-color: var(--card-color-background);
}

.card__items[b-cohxw0tpsl] {
    margin: 1.25rem;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.title__text[b-cohxw0tpsl] {
    color: var(--text-color);
    font: normal normal normal 1.125rem/1.5rem var(--font-family-roboto);
    letter-spacing: 0;
    text-align: left;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

.feedback__svg[b-cohxw0tpsl] {
    width: 1.3rem;
    height: 1.3rem;
}

.info__container[b-cohxw0tpsl] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    letter-spacing: 0.03rem;
    font: normal normal normal 13px/16px var(--font-family-roboto);
}

.info__items[b-cohxw0tpsl] {
    display: flex;
    align-items: center;
    gap: 0.2rem;
    width: 100%;
}

.feedback__text[b-cohxw0tpsl] {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    text-align: left;
    font: normal normal normal 1rem/1.125rem var(--font-family-roboto);
    margin-top: 1rem;
}
/* _content/Web/Pages/Admin/ProjectPage/Feedback/FeedbackConfiguration.razor.rz.scp.css */
.config__content[b-hsv2iuubko] {
    border: unset;
    height: 100%;
    width: 70%;
    overflow: auto;
    display: flex;
    transition: background-color 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
    font: normal normal normal 1rem/1.125rem var(--font-family-roboto);
    margin-top: 1.5rem;
}

@media (max-width: 1300px) {
    .config__content[b-hsv2iuubko] {
        width: 100%;
    }
}

.feedback__divider[b-hsv2iuubko] {
    margin: 0 1.25rem !important;
}

.items[b-hsv2iuubko] {
    margin: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.lable__text[b-hsv2iuubko] {
    color: var(--text-color);
    letter-spacing: 0;
    text-align: left;
    font-weight: 500;
}

.text[b-hsv2iuubko] {
    text-align: left;
}

.slider[b-hsv2iuubko] {
    margin-right: 10px;
}

.toggle__container[b-hsv2iuubko] {
    display: flex;
    align-items: center;
}
/* _content/Web/Pages/Admin/ProjectPage/Feedback/FeedbackContainer.razor.rz.scp.css */
.web__tabs[b-xlxudzer9z] {
    display: flex; 
    justify-content: center; 
    width: 100%; 
    position: absolute; 
    left: 0;
    top: 3.2rem;
}

@media (max-width: 916px) {
    .web__tabs[b-xlxudzer9z] {
        position: unset !important;
    }
}
/* _content/Web/Pages/Admin/ProjectPage/Feedback/FeedbackContent.razor.rz.scp.css */
.feedback__content[b-i23qlyniei] {
    border: unset;
    height: 100%;
    overflow: auto;
    display: flex;
    transition: background-color 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
    font-family: var(--font-family-roboto);
    flex: 0 0 99%;
    background-color: white;
}

.card__items[b-i23qlyniei] {
    margin: 1.25rem;
    display: flex;
    flex-direction: column;
}

.title__text[b-i23qlyniei] {
    color: var(--text-color);
    font: normal normal normal 1.313rem/1.5rem var(--font-family-roboto);
    letter-spacing: 0;
    text-align: left;
    padding: .5em 0;
}

.feedback__svg[b-i23qlyniei] {
    width: 1.3rem;
    height: 1.3rem;
}

.info__container[b-i23qlyniei] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    letter-spacing: 0.03rem;
    font: normal normal normal 13px/16px var(--font-family-roboto);
}

.info__items[b-i23qlyniei] {
    display: flex;
    align-items: center;
    gap: 0.2rem;
}

.feedback__text[b-i23qlyniei] {
    text-align: left;
    font: normal normal normal 1rem/1.125rem var(--font-family-roboto);
    margin-top: 1rem;
}

.imageContainer[b-i23qlyniei] {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
}

.image[b-i23qlyniei] {
    max-width: 100%;
    border: 1px solid var(--color-second-dark-grey);
    margin-bottom: 5px;
}
/* _content/Web/Pages/Admin/ProjectPage/Feedback/FeedbackSummary.razor.rz.scp.css */
.empty-message[b-l0p2de7cal] {
    font-size: 1.3rem;
    font-family: var(--font-family-roboto);
    text-align: center;
}

.feedback-summary_container[b-l0p2de7cal] {
    width: 50%;
    display: flex;
    justify-content: center;
    overflow-y: hidden;
    box-shadow: 0 0 6px var(--box-shadow-color);
    border: var(--card-color-border-viridian-hover) 2px solid;
    border-radius: 0.625rem;
}
/* _content/Web/Pages/Admin/ProjectPage/ProjectSettings.razor.rz.scp.css */
.heading__container[b-x9sy37t4z0] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.7rem;
    color: var(--color-persian-plum);
    margin-bottom: 1.625rem;
}

.heading__svg[b-x9sy37t4z0] {
    width: 1.7rem;
    height: 1.7rem;
}

.heading[b-x9sy37t4z0] {
    margin: 0;
    font-family: var(--font-family-roboto);
}

.settings__container[b-x9sy37t4z0] {
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    background-color: var(--color-white);
    padding: 1rem;
    width: 100%;
}

.project_admin_list_item[b-x9sy37t4z0] {
    background-color: var(--color-anti-flash-white);
    display: flex;
    justify-content: space-between;
    padding: 0 1rem;
    margin: 0 2rem;
    font-size: .875rem;
}

.project_admin_list_item_warning[b-x9sy37t4z0] {
    color: var(--text-color-warning);
}

.delete__btn[b-x9sy37t4z0] {
    display: flex;
    color: var(--color-charcoal);
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border: none;
    padding: 0;
}

.delete_icon[b-x9sy37t4z0] {
    width: 1.25rem;
    height: 1.25rem;
    color: var(--color-viridian);
}

.btn__container[b-x9sy37t4z0] {
    margin-top: 1rem;
    display: flex;
    width: 100%;
    justify-content: end;
}

.warning_text[b-x9sy37t4z0] {
    color: var(--text-color-warning);
    font-size: .813rem;
}

.warning_icon[b-x9sy37t4z0] {
    color: var(--color-delete-icon);
    width: 1.25rem;
    height: 1.25rem;
}
/* _content/Web/Pages/Admin/ProjectPage/Surveys/ProjectSurvey.razor.rz.scp.css */
.survey__card[b-bg6jrzcei9] {
    outline: var(--card-color-border) 1px solid;
    border: unset;
    width: 100%;
    height: 10.2rem;
    background-color: var(--color-ghost-white);
    display: flex;
    color: var(--text-color);
    border-radius: 0.625rem;
    transition: background-color 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
    gap: 0.7rem;
    font-family: var(--font-family-roboto);
    min-width: 495px;
}

.card__items[b-bg6jrzcei9] {
    margin: 1.25rem;
    display: flex;
    flex-direction: column;
}

.title[b-bg6jrzcei9] {
    color: var(--text-color);
    font: normal normal normal 1.125rem/1.5rem var(--font-family-roboto);
    letter-spacing: 0;
    text-align: left;
}

.survey__svg[b-bg6jrzcei9] {
    width: 1.3rem;
    height: 1.3rem;
}

.info__container[b-bg6jrzcei9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    letter-spacing: 0.03rem;
    font: normal normal normal 13px/16px var(--font-family-roboto);
}

.info__items[b-bg6jrzcei9] {
    display: flex;
    align-items: center;
    gap: 0.2rem;
}

.toggle__container[b-bg6jrzcei9] {
    margin-top: 1.875rem;
    display: flex;
    align-items: center;
    gap: 0.625rem;
    font: normal normal normal 1rem/1.3rem var(--font-family-roboto);
}

.survey__card:hover[b-bg6jrzcei9] {
    outline: var(--card-color-border-viridian-hover) 2px solid;
    background-color: var(--color-white);
}
/* _content/Web/Pages/Admin/ProjectPage/Surveys/ProjectSurveyDetail.razor.rz.scp.css */
.wrapper[b-pmjwfunm6a] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.detail__container[b-pmjwfunm6a] {
    margin-left: 1.625rem;
    margin-right: 5.3rem;
    margin-top: 1.3rem;
    width: 60%;
    min-width: 55rem;
}

.heading__container[b-pmjwfunm6a] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.7rem;
    color: var(--color-persian-plum);
    margin-bottom: 1.625rem;
    margin-top: 1.56rem;
}

.heading__svg[b-pmjwfunm6a] {
    width: 1.7rem;
    height: 1.7rem;
}

.no-surveys__heading[b-pmjwfunm6a] {
    margin: 0;
    font-family: var(--font-family-roboto);
}

.btn__container[b-pmjwfunm6a] {
    margin-top: 1.875rem;
    display: flex;
    flex-direction: row;
    width: 100%;
    margin-bottom: 1.875rem;
}

.questions__container[b-pmjwfunm6a] {
    display: flex;
    flex-direction: column;
    margin-right: 5.3rem;
    margin-top: 1.3rem;
    width: 100%;
    row-gap: 2rem;
}

.flex-end[b-pmjwfunm6a] {
    justify-content: flex-end;
}

.opacity-50[b-pmjwfunm6a] {
    opacity: 0.5;
}

.question-card__container[b-pmjwfunm6a] {
    display: flex;
    flex-direction: column;
}

.detail__btn-container[b-pmjwfunm6a] {
    position: relative;
    display: flex;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
}

.back__btn-container[b-pmjwfunm6a] {
    position: absolute;
    margin-left: 1.125rem;
    z-index: 1;
}

.tabs[b-pmjwfunm6a] {
    margin-left: auto;
    margin-right: auto;
}

.create-question__btn[b-pmjwfunm6a] {
    margin-top: unset;
}

.margin-bottom[b-pmjwfunm6a] {
    margin-bottom: 2rem;
}

@media (max-width: 2040px) {
    .hint__wrapper[b-pmjwfunm6a] {
        position: unset !important;
        width: 100% !important;
        display: flex !important;
        max-width: unset !important;
        margin-bottom: 1.3rem;
    }
    .hint__container[b-pmjwfunm6a] {
        width: 100% !important;
    }
    
    .hint__text[b-pmjwfunm6a] {
        max-width: 80%;
    }
    
    .hint__svg[b-pmjwfunm6a] {
        height: 11.07rem !important;
        width: 9.882rem !important;
        bottom: unset !important;
        right: 1rem !important;
    }
}

.hint__wrapper[b-pmjwfunm6a] {
    position: fixed;
    width: auto;
    max-width: 42rem;
    overflow: visible;
    top: 20.7rem;
    right: 1.56rem;
}

.hint__container[b-pmjwfunm6a] {
    display: flex;
    flex-direction: column;
    row-gap: 1.875rem;
    padding: 2.3rem 5.9rem 2.3rem 2.3rem;
    border: var(--color-charcoal) 1px solid;
    color: var(--color-charcoal);
    font-family: var(--font-family-roboto);
    border-radius: 1.25rem;
    width: 82%;
    position: relative;
}

.hint__svg[b-pmjwfunm6a] {
    position: absolute;
    bottom: -20px;
    right: -80px;
    height: 25.625rem;
    width: 22.875rem;
}

.hint__text[b-pmjwfunm6a] {
    z-index: 1;
}

.hint__header[b-pmjwfunm6a] {
    color: var(--color-persian-plum);
    letter-spacing: 0;
    font-weight: 400;
}
/* _content/Web/Pages/Admin/ProjectPage/Surveys/ProjectSurveyResultCard.razor.rz.scp.css */
.card__container[b-4o2y1dlzsb] {
    display: flex;
    flex-direction: column;
    padding: 1.25rem 0.75rem;
    width: 100%;
    position: relative;
    background-color: var(--color-white);
}

.open__btn[b-4o2y1dlzsb] {
    position: absolute !important;
    right: 0.75rem !important;
    top: 0.75rem !important;
    all: unset; 
    cursor: pointer; 
    padding: 0;
}

.open__svg[b-4o2y1dlzsb] {
    width: 2rem;
    height: 2rem;
}

.answer__container[b-4o2y1dlzsb] {
    padding: 1.25rem 0.75rem;
}

.answer__element[b-4o2y1dlzsb] {
    display: flex;
    flex-direction: column;
    margin-bottom: 1.25rem;
}

.heading__text[b-4o2y1dlzsb] {
    margin-bottom: 0.625rem;
}

.heading__number[b-4o2y1dlzsb] {
    margin-right: 0.875rem;
}

.heading__font[b-4o2y1dlzsb] {
    font-family: var(--font-family-roboto), serif;
    font-weight: 400 !important;
}
/* _content/Web/Pages/Admin/ProjectPage/Surveys/ProjectSurveyResults.razor.rz.scp.css */
.heading__container[b-8v1n4u53l6] {
    margin-left: 1rem;
    margin-bottom: 1.25rem;
}

.survey__heading[b-8v1n4u53l6] {
    font-family: var(--font-family-roboto), serif;
    margin-bottom: 1.9rem;
}

.survey__info-container[b-8v1n4u53l6] {
    display: flex;
}

.survey__info-element[b-8v1n4u53l6] {
    margin-right: 5rem;
}

.survey__info-heading[b-8v1n4u53l6] {
    font-family: var(--font-family-roboto), serif;
    font-weight: 500;
}

.survey__info-value[b-8v1n4u53l6] {
    font-family: var(--font-family-roboto), serif;
}

.question__container:last-child[b-8v1n4u53l6] {
    margin-bottom: 1.25rem;
}

.empty-results__container[b-8v1n4u53l6] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
    row-gap: 1.25rem;
    align-items: center;
}

.empty-results__text[b-8v1n4u53l6] {
    font-family: var(--font-family-roboto), serif;
    font-size: 1.25rem;
    color: var(--color-charcoal);
    text-align: center;
}

.svg__icon[b-8v1n4u53l6] {
    width: 6.25rem;
    height: 6.25rem;
}
/* _content/Web/Pages/Admin/ProjectPage/Surveys/ProjectSurveysContainer.razor.rz.scp.css */
.no-surveys__container[b-y4dqexhnjb] {
    margin-right: 5.3rem;
    margin-top: 1.3rem;
}

.survey__description[b-y4dqexhnjb] {
    max-width: 62%;
}

@media (max-width: 1400px) {
    .survey__description[b-y4dqexhnjb] {
        max-width: 100% !important;
    }
}

.heading[b-y4dqexhnjb] {
    margin: 0;
    font-family: var(--font-family-roboto);
}

.no-surveys__text[b-y4dqexhnjb] {
    color: var(--text-color);
}

.tabs__container[b-y4dqexhnjb] {
    display: flex;
    width: 100%;
    position: absolute;
    justify-content: center;
    align-items: center;
    margin-top: 1rem;
    transform: translate(-3.75rem);
}

.survey-card__container[b-y4dqexhnjb] {
    flex: 0 0 49.5%;
}

@media (max-width: 1200px) {
    .survey-card__container[b-y4dqexhnjb] {
        flex: unset !important;
        width: 100%;
    }
}
/* _content/Web/Pages/Admin/ProjectPage/WebSection/WebContainer.razor.rz.scp.css */
.heading__container[b-cj7v4jd091] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.7rem;
    color: var(--color-persian-plum);
}

.heading__svg[b-cj7v4jd091] {
    width: 2.2rem;
    height: 2.2rem;
}

.surveys__heading[b-cj7v4jd091] {
    margin: 0;
    font-family: var(--font-family-roboto);
}

.web__tabs[b-cj7v4jd091] {
    display: flex; 
    justify-content: center; 
    width: 100%; 
    position: absolute; 
    left: 0; 
    top: 0.375rem;
}

.feedback__container[b-cj7v4jd091] {
    margin-top: 4rem; 
    width: 100%; 
    height: 100%;
}

@media (max-width: 916px) {
    .web__tabs[b-cj7v4jd091] {
        position: unset !important;
    }
    
    .feedback__container[b-cj7v4jd091] {
        margin-top: unset; 
    }
}
/* _content/Web/Pages/Admin/ResetPassword.razor.rz.scp.css */
.title[b-lpvd01esd1] {
    font: normal normal normal 30px var(--font-family-roboto);
    margin-bottom: 2rem;
}

.text[b-lpvd01esd1] {
    font: normal normal normal 16px var(--font-family-roboto);
}

.container[b-lpvd01esd1] {
    max-width: 33%;
}
/* _content/Web/Pages/Admin/UserCreation.razor.rz.scp.css */
.title[b-madtv3dgdq] {
    font: normal normal normal 30px var(--font-family-roboto);
    margin-bottom: 2rem;
}

.text[b-madtv3dgdq] {
    font: normal normal normal 16px var(--font-family-roboto);
}
/* _content/Web/Pages/Admin/UserVerification.razor.rz.scp.css */
.title[b-84x13tozsq] {
    font: normal normal normal 30px var(--font-family-roboto);
    margin-bottom: 2rem;
}

.text[b-84x13tozsq] {
    font: normal normal normal 16px var(--font-family-roboto);
}
/* _content/Web/Pages/Admin/VerifyResetPassword.razor.rz.scp.css */
.title[b-m8uwxskfit] {
    font: normal normal normal 30px var(--font-family-roboto);
}

.text[b-m8uwxskfit] {
    font: normal normal normal 16px var(--font-family-roboto);
}
/* _content/Web/Pages/User/FeedbackPage/FeedbackPageCSATDialog.razor.rz.scp.css */
.icon__container[b-sexuzqg8v7] {
    margin-bottom: 10px;
}

.text__container[b-sexuzqg8v7] {
    margin-bottom: 40px;

    h3 {
        font: normal normal normal 26px/34px Roboto!important;
        margin-bottom: 10px;
    }
    p[b-sexuzqg8v7] {
        font: normal normal normal 16px/26px Roboto!important;
    }
}

.dialog__text[b-sexuzqg8v7] {
    margin-bottom: 0;
}

.csat__container[b-sexuzqg8v7] {
    border: 2px solid var(--color-viridian);
    border-radius: 10px;
    padding: 30px;

    h5 {
        font: normal normal normal 21px/28px Roboto!important;
        margin-bottom: 11px;
    }
}

.csat__question[b-sexuzqg8v7] {
    &:not(:last-child) {
        margin-bottom: 40px;
    }
    
    p[b-sexuzqg8v7] {
        font: normal normal 500 16px/26px Roboto!important;
        margin-bottom: 4px;
    }
}
/* _content/Web/Pages/User/SurveyQuestions.razor.rz.scp.css */
.survey__description[b-cglp2vqz4q] {
    font-family: var(--font-family-roboto);
    color: var(--color-charcoal);
}
/* _content/Web/Shared/DateRangePickerCustom.razor.rz.scp.css */
.picker__svg[b-6nxb671zcl] {
    width: 1.3rem;
    height: 1.3rem;
    display: flex;
}

.picker__text[b-6nxb671zcl] {
    font-family: var(--font-family-roboto);
    font-size: 1rem;
    flex-flow: row;
    color: var(--rz-input-placeholder-color);
}

.picker[b-6nxb671zcl] {
    background: #fff;
    cursor: pointer;
    padding: 5px 10px;
    width: 15rem;
    height: 2.5rem;
    border: 1px solid #ccc;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 10px;
    border-color: black;
}

    .picker:focus[b-6nxb671zcl] {
        border-color: var(--card-color-outline-viridian);
    }

    .picker:active[b-6nxb671zcl] {
        border-color: var(--card-color-outline-viridian);
    }

.picker__primary__btn[b-6nxb671zcl] {
    width: auto;
    height: auto;
    background-color: var(--btn-primary-color-viridian);
    display: flex;
    color: var(--btn-primary-text-color);
    border-radius: 0 0.4rem 0.4rem 0.4rem;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
    gap: 0.7rem;
}

.picker__primary__btn:hover[b-6nxb671zcl] {
    background-color: var(--btn-primary-color-viridian-hover);
    box-shadow: 0 2px 6px var(--btn-primary-color-viridian-light);
    transition: filter 0.3s ease;
    .picker__primary__btn__text
    {
        color: var(--btn-primary-text-color-hover)
    }
}

.picker__primary__btn:focus[b-6nxb671zcl] {
    background-color: var(--btn-primary-color-viridian-hover);
    box-shadow: 0 2px 6px var(--btn-primary-color-viridian-light);
    border: var(--color-white) solid 1px;
    outline: var(--btn-primary-color-viridian-pressed) solid 2px;
    .picker__primary__btn__text

{
    color: var(--btn-primary-text-color-pressed);
}
}

.picker__primary__btn:active[b-6nxb671zcl] {
    background-color: var(--btn-primary-color-viridian-pressed);
    box-shadow: 0 2px 6px var(--btn-primary-color-viridian-light);
    .picker__primary__btn__text
{
    color: var(--btn-primary-text-color-pressed);
}
}


.picker__primary__btn:disabled[b-6nxb671zcl] {
    background-color: var(--btn-primary-color-grey-disabled);
    box-shadow: 0 2px 6px var(--btn-primary-color-grey-shadow);
    .picker__primary__btn__text

{
    color: var(--btn-primary-text-color-disabled);
}
}

.picker__primary__btn__text[b-6nxb671zcl] {
    font-family: var(--font-family-roboto);
    font-size: 1rem;
    flex-flow: row;
}

.picker__secondary__btn[b-6nxb671zcl] {
    width: auto;
    height: auto;
    background-color: var(--btn-secondary-color-white);
    display: flex;
    color: var(--btn-secondary-text-color);
    border-radius: 0 0.4rem 0.4rem 0.4rem;
    border: 1px solid var(--btn-secondary-border-color-viridian);
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
    gap: 0.7rem;
}

    .picker__secondary__btn:hover[b-6nxb671zcl] {
        background-color: var(--btn-secondary-color-flash-white-hover);
        box-shadow: 0 2px 6px var(--btn-secondary-color-viridian-shadow);
        transition: filter 0.3s ease;
        border: 1px solid var(--btn-secondary-border-color-viridian);
        .picker__secondary__btn__text {
        color: var(--btn-secondary-text-color-hover);)
}
}

.picker__secondary__btn:focus[b-6nxb671zcl] {
    background-color: var(--btn-secondary-color-cool-grey-focused);
    border: var(--btn-secondary-border-color-viridian-pressed) solid 1px;
    box-shadow: 0 0 0 1px var(--btn-secondary-color-cool-grey-focused), 0 0 0 3px var(--btn-secondary-border-color-viridian-focused);
    .picker__secondary__btn__text {
        color: var(--btn-secondary-text-color-pressed);)
}
}

.picker__secondary__btn:active[b-6nxb671zcl] {
    background-color: var(--btn-secondary-color-light-grey-pressed);
    box-shadow: 0 2px 6px var(--btn-secondary-color-viridian-shadow);
    .picker__secondary__btn__text {
    color: var(--btn-secondary-text-color-pressed);
}
}


.picker__secondary__btn:disabled[b-6nxb671zcl] {
    background-color: var(--btn-secondary-color-white-disabled);
    box-shadow: 0 2px 6px var(--btn-secondary-color-grey-shadow);
    border: 1px solid var(--btn-secondary-color-light-grey-pressed);
    .picker__secondary__btn__text {
        color: var(--btn-secondary-text-color-disabled);
}
}

.picker__secondary__btn__text[b-6nxb671zcl] {
    font-family: var(--font-family-roboto);
    font-size: 1rem;
    flex-flow: row;
    flex: 0 0 80%;
}

.daterangepicker.show-calendar .drp-buttons[b-6nxb671zcl] {
    display: flex !important;
}

.start-date[b-6nxb671zcl] {
    background-color: var(--color-viridian) !important;
}

.end-date[b-6nxb671zcl] {
    background-color: var(--color-viridian) !important;
}
/* _content/Web/Shared/EmptyLayout.razor.rz.scp.css */
.page[b-yodlrutr1t] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-yodlrutr1t] {
    flex: 1;
    background: url("./feedbackimages/default/background.svg") no-repeat fixed 0 0;
    align-items: center;
}

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

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

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

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

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

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

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

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

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

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

    .top-row[b-yodlrutr1t], article[b-yodlrutr1t] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* _content/Web/Shared/FeedbackLayout.razor.rz.scp.css */
.page[b-z2tcs8ad4e] {
    position: relative;
    display: flex;
    flex-direction: column;
}

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

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

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

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

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

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

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

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

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

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

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

    .top-row[b-z2tcs8ad4e], article[b-z2tcs8ad4e] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* _content/Web/Shared/InfoIcon.razor.rz.scp.css */
.svg__icon[b-pxkdgz5qvf] {
    display: flex;
    width: 1.5rem;
    color: var(--color-viridian);
}

.infoicon__tooltip[b-pxkdgz5qvf] {
    left: 5px !important;
    top: 5px !important;
}
/* _content/Web/Shared/MainLayout.razor.rz.scp.css */
.page[b-s29s4s63jm] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.main[b-s29s4s63jm] {
    flex: 1;
    display:flex; 
    flex-direction:column; 
    overflow: hidden;
    background: rgba(253, 255, 255, 50%) url("./feedbackimages/default/background.svg") no-repeat fixed 0 0;
    background-size: cover;
}

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

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

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

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

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

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

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

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

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

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

    .top-row[b-s29s4s63jm], article[b-s29s4s63jm] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* _content/Web/Shared/SortableList.razor.rz.scp.css */
[b-qndfcl2yk8] .sortable-ghost {
    visibility: hidden;
}

[b-qndfcl2yk8] .sortable-fallback {
    opacity: 1 !important
}
/* _content/Web/Shared/Ui/AppFooter.razor.rz.scp.css */
.footer[b-on31bmyb30] {
    border-top: var(--color-light-grey) 2px solid;
    background-color: var(--color-ghost-white) !important;
    height: 46px;
    padding-left: 24px;
    width: 100%;
    display: flex; 
    justify-content: flex-end;
    align-items: center;
}

.footer a[b-on31bmyb30] {
    color: var(--color-cadet);
    font-family: var(--font-family-roboto);
    font-weight: bold !important;
    font-size: 0.875rem;
    margin-right: 2.5rem;
    text-decoration: none;
    display: flex;
}

.svg__icon[b-on31bmyb30] {
    width: 1.5rem;
    height: 1.5rem;
    color: var(--color-cadet);
    margin-right: 0.625rem;
}

.footer a:hover[b-on31bmyb30] {
    color: var(--color-viridian) !important;
    .svg__icon {
        color: var(--color-viridian) !important;
    }
}

.last-element[b-on31bmyb30] {
    margin-right: 5.3rem !important;
}


@media (max-width: 672px) {
    
    .footer a[b-on31bmyb30] {
        margin-right: 1rem;
    }
    
}

@media (max-width: 600px) {
    
    .mobile--hide[b-on31bmyb30] {
        display: none;
    }
    
    .footer[b-on31bmyb30] {
        justify-content: space-between;
    }
    
    .footer a[b-on31bmyb30] {
        scale: 1.5;
    }
    
    .mobile-first-element[b-on31bmyb30] {
        margin-left: 1rem !important;
    }
    
    .last-element[b-on31bmyb30] {
        margin-right: 1rem !important;
    }
}
/* _content/Web/Shared/Ui/AppHeader.razor.rz.scp.css */
.header__container[b-40iyi5onkv] {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 80px;
    box-shadow: 0 3px 6px #00000033;
    background-color: var(--color-cyan-super-light);
    position: relative;
}

.container-admin-logo[b-40iyi5onkv] {
    margin-left: 77px;
}

.container-logo[b-40iyi5onkv] {
    margin-left: 77px;
    height: 100%;
    display: flex;
    align-items: center;
}

.container-project[b-40iyi5onkv] {
    display: flex; 
    flex-direction: column;
    margin-left: 20px;
    align-items: start; 
    justify-content: center; 
    flex-wrap: wrap;
}

.container-btn[b-40iyi5onkv] {
    position: absolute;
    right: 20px;
    display: flex;
}

.line-seperator[b-40iyi5onkv] {
    border-right: 1px solid var(--color-charcoal); 
    height: 50px;
}

.svg__logo-only[b-40iyi5onkv] {
    height: 70px; 
    width: 70px; 
    padding-right: 20px;
}

.line-seperator[b-40iyi5onkv] {
    border-right: 1px solid var(--color-charcoal); 
    height: 50px;
}

.svg__logo-only[b-40iyi5onkv] {
    height: 70px; 
    width: 70px; 
    padding-right: 20px;
}

.btn[b-40iyi5onkv] {
    font: normal normal normal 16px/21px Roboto !important;
    padding-right: 85px;
    text-transform: none;
}

.project-title[b-40iyi5onkv] {
    font: normal normal normal 26px/34px Roboto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 50rem;
    color: var(--color-charcoal);
}

.project-link[b-40iyi5onkv] {
    font-size: 14px;
    font-weight: bold !important;
    text-decoration: none; 
    color: var(--color-viridian) !important;
}

.header-container[b-40iyi5onkv] {
    background-color: var(--color-anti-flash-white) ;display: flex; flex-direction: row; align-items: center; height: 80px; box-shadow: 0 3px 6px #00000033;
}

@media (max-width: 1243px) {
    
    .mobile-project-title[b-40iyi5onkv] {
        width: 350px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media (max-width: 992px) {

    .mobile-project-title[b-40iyi5onkv] {
        width: 300px;
    }
}

@media (max-width: 943px) {

    .container-admin-logo[b-40iyi5onkv] {
        margin-left: 40px;
        width: 341px;
    }
    
    .container-logo[b-40iyi5onkv] {
        margin-left: 10px;
        scale: 0.7;
    }
    
    .container-project[b-40iyi5onkv] {
        justify-content: center; 
        width: 150px;
        margin-left: 10px;
    }
    
    .mobile-project-title[b-40iyi5onkv] {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .mobile-feedback-text[b-40iyi5onkv] {
        text-wrap: nowrap;
    }
    
    .mobile-btn[b-40iyi5onkv] {
        scale: 2;
        margin-left: 20px;
        margin-right: 20px;
    }
    
    .mobile--hide[b-40iyi5onkv] {
        display: none;
    }
    
    .container-btn[b-40iyi5onkv] {
        margin-right: 10px;
    }
    
}

@media (max-width: 560px) {

    .container-admin-logo[b-40iyi5onkv] {
        margin-left: unset;
        scale: 0.7;
        width: 100px;
    }
    
    .container-logo[b-40iyi5onkv] {
        margin-left: 5px;
        scale: 0.6;
    }
    
    .mobile-btn[b-40iyi5onkv] {
        scale: 1.5;
        margin-left: 10px;
        margin-right: 10px;
    }

    .mobile-feedback-text[b-40iyi5onkv] {
        display: none;
        text-wrap: nowrap;
    }
    
    .container-project[b-40iyi5onkv] {
        margin-left: unset;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        height: fit-content;
    }
    
}