.bs-grid-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.bs-grid-overlay .container {
    height: 100%
}

.bs-grid-overlay .container .row {
    height: 100%
}

.bs-grid-overlay .container .row .col-xs-1 {
    opacity: .3;
    height: 100%;
    position: relative
}

.bs-grid-overlay .container .row .col-xs-1 .fill {
    background: red;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-left: 1px solid #ccc
}

.bs-grid-overlay .container .row .col-xs-1:first-child .bar {
    border-left: 0
}

:root {
    --pva-body-fs: torem(16);
    --pva-line-height: 1.5;
    --pva-base-white: #fff;
    --pva-base-white-100: #dedede;
    --pva-base-white-200: #f4f4f4;
    --pva-base-white-300: #f9f9f9;
    --pva-base-white-400: #f5f9ff;
    --pva-base-white-500: #ededed;
    --pva-base-white-600: #f1ebfe;
    --pva-base-white-700: #fcfcfc;
    --pva-base-white-800: #ddd;
    --pva-base-white-900: #f2f2f2;
    --pva-base-white-1000: #dbe3fc;
    --pva-base-white-1100: #dae7fc;
    --pva-base-white-1200: #f0f6ff;
    --pva-base-white-1300: #f4f1fe;
    --pva-base-white-1400: #f3f5f7;
    --pva-base-white-1500: #eee;
    --pva-base-white-1600: #fdfdfb;
    --pva-base-white-1700: #e8e8e8;
    --pva-base-white-1800: #e1e1fe;
    --pva-base-white-1900: #dadada;
    --pva-base-white-2000: #f8f8f8;
    --pva-base-white-2100: #d7ebec;
    --pva-base-white-2200: #e3f3f4;
    --pva-base-white-2300: #f0fbfb;
    --pva-base-white-2400: #e3e1e1;
    --pva-base-white-2500: #f7f7f7;
    --pva-base-white-2600: #eff3ff;
    --pva-base-white-2700: #fff4f0;
    --pva-base-white-2800: #d6dbf2;
    --pva-base-white-2900: #f7f4ff;
    --pva-base-white-3000: #d9d9d9;
    --pva-base-white-3100: #f3f6fa;
    --pva-base-black: #000;
    --pva-base-black-100: #000000b5;
    --pva-base-black-200: #222;
    --pva-base-black-300: #231f20;
    --pva-base-black-400: #0000001a;
    --pva-base-black-500: #00000014;
    --pva-base-black-600: #0000000d;
    --pva-base-black-700: #00000005;
    --pva-base-black-800: #00000080;
    --pva-base-black-900: #0000000f;
    --pva-base-black-1000: #0000000a;
    --pva-base-black-1100: #0009;
    --pva-base-black-1200: #050505;
    --pva-base-black-1300: #333;
    --pva-base-black-1400: #101010;
    --pva-base-black-1500: #ffffff0a;
    --pva-base-black-1600: #ffffff1a;
    --pva-base-black-1700: #fff0;
    --pva-base-grey: #ccc;
    --pva-base-grey-100: #fafafa;
    --pva-base-grey-200: #d6d6d6;
    --pva-base-grey-300: #dfeff9;
    --pva-base-grey-400: #535353;
    --pva-base-grey-500: #f6f6f6;
    --pva-base-grey-600: #f7f5ff;
    --pva-base-grey-700: #4a4a4a;
    --pva-base-grey-800: #8f9195;
    --pva-base-grey-900: #737376;
    --pva-base-grey-1000: #e8e1fd;
    --pva-base-grey-1100: #737373;
    --pva-base-grey-1200: #7c7c7c;
    --pva-base-grey-1300: #505050;
    --pva-base-grey-1400: #eaeaea;
    --pva-base-grey-1500: #7a7a7a;
    --pva-base-grey-1600: #717171;
    --pva-base-grey-1700: #b8b8b8;
    --pva-base-grey-1800: #747474;
    --pva-base-grey-1900: #e0e0e0;
    --pva-base-grey-2000: #ffffffb5;
    --pva-base-grey-2100: #fdfdfd;
    --pva-base-grey-2200: #eeeded;
    --pva-base-grey-2300: #999;
    --pva-base-grey-2400: #bbb;
    --pva-base-grey-2500: #e9e9e9;
    --pva-base-grey-2600: #757575;
    --pva-base-grey-2700: #e4e7f0ba;
    --pva-base-grey-2800: #aca9a9;
    --pva-base-grey-2900: #cccc;
    --pva-base-grey-3000: #d0d0d0;
    --pva-base-grey-3100: #b4b4b4;
    --pva-base-grey-3200: #d8d8d8;
    --pva-base-grey-3300: #b4b4b4;
    --pva-base-grey-3400: #d8d8d8;
    --pva-base-grey-3500: #333;
    --pva-base-grey-3600: #666;
    --pva-base-grey-3700: #707071;
    --pva-base-grey-3800: #7f7f7f;
    --pva-base-grey-3900: #f3f3fe;
    --pva-base-grey-4000: #ffffff96;
    --pva-base-grey-4100: #e8fafa99;
    --pva-base-grey-4200: #818181;
    --pva-base-grey-4300: #d7d5d5;
    --pva-base-grey-4400: #e9e9fb;
    --pva-base-grey-4500: #ffffffe5;
    --pva-base-grey-4600: #fff9;
    --pva-base-grey-4700: #ffffff8f;
    --pva-base-grey-4800: #ffffffb0;
    --pva-base-grey-4900: #fff6;
    --pva-base-grey-5000: #676767;
    --pva-base-grey-5100: #6a6a6a;
    --pva-base-grey-5200: #cccbce;
    --pva-base-grey-5300: #a6a6a6;
    --pva-color-primary: #a100ff;
    --pva-color-secondary-100: #6b10a0;
    --pva-color-secondary-200: #dba3fc;
    --pva-color-secondary-300: #9001e5;
    --pva-color-secondary-400: #9b3192;
    --pva-color-secondary-500: #e35fd8;
    --pva-color-secondary-600: #ffb8f9;
    --pva-color-secondary-700: #6c17b6;
    --pva-color-secondary-800: #aa50f8;
    --pva-color-secondary-900: #d4a2ff;
    --pva-color-secondary-1000: #7d628d;
    --pva-color-secondary-1200: #af81cc;
    --pva-color-secondary-1300: #dcc4eb;
    --pva-color-secondary-1400: #a899c7;
    --pva-color-secondary-1500: #d5c9ed;
    --pva-color-secondary-1600: #f5e5ff;
    --pva-color-secondary-1700: #7500c0;
    --pva-color-secondary-1800: #631e8b;
    --pva-color-secondary-1900: #642a8d;
    --pva-color-secondary-2000: #866dea;
    --pva-color-secondary-2100: #9500ed;
    --pva-color-secondary-2200: #4b3d84;
    --pva-color-secondary-2300: #737cd5;
    --pva-color-secondary-2400: #8c7ad3;
    --pva-color-secondary-2500: #392a72;
    --pva-color-secondary-2600: #715cc4;
    --pva-color-secondary-2700: #460073;
    --pva-color-secondary-2800: #9999f9;
    --pva-color-secondary-2900: #c6c6fa;
    --pva-color-secondary-3000: #5858cc;
    --pva-color-secondary-3100: #af98ef;
    --pva-color-secondary-3200: #8b8ffe;
    --pva-color-secondary-3300: #b20ffb;
    --pva-base-blue: #1a36c6;
    --pva-base-blue-100: #1a36c629;
    --pva-base-blue-200: #008;
    --pva-base-blue-300: #728fbc;
    --pva-base-blue-400: #deeefa;
    --pva-base-blue-500: #5175da;
    --pva-base-blue-600: #5075ae;
    --pva-base-blue-700: #98b9ee;
    --pva-base-blue-800: #dce8fa;
    --pva-base-blue-900: #b4c7ff;
    --pva-base-blue-1000: #d4dfff;
    --pva-base-blue-1100: #b2c6ff;
    --pva-base-blue-1200: #4d67b1;
    --pva-base-blue-1300: #4e69b3;
    --pva-base-blue-1400: #8b8ff2;
    --pva-base-blue-1500: #a1aebe;
    --pva-base-red: #e6242f;
    --pva-base-red-100: #f00;
    --pva-base-red-200: #5b3c20;
    --pva-base-amber: #d1784b;
    --pva-base-amber-100: #b87c22;
    --pva-base-amber-200: #f3db9d80;
    --pva-base-amber-300: #f8ebca;
    --pva-base-amber-400: #ff7800;
    --pva-base-green: #8fe793;
    --pva-base-green-100: #83d069;
    --pva-base-green-200: #7bd19e;
    --pva-base-green-300: #9beadb;
    --pva-base-green-400: #1b6b08;
    --pva-base-green-500: #caffc68a;
    --pva-base-green-600: #d8eff0b2;
    --pva-base-green-700: #c7e4e5b2;
    --pva-base-green-800: #20744a;
    --pva-base-pink: #f6c4cb;
    --pva-base-pink-100: #f4e6e8;
    --pva-color-gradient-1: linear-gradient(135deg, #ffec88 0%, #ff52f5 48%, #8753ff 100%) 0% 0%;
    --pva-color-gradient-2: linear-gradient(180deg, #728fbc 0%, #d5deeb 115.33%);
    --pva-color-gradient-3: linear-gradient(180deg, #4d67b1 0%, #ebf0ff 115.33%)
}

@media (prefers-reduced-motion:no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

.c-overlay-side-panel {
    display: none;
    position: fixed;
    top: 3.438rem;
    left: 0;
    width: 100%;
    height: 100%;
    justify-content: flex-end;
    z-index: 999
}

.c-overlay-side-panel__wrapper {
    max-height: calc(100vh - var(--pva-header-height) - var(--pva-footer-height));
    width: 26.5625rem;
    background-color: var(--pva-base-grey-100, #fafafa);
    box-shadow: 0 .5rem 1rem var(--pva-base-black-500, rgba(0, 0, 0, .0784313725));
    position: relative
}

.c-overlay-side-panel__tabs {
    padding: 1.5rem 1rem 0
}

.c-overlay-side-panel__tab-content {
    width: 100%;
    display: none
}

.c-overlay-side-panel__tab-content.-active {
    display: block
}

.c-overlay-side-panel__items {
    display: flex;
    gap: 1rem;
    border-bottom: .05rem solid var(--pva-base-grey, #ccc);
    list-style-type: none
}

.c-overlay-side-panel__head-tab {
    color: var(--pva-base-grey-1100, #737373);
    padding-bottom: .75rem
}

.c-overlay-side-panel__head-tab:hover {
    color: var(--pva-base-grey-1100, #737373)
}

.c-overlay-side-panel__item {
    margin-bottom: .688rem
}

.c-overlay-side-panel__item.-active .c-overlay-side-panel__head-tab {
    color: var(--pva-base-black, #000);
    font-weight: 500;
    border-bottom: .125rem solid var(--pva-color-secondary-1700, #7500c0)
}

.c-overlay-side-panel__close {
    color: var(--pva-base-black, #000);
    font-size: var(--pva-fs-14, .875rem);
    position: absolute;
    right: 1rem;
    display: flex;
    align-items: center;
    top: 1.375rem;
    cursor: pointer
}

.c-overlay-side-panel__main-content-scroll {
    overflow: auto;
    position: relative;
    height: 100%;
    margin-right: .25rem
}

.c-overlay-side-panel__main-content-scroll::-webkit-scrollbar {
    height: .125rem;
    width: .375rem
}

.c-overlay-side-panel__main-content-scroll::-webkit-scrollbar-track {
    background: 0 0;
    border-radius: .313rem
}

.c-overlay-side-panel__main-content-scroll::-webkit-scrollbar-thumb {
    background: var(--pva-base-blue-100, rgba(26, 54, 198, .1607843137));
    border-radius: .313rem
}

.c-overlay-side-panel__main-content {
    display: none
}

.c-overlay-side-panel__main-content.-active {
    display: block
}

.c-overlay-side-panel [role=tabpanel] {
    overflow: auto;
    max-height: calc(100vh - 9.0625rem)
}

.c-overlay-side-panel [role=tabpanel]::-webkit-scrollbar {
    height: .125rem;
    width: .375rem
}

.c-overlay-side-panel [role=tabpanel]::-webkit-scrollbar-track {
    background: 0 0;
    border-radius: .313rem
}

.c-overlay-side-panel [role=tabpanel]::-webkit-scrollbar-thumb {
    background: var(--pva-base-blue-100, rgba(26, 54, 198, .1607843137));
    border-radius: .313rem
}

.c-overlay-accordion {
    background: var(--pva-base-grey-100, #fafafa);
    padding: .813rem .375rem .75rem 1rem
}

.c-overlay-accordion__top-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .813rem
}

.c-overlay-accordion__add-view {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: var(--pva-fs-12, .75rem);
    color: var(--pva-color-primary, #a100ff)
}

.c-overlay-accordion__add-view:focus,
.c-overlay-accordion__add-view:hover {
    color: var(--pva-color-primary, #a100ff)
}

.c-overlay-accordion__add-icon {
    position: relative;
    top: .063rem
}

.c-overlay-accordion__overlay-order {
    font-size: var(--pva-fs-12, .75rem);
    font-weight: 500;
    color: var(--pva-color-primary, #a100ff)
}

.c-overlay-accordion__overlay-order:focus,
.c-overlay-accordion__overlay-order:hover {
    color: var(--pva-color-primary, #a100ff)
}

.c-overlay-accordion__accordion {
    display: -ms-grid;
    display: grid;
    grid-gap: .5rem
}

.c-overlay-accordion__accordion-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer
}

.c-overlay-accordion__accordion-head-left {
    font-size: var(--pva-fs-12, .75rem);
    transition: all .4s cubic-bezier(.19, 1, .22, 1);
    display: flex;
    align-items: center
}

.c-overlay-accordion__accordion-head-right {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.c-overlay-accordion__accordion-head-right-icon {
    color: var(--pva-base-black, #000);
    font-size: .5rem
}

.c-overlay-accordion__accordion-content {
    max-height: 0;
    overflow: hidden
}

.c-overlay-accordion__accordion-content.-expand {
    max-height: 93.75rem;
    overflow: hidden;
    margin-top: .75rem
}

.c-overlay-accordion__accordion-item {
    background: var(--pva-base-white, #fff);
    border: .063rem solid transparent;
    border-radius: .25rem;
    padding: .5125rem 1rem
}

.c-overlay-accordion__accordion-item.-active {
    background: var(--pva-base-grey-100, #fafafa);
    border: 2px solid var(--pva-base-white-100, #dedede)
}

.c-overlay-accordion__accordion-item.-active .c-overlay-accordion__accordion-head-left {
    font-weight: 500;
    transition: all .4s cubic-bezier(.19, 1, .22, 1)
}

.c-overlay-accordion__accordion-item.-active .c-overlay-accordion__accordion-head-right-icon {
    transform: rotate(180deg);
    position: relative;
    bottom: .125rem;
    transition: all ease-in-out .3s
}

.c-overlay-accordion__accordion-item.-active:focus-visible {
    outline: 0
}

.c-overlay-accordion__content-wrap {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 1rem
}

.c-overlay-accordion__col {
    width: 100%;
    display: -ms-grid;
    display: grid;
    row-gap: .75rem;
    column-gap: .938rem;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: repeat(2, 1fr)
}

.c-overlay-accordion__col-input.-full-width {
    -ms-grid-column-span: 2;
    -ms-grid-column: 1;
    grid-column: 1/span 2
}

.c-overlay-accordion__col-input.-first-col {
    -ms-grid-column-span: 1;
    -ms-grid-column: 1;
    grid-column: 1/span 1
}

.c-overlay-accordion__col-input.-second-col {
    -ms-grid-column-span: 1;
    -ms-grid-column: 2;
    grid-column: 2/span 1
}

.c-overlay-accordion__col-input-label {
    color: var(--pva-base-black-100, rgba(0, 0, 0, .7098039216));
    font-size: var(--pva-fs-12, .75rem)
}

.c-overlay-accordion__add-value {
    display: flex;
    align-items: center;
    gap: .625rem;
    font-size: var(--pva-fs-12, .75rem);
    font-weight: 400;
    color: var(--pva-color-primary, #a100ff)
}

.c-overlay-accordion__add-value:focus,
.c-overlay-accordion__add-value:hover {
    color: var(--pva-color-primary, #a100ff)
}

.c-overlay-accordion__value-icon {
    position: relative;
    top: .063rem
}

.c-overlay-accordion__check-btn {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .75rem
}

.c-overlay-accordion__check-button {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem
}

.c-overlay-accordion__content-title {
    font-size: var(--pva-fs-12, .75rem);
    font-weight: 400;
    color: var(--pva-base-black-100, rgba(0, 0, 0, .7098039216));
    opacity: revert
}

.c-overlay-accordion .o-input-label {
    color: var(--pva-base-black-100, rgba(0, 0, 0, .7098039216));
    font-size: var(--pva-fs-12, .75rem);
    margin-bottom: .5rem;
    opacity: revert
}

.c-overlay-accordion .o-input-wrap input {
    padding: .575rem;
    border: .068rem solid var(--pva-base-grey, #ccc);
    color: var(--pva-base-grey-1100, #737373);
    font-size: var(--pva-fs-12, .75rem)
}

.c-overlay-accordion .o-select {
    font-size: var(--pva-fs-12, .75rem)
}

.c-overlay-accordion .o-select-label {
    color: var(--pva-base-black-100, rgba(0, 0, 0, .71));
    font-size: var(--pva-fs-12, .75rem);
    margin-bottom: .5rem;
    opacity: revert
}

.c-overlay-accordion .o-select__selected-text {
    color: var(--pva-base-grey-1100, #737373)
}

.c-overlay-accordion .o-select__selected-text.-active {
    color: var(--pva-base-grey-1100, #737373)
}

.c-overlay-accordion .o-select__selected-text.-input {
    color: var(--pva-base-grey-1100, #737373)
}

.c-overlay-accordion .o-select__option {
    color: var(--pva-base-grey-1100, #737373)
}

.c-overlay-accordion .o-checkbox label {
    color: var(--pva-base-grey-1100, #737373);
    font-size: var(--pva-fs-12, .75rem)
}

.c-overlay-accordion .o-checkbox__checked {
    background: 0 0
}

.c-overlay-accordion .o-checkbox .o-checkbox__input:checked+i+label {
    color: var(--pva-base-black, #000)
}

.c-bottom-panel {
    width: 100%;
    position: fixed;
    bottom: var(--pva-footer-height)
}

.c-bottom-panel:has(.-zoom-panel.-active) {
    width: auto;
    background: 0 0;
    right: 0
}

.c-bottom-panel__parent-wrap {
    display: flex;
    justify-content: flex-end
}

.c-bottom-panel__default {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    border-radius: .25rem;
    border: 1px solid var(--pva-base-white-200, #f4f4f4);
    background: var(--pva-base-white, #fff);
    box-shadow: 0 0 .25rem 0 var(--pva-base-black-1000, rgba(0, 0, 0, .0392156863)), 0 .5rem 1rem 0 var(--pva-base-black-500, rgba(0, 0, 0, .0784313725));
    margin: 0 2.75rem .5rem 2rem
}

.c-bottom-panel__percentage-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1.125rem 0 1.125rem
}

.c-bottom-panel__percentage-wrapper-minusicon {
    cursor: pointer;
    font-size: .143rem;
    position: relative;
    display: flex;
    align-items: center;
    background: 0 0;
    border: none;
    padding: .375rem;
    margin-right: .75rem
}

.c-bottom-panel__percentage-wrapper-plusicon {
    cursor: pointer;
    color: var(--pva-color-primary, #a100ff);
    font-size: var(--pva-fs-10, .625rem);
    margin-left: .75rem;
    background: 0 0;
    border: none
}

.c-bottom-panel__percentage-wrapper-tooltip {
    display: none;
    position: absolute;
    bottom: 2.5rem;
    left: 1rem
}

.c-bottom-panel__percentage-wrapper-tooltip.-active {
    display: block
}

.c-bottom-panel__percentage-wrapper-zoomlist {
    list-style: none;
    border: .5px solid var(--pva-base-grey, #ccc);
    padding: 1rem .75rem;
    font-size: var(--pva-fs-12, .75rem);
    font-weight: 500;
    border-radius: .5rem;
    box-shadow: 0 7.5rem 1rem 0 var(--pva-base-black-600, rgba(0, 0, 0, .0509803922));
    background: var(--pva-base-white, #fff)
}

.c-bottom-panel__percentage-wrapper-zoomtext {
    margin-top: 1rem;
    cursor: pointer
}

.c-bottom-panel__percentage-wrapper-zoomtext.-zoomtofit {
    padding-bottom: .5rem;
    border-bottom: .036rem solid var(--pva-base-grey, #ccc);
    margin-top: 0
}

.c-bottom-panel__percentage-wrapper-zoomtext-zoomicon {
    color: var(--pva-color-primary, #a100ff);
    font-size: var(--pva-fs-12, .75rem);
    padding-right: .5rem
}

.c-bottom-panel__percentage-wrapper-zoomtext button {
    background: 0 0;
    border: none;
    padding: 0
}

.c-bottom-panel__percentage-wrapper.-z-index {
    position: relative;
    z-index: 1
}

.c-bottom-panel__percentage-wrapper-text {
    color: var(--pva-base-white, #fff);
    font-size: var(--pva-fs-12, .5rem);
    background-color: var(--pva-base-black, #000);
    border-radius: .25rem;
    display: inline-flex;
    padding: .25rem .75rem;
    justify-content: center;
    align-items: center;
    gap: .714rem
}

.c-bottom-panel__percentage-wrapper-text:focus,
.c-bottom-panel__percentage-wrapper-text:hover {
    color: var(--pva-base-white, #fff);
    text-decoration: none
}

.c-bottom-panel__wrapper {
    display: none;
    align-items: center;
    justify-content: space-between;
    border-radius: .25rem;
    border: .071rem solid var(--pva-base-white-200, #f4f4f4);
    background: var(--pva-base-white, #fff);
    box-shadow: 0 0 .25rem 0 var(--pva-base-black-1000, rgba(0, 0, 0, .0392156863)), 0 .375rem 1rem 0 var(--pva-base-black-500, rgba(0, 0, 0, .0784313725));
    padding: .825rem 1rem;
    margin: 0 0 .375rem 0;
    width: 100%
}

.c-bottom-panel__wrapper.-zoom-panel {
    width: auto
}

.c-bottom-panel__wrapper.-zoom-panel .c-bottom-panel__percentage-wrapper {
    padding-left: 0
}

.c-bottom-panel__wrapper.-active {
    display: flex
}

.c-bottom-panel__left {
    display: flex;
    gap: 1rem;
    flex: 1;
    justify-content: space-between;
    align-items: center
}

.c-bottom-panel__left-left {
    display: flex;
    gap: 1rem
}

.c-bottom-panel__item {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap
}

.c-bottom-panel__text {
    font-size: var(--pva-fs-12, .75rem);
    white-space: nowrap
}

.c-bottom-panel__radio {
    padding: .438rem 1.125rem .438rem .5rem;
    border-radius: .25rem
}

.c-bottom-panel__radio.-high {
    background: var(--pva-base-white-2100, #d7ebec)
}

.c-bottom-panel__radio.-medium {
    background: var(--pva-base-white-2200, #e3f3f4)
}

.c-bottom-panel__radio.-low {
    background: var(--pva-base-white-2300, #f0fbfb)
}

.c-bottom-panel__radio.-clear {
    background: var(--pva-base-white-700, #fcfcfc);
    border: 1px solid var(--pva-base-grey-1700, #b8b8b8)
}

.c-bottom-panel__radio .o-radio input {
    --ocircle-size: 1.125rem
}

.c-bottom-panel__radio .o-radio input:before {
    background: 0 0
}

.c-bottom-panel__radio .o-radio input+span {
    color: var(--pva-base-grey-1300, #505050);
    font-size: var(--pva-fs-12, .75rem)
}

.c-bottom-panel__radio .o-radio:has(input:checked) input+span {
    color: var(--pva-base-black, #000)
}

.c-bottom-panel__edit {
    padding: 0 1rem;
    border-right: 1px solid var(--pva-base-grey, #ccc)
}

.c-bottom-panel__edit .o-primary-button {
    min-width: auto
}

.c-bottom-panel__toggle-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    line-height: 1.2;
    position: relative
}

.c-bottom-panel__toggle-section-label {
    pointer-events: none
}

.c-bottom-panel__toggle-section-text {
    max-width: 3.312rem;
    color: var(--pva-base-black, #000);
    font-size: var(--pva-fs-12, .75rem)
}

.c-bottom-panel__legend-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    padding-left: 1rem;
    background: 0 0;
    border: none
}

.c-bottom-panel__legend-section .icon-maximize {
    cursor: pointer;
    font-size: var(--pva-fs-16, 1rem);
    display: flex;
    align-items: center
}

.c-bottom-panel__legend-section-text {
    font-size: var(--pva-fs-12, .75rem);
    margin: 0
}

.c-bottom-panel__maximize-icon {
    cursor: pointer;
    font-size: var(--pva-fs-16, 1rem);
    position: relative;
    top: .0625rem
}

.c-bottom-panel__checkbox-panel {
    display: flex;
    align-items: center;
    gap: 1.5rem
}

.c-bottom-panel__checkbox-panel-text {
    font-size: var(--pva-fs-12, .75rem)
}

.c-bottom-panel__checkbox-panel-checkbox {
    display: flex;
    align-items: center
}

.c-bottom-panel__right {
    display: flex;
    align-items: center;
    position: relative;
    margin-left: auto
}

.c-bottom-panel__button-panel {
    display: flex;
    align-items: center;
    gap: .5rem;
    border-right: 1px solid var(--pva-base-grey, #ccc);
    padding-right: 1rem
}

.c-bottom-panel__button-wrapper {
    display: flex;
    align-items: center;
    gap: 1rem
}

.c-bottom-panel__button-wrapper .icon-info {
    font-size: var(--pva-fs-20, 1.25rem);
    display: flex;
    align-items: center;
    color: var(--pva-color-primary, #a100ff);
    cursor: pointer
}

.c-bottom-panel__button-section {
    display: flex;
    align-items: center;
    gap: 1rem;
    justify-content: space-between;
    border-left: 1px solid var(--pva-base-grey, #ccc);
    border-right: 1px solid var(--pva-base-grey, #ccc);
    padding: 0 .312rem 0 .562rem
}

.c-bottom-panel__right-section {
    display: flex;
    align-items: center
}

.c-bottom-panel__select {
    display: flex;
    align-items: center
}

.c-bottom-panel__select .o-select {
    min-width: 8.857rem
}

.c-bottom-panel__select .o-select__selected-text {
    padding: .513rem 2.5rem .513rem .75rem;
    background: var(--pva-base-white-700, #fcfcfc);
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--pva-base-black, #000);
    font-size: var(--pva-fs-12, .75rem)
}

.c-overlay {
    background: var(--pva-base-white, #fff)
}

.c-overlay__wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .875rem
}

.c-overlay__title {
    font-size: var(--pva-fs-20, 1.25rem);
    font-weight: 500
}

.c-overlay__left {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem
}

.c-overlay__right {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem
}

.c-overlay__avatar-wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto auto auto;
    grid-template-columns: repeat(3, auto)
}

.c-overlay__avatar-wrapper-item {
    margin-right: -.3125rem
}

.c-overlay__avatar-wrapper-text {
    color: var(--pva-color-primary, #a100ff);
    text-align: center;
    border: .0625rem solid var(--pva-base-grey-1400, #eaeaea);
    border-radius: 50%;
    display: inline-flex;
    padding: .2188rem .4063rem .2188rem .2813rem;
    justify-content: center;
    align-items: center;
    background-color: var(--pva-base-white, #fff);
    fill: var(--pva-base-white, #fff);
    stroke-width: .0625rem;
    stroke: var(--pva-base-grey-1400, #eaeaea);
    filter: drop-shadow(0 .25rem .5rem var(--pva-base-black-900, rgba(0, 0, 0, .0588235294))) drop-shadow(0 0 .25rem var(--pva-base-black-1000, rgba(0, 0, 0, .0392156863)))
}

.c-overlay__avatar-img {
    height: 1.75rem;
    width: 1.75rem
}

.c-left-panel__nav {
    position: fixed;
    height: 100vh;
    z-index: 100;
    background: var(--pva-base-white, #fff);
    left: 0;
    top: 0;
    display: flex;
    box-shadow: 0 5px 10px 0 var(--pva-base-black-400, rgba(0, 0, 0, .1019607843));
    transition: all ease-in-out .3s;
    width: auto;
    padding: 3.5rem 0 2.5rem 0
}

.c-left-panel__nav-wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.c-left-panel__nav-top-logo {
    padding: 1rem 0 0 1rem
}

.c-left-panel__nav-top-logo img {
    width: 1.5rem
}

.c-left-panel__nav-li {
    list-style: none;
    background: 0 0;
    transition: all ease-in-out .3s;
    border-radius: .5rem;
    width: 100%;
    margin-bottom: .75rem;
    cursor: pointer
}

.c-left-panel__nav-li-link {
    display: flex;
    gap: .5rem;
    align-items: center
}

.c-left-panel__nav-li-txt {
    white-space: nowrap;
    font-size: var(--pva-fs-14, .875rem);
    color: var(--pva-base-grey-1200, #7c7c7c);
    font-weight: 400
}

.c-left-panel__nav-li-icon {
    width: 2.625rem;
    height: 2.625rem;
    color: var(--pva-base-grey-1100, #737373);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.625rem;
    font-size: var(--pva-fs-22, 1.375rem)
}

.c-left-panel__nav-li-icon.-overlay {
    font-size: var(--pva-fs-24, 1.5rem)
}

.c-left-panel__nav-li-icon.-survey {
    font-size: var(--pva-fs-22, 1.375rem)
}

.c-left-panel__nav-li-icon.-analyze {
    font-size: var(--pva-fs-20, 1.25rem)
}

.c-left-panel__nav-li-icon.-priority {
    font-size: var(--pva-fs-22, 1.375rem)
}

.c-left-panel__nav-li-icon.-scenario {
    font-size: var(--pva-fs-24, 1.5rem)
}

.c-left-panel__nav-li-icon.-help {
    font-size: var(--pva-fs-18, 1.125rem)
}

.c-left-panel__nav-li-icon.-setting {
    font-size: var(--pva-fs-24, 1.5rem)
}

.c-left-panel__nav-li-icon i {
    position: relative;
    top: 3px
}

.c-left-panel__nav-li.-active,
.c-left-panel__nav-li:hover {
    background: var(--pva-base-grey-1000, #e8e1fd);
    color: var(--pva-color-secondary-100, #6b10a0)
}

.c-left-panel__nav-li.-active .c-left-panel__nav-li-icon,
.c-left-panel__nav-li:hover .c-left-panel__nav-li-icon {
    color: var(--pva-color-secondary-100, #6b10a0)
}

.c-left-panel__nav-ul {
    padding: 0 .5rem;
    width: 3.5rem;
    overflow: hidden;
    transition: all ease-in-out .3s
}

.c-left-panel__nav-ul.-top {
    margin: 2.5rem 0 0;
    height: calc(100vh - 16rem);
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 0 0 0 .5rem
}

.c-left-panel__nav-ul.-top::-webkit-scrollbar {
    width: 6px
}

.c-left-panel__nav-ul.-top::-webkit-scrollbar-track {
    background: 0 0
}

.c-left-panel__nav-ul.-top::-webkit-scrollbar-thumb {
    background: var(--pva-base-blue-100, rgba(26, 54, 198, .1607843137))
}

.c-left-panel__nav-ul.-btm {
    margin-bottom: .5rem
}

.c-left-panel__nav-info-block {
    display: none;
    flex-basis: 50%;
    margin: 2.5rem 0 0
}

.c-left-panel__nav.-active .c-left-panel__nav-ul {
    width: 16.25rem
}

.c-left-panel__nav.-active .c-left-panel__nav-li.-active .c-left-panel__nav-li-txt,
.c-left-panel__nav.-active .c-left-panel__nav-li:hover .c-left-panel__nav-li-txt {
    color: var(--pva-color-secondary-100, #6b10a0);
    font-weight: 500
}

.c-left-panel__nav.-active .c-left-panel__nav-li.-active .c-left-panel__nav-li-icon,
.c-left-panel__nav.-active .c-left-panel__nav-li:hover .c-left-panel__nav-li-icon {
    color: var(--pva-color-secondary-100, #6b10a0)
}

.c-left-panel__nav.-active.-showmore {
    gap: .75rem
}

.c-left-panel__nav.-active.-showmore .c-left-panel__nav-info-block {
    display: block;
    width: 16.625rem;
    padding-inline: 1.25rem;
    border-left: 1px solid var(--pva-base-white-2400, #e3e1e1)
}

.c-left-panel__info-cnt {
    margin-block: 4px
}

.c-left-panel__info-subblock {
    margin-top: 1.5rem
}

.c-left-panel__info-subblock:first-child {
    margin-top: 0
}

.c-left-panel__info-subblock .o-select__wrapper {
    max-width: 11.625rem;
    margin-top: 1rem
}

.c-left-panel__info-subblock .o-select__selected-text {
    padding: .3875rem 1.875rem .3875rem .9375rem;
    font-size: var(--pva-fs-12, .75rem);
    color: var(--pva-base-grey-1100, #737373)
}

.c-left-panel__info-subblock .o-select__selected-text:before {
    font-size: var(--pva-fs-14, .875rem);
    right: .4375rem
}

.c-left-panel__info-subtitle {
    margin: 0;
    font-size: var(--pva-fs-16, 1rem);
    font-weight: 500;
    text-transform: capitalize
}

.c-left-panel__info-list {
    margin-top: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.c-left-panel__info-item {
    list-style: none;
    margin: 0;
    padding: 0
}

.c-left-panel__info-link {
    font-size: var(--pva-fs-14, .875rem);
    color: var(--pva-base-grey-1200, #7c7c7c)
}

.c-left-panel__info-arrow-icon {
    transform: rotate(270deg);
    display: inline-flex;
    font-size: .5625rem;
    margin-left: .125rem;
    color: var(--pva-base-black, #000);
    position: relative;
    top: .5px
}

.c-header__client {
    --margin-right: 1.5rem;
    position: relative;
    margin-right: var(--margin-right);
    font-size: var(--pf-fs-12, .75rem);
    color: var(--color-link, #a100ff)
}

.c-header__client p {
    margin: 0
}

.c-header__client:after {
    content: "";
    height: 1rem;
    width: 1px;
    position: absolute;
    top: 50%;
    right: calc(var(--margin-right) * -.5);
    translate: 0 -50%;
    background-color: rgba(0, 0, 0, .2)
}

.c-header__client:focus-visible,
.c-header__client:hover {
    text-decoration: none
}

.c-header__client:is(div) {
    color: var(--color-default, #000)
}

.c-header__search {
    width: 34.5rem;
    max-width: 50vw;
    border-radius: 2.5rem;
    border: 1px solid #e3edf7;
    height: 2.875rem;
    padding: .6875rem 1rem .6875rem 2.5rem;
    background-color: inherit;
    display: none
}

.c-header__searchlabel {
    position: relative;
    margin-right: 1rem;
    min-width: 2.0625rem;
    min-height: 1.3125rem
}

.c-header__searchicon {
    position: absolute;
    top: 50%;
    translate: 1rem -50%;
    height: 1.0625rem;
    width: 1.0625rem
}

.c-header__title {
    --paddingleft: 1rem;
    font-size: var(--pf-fs-12, .75rem);
    text-decoration: none;
    font-weight: 500;
    line-height: 1;
    padding-left: var(--paddingleft);
    position: relative;
    display: flex;
    align-items: center
}

.c-header__title:before {
    content: none;
    height: 100%;
    width: .0313rem;
    display: inline-block;
    background-color: #5a5a5a;
    position: absolute;
    top: 50%;
    transform: translate(calc(var(--paddingleft)/ 2 * -1), -50%)
}

.c-header__navhome {
    display: inline-block;
    height: 1.125rem
}

.c-header__navhome * {
    pointer-events: none
}

.c-header__navgroup {
    --margin-left: 1.75rem;
    display: flex;
    align-items: center;
    position: relative;
    gap: 1rem;
    margin-left: var(--margin-left)
}

.c-header__navgroup:before {
    content: "";
    height: 1rem;
    width: 1px;
    position: absolute;
    top: 50%;
    left: calc(var(--margin-left) * -.5);
    translate: 0 -50%;
    background-color: var(--color-default, #000);
    opacity: .2
}

.c-header__navgroup-tt {
    font-size: var(--pf-fs-10, .625rem)
}

.c-header__navgroup-lt {
    font-size: var(--pf-fs-12, .75rem)
}

.c-header__navgroup-pva {
    color: #222;
    font-weight: 500;
    font-size: var(--pf-fs-12, .75rem)
}

.c-header__navgroup-pvaWrap {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    line-height: 1
}

.c-header__navgroup-pvaWrap .-bold {
    font-weight: 500
}

.c-header__nlogo {
    width: 1rem;
    height: 1.125rem
}

.c-header__nlogo img {
    width: 100%;
    height: auto
}

.c-header__logo {
    height: 2rem;
    width: 1.813rem
}

.c-header__logo img {
    width: 100%;
    height: auto;
    pointer-events: none
}

.c-header__home {
    display: flex;
    align-items: center;
    position: relative;
    color: inherit
}

.c-header__home:focus,
.c-header__home:focus-visible,
.c-header__home:hover {
    color: inherit;
    text-decoration: none
}

.c-header__rht {
    display: flex;
    align-items: center;
    margin-left: auto;
    flex: 0 0 auto
}

.c-header__rht .o-dropdown-menu {
    border-radius: 1.25rem;
    min-width: 18rem
}

.c-header__rht .o-dropdown-body {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 60vh
}

.c-header__rht .o-dropdown-body::-webkit-scrollbar {
    height: .375rem;
    width: .375rem;
    background-color: transparent
}

.c-header__rht .o-dropdown-body::-webkit-scrollbar-thumb {
    background-color: #eee6ff;
    border-radius: 1rem
}

.c-header__rht .o-dropdown-body::-webkit-scrollbar-track {
    background-color: transparent
}

.c-header__rht .o-dropdown-item {
    font-size: 14px;
    padding: .875rem 1.375rem .75rem 1.375rem
}

.c-header__rht .o-dropdown-item:focus,
.c-header__rht .o-dropdown-item:hover {
    background: linear-gradient(92deg, rgba(210, 153, 255, .1) 2.65%, rgba(109, 204, 244, .1) 155.93%);
    font-weight: 400;
    box-shadow: none
}

.c-header__rht .o-dropdown-item.-logout {
    padding-top: 1.25rem;
    padding-bottom: 1.125rem;
    border-top: 1px solid #ccc
}

.c-header__rht .c-dropdown__profile {
    width: 100%;
    padding: 1.625rem 1.375rem;
    gap: 1rem;
    display: flex;
    align-items: center;
    border-bottom: .0625rem solid #e6e6e6
}

.c-header__rht .c-dropdown__profilepic {
    width: 2rem;
    height: 2rem;
    display: flex
}

.c-header__rht .c-dropdown__profileinfo {
    display: flex;
    flex-direction: column;
    gap: .125rem;
    font-size: var(--pf-fs-12, .75rem);
    line-height: 1
}

.c-header__rht .c-dropdown__profilename {
    font-weight: 500;
    font-size: var(--pf-fs-16, 1rem)
}

.c-header__mxd {
    margin-left: auto
}

.c-header__lft {
    display: flex;
    align-items: center;
    flex: 0 0 auto
}

.c-header__inner {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.c-header__inner.container {
    padding-top: .625rem;
    padding-bottom: .625rem
}

.c-header__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .5625rem 2.5rem;
    width: 100%
}

.c-header__wrap {
    --color-header-background: #fff;
    --color-header-shadow: 0 4px 8px rgb(237, 245, 255);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 3.5rem;
    background-color: var(--color-header-background, #fff);
    box-shadow: var(--color-header-shadow, 0 4px 8px #edf5ff);
    z-index: 1001;
    transition: transform .2s ease
}

.c-header__wrap.-landing .c-header__inner {
    padding-left: 2rem;
    padding-right: 2rem
}

body:has(.c-leftPanel) .c-header__inner {
    padding-left: 2rem;
    padding-right: 2rem
}

html[data-theme=dark] .c-header__wrap {
    --color-header-background: #000;
    --color-header-shadow: none
}

.c-project-title__wrapper {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.5rem;
    align-items: center;
    padding-top: 2rem
}

.c-project-title .-mt-single-btn {
    padding-top: 2rem;
    margin-bottom: 1.5rem
}

.c-project-title .-icon {
    display: flex;
    align-items: center;
    gap: .571rem;
    padding: .8438rem 2.625rem;
    font-size: var(--pva-fs-14, 14px)
}

.c-project-title .-icon i {
    display: flex;
    align-items: center
}

.c-project-title__heading {
    margin: 0;
    font-size: var(--pva-fs-20, 20px)
}

.c-project-title__buttons {
    display: flex;
    gap: 12px
}

.c-project-form__wrapper {
    width: 29.25rem
}

.c-project-form .o-input-label {
    color: var(--pva-base-black-200, #222);
    font-size: var(--pva-fs-16, 1rem);
    font-weight: 500;
    margin-bottom: .5rem;
    opacity: unset
}

.c-project-form__support {
    font-size: var(--pva-fs-16, 1rem);
    font-weight: 500;
    color: var(--pva-base-black-200, #222);
    display: inline-block;
    margin-bottom: .75rem
}

.c-project-form__support-cont {
    margin-bottom: 2.25rem;
    display: -ms-grid;
    display: grid
}

.c-project-form .o-select-label {
    font-size: var(--pva-fs-16, 1rem);
    font-weight: 500;
    color: var(--pva-base-black-200, #222);
    opacity: unset
}

.c-project-form .o-radio input:before {
    background: 0 0
}

.c-project-form .o-radio input+span {
    color: var(--pva-base-grey-1300, #505050)
}

.c-project-form .o-input-file.-image {
    background: var(--pva-base-grey-4700);
    box-shadow: none
}

.c-project-form .o-input-file.-image input {
    background: 0 0
}

.c-workspace-view__title {
    font-weight: 500;
    font-size: var(--pva-fs-14, .875rem);
    text-transform: uppercase;
    margin-bottom: 1.25rem
}

.c-workspace-view__list {
    display: -ms-grid;
    display: grid;
    gap: 1.5rem
}

.c-workspace-view__item-tit {
    font-size: var(--pva-fs-14, .875rem);
    font-weight: 400
}

.c-workspace-view__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .937rem 1.5rem;
    border-radius: .75rem;
    border: 1px soid var(--pva-base-white, #fff);
    background: var(--pva-base-grey-4600)
}

.c-workspace-view__item-heading {
    font-size: var(--pva-fs-16, 1rem);
    font-weight: 400;
    color: var(--pva-base-black, #000);
    margin: 0;
    display: flex;
    gap: .5rem
}

.c-workspace-view__item-desc {
    font-size: var(--pva-fs-14, .875rem);
    margin-top: .1893rem;
    color: var(--pva-base-grey-1300, #505050)
}

.c-workspace-view__icon-list {
    display: flex
}

.c-workspace-view__buttons {
    display: flex;
    align-items: center;
    padding: 0 .875rem
}

.c-workspace-view__buttons.-selected {
    color: #0041f0;
    font-weight: 500
}

.c-workspace-view__buttons.-disable {
    color: var(--pva-base-grey-800, #8f9195)
}

.c-workspace-view__buttons .icon-edit {
    font-size: var(--pva-fs-20, 1.25rem);
    display: flex;
    align-items: center;
    padding: .5rem
}

.c-workspace-view__buttons .icon-pin {
    font-size: var(--pva-fs-16, 1rem);
    padding: .5rem
}

.c-workspace-view__buttons .icon-delete {
    font-size: var(--pva-fs-16, 1rem);
    padding: .5rem
}

.c-workspace-view .o-primary-button.-save {
    padding: .8rem 2.625rem;
    width: unset
}

.c-workspace-view .o-checkbox__checked {
    background: 0 0
}

.c-workspace-name__top-section {
    padding-bottom: 4.214rem
}

.c-workspace-name__title-section {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.c-workspace-name__title-section-right .o-primary-button {
    display: inline-flex;
    height: 3.429rem;
    padding: .813rem 2.625rem;
    justify-content: center;
    align-items: center;
    gap: .625rem;
    border-radius: .25rem;
    background: var(--pva-base-black-200, #222);
    color: var(--pva-base-white, #fff);
    border: none;
    cursor: pointer
}

.c-workspace-name__breadcrumb {
    display: flex;
    margin-top: 3.429rem
}

.c-workspace-name__breadcrumb-link {
    color: var(--pva-base-grey-1500, #7a7a7a);
    font-size: var(--pva-fs-12, .857rem);
    font-style: normal;
    font-weight: 400
}

.c-workspace-name__breadcrumb-link.-active {
    color: var(--pva-base-black, #000);
    font-weight: 500
}

.c-workspace-name__breadcrumb-link.-active span {
    display: none
}

.c-workspace-name__heading {
    color: var(--pva-base-black, #000);
    font-family: Graphik;
    font-size: var(--pva-fs-24, 1.714rem);
    margin: 0
}

.c-workspace-name__paratext {
    color: var(--pva-base-grey-1600, #717171);
    font-family: Graphik;
    font-size: var(--pva-fs-14, 1.714rem);
    max-width: 39.571rem;
    margin: .75rem 0 0 0
}

.c-workspace-name__tab {
    display: flex;
    flex-direction: column;
    flex: 1
}

.c-workspace-name__tab [role=tablist] {
    border-bottom: .65px solid var(--pva-base-white-1900, #dadada)
}

.c-workspace-name__tab [role=tablist].-variant2 {
    box-shadow: 0 0 0 0 inset var(--pva-base-grey, #ccc);
    background: var(--pva-base-white, #fff);
    border-bottom: .041rem solid var(--pva-base-grey, #ccc)
}

.c-workspace-name__tab [role=tablist] [role=tab] {
    border: 0;
    box-shadow: unset
}

.c-workspace-name__tab [role=tabpanel] {
    display: flex;
    flex: 1
}

.c-workspace-name__tab .c-tabs__container {
    display: block
}

.c-workspace-name__tab .c-tabs__container>.container {
    display: flex
}

.c-workspace-name__right-wrap {
    display: flex;
    margin-left: auto;
    gap: 1rem;
    align-items: center
}

.c-workspace-name__search-btn {
    background-color: transparent;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1.5rem;
    display: inline-flex
}

.c-main {
    display: flex;
    padding-left: 2.071rem
}

.c-main__right {
    flex-grow: 1
}

.c-main__wrapper {
    min-height: calc(100vh - 9.0625rem)
}

@media (min-width:992px) {
    .c-main {
        padding-left: 1.875rem
    }
}

@media (min-width:1232px) {
    .c-main {
        padding-left: .25rem
    }
}

.c-users-table {
    padding-top: .5rem
}

.c-users-table__title {
    font-size: var(--pva-fs-20, 1.25rem);
    font-weight: 400;
    margin: 0;
    padding-bottom: 2rem
}

.c-users-table__header {
    display: flex;
    background-color: var(--pva-base-grey-100, #fafafa);
    justify-content: space-between;
    padding: .5rem .286rem;
    border-bottom: .056rem solid var(--pva-base-grey-2200, #eeeded)
}

.c-users-table__header-text {
    font-size: var(--pva-fs-10, .625rem);
    color: var(--pva-base-black, #000);
    font-weight: 500;
    text-transform: uppercase;
    width: 50%;
    padding-left: 1.071rem;
    display: flex;
    gap: .571rem
}

.c-users-table__header-text:first-child {
    padding-left: .429rem;
    width: 30%
}

.c-users-table__header-text:last-child {
    width: 20%;
    padding-left: 1.286rem
}

.c-users-table .-text-input-select {
    padding: unset;
    height: 2.286rem
}

.c-users-table .select-user .o-select {
    background: #e1e9f2;
    border: 1px solid #e1e9f2;
    border-radius: .286rem
}

.c-users-table .select-user .o-select__selected-text {
    background: 0 0;
    border-radius: 4px;
    border: unset;
    font-size: var(--pva-fs-12, .75rem);
    font-weight: 400;
    color: var(--pva-base-black, #000);
    align-items: center;
    display: -ms-grid;
    display: grid
}

.c-users-table .select-user .icon-chevron-down:before {
    display: none
}

.c-users-table .-h-378 {
    max-height: 3.786rem
}

.c-users-table__item {
    display: flex;
    justify-content: space-between;
    gap: .071rem;
    max-height: 3.3125rem
}

.c-users-table__item-text {
    font-size: var(--pva-fs-12, .75rem);
    color: var(--pva-base-black, #000);
    font-weight: 400;
    width: 50%;
    padding: .625rem .625rem .375rem .375rem;
    display: -ms-grid;
    display: grid;
    align-items: center
}

.c-users-table__item-text.-border {
    border-top: 1px solid var(--pva-base-white, #fff)
}

.c-users-table__item-text.-last {
    border-radius: 0 0 .75rem .75rem;
    border-bottom: 1px solid var(--pva-base-white, #fff)
}

.c-users-table__item-text-user {
    border-radius: .25rem;
    background: #e1e9f2;
    font-size: var(--pva-fs-12, .75rem);
    font-weight: 400;
    color: var(--pva-base-black, #000);
    padding: .571rem 1.143rem
}

.c-users-table__item-text .-new-select {
    height: 2rem;
    display: flex;
    align-items: center
}

.c-users-table__item-text.-user-name {
    padding-left: 1.375rem
}

.c-users-table__item-text:first-child {
    width: 30%;
    background: var(--pva-base-grey-4600);
    border-bottom: .063rem solid var(--pva-base-grey-4300);
    border-left: 1px solid var(--pva-base-white, #fff);
    border-right: 1px solid var(--pva-base-white, #fff)
}

.c-users-table__item-text:last-child {
    width: 20%;
    text-decoration: underline;
    background: var(--pva-base-grey-4600);
    border-left: 1px solid var(--pva-base-white, #fff);
    border-right: 1px solid var(--pva-base-white, #fff)
}

.c-users-table__item-text.-no-border {
    border-bottom: 1px solid var(--pva-base-white, #fff)
}

.c-users-table__item-text-icon {
    display: flex;
    gap: .875rem;
    align-items: center;
    padding-left: 1rem
}

.c-users-table__item-text-icon a {
    display: flex;
    align-items: center;
    font-size: var(--pva-fs-14, .875rem)
}

.c-users-table__item-text-icon a i:before {
    font-size: var(--pva-fs-18, 1.125rem);
    padding: .5rem .5rem
}

.c-users-table__item-text-icon a i:hover {
    color: var(--pva-color-primary, #a100ff)
}

.c-users-table__item-text-icon .icon-drag:before {
    font-size: var(--pva-fs-20, 1.25rem)
}

.c-users-table__item-text-icon .icon-add {
    position: relative;
    top: .063rem;
    margin-left: .125rem;
    padding-top: .063rem
}

.c-users-table__item-text-icon .icon-add:hover {
    border-radius: 50%;
    background: var(--pva-base-grey-2200, #eeeded)
}

.c-overlay-table__icons-wrap {
    display: flex;
    gap: .5rem;
    justify-content: flex-start;
    align-items: center
}

.c-overlay-table__icons-wraps {
    display: none;
    gap: .5rem;
    justify-content: flex-start;
    align-items: center
}

.c-overlay-table__icon {
    color: var(--pva-base-black, #000);
    font-size: var(--pva-fs-12, .75rem);
    width: 1.75rem;
    height: 1.75rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.c-overlay-table__icon.-effect:hover {
    width: 1.75rem;
    height: 1.75rem;
    background: var(--pva-base-grey-1000, #e8e1fd);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.c-overlay-table__item {
    background: var(--pva-base-grey-100, #fafafa);
    padding: .5rem .5rem 0 0;
    display: table-cell
}

.c-overlay-table__item.-icons {
    display: table-cell;
    vertical-align: top;
    padding: 1.25rem
}

.c-overlay-table__item.-color {
    padding: .813rem 1.125rem .375rem .813rem
}

.c-overlay-table__row {
    background: var(--pva-base-grey-100, #fafafa);
    transition: all linear .3s;
    cursor: pointer
}

.c-overlay-table__row .c-overlay-table__item:first-child {
    padding-left: .75rem;
    width: 4.25rem
}

.c-overlay-table__row .c-overlay-table__item:nth-child(2) {
    width: 5.75rem
}

.c-overlay-table__row .c-overlay-table__item:nth-child(3) {
    width: 3.5rem
}

.c-overlay-table__row .c-overlay-table__item:nth-child(4) {
    width: 3.5rem
}

.c-overlay-table__row .c-overlay-table__item:nth-child(5) {
    width: 3.125rem
}

.c-overlay-table__row .c-overlay-table__item:nth-child(6) {
    width: 4rem
}

.c-overlay-table__row.-active .c-overlay-table__icons-wrap {
    display: none
}

.c-overlay-table__row.-active .c-overlay-table__icons-wraps {
    display: flex
}

.c-overlay-table__row.-active .icon-kebab {
    color: var(--pva-color-primary, #a100ff)
}

.c-overlay-table__theader {
    background: var(--pva-base-white, #fff)
}

.c-overlay-table__head {
    padding: .5rem .5rem .5rem 0;
    text-align: left;
    white-space: nowrap;
    font-size: var(--pva-fs-12, .75rem);
    font-weight: 400
}

.c-overlay-table__headrow .c-overlay-table__head:first-child {
    padding-left: .75rem;
    width: 4.25rem
}

.c-overlay-table__headrow .c-overlay-table__head:nth-child(2) {
    width: 5.75rem
}

.c-overlay-table__headrow .c-overlay-table__head:nth-child(3) {
    width: 3.5rem
}

.c-overlay-table__headrow .c-overlay-table__head:nth-child(4) {
    width: 3.5rem
}

.c-overlay-table__headrow .c-overlay-table__head:nth-child(5) {
    width: 3.125rem
}

.c-overlay-table__headrow .c-overlay-table__head:nth-child(6) {
    width: 4rem
}

.c-overlay-table__list {
    overflow: auto;
    max-width: 22.25rem
}

.c-overlay-table__list::-webkit-scrollbar {
    height: .375rem;
    width: .375rem
}

.c-overlay-table__list::-webkit-scrollbar-track {
    background: 0 0;
    border-radius: .313rem
}

.c-overlay-table__list::-webkit-scrollbar-thumb {
    background: var(--pva-base-blue-100, rgba(26, 54, 198, .1607843137));
    border-radius: .313rem
}

.c-overlay-table__table {
    width: 100%;
    margin-bottom: .75rem
}

.c-overlay-table__color {
    width: .75rem;
    height: .75rem;
    background-color: var(--pva-base-green-300, #9beadb)
}

.c-overlay-table__color.-green {
    background-color: var(--pva-base-green, #8fe793)
}

.c-overlay-table__color.-darkgreen {
    background-color: var(--pva-base-green-100, #83d069)
}

.c-overlay-table__color.-sea-green {
    background-color: var(--pva-base-green-200, #7bd19e)
}

.c-overlay-table .o-input-wrap input {
    padding: .2rem .625rem;
    background: var(--pva-base-grey-100, #fafafa);
    color: var(--pva-base-black, #000);
    font-size: var(--pva-fs-12, .75rem);
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.c-overlay-table .icon-comment,
.c-overlay-table .icon-edit,
.c-overlay-table .icon-monitoring {
    font-size: var(--pva-fs-14, .875rem)
}

.c-overlay-table input[type=color] {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: 0 0;
    border: 0;
    cursor: pointer;
    height: .75rem;
    padding: 0;
    width: .75rem
}

.c-overlay-table input[type=color]::-webkit-color-swatch-wrapper {
    padding: 0
}

.c-overlay-table input[type=color]::-webkit-color-swatch {
    border: 0;
    border-radius: 0
}

.c-overlay-table input[type=color]::-moz-color-swatch,
.c-overlay-table input[type=color]::-moz-focus-inner {
    border: 0
}

.c-overlay-table input[type=color]::-moz-focus-inner {
    padding: 0
}

[role=tablist] {
    display: flex;
    flex-wrap: wrap
}

[role=tablist] [role=tab] {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    margin: 0;
    border: 0;
    min-width: 8.625rem;
    padding: .4813rem 1rem;
    font-size: var(--pva-fs-16, 1rem);
    color: var(--pva-base-black-200, #222);
    border-bottom: 1px solid var(--pva-base-white-800, #ddd)
}

[role=tablist] [role=tab][aria-selected=true] {
    border-bottom: 2px solid var(--pva-color-secondary-1700, #7500c0);
    font-weight: 600
}

[role=tablist].-variant2 {
    background: var(--pva-base-grey-100, #fafafa);
    box-shadow: 1px 0 0 0 inset var(--pva-base-white-800, #ddd)
}

[role=tablist].-variant2 [role=tab] {
    box-shadow: 1px 0 0 0 var(--pva-base-white-800, #ddd), 0 -1px 0 0 inset var(--pva-base-white-800, #ddd);
    padding: .8125rem 2.25rem 1.1875rem 2.25rem;
    min-width: fit-content
}

[role=tablist].-variant2 [role=tab][aria-selected=true] {
    background: var(--pva-base-white, #fff);
    border: 0;
    box-shadow: -1px 0 0 0 var(--pva-base-white, #fff), 0 -2px 0 0 inset var(--pva-color-secondary-1700, #7500c0);
    font-weight: 700
}

[role=tablist].-small {
    display: flex;
    align-items: center;
    gap: 1rem;
    line-height: 1;
    box-shadow: 0 -1px 0 0 inset var(--pva-base-white-800, #ddd)
}

[role=tablist].-small [role=tab] {
    padding: 0 0 .9rem 0;
    font-size: var(--pva-fs-14, .875rem);
    min-width: auto;
    color: var(--pva-base-grey-1100, #737373)
}

[role=tablist].-small [role=tab][aria-selected=true] {
    color: var(--pva-base-black, #000)
}

[role=tabpanel]:not(.-show) {
    display: none
}

.c-analyze-card {
    padding: 1rem
}

.c-analyze-card__wrap {
    border-radius: .2857rem;
    background: var(--pva-base-white, #fff);
    box-shadow: 0 0 .2857rem 0 var(--pva-base-black-1000, rgba(0, 0, 0, .0392156863)), 0 .2857rem .5714rem 0 var(--pva-base-black-900, rgba(0, 0, 0, .0588235294));
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.c-analyze-card__img {
    margin-bottom: 1.375rem;
    background: var(--pva-base-grey-100, #fafafa);
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 8.25rem;
    border-radius: .1429rem
}

.c-analyze-card__img img {
    height: auto;
    width: auto;
    border-radius: .1429rem
}

.c-analyze-card__name {
    color: var(--pva-base-black, #000);
    font-size: var(--pva-fs-14, .875rem);
    font-weight: 400;
    text-transform: capitalize;
    margin: 0 0 1.6px 0
}

.c-analyze-card__date {
    margin: 0;
    color: var(--pva-base-grey-1300, #505050);
    font-size: var(--pva-fs-12, .75rem);
    text-transform: capitalize
}

.c-analyze-card__cta {
    color: var(--pva-base-black, #000);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .625rem 0;
    margin: 0 .5rem;
    border-top: 1px solid var(--pva-base-white-900, #f2f2f2)
}

.c-analyze {
    padding-bottom: 2.2857rem
}

.c-analyze__header {
    display: flex;
    justify-content: space-between
}

.c-analyze__header-title {
    color: var(--pva-base-black, #000);
    font-size: var(--pva-fs-24, 24px);
    font-weight: 400;
    margin: 0 0 .6rem 0
}

.c-analyze__content {
    padding-top: 2rem
}

.c-analyze__cards-wrap {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem
}

.c-create-matrix .c-proDTitle__inner,
.c-create-matrix .c-tabs__container {
    padding-left: .625rem
}

.c-create-matrix__content {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: .25fr .75fr;
    grid-template-columns: .25fr .75fr
}

.c-create-matrix__content-container {
    background: var(--pva-base-grey-4800)
}

.c-create-matrix__content-wrap {
    min-height: calc(100vh - 13rem)
}

.c-create-matrix__content-input {
    padding: 1.5625rem 1.5rem 0 0
}

.c-create-matrix__content-graph {
    background: url(../../toolkit/images/svg/swatch.svg) center;
    display: flex;
    align-items: center;
    justify-content: center
}

.c-create-matrix__input-label {
    color: rgba(0, 0, 0, .65);
    font-size: var(--pva-fs-14, .875rem);
    margin-bottom: .75rem;
    display: inline-block
}

.c-create-matrix__input-wrap {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: .0714rem solid rgba(0, 0, 0, .22)
}

.c-create-matrix__input-wrap:not(:last-child) {
    margin-bottom: 1.5rem
}

.c-create-matrix__input-wrap .o-select-label {
    opacity: 1;
    font-size: var(--pva-fs-16, 1rem);
    margin-bottom: .5rem
}

.c-matrix-graph {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 11.125rem 11.125rem 11.125rem 11.125rem;
    grid-template-columns: repeat(4, 11.125rem);
    -ms-grid-rows: 8.37rem, 8.37rem, 8.37rem, minmax(4.25rem, 1fr);
    grid-template-rows: repeat(3, 8.37rem) minmax(4.25rem, 1fr);
    -ms-grid-column-align: center;
    justify-items: center;
    align-items: end;
    gap: .125rem;
    position: relative;
    width: fit-content
}

.c-matrix-graph__label {
    border: .0237rem solid var(--pva-base-grey-1700, #b8b8b8);
    border-radius: .0938rem;
    min-width: 6.375rem;
    min-height: 2.25rem;
    padding: .25rem .25rem .125rem .25rem;
    color: var(--pva-base-black, #000);
    display: flex;
    flex-direction: column;
    gap: .0938rem;
    margin-top: 2rem
}

.c-matrix-graph__label-name {
    font-size: var(--pva-fs-12, .75rem)
}

.c-matrix-graph__label-info {
    font-size: var(--pva-fs-12, .75rem);
    font-weight: 300
}

.c-matrix-graph__label.-align-right {
    margin-right: 1.25rem
}

.c-matrix-graph__label.-pastel-blue {
    border-top: .25rem solid var(--pva-base-white-1800, #e1e1fe)
}

.c-matrix-graph__label.-pale-purple {
    border-top: .25rem solid var(--pva-color-secondary-2900, #c6c6fa)
}

.c-matrix-graph__label.-lavender-blue {
    border-top: .25rem solid var(--pva-color-secondary-2800, #9999f9)
}

.c-matrix-graph__label.-shift-right {
    -ms-grid-column: 2;
    grid-column-start: 2
}

.c-matrix-graph__cell {
    padding: .75rem;
    color: var(--pva-base-black, #000);
    font-size: var(--pva-fs-12, .75rem);
    font-weight: 400;
    max-height: 8.735rem;
    width: 100%;
    height: 100%
}

.c-matrix-graph__cell-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: .75rem
}

.c-matrix-graph__cell-right {
    display: flex;
    align-items: center;
    gap: .5rem
}

.c-matrix-graph__cell-right .icon-chevron-down {
    display: inline-flex;
    color: inherit
}

.c-matrix-graph__cell-right .icon-chevron-down:before {
    display: inline-flex;
    font-size: var(--pva-fs-12, .75rem)
}

.c-matrix-graph__cell-list {
    padding-left: .9375rem;
    max-height: 5.25rem;
    padding-right: .625rem;
    overflow: hidden
}

.c-matrix-graph__cell-list::-webkit-scrollbar {
    width: .25rem
}

.c-matrix-graph__cell-list::-webkit-scrollbar-thumb {
    background: var(--pva-color-secondary-3000, #5858cc);
    border-radius: 1rem
}

.c-matrix-graph__cell-list::-webkit-scrollbar-track {
    background: 0 0;
    border-radius: 1rem
}

.c-matrix-graph__cell-list:hover {
    overflow: auto
}

.c-matrix-graph__cell.-bg-pastel-blue {
    background: var(--pva-base-white-1800, #e1e1fe)
}

.c-matrix-graph__cell.-bg-pale-purple {
    background: var(--pva-color-secondary-2900, #c6c6fa)
}

.c-matrix-graph__cell.-bg-lavender-blue {
    background: var(--pva-color-secondary-2800, #9999f9);
    color: var(--pva-base-white, #fff)
}

.c-matrix-graph__axis-label {
    color: var(--pva-base-black, #000);
    font-size: var(--pva-fs-12, .75rem);
    position: absolute
}

.c-matrix-graph__axis-label.-horizontal {
    bottom: 4rem;
    right: 14.125rem
}

.c-matrix-graph__axis-label.-vertical {
    rotate: -90deg;
    top: 12.375rem;
    left: 5.9375rem
}

.c-workspace-initial__wrap {
    width: 100%;
    display: flex;
    flex: 1;
    min-height: 33.5rem
}

.c-workspace-initial__wrap>.container {
    display: flex;
    flex-direction: column;
    flex: 1
}

.c-workspace-initial__wrapper {
    display: flex;
    flex-direction: column;
    flex: 1;
    margin-bottom: 4.286rem;
    background: var(--pva-base-grey-4900);
    border-radius: 0 0 1.429rem 1.429rem
}

.c-workspace-initial__wrapper.-padding {
    padding-top: 2rem
}

.c-workspace-initial__initial-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.714rem;
    justify-content: center;
    flex: 1
}

.c-workspace-initial__initial-section-heading {
    text-align: center;
    font-size: var(--pva-fs-24, 1.714rem)
}

.c-workspace-initial__create-proces-btn .o-primary-button {
    font-size: var(--pva-fs-12, 1rem);
    color: var(--pva-base-white-300, #f9f9f9);
    background-color: var(--pva-base-black-200, #222);
    cursor: pointer
}

.c-create-process-modal {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background: rgba(255, 255, 255, .6);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px)
}

.c-create-process-modal.active {
    display: block
}

.c-create-process-modal__wrapper {
    max-width: 46.25rem;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    background: var(--pva-base-grey-4500, rgba(255, 255, 255, .8980392157));
    border-radius: .75rem
}

.c-create-process-modal__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2rem 0 0 1.5rem;
    background-repeat: no-repeat;
    background-size: cover
}

.c-create-process-modal__header-title {
    font-size: var(--pva-fs-24, 1.714rem);
    font-weight: 500
}

.c-create-process-modal__header-text {
    color: var(--pva-base-grey-700, #4a4a4a);
    font-size: var(--pva-fs-12, .75rem)
}

.c-create-process-modal__header-left {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    justify-content: start
}

.c-create-process-modal__header-right .icon-close {
    position: absolute;
    top: 7%;
    right: 3%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: end;
    padding: .688rem;
    margin-bottom: .75rem;
    font-size: var(--pva-fs-16, 1rem)
}

.c-create-process-modal__body {
    padding: 1.25rem 1.5rem 1.125rem 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.143rem;
    margin-top: 0
}

.c-create-process-modal__body-input .o-input-wrap {
    display: flex;
    flex-direction: column
}

.c-create-process-modal__body-input .o-input-label {
    color: var(--pva-base-black);
    font-size: var(--pva-fs-14, .875rem);
    opacity: 1
}

.c-create-process-modal__body-input.-process .o-input-wrap input {
    max-width: 48%;
    border: .063rem solid var(--pva-base-white-800, #ddd);
    border-radius: .5rem;
    padding: .64rem 1.125rem
}

.c-create-process-modal__body-input.-description .o-input-wrap input {
    border-radius: .5rem;
    padding: .64rem 1.125rem 2.063rem
}

.c-create-process-modal__btn-wrapper {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 1.5rem;
    padding: 0 1.5rem 2rem
}

.c-create-process-modal__btn-wrapper .o-secondary-button {
    min-width: 5.438rem;
    background-color: var(--pva-base-white, #fff);
    font-size: var(--pva-fs-14, .875rem);
    border-radius: .25rem;
    border: .063rem solid var(--pva-base-black, #000);
    cursor: pointer
}

.c-create-process-modal__btn-wrapper .o-primary-button {
    min-width: 6rem;
    background-color: var(--pva-base-black, #000);
    color: var(--pva-base-white-200, #f4f4f4);
    font-size: var(--pva-fs-14, .875rem);
    border-radius: .25rem;
    border: none;
    cursor: pointer
}

.c-workspace-card__main-process {
    position: relative;
    margin: 1.125rem 0
}

.c-workspace-card__main-process-title {
    font-size: var(--pva-fs-16, 1rem);
    font-weight: 500;
    margin-bottom: 1rem
}

.c-workspace-card__card-wrapper {
    display: -ms-grid;
    display: grid;
    flex-wrap: wrap;
    gap: 1.5rem;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: repeat(4, 1fr)
}

.c-workspace-card__card {
    border-radius: .286rem;
    background: var(--pva-base-white, #fff);
    box-shadow: 0 0 .286rem 0 rgba(0, 0, 0, .04), 0 .286rem .571rem 0 rgba(0, 0, 0, .06)
}

.c-workspace-card__card-header {
    font-size: var(--pva-fs-14, .875rem);
    font-weight: 500;
    margin: .643rem 0 .714rem 0;
    display: flex;
    gap: .5rem
}

.c-workspace-card__card-header span {
    margin-top: .125rem
}

.c-workspace-card__card-header .icon-alert {
    color: var(--pva-base-amber-400, #ff7800);
    font-size: var(--pva-fs-14, .875rem)
}

.c-workspace-card__card-content {
    padding: 0 1.286rem 0 1.214rem;
    position: relative
}

.c-workspace-card__card-top .icon-more {
    font-size: var(--pva-fs-22, 1.375rem);
    cursor: pointer;
    position: absolute;
    top: 3.5%;
    right: 6%
}

.c-workspace-card__card-img img {
    width: 100%;
    max-width: 100%;
    border-radius: .286rem
}

.c-workspace-card__card-bottom {
    display: flex;
    align-items: center;
    justify-content: end;
    padding: 1rem 1.616rem 1rem 0
}

.c-workspace-card__card-configure {
    border-top: .071rem solid var(--pva-base-white-900, #f2f2f2);
    font-size: var(--pva-fs-14, 1rem);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem 0;
    margin: 0 .714rem 0 .571rem;
    cursor: pointer
}

.c-workspace-card__title {
    display: flex;
    align-items: center
}

.c-workspace-card__avatar-wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto auto auto;
    grid-template-columns: repeat(3, auto)
}

.c-workspace-card__avatar-wrapper-item {
    margin-right: -.792rem
}

.c-workspace-card__avatar-wrapper-text {
    color: var(--pva-color-primary, #a100ff);
    text-align: center;
    font-size: var(--pva-fs-12, 1rem);
    text-transform: uppercase;
    display: inline-flex;
    padding: .236rem .53rem .224rem .414rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: var(--pva-base-white, #fff);
    border: .063rem solid var(--pva-base-grey, #ccc);
    border-radius: 50%;
    fill: var(--pva-base-white, #fff);
    filter: drop-shadow(0 .315rem .629rem rgba(0, 0, 0, .06)) drop-shadow(0 0 .315rem rgba(0, 0, 0, .04))
}

.c-workspace-card__avatar-img {
    height: 1.714rem;
    width: 1.714rem
}

@media (max-width:991.98px) {
    .c-workspace-card__card-wrapper {
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: repeat(3, 1fr)
    }
}

.c-workspace-popup {
    position: relative
}

.c-workspace-popup__card-popup {
    min-width: 11.071rem;
    position: absolute;
    background-color: var(--pva-base-white, #fff);
    box-shadow: 0 0 .286rem 0 rgba(0, 0, 0, .04), 0 .286rem .571rem 0 rgba(0, 0, 0, .06);
    top: 15%;
    right: -40%;
    z-index: 1;
    display: none
}

.c-workspace-popup__card-popup.-show {
    display: block
}

.c-workspace-popup__card-popup-item {
    display: flex;
    align-items: center;
    gap: .571rem;
    padding: .714rem 0 .714rem .929rem;
    cursor: pointer;
    border-left: .143rem solid transparent
}

.c-workspace-popup__card-popup-item:hover {
    border-left: .143rem solid var(--pva-base-blue, #1a36c6);
    background: var(--pva-base-white-400, #f5f9ff)
}

.c-chat-bot {
    position: fixed;
    bottom: 0;
    top: 3.375rem;
    right: 0;
    z-index: 12
}

.c-chat-bot__logo-icon {
    width: 3.25rem;
    height: 3.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    border-radius: 50%;
    position: absolute;
    right: 2.875rem;
    bottom: 4.375rem
}

.c-chat-bot__logo-icon-click {
    cursor: pointer;
    color: var(--pva-base-white, #fff);
    width: 3.25rem;
    height: 3.25rem
}

.c-chat-bot__logo-icon.-hide {
    display: none
}

.c-chat-bot__container {
    max-height: calc(100vh - var(--pva-header-height) - var(--pva-footer-height));
    height: 100%;
    width: 21rem;
    display: none;
    box-shadow: 0 0 .286rem 0 rgba(0, 0, 0, .04), 0 .286rem .571rem 0 rgba(0, 0, 0, .06)
}

.c-chat-bot__container.-active {
    display: block
}

.c-chat-bot__outerwrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    background: linear-gradient(135.55deg, #fff4f0 .74%, #e9e9fb 75.24%);
    border-radius: .5rem 0 0 .5rem
}

.c-chat-bot__title {
    background: linear-gradient(135.55deg, var(--pva-base-white-2700) .74%, var(--pva-base-grey-4400) 75.24%);
    color: var(--pva-base-black, #000);
    padding: 0 1.5rem 0 1.75rem
}

.c-chat-bot__title.-home-chat {
    background: linear-gradient(135.55deg, var(--pva-base-white-2700) .74%, var(--pva-base-grey-4400) 75.24%);
    min-height: 13.25rem
}

.c-chat-bot__title-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: var(--pva-fs-16, 1rem);
    padding: .969rem 0
}

.c-chat-bot__title-left {
    display: flex;
    align-items: center;
    gap: .406rem;
    color: var(--pva-base-black, #000);
    font-size: var(--pva-fs-16, 1rem)
}

.c-chat-bot__title-left-title-light {
    font-weight: 400
}

.c-chat-bot__title-left-icon {
    position: relative;
    top: 1px;
    width: 2rem;
    height: 2rem
}

.c-chat-bot__title-right {
    display: flex;
    font-size: var(--pva-fs-16, 1.143rem);
    gap: 1.143rem;
    color: var(--pva-base-black-1400, #101010)
}

.c-chat-bot__title-icon {
    position: relative;
    top: .143rem;
    cursor: pointer;
    border: none;
    background: 0 0;
    padding: 0;
    font-size: var(--pva-fs-16, 1rem)
}

.c-chat-bot__title-icon.c-chat-bot__expand {
    pointer-events: none
}

.c-chat-bot__home {
    display: -ms-grid;
    display: grid;
    font-size: var(--pva-fs-22, 1.375rem);
    margin-top: 1.5rem
}

.c-chat-bot__home-title {
    display: flex;
    color: #353535;
    gap: .286rem;
    align-items: center;
    font-weight: 500
}

.c-chat-bot__home-title img {
    width: 1.857rem
}

.c-chat-bot__home-title-sml {
    color: var(--pva-base-blue-500, #5175da);
    font-weight: 500
}

.c-chat-bot__home-content {
    flex: 1;
    padding: 0 1.75rem 0 1.5rem
}

.c-chat-bot__home-card {
    padding: .45rem 1.5rem .45rem 1rem;
    border-radius: .75rem;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .02), 0 2px 4px 0 rgba(0, 0, 0, .08);
    font-size: var(--pva-fs-12, .75rem);
    display: flex;
    gap: 1.125rem;
    justify-content: space-between;
    align-items: center;
    background: var(--pva-base-white, #fff)
}

.c-chat-bot__home-card-wrap {
    position: relative;
    bottom: 2.5rem;
    z-index: 1
}

.c-chat-bot__home-card-left {
    color: var(--pva-base-black, #000)
}

.c-chat-bot__home-card-title {
    font-weight: 500
}

.c-chat-bot__home-card-btm {
    color: var(--pva-base-green-400, #7f7f7f);
    display: flex;
    flex-wrap: wrap;
    position: relative
}

.c-chat-bot__home-card-btm-info {
    display: inline-flex;
    padding: 0 .286rem;
    border-right: 1px solid var(--pva-base-green-400, #7f7f7f)
}

.c-chat-bot__home-card-btm-info:first-child {
    padding-left: 0
}

.c-chat-bot__home-card-btm-info:last-child {
    border-right: none
}

.c-chat-bot__home-card-right-btn {
    background: 0 0;
    border: none;
    padding: 0;
    position: relative;
    transform: rotate(-90deg)
}

.c-chat-bot__home-card-right-btn-wrap {
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: var(--pva-base-grey-3900, #f3f3fe);
    padding: .069rem .275rem;
    min-width: 1.429rem
}

.c-chat-bot__home-card-right-btn-wrap i {
    position: relative;
    bottom: -.143rem
}

.c-chat-bot__content {
    height: calc(100% - 7.813rem);
    overflow: auto;
    padding: 1.5rem .938rem 0 .857rem;
    background: var(--pva-base-white, #fff);
    border-radius: .75rem .75rem 0 0
}

.c-chat-bot__content::-webkit-scrollbar {
    background: 0 0;
    width: .25rem
}

.c-chat-bot__content::-webkit-scrollbar-track {
    background: 0 0;
    margin-top: 6px
}

.c-chat-bot__content::-webkit-scrollbar-thumb {
    background: var(--pva-base-grey, #ccc)
}

.c-chat-bot__content-question {
    margin-top: 1.5rem;
    padding: .5rem .75rem;
    display: flex;
    align-items: center;
    gap: .75rem;
    color: var(--pva-base-grey-400, #535353);
    font-size: .75rem;
    background: var(--pva-base-grey-100, #fafafa);
    border: 1px solid var(--pva-base-grey, #ccc);
    border-radius: .25rem;
    line-height: 1.2
}

.c-chat-bot__content-question-userimg {
    height: 1.75rem;
    width: 1.75rem
}

.c-chat-bot__left {
    border-radius: 50%
}

.c-chat-bot__left-system {
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--pva-base-white, #fff)
}

.c-chat-bot__left-system i {
    font-size: var(--pva-fs-18, 1.286rem);
    position: relative;
    top: 2px
}

.c-chat-bot__left img {
    width: 100%;
    border-radius: 50%
}

.c-chat-bot__response-wrap {
    background: var(--pva-base-grey-500, #f6f6f6);
    padding: .94rem 1rem;
    font-size: var(--pva-fs-12, .75rem);
    border-radius: .5rem
}

.c-chat-bot__response-wrap.-loading {
    background: 0 0
}

.c-chat-bot__response-loading {
    display: flex;
    flex-direction: row-reverse
}

.c-chat-bot__response-loading img {
    width: 1.125rem;
    position: relative;
    left: 1rem
}

.c-chat-bot__response-user {
    font-size: var(--pva-fs-12, .75rem);
    color: var(--pva-base-black, #000)
}

.c-chat-bot__response-icon {
    display: flex;
    margin: .25rem 0 .625rem;
    width: 100%;
    gap: .5rem .75rem;
    align-items: center;
    align-content: center
}

.c-chat-bot__response-icon-link {
    color: var(--pva-base-black, #000)
}

.c-chat-bot__response-system-loading {
    display: flex;
    width: 100%;
    padding: 1rem 0 .875rem;
    justify-content: center
}

.c-chat-bot__response-system-loading-content img {
    width: 2.125rem
}

.c-chat-bot__response-link {
    background: var(--pva-base-white, #fff);
    width: 100%;
    border-radius: .25rem;
    padding: .563rem .938rem .563rem .75rem
}

.c-chat-bot__response-link-wrap {
    display: -ms-grid;
    display: grid;
    gap: .857rem;
    padding: .857rem 0 0
}

.c-chat-bot__response-link-box {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.c-chat-bot__response-link-box-left {
    display: flex;
    gap: .75rem;
    align-items: center
}

.c-chat-bot__response-link-box-ext {
    color: var(--pva-base-black, #000);
    font-size: var(--pva-fs-12, .75rem);
    display: flex;
    align-items: center;
    gap: .25rem;
    border: transparent;
    background: 0 0;
    padding: 0
}

.c-chat-bot__response-link-box-icon {
    height: 1.5rem;
    width: 1.5rem;
    border-radius: 50%;
    background: var(--pva-base-grey-600, #f7f5ff);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--pva-color-primary, #a100ff)
}

.c-chat-bot__response-link-box-icon i {
    position: relative;
    top: 3px
}

.c-chat-bot__response-link-box-text {
    font-size: var(--pva-fs-12, .75rem);
    font-weight: 500;
    color: var(--pva-base-black, #000)
}

.c-chat-bot__row {
    display: -ms-grid;
    display: grid;
    width: 100%;
    -ms-grid-columns: 1.25rem calc(100% - 2rem);
    grid-template-columns: 1.25rem calc(100% - 2rem);
    justify-content: space-between;
    margin-bottom: 1rem
}

.c-chat-bot__row:last-child {
    margin-bottom: 0
}

.c-chat-bot__row.-loading {
    -ms-grid-columns: calc(100% - 3.25rem) 2.5rem;
    grid-template-columns: calc(100% - 3.25rem) 2.5rem;
    align-items: center
}

.c-chat-bot__row.-loading .c-chat-bot__left {
    width: 2.5rem
}

.c-chat-bot__row.-user {
    -ms-grid-columns: calc(100% - 3.25rem) 2.5rem;
    grid-template-columns: calc(100% - 3.25rem) 2.5rem;
    align-items: flex-end
}

.c-chat-bot__row.-user .c-chat-bot__left {
    width: 2.5rem
}

.c-chat-bot__row.-user .c-chat-bot__response-wrap {
    background: var(--pva-base-grey-300, #dfeff9);
    padding: .68rem 1rem .76rem
}

.c-chat-bot__content-box {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: .75rem
}

.c-chat-bot__content-box-textdiv {
    background-color: var(--pva-base-white, #fff);
    border-radius: .75rem;
    display: flex;
    gap: .75rem;
    padding: .875rem .875rem .875rem 1.063rem;
    line-height: 1.2;
    position: relative
}

.c-chat-bot__content-box-textdiv-icon {
    font-size: var(--pva-fs-22, 1.571rem);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    top: .25rem
}

.c-chat-bot__content-response {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: var(--pva-fs-22, 1.571rem);
    cursor: pointer;
    margin-top: .5rem .75rem
}

.c-chat-bot__content-response-left {
    display: flex;
    gap: 1rem;
    align-items: center
}

.c-chat-bot__content-response-right {
    display: flex;
    gap: .75rem;
    align-items: center
}

.c-chat-bot__content-response-right-icon:hover {
    color: var(--pva-color-primary, #a100ff)
}

.c-chat-bot__content-response-item:hover {
    color: var(--pva-color-primary, #a100ff)
}

.c-chat-bot__content-response-icon {
    margin-right: .313rem;
    position: relative;
    top: 1px
}

.c-chat-bot__footer {
    border-top: 1px solid var(--pva-base-grey, #ccc);
    background: var(--pva-base-white, #fff)
}

.c-chat-bot__footer-left {
    display: flex;
    align-items: center;
    gap: .75rem;
    height: 100%
}

.c-chat-bot__footer-left-attach {
    background: 0 0;
    border: transparent;
    padding: 0;
    font-size: var(--pva-fs-20, 1.25rem);
    height: 100%;
    display: flex;
    align-items: center
}

.c-chat-bot__footer-right {
    display: flex;
    align-items: center
}

.c-chat-bot__footer-right button {
    color: var(--pva-base-black, #000);
    cursor: pointer;
    background: 0 0;
    padding: 0;
    border: none;
    font-size: var(--pva-fs-14, .857rem)
}

.c-chat-bot__footer-userinput {
    height: 3.78rem;
    position: relative;
    display: flex;
    background: var(--pva-base-white, #fff);
    align-items: center;
    padding: 0 1.125rem;
    justify-content: space-between;
    gap: 4.75rem
}

.c-chat-bot__footer-userinput-send {
    font-size: var(--pva-fs-12, .75rem);
    cursor: pointer;
    color: var(--pva-color-secondary-300, #9001e5)
}

.c-chat-bot__footer-userinput-area {
    width: 100%
}

.c-chat-bot__footer-userinput .o-text-area {
    height: 100%
}

.c-chat-bot__footer-userinput .o-text-area__input {
    height: 100%;
    border: none;
    padding: 1.25rem 0 0;
    font-size: var(--pva-fs-14, .857rem);
    color: var(--pva-base-grey-3700, #707071)
}

.c-chat-bot__footer-userinput .o-text-area__input:-ms-input-placeholder {
    font-size: var(--pva-fs-14, .857rem);
    color: var(--pva-base-grey-3700, #707071);
    font-style: italic
}

.c-chat-bot__footer-userinput .o-text-area__input::placeholder {
    font-size: var(--pva-fs-14, .857rem);
    color: var(--pva-base-grey-3700, #707071);
    font-style: italic
}

.c-chat-bot__footer-userinput .o-text-area__input:focus {
    outline: 0
}

.c-chat-bot.-expand {
    left: 4.75rem
}

.c-chat-bot.-expand .c-chat-bot__container {
    width: 100%
}

.c-chat-bot.-expand .c-chat-bot__content {
    padding: 1.25rem 11.25rem 0 12.5rem
}

.c-chat-bot.-expand .c-chat-bot__footer-userinput {
    padding: 0 10.5rem 0 14rem
}

.c-chat-bot.-expand .c-chat-bot__market {
    padding-left: 3.125rem
}

.c-chat-bot.-expand .c-chat-bot__title {
    padding-left: 1.25rem
}

.c-chat-bot-survey {
    border: 1px solid #b1c6ff;
    border-radius: .75rem;
    background-color: #fff;
    padding: .75rem;
    display: flex;
    gap: 1rem;
    width: 18.75rem;
    position: absolute;
    bottom: 3.625rem;
    right: 7rem
}

.c-chat-bot-survey-text {
    color: #606060;
    font-size: .75rem
}

.c-chat-bot-survey-text>a {
    font-weight: 500;
    color: #a100ff
}

.c-chat-bot-survey.-hide {
    display: none
}

.c-create-client {
    border-bottom: 1px solid var(--pva-base-white-1500, #eee)
}

.c-create-client__contant {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.125rem 0
}

.c-create-client__title {
    font-size: var(--pva-fs-20, 1.25rem);
    font-weight: 400;
    margin-bottom: .75rem
}

.c-create-client__desc {
    color: var(--pva-base-grey-1100, #737373);
    font-size: var(--pva-fs-16, 1rem);
    font-weight: 400
}

.c-create-client__step {
    color: var(--pva-base-black, #000);
    font-size: var(--pva-fs-14, .875rem);
    font-weight: 400;
    margin-bottom: .75rem;
    text-align: end
}

.c-create-client__step-tab {
    height: .25rem;
    width: 3.75rem;
    background: var(--pva-base-white-1500, #eee);
    border-radius: .25rem
}

.c-create-client .-purple {
    background: var(--pva-color-primary, #a100ff)
}

.c-create-client__steper {
    display: flex;
    gap: .57rem
}

.c-create-client__workspace {
    margin: 0;
    font-size: calc(var(--pva-fs-16, 1rem) * 2);
    font-weight: 400
}

.c-create-client .-fs-14 {
    font-size: var(--pva-fs-14, .875rem)
}

.c-create-client .-gray {
    color: var(--pva-base-grey-1300, #505050)
}

.c-scope {
    flex: 1
}

.c-scope__content {
    width: 100%;
    overflow: auto
}

.c-scope__content::-webkit-scrollbar {
    height: .125rem;
    width: .375rem
}

.c-scope__content::-webkit-scrollbar-track {
    background: 0 0;
    border-radius: .313rem
}

.c-scope__content::-webkit-scrollbar-thumb {
    background: var(--pva-base-blue-100, rgba(26, 54, 198, .1607843137));
    border-radius: .313rem
}

.c-scope__wrapper {
    padding: 2.5rem 0 2.5rem
}

.c-scope .c-create-client__contant {
    padding-top: 1.75rem
}

.c-scope__title {
    font-size: var(--pva-fs-18, 1.125rem);
    font-weight: 400;
    margin: 0
}

.c-scope__form-flex {
    padding-top: 1.5rem;
    display: flex;
    align-items: center;
    gap: 1.5rem
}

.c-scope__form-flex .o-input-wrap {
    min-width: 29.25rem
}

.c-scope .o-select__wrapper {
    min-width: 29.25rem
}

.c-scope .-h-62 .o-select__selected-text {
    height: 3.875rem;
    padding-bottom: 2.286rem;
    color: var(--pva-base-black, #000)
}

.c-scope .-h-62 .o-select__selected-text:before {
    top: 30%
}

.c-scope .-bg-gray input {
    background: var(--pva-base-white-500, #ededed)
}

.c-scope .-bg-gray .o-select__selected-text {
    background: var(--pva-base-white-500, #ededed);
    color: var(--pva-base-black, #000)
}

.c-scope .-cl-black {
    color: var(--pva-base-black, #000)
}

.c-scope .o-input-wrap.-disabled .-file,
.c-scope .o-input-wrap.-disabled input {
    background: var(--pva-base-grey-100, #fafafa)
}

.c-scope .o-select__wrapper.-disabled .o-select__selected-text {
    background: var(--pva-base-grey-100, #fafafa)
}

.c-stickyfooter__inner {
    display: flex;
    justify-content: end;
    align-items: center;
    padding-top: 1rem;
    padding-bottom: 1rem
}

.c-stickyfooter__inner.-exit-survey {
    justify-content: space-between
}

.c-stickyfooter__wrap {
    position: sticky;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--pva-base-white, #fff);
    margin-top: auto;
    z-index: 11;
    box-shadow: 0 -2px 6px 0 rgba(0, 0, 0, .1)
}

.c-stickyfooter__actions {
    display: flex;
    align-items: center;
    gap: 1.5rem
}

.c-stickyfooter__actions.-gap {
    gap: 1rem
}

.c-stickyfooter__desc {
    color: var(--pva-base-black, #000)
}

.c-process-mode {
    padding-bottom: 7rem;
    padding-top: 5.625rem
}

.c-process-mode__zoomfun {
    transform-origin: top left
}

.c-process-mode__functional {
    font-size: var(--pva-fs-12, .75rem);
    font-weight: 600;
    color: var(--pva-base-black, #000);
    background-color: var(--pva-base-white-900, #f2f2f2);
    padding: .625rem 0 .625rem .938rem
}

.c-process-mode__content {
    padding-top: .563rem;
    display: flex;
    gap: .5rem
}

.c-process-mode__content-col {
    padding: .438rem .313rem
}

.c-process-mode__content-col-heading {
    font-size: var(--pva-fs-14, .875rem);
    font-weight: 500;
    color: var(--pva-base-white, #fff);
    padding: .625rem 0;
    background-color: var(--pva-base-blue-1200, #4d67b1);
    display: flex;
    justify-content: center;
    border-radius: .16rem;
    cursor: pointer;
    position: relative;
    transition: all .4s cubic-bezier(.19, 1, .22, 1)
}

.c-process-mode__content-col-heading-level1 {
    position: absolute;
    top: -.3125rem;
    left: .688rem;
    background: var(--pva-base-white-1000, #dbe3fc);
    border-radius: .25rem;
    padding: 0 1.375rem;
    color: var(--pva-base-black, #000);
    font-size: var(--pva-fs-12, .75rem)
}

.c-process-mode__content-col-data {
    display: flex;
    gap: .2rem;
    padding-top: .688rem
}

.c-process-mode__content-col-data-item1 {
    display: flex;
    justify-content: space-between;
    gap: .5rem;
    font-size: var(--pva-fs-12, .75rem);
    font-weight: 500;
    color: var(--pva-base-black, #000);
    background-color: var(--pva-base-blue-900, #b4c7ff);
    padding: .563rem 0 .563rem .625rem;
    white-space: nowrap;
    position: relative;
    width: calc(100% - 1.16rem);
    cursor: pointer;
    transition: all .4s cubic-bezier(.19, 1, .22, 1)
}

.c-process-mode__content-col-data-item1-overflow {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    text-align: center
}

.c-process-mode__content-col-data-item1-level2 {
    position: absolute;
    top: -.375rem;
    left: .688rem;
    background: var(--pva-color-secondary-1800, #631e8b);
    border-radius: .25rem;
    padding: 0 1.286rem;
    color: var(--pva-base-white, #fff);
    font-size: var(--pva-fs-12, .75rem)
}

.c-process-mode__content-col-data-item1:before {
    color: var(--pva-base-blue-900, #b4c7ff);
    border-left: 1.16rem solid;
    border-top: 1.16rem solid transparent;
    border-bottom: 1.16rem solid transparent;
    display: inline-block;
    content: "";
    position: absolute;
    left: 100%;
    top: 0
}

.c-process-mode__content-col-data-item1-count {
    display: none;
    background: var(--pva-color-secondary-2700, #460073);
    color: var(--pva-base-white, #fff);
    position: absolute;
    width: 91%;
    left: 0;
    top: 100%;
    font-weight: 400;
    padding: .25rem .188rem
}

.c-process-mode__content-col-data-item1-count:before {
    color: var(--pva-color-secondary-2700, #460073);
    border-left: 1.5rem solid;
    border-bottom: 1.688rem solid transparent;
    display: inline-block;
    content: "";
    position: absolute;
    right: -1.438rem;
    top: 0
}

.c-process-mode__content-col-data-item2 {
    display: flex;
    justify-content: center;
    font-size: var(--pva-fs-12, .75rem);
    color: var(--pva-base-black, #000);
    background-color: var(--pva-base-blue-1000, #d4dfff);
    padding: .625rem .625rem;
    white-space: nowrap;
    border-radius: .25rem;
    position: relative;
    cursor: pointer;
    transition: all .4s cubic-bezier(.19, 1, .22, 1)
}

.c-process-mode__content-col-data-item2-overflow2 {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis
}

.c-process-mode__content-col-data-item2-level3 {
    position: absolute;
    top: -.3125rem;
    left: .688rem;
    background: var(--pva-base-blue-300, #728fbc);
    border-radius: .25rem;
    padding: 0 .875rem;
    color: var(--pva-base-white, #fff);
    font-size: var(--pva-fs-12, .75rem)
}

.c-process-mode__content-col-data-item2-popup {
    display: none;
    position: absolute;
    background: #fff;
    top: 105%;
    left: 94%;
    z-index: 1;
    border-radius: 4px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .0784313725)
}

.c-process-mode__content-col-data-item2-popup-data {
    font-size: 12px;
    font-weight: 400;
    cursor: pointer;
    padding: 10px 53px 10px 16px
}

.c-process-mode__content-col-data-item2-popup-data:hover {
    background-color: var(--pva-base-white-2600, #eff3ff);
    border-left: 2px solid var(--pva-base-blue-1200, #4d67b1);
    padding-left: 14px
}

.c-process-mode__content-col-data-item2-popup-data:hover:last-child {
    border-radius: 0 0 4px 4px
}

.c-process-mode__content-col-data-item2-popup-data:hover:first-child {
    border-radius: 4px 4px 0 0
}

.c-process-mode__content-col-data-item2-dots {
    display: none;
    font-size: 14px;
    position: absolute;
    right: 10px;
    cursor: pointer;
    outline: 0;
    background: 0 0;
    border: transparent;
    padding: 0
}

.c-process-mode__content-col-data-item2.-active .c-process-mode__content-col-data-item2-dots {
    display: block
}

.c-process-mode__content-col-data-item2.-activetooltip .c-process-mode__content-col-data-item2-popup {
    display: block
}

.c-process-mode__content-col-data-item3 {
    list-style: none;
    font-size: var(--pva-fs-12, .75rem);
    border: .32px solid var(--pva-base-white-1300, #f4f1fe);
    padding: 0 .625rem;
    border-radius: .25rem;
    position: relative;
    transition: all .4s cubic-bezier(.19, 1, .22, 1);
    background: var(--pva-base-grey-2100, #fdfdfd)
}

.c-process-mode__content-col-data-item3.is-trans {
    overflow: hidden
}

.c-process-mode__content-col-data-item3-level4 {
    position: absolute;
    top: -.375rem;
    left: .688rem;
    background: var(--pva-base-amber, #d1784b);
    border-radius: .25rem;
    padding: 0 .625rem;
    color: var(--pva-base-white, #fff);
    font-size: var(--pva-fs-12, .75rem)
}

.c-process-mode__content-col-data-item3-subitem {
    padding: .313rem 0;
    border-bottom: .32px solid var(--pva-base-blue-900, #b4c7ff)
}

.c-process-mode__content-col-data-item3-subitem:last-child {
    border-bottom: none
}

.c-process-mode__content-col-data-item3-subitem-itemwrap {
    display: flex;
    justify-content: space-between;
    padding: .5rem 0 .5rem .375rem;
    align-items: center
}

.c-process-mode__content-col-data-item3-subitem-itemwrap-text {
    padding-right: .313rem
}

.c-process-mode__content-col-data-item3-subitem-itemwrap-number {
    display: none;
    border: .5px solid var(--pva-base-pink);
    border-radius: .75rem;
    padding: 0 .375rem;
    background: var(--pva-base-pink-100)
}

.c-process-mode__content-col-data-subdata {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    flex-grow: 1;
    flex-basis: 0;
    min-width: 17.5rem;
    padding: .75rem .1875rem
}

.c-process-mode__content-col-data-subdata2 {
    display: flex;
    flex-direction: column;
    gap: .563rem;
    flex: 1;
    padding: .3125rem .125rem
}

.c-process-mode__content-col-data-input {
    display: none
}

.c-process-mode__content-col-data-input .o-input-wrap input {
    border-style: dashed;
    font-size: var(--pva-fs-12, .75rem);
    outline: 0 !important
}

.c-process-mode__content-col-data-input .o-input-settingicon {
    position: absolute;
    right: 1rem;
    top: 25%
}

.c-process-mode__content-col.-crossfun {
    flex-basis: 65%
}

.c-process-mode.-l4legend .c-process-mode__content-col-data-item3-subitem-itemwrap-number {
    display: block
}

.c-process-mode.-l4legend .c-process-mode__content-col-data-item3-subitem-itemwrap {
    border-radius: .25rem;
    cursor: pointer
}

.c-process-mode.-l4legend .c-process-mode__content-col-data-item3-subitem-itemwrap.-notsupported {
    border-left: 5px solid var(--pva-color-secondary-700);
    background: var(--pva-base-green-700)
}

.c-process-mode.-l4legend .c-process-mode__content-col-data-item3-subitem-itemwrap.-partialysupported {
    border-left: 5px solid var(--pva-color-secondary-800);
    background: var(--pva-base-green-600)
}

.c-process-mode.-l4legend .c-process-mode__content-col-data-item3-subitem-itemwrap.-fullysupported {
    border-left: 5px solid var(--pva-color-secondary-900);
    background: var(--pva-base-grey-4100)
}

.c-process-mode.-l4legend .c-process-mode__content-col-data-item3 {
    padding: 0 .313rem
}

.c-process-mode.-l3activity .c-process-mode__content-col-data-input {
    display: block
}

.c-process-mode.-percentage .c-process-mode__content-col-data-item1-count {
    display: block
}

.c-process-mode.-percentage .c-process-mode__content-col-data-item1 {
    margin-bottom: 1.688rem
}

.c-process-mode .c-process-mode__content-col-data-subdata:has(.c-process-mode__content-col-data-item1:hover) {
    background: var(--pva-color-gradient-3);
    border-radius: 4px;
    transition: all .4s cubic-bezier(.19, 1, .22, 1)
}

.c-process-mode .c-process-mode__content-col-data-subdata:has(.c-process-mode__content-col-data-item1:hover) .c-process-mode__content-col-data-item1,
.c-process-mode .c-process-mode__content-col-data-subdata:has(.c-process-mode__content-col-data-item1:hover) .c-process-mode__content-col-data-item2,
.c-process-mode .c-process-mode__content-col-data-subdata:has(.c-process-mode__content-col-data-item1:hover) .c-process-mode__content-col-data-item3 {
    background: var(--pva-base-white, #fff);
    transition: all .4s cubic-bezier(.19, 1, .22, 1)
}

.c-process-mode .c-process-mode__content-col-data-subdata:has(.c-process-mode__content-col-data-item1:hover) .c-process-mode__content-col-data-item1:before {
    color: var(--pva-base-white, #fff);
    transition: all .4s cubic-bezier(.19, 1, .22, 1)
}

.c-process-mode .c-process-mode__content-col-data-subdata2:has(.c-process-mode__content-col-data-item2:hover) {
    background: var(--pva-color-gradient-3);
    border-radius: 4px;
    transition: all .4s cubic-bezier(.19, 1, .22, 1)
}

.c-process-mode .c-process-mode__content-col-data-subdata2:has(.c-process-mode__content-col-data-item2:hover) .c-process-mode__content-col-data-item2,
.c-process-mode .c-process-mode__content-col-data-subdata2:has(.c-process-mode__content-col-data-item2:hover) .c-process-mode__content-col-data-item3 {
    background: var(--pva-base-white, #fff);
    transition: all .4s cubic-bezier(.19, 1, .22, 1)
}

.c-process-mode .c-process-mode__content-col:has(.c-process-mode__content-col-heading:hover) {
    background: var(--pva-color-gradient-3);
    border-radius: 4px;
    transition: all .4s cubic-bezier(.19, 1, .22, 1)
}

.c-process-mode .c-process-mode__content-col:has(.c-process-mode__content-col-heading:hover) .c-process-mode__content-col-data-item1,
.c-process-mode .c-process-mode__content-col:has(.c-process-mode__content-col-heading:hover) .c-process-mode__content-col-data-item2,
.c-process-mode .c-process-mode__content-col:has(.c-process-mode__content-col-heading:hover) .c-process-mode__content-col-data-item3,
.c-process-mode .c-process-mode__content-col:has(.c-process-mode__content-col-heading:hover) .c-process-mode__content-col-heading {
    background: var(--pva-base-white, #fff);
    color: var(--pva-base-black, #000);
    transition: all .4s cubic-bezier(.19, 1, .22, 1)
}

.c-process-mode .c-process-mode__content-col:has(.c-process-mode__content-col-heading:hover) .c-process-mode__content-col-data-item1:before {
    color: var(--pva-base-white, #fff);
    transition: all .4s cubic-bezier(.19, 1, .22, 1)
}

.c-processing-modal {
    padding: 1rem 0 2rem
}

.c-processing-modal__zoomfun {
    transform-origin: top left
}

.c-processing-modal__content-efforts-radio {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    font-size: .75rem;
    color: #737373;
    padding: .75rem 0 0;
    min-height: 7rem;
    gap: 6px;
    border-bottom: .32px solid var(--pva-base-blue-900, #b4c7ff);
    flex: 1
}

.c-processing-modal__content-efforts-radioWrap {
    display: flex;
    flex-direction: column;
    padding: .5rem .5rem 0;
    background: #ededed;
    min-width: 12rem
}

.c-processing-modal__content-efforts-radio:not(:last-child) {
    border-bottom: 1px solid #b4c7ff
}

.c-processing-modal__content-efforts-point {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    padding: .5rem 0;
    border-bottom: .32px solid var(--pva-base-blue-900, #b4c7ff);
    flex: 1
}

.c-processing-modal__content-efforts-time {
    color: #737373;
    display: flex;
    right: 0;
    gap: .5rem
}

.c-processing-modal__content-efforts-time .-percent {
    color: #000
}

.c-processing-modal__functional {
    font-size: var(--pva-fs-12, .75rem);
    font-weight: 600;
    color: var(--pva-base-black, #000);
    background-color: var(--pva-base-white-900, #f2f2f2);
    padding: .625rem 0 .625rem .938rem
}

.c-processing-modal__content {
    padding-top: .563rem;
    display: flex;
    gap: .5rem
}

.c-processing-modal__content-col {
    padding: .438rem .313rem
}

.c-processing-modal__content-col-heading {
    font-size: var(--pva-fs-14, .875rem);
    font-weight: 500;
    color: var(--pva-base-white, #fff);
    padding: .625rem 0;
    background-color: var(--pva-base-blue-1200, #4d67b1);
    display: flex;
    justify-content: center;
    border-radius: .16rem;
    cursor: pointer;
    position: relative;
    transition: all .4s cubic-bezier(.19, 1, .22, 1)
}

.c-processing-modal__content-col-heading-level1 {
    position: absolute;
    top: -.3125rem;
    left: .688rem;
    background: var(--pva-base-white-1000, #dbe3fc);
    border-radius: .25rem;
    padding: 0 1.375rem;
    color: var(--pva-base-black, #000);
    font-size: var(--pva-fs-12, .75rem)
}

.c-processing-modal__content-col-data {
    display: flex;
    gap: .2rem;
    padding-top: .688rem
}

.c-processing-modal__content-col-data-item1 {
    display: flex;
    justify-content: space-between;
    gap: .5rem;
    font-size: var(--pva-fs-12, .75rem);
    font-weight: 500;
    color: var(--pva-base-black, #000);
    background-color: var(--pva-base-blue-900, #b4c7ff);
    padding: .563rem 0 .563rem .625rem;
    white-space: nowrap;
    position: relative;
    width: calc(100% - 1.16rem);
    cursor: pointer;
    transition: all .4s cubic-bezier(.19, 1, .22, 1)
}

.c-processing-modal__content-col-data-item1-overflow {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    text-align: center
}

.c-processing-modal__content-col-data-item1-level2 {
    position: absolute;
    top: -.375rem;
    left: .688rem;
    background: var(--pva-color-secondary-1800, #631e8b);
    border-radius: .25rem;
    padding: 0 1.286rem;
    color: var(--pva-base-white, #fff);
    font-size: var(--pva-fs-12, .75rem)
}

.c-processing-modal__content-col-data-item1:before {
    color: var(--pva-base-blue-900, #b4c7ff);
    border-left: 1.16rem solid;
    border-top: 1.16rem solid transparent;
    border-bottom: 1.16rem solid transparent;
    display: inline-block;
    content: "";
    position: absolute;
    left: 100%;
    top: 0
}

.c-processing-modal__content-col-data-item1-count {
    display: none;
    background: var(--pva-color-secondary-2700, #460073);
    color: var(--pva-base-white, #fff);
    position: absolute;
    width: 91%;
    left: 0;
    top: 100%;
    font-weight: 400;
    padding: .25rem .188rem
}

.c-processing-modal__content-col-data-item1-count:before {
    color: var(--pva-color-secondary-2700, #460073);
    border-left: 1.5rem solid;
    border-bottom: 1.688rem solid transparent;
    display: inline-block;
    content: "";
    position: absolute;
    right: -1.438rem;
    top: 0
}

.c-processing-modal__content-col-data-item2 {
    display: flex;
    justify-content: center;
    font-size: var(--pva-fs-12, .75rem);
    color: var(--pva-base-black, #000);
    background-color: var(--pva-base-blue-1000, #d4dfff);
    padding: .625rem 9px;
    white-space: nowrap;
    border-radius: .25rem;
    position: relative;
    cursor: pointer;
    transition: all .4s cubic-bezier(.19, 1, .22, 1);
    margin-bottom: .563rem;
    min-width: 12rem
}

.c-processing-modal__content-col-data-item2-overflow2 {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis
}

.c-processing-modal__content-col-data-item2-level3 {
    position: absolute;
    top: -.3125rem;
    left: .688rem;
    background: var(--pva-base-blue-300, #728fbc);
    border-radius: .25rem;
    padding: 0 .875rem;
    color: var(--pva-base-white, #fff);
    font-size: var(--pva-fs-12, .75rem)
}

.c-processing-modal__content-col-data-item2-popup {
    display: none;
    position: absolute;
    background: #fff;
    top: 105%;
    left: 94%;
    z-index: 1;
    border-radius: 4px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .0784313725)
}

.c-processing-modal__content-col-data-item2-popup-data {
    font-size: 12px;
    font-weight: 400;
    cursor: pointer;
    padding: .625rem 3.313rem .625rem 1rem
}

.c-processing-modal__content-col-data-item2-popup-data:hover {
    background-color: var(--pva-base-white-2600, #eff3ff);
    border-left: 2px solid var(--pva-base-blue-1200, #4d67b1);
    padding-left: .875rem
}

.c-processing-modal__content-col-data-item2-popup-data:hover:last-child {
    border-radius: 0 0 4px 4px
}

.c-processing-modal__content-col-data-item2-popup-data:hover:first-child {
    border-radius: 4px 4px 0 0
}

.c-processing-modal__content-col-data-item2-dots {
    display: none;
    font-size: 14px;
    position: absolute;
    right: 10px;
    cursor: pointer;
    outline: 0;
    background: 0 0;
    border: transparent;
    padding: 0
}

.c-processing-modal__content-col-data-item2.-active .c-processing-modal__content-col-data-item2-dots {
    display: block
}

.c-processing-modal__content-col-data-item2.-activetooltip .c-processing-modal__content-col-data-item2-popup {
    display: block
}

.c-processing-modal__content-col-data-item3 {
    list-style: none;
    font-size: var(--pva-fs-12, .75rem);
    border-radius: .25rem;
    position: relative;
    transition: all .4s cubic-bezier(.19, 1, .22, 1)
}

.c-processing-modal__content-col-data-item3.is-trans {
    overflow: hidden
}

.c-processing-modal__content-col-data-item3-level4 {
    position: absolute;
    top: -.375rem;
    left: .688rem;
    background: var(--pva-base-amber, #d1784b);
    border-radius: .25rem;
    padding: 0 .625rem;
    color: var(--pva-base-white, #fff);
    font-size: var(--pva-fs-12, .75rem)
}

.c-processing-modal__content-col-data-item3-subitem {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: repeat(4, 1fr);
    gap: .875rem
}

.c-processing-modal__content-col-data-item3-subitem.-five {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: repeat(5, 1fr)
}

.c-processing-modal__content-col-data-item3-subitem.-six {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: repeat(6, 1fr)
}

.c-processing-modal__content-col-data-item3-subitem:last-child {
    border-bottom: none
}

.c-processing-modal__content-col-data-item3-subitem-itemwrap {
    display: flex;
    justify-content: space-between;
    padding: .5rem .625rem 0 .625rem;
    align-items: flex-end;
    background: var(--pva-base-grey-2100, #fdfdfd);
    min-width: 12rem
}

.c-processing-modal__content-col-data-item3-subitem-itemwrap-wrapper {
    min-height: 7rem;
    border-bottom: .32px solid var(--pva-base-blue-900, #b4c7ff);
    width: 100%;
    max-width: 170px
}

.c-processing-modal__content-col-data-item3-subitem-itemwrap-text {
    padding-right: .313rem;
    max-width: 200px
}

.c-processing-modal__content-col-data-item3-subitem-itemwrap-number {
    display: none;
    border: .5px solid var(--pva-base-pink);
    border-radius: .75rem;
    padding: 0 .375rem;
    background: var(--pva-base-pink-100)
}

.c-processing-modal__content-col-data-item3-subitem-itemwrap.-hidel3 {
    opacity: 0;
    pointer-events: none
}

.c-processing-modal__content-col-data-item3-subitem.-noborder .c-processing-modal__content-col-data-item3-subitem-itemwrap-wrapper {
    border-bottom: none
}

.c-processing-modal__content-col-data-item3-subitem.-noborder .c-processing-modal__content-efforts-radio {
    border-bottom: none
}

.c-processing-modal__content-col-data-item3-subitem.-noborder .c-processing-modal__content-efforts-point {
    border-bottom: none
}

.c-processing-modal__content-col-data-subdata {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    flex-grow: 1;
    flex-basis: 0;
    padding: .75rem .1875rem
}

.c-processing-modal__content-col-data-subdata2 {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: .3125rem .125rem
}

.c-processing-modal__content-col-data-input {
    display: none
}

.c-processing-modal__content-col-data-input .o-input-wrap input {
    border-style: dashed;
    font-size: var(--pva-fs-12, .75rem);
    outline: 0 !important
}

.c-processing-modal__content-col-data-input .o-input-settingicon {
    position: absolute;
    right: 1rem;
    top: 25%
}

.c-processing-modal__content-col.-crossfun {
    flex-basis: 65%
}

.c-processing-modal.-l4legend .c-processing-modal__content-col-data-item3-subitem-itemwrap-number {
    display: block
}

.c-processing-modal.-l4legend .c-processing-modal__content-col-data-item3-subitem-itemwrap {
    border-radius: .25rem;
    cursor: pointer
}

.c-processing-modal.-l4legend .c-processing-modal__content-col-data-item3-subitem-itemwrap.-notsupported {
    border-left: 5px solid var(--pva-color-secondary-700);
    background: var(--pva-base-green-700)
}

.c-processing-modal.-l4legend .c-processing-modal__content-col-data-item3-subitem-itemwrap.-partialysupported {
    border-left: 5px solid var(--pva-color-secondary-800);
    background: var(--pva-base-green-600)
}

.c-processing-modal.-l4legend .c-processing-modal__content-col-data-item3-subitem-itemwrap.-fullysupported {
    border-left: 5px solid var(--pva-color-secondary-900);
    background: var(--pva-base-grey-4100)
}

.c-processing-modal.-l4legend .c-processing-modal__content-col-data-item3 {
    padding: 0 .313rem
}

.c-processing-modal.-l3activity .c-processing-modal__content-col-data-input {
    display: block
}

.c-processing-modal.-percentage .c-processing-modal__content-col-data-item1-count {
    display: block
}

.c-processing-modal.-percentage .c-processing-modal__content-col-data-item1 {
    margin-bottom: 1.688rem
}

.c-processing-modal .c-processing-modal__content-col-data-subdata:has(.c-processing-modal__content-col-data-item1:hover) {
    background: var(--pva-color-gradient-3);
    border-radius: 4px;
    transition: all .4s cubic-bezier(.19, 1, .22, 1)
}

.c-processing-modal .c-processing-modal__content-col-data-subdata:has(.c-processing-modal__content-col-data-item1:hover) .c-processing-modal__content-col-data-item1,
.c-processing-modal .c-processing-modal__content-col-data-subdata:has(.c-processing-modal__content-col-data-item1:hover) .c-processing-modal__content-col-data-item2 {
    background: var(--pva-base-white, #fff);
    transition: all .4s cubic-bezier(.19, 1, .22, 1)
}

.c-processing-modal .c-processing-modal__content-col-data-subdata:has(.c-processing-modal__content-col-data-item1:hover) .c-processing-modal__content-col-data-item1:before {
    color: var(--pva-base-white, #fff);
    transition: all .4s cubic-bezier(.19, 1, .22, 1)
}

.c-processing-modal .c-processing-modal__content-col-data-subdata2:has(.c-processing-modal__content-col-data-item2:hover) {
    border-radius: 4px;
    transition: all .4s cubic-bezier(.19, 1, .22, 1)
}

.c-processing-modal .c-processing-modal__content-col-data-subdata2:has(.c-processing-modal__content-col-data-item2:hover) .c-processing-modal__content-col-data-item2 {
    background: var(--pva-base-white, #fff);
    transition: all .4s cubic-bezier(.19, 1, .22, 1)
}

.c-processing-modal .c-processing-modal__content-col:has(.c-processing-modal__content-col-heading:hover) {
    background: var(--pva-color-gradient-3);
    border-radius: 4px;
    transition: all .4s cubic-bezier(.19, 1, .22, 1)
}

.c-processing-modal .c-processing-modal__content-col:has(.c-processing-modal__content-col-heading:hover) .c-processing-modal__content-col-data-item1,
.c-processing-modal .c-processing-modal__content-col:has(.c-processing-modal__content-col-heading:hover) .c-processing-modal__content-col-data-item2,
.c-processing-modal .c-processing-modal__content-col:has(.c-processing-modal__content-col-heading:hover) .c-processing-modal__content-col-heading {
    background: var(--pva-base-white, #fff);
    color: var(--pva-base-black, #000);
    transition: all .4s cubic-bezier(.19, 1, .22, 1)
}

.c-processing-modal .c-processing-modal__content-col:has(.c-processing-modal__content-col-heading:hover) .c-processing-modal__content-col-data-item1:before {
    color: var(--pva-base-white, #fff);
    transition: all .4s cubic-bezier(.19, 1, .22, 1)
}

.c-processing-modal__content-headrow {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: repeat(4, 1fr);
    gap: .875rem
}

.c-processing-modal__content-headrow.-five {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: repeat(5, 1fr)
}

.c-processing-modal__content-headrow.-six {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: repeat(6, 1fr)
}

.c-processing-modal__accwrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: .25rem .25rem 0 0;
    background: #ededed;
    padding: .5rem .5rem 0;
    min-width: 12rem;
    font-size: 10px;
    font-weight: 500
}

.c-processing-modal .o-radio {
    flex-direction: column;
    gap: .25rem;
    flex: 1
}

.c-processing-modal .o-radio input {
    --ocircle-size: 0.75rem
}

.c-processing-modal .o-radio input+span {
    text-align: center
}

.c-processing-modal .o-radio input:before {
    border: 1px solid #a100ff;
    background: 0 0
}

.c-processing-modal .o-input-wrap input {
    min-height: 1.625rem;
    padding: .25rem .75rem;
    font-size: .625rem
}

.c-processing-modal-dropdown .o-dropdown>a {
    display: flex;
    align-items: center;
    height: 26px;
    border: 1px solid var(--pva-base-white-800, #ddd);
    border-radius: .5rem;
    color: var(--pva-base-black, #000)
}

.c-processing-modal-dropdown .o-dropdown-menu {
    box-shadow: 0 2px 11px 0 rgba(0, 0, 0, .1);
    border-radius: .5rem;
    border: unset
}

.c-processing-modal-dropdown .o-dropdown .o-dropdown-body::-webkit-scrollbar {
    height: .375rem;
    width: .375rem;
    background-color: transparent
}

.c-processing-modal-dropdown .o-dropdown .o-dropdown-body::-webkit-scrollbar-thumb {
    background-color: #eee6ff;
    border-radius: 1rem;
    box-shadow: unset
}

.c-processing-modal-dropdown .o-dropdown .o-dropdown-body::-webkit-scrollbar-track {
    background-color: transparent
}

.c-processing-modal-dropdown .o-dropdown-item {
    padding: .625rem 1rem;
    border-left: 0;
    display: block;
    position: relative;
    font-size: var(--pva-fs-14, .875rem);
    white-space: nowrap;
    overflow: unset !important
}

.c-processing-modal-dropdown .o-dropdown-item:focus,
.c-processing-modal-dropdown .o-dropdown-item:hover {
    box-shadow: unset !important;
    background: #fafafa !important;
    font-weight: 400;
    color: #a100ff !important
}

.c-processing-modal-dropdown .o-dropdown-item.-active {
    color: #a100ff !important
}

.c-processing-modal-dropdown .o-dropdown-item:not(:first-child):before {
    content: "";
    top: 0;
    border-top: 1px solid #e4e4e4;
    left: .5rem;
    right: .5rem;
    position: absolute
}

.c-processing-modal-dropdown .o-dropdown-item:hover:first-child {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem
}

.c-processing-modal-dropdown .o-dropdown-item:hover:last-child {
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem
}

.c-processing-modal .c-custom-select__wrapper {
    width: 100%
}

.c-processing-modal .o-dropdown-menu {
    width: max-content;
    max-width: 390px
}

.c-processing-modal .c-custom-select__wrapper .o-dropdown-menu {
    width: unset
}

@keyframes ovelayFadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.c-flyout {
    --trnfrm-close: translateX(100%);
    --trnfrm-close-start: translateX(-100%);
    --trnfrm-default: translateX(0);
    position: fixed;
    top: 3.5rem;
    bottom: 2.5rem;
    width: 26.5625rem;
    flex: 0 0 26.5625rem;
    display: flex;
    flex-direction: column;
    text-align: left;
    color: var(--pva-base-black, #000);
    margin: 0;
    background-color: var(--pva-base-white, #fff);
    background-clip: padding-box;
    outline: 0;
    visibility: hidden;
    z-index: 999;
    transition: transform .2s ease-in-out;
    box-shadow: 0 0 .25rem 0 var(--pva-base-black-1000, rgba(0, 0, 0, .0392156863)), 0 .5rem 1rem 0 var(--pva-base-black-500, rgba(0, 0, 0, .0784313725));
    padding: 0
}

.c-flyout__overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .4);
    z-index: 900;
    animation: modalFadeIn .2s both
}

.c-flyout.-static+.c-flyout__overlay {
    background: unset
}

.c-flyout.-start {
    left: 0;
    border-right: 1px solid rgba(0, 0, 0, .1490196078);
    transform: var(--trnfrm-close-start)
}

.c-flyout:not(.-start) {
    right: 0;
    transform: var(--trnfrm-close)
}

.c-flyout.-open {
    transform: var(--trnfrm-default)
}

.c-flyout .c-flyout__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-shrink: 0;
    font-size: 1.25rem;
    color: var(--pva-base-black, #000);
    padding: 1rem 1.5rem .5rem
}

.c-flyout .c-flyout__header-title {
    font-weight: 500;
    font-size: var(--pva-fs-14, .875rem)
}

.c-flyout .c-flyout__header .-dismiss-flyout {
    transition: opacity .2s ease-in-out;
    background: 0 0;
    border: none;
    position: absolute;
    top: 1.375rem;
    right: 1rem;
    padding: 0;
    display: inline-flex
}

.c-flyout .c-flyout__header .-dismiss-flyout:focus,
.c-flyout .c-flyout__header .-dismiss-flyout:hover {
    opacity: 1
}

.c-flyout .c-flyout__header .-dismiss-flyout:before {
    font-size: 1rem
}

.c-flyout .c-flyout__body {
    flex-grow: 1;
    padding: 1.5rem 1rem;
    overflow: auto;
    margin-right: .25rem
}

.c-flyout .c-flyout__body::-webkit-scrollbar {
    width: .25rem
}

.c-flyout .c-flyout__body::-webkit-scrollbar-thumb {
    background: rgba(26, 54, 198, .16);
    border-radius: 1rem
}

.c-flyout .c-flyout__body::-webkit-scrollbar-track {
    background: 0 0;
    border-radius: 1rem
}

.c-flyout.-bottom-flyout {
    --trnfrm-default: translateY(0);
    --trnfrm-close: translateY(100%);
    top: unset;
    bottom: 0;
    left: 0;
    right: 0;
    width: auto
}

.c-flyout-feedback {
    display: flex;
    gap: .75rem
}

.c-flyout-feedback__input-wrap {
    padding-bottom: 1rem;
    display: flex;
    flex-direction: column;
    gap: .875rem;
    font-size: var(--pva-fs-12, .75rem);
    position: relative
}

.c-flyout-feedback__input-wrap .o-primary-button {
    -ms-grid-row-align: end;
    align-self: end;
    font-size: var(--pva-fs-12, .75rem);
    min-width: 6rem
}

.c-flyout-feedback__input-wrap .o-text-area__input {
    min-height: 5.875rem
}

.c-flyout-feedback__input-wrap:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    height: 1px;
    width: 22.125rem;
    background: var(--pva-base-grey, #ccc)
}

.c-flyout-feedback__all {
    padding-top: 1rem
}

.c-flyout-feedback__all-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: var(--pva-fs-12, .8571rem);
    color: var(--pva-base-black, #000);
    margin-bottom: .375rem
}

.c-flyout-feedback__all-markread {
    text-decoration: underline
}

.c-flyout-feedback__container {
    max-height: calc(100vh - 24.5rem);
    overflow: auto;
    padding-right: 1rem
}

.c-flyout-feedback__container::-webkit-scrollbar {
    width: .25rem
}

.c-flyout-feedback__container::-webkit-scrollbar-thumb {
    background: var(--pva-color-primary, #a100ff);
    border-radius: 1rem
}

.c-flyout-feedback__container::-webkit-scrollbar-track {
    background: 0 0;
    border-radius: 1rem
}

.c-flyout-feedback__wrap {
    padding: 1rem 0;
    box-shadow: 0 1px 0 0 var(--pva-base-grey, #ccc)
}

.c-flyout-feedback__info-header {
    display: flex;
    align-items: center;
    gap: .375rem;
    margin-bottom: .1875rem
}

.c-flyout-feedback__info-tag {
    background: var(--pva-color-secondary-2000, #866dea);
    border-radius: .625rem;
    color: var(--pva-base-white, #fff);
    font-size: var(--pva-fs-11, .6875rem);
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 2.125rem
}

.c-flyout-feedback__info-text {
    color: var(--pva-base-grey-1100, #737373);
    font-size: var(--pva-fs-12, .8571rem);
    margin: 0
}

.c-flyout-feedback__info-viewreplies {
    color: var(--pva-base-black-200, #222);
    font-size: var(--pva-fs-11, .7857rem);
    display: flex;
    align-items: center;
    gap: .25rem;
    background: 0 0;
    border: none;
    padding: 0;
    margin-top: 1.5px
}

.c-flyout-feedback__info-viewreplies:before {
    font-size: .6875rem
}

.c-flyout-feedback__user-img {
    max-width: 1.5rem;
    width: 100%;
    height: 1.5rem;
    border-radius: 100%
}

.c-flyout-feedback__user-img img {
    width: 100%;
    height: 100%
}

.c-flyout-feedback__user-name {
    color: var(--pva-base-black-200, #222);
    font-size: var(--pva-fs-14, 1rem);
    font-weight: 500;
    margin: 0
}

.c-flyout-feedback__reply {
    border-radius: .3125rem;
    background: var(--pva-base-white-1400, #f3f5f7);
    padding: .75rem;
    display: flex;
    gap: .75rem
}

.c-flyout-feedback__reply-wrap {
    margin-top: 1rem;
    padding: .1875rem .625rem 0 1.5625rem;
    box-shadow: 1px 0 0 0 inset var(--pva-base-grey-1900, #e0e0e0);
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.c-flyout-feedback__reply-userimg {
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 100%
}

.c-flyout-feedback__reply-userimg img {
    width: 100%;
    height: 100%
}

.c-flyout-feedback__reply-username {
    color: var(--pva-base-black-200, #222);
    font-size: var(--pva-fs-14, 1rem);
    font-weight: 500;
    margin: 0
}

.c-flyout-feedback__reply-infoheader {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-bottom: .1875rem
}

.c-flyout-feedback__reply-infotime {
    color: var(--pva-base-grey-1800, #747474);
    font-size: var(--pva-fs-12, .75rem)
}

.c-flyout-feedback__reply-infotxt {
    color: var(--pva-base-grey-1800, #747474);
    font-size: var(--pva-fs-12, .75rem);
    margin: 0
}

.c-flyout-feedback__feed {
    padding: .8875rem 0;
    display: flex;
    align-items: center;
    gap: .625rem;
    position: relative
}

.c-flyout-feedback__feed:first-child {
    padding-top: .6875rem
}

.c-flyout-feedback__feed-wrap {
    padding-right: .5rem
}

.c-flyout-feedback__feed-userimg {
    height: 2.0625rem;
    width: 2.0625rem
}

.c-flyout-feedback__feed-userimg img {
    height: 100%;
    width: 100%
}

.c-flyout-feedback__feed-txt {
    color: var(--pva-base-black-200, #222);
    font-size: var(--pva-fs-14, .875rem);
    margin: 0;
    flex: 0 0 14.625rem
}

.c-flyout-feedback__feed-txt .-highlight {
    font-weight: 500
}

.c-flyout-feedback__feed-txt .-highlight.-orange {
    color: var(--pva-base-amber-100, #b87c22)
}

.c-flyout-feedback__feed-txt .-highlight.-blue {
    color: var(--pva-base-blue, #1a36c6)
}

.c-flyout-feedback__feed-time {
    color: var(--pva-base-grey-1800, #747474);
    font-size: var(--pva-fs-12, .75rem);
    margin-left: auto
}

.c-flyout-feedback__feed:not(:last-child):after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    height: 1px;
    width: 22.8125rem;
    background: var(--pva-base-grey, #ccc)
}

.c-flyout-feedback__feed-reply {
    border-bottom: 1px solid var(--pva-base-grey, #ccc)
}

.c-flyout-feedback__feed-reply .c-flyout-feedback__feed:not(:last-child):after {
    display: none
}

.c-flyout-feedback__feed-reply-title {
    display: -ms-grid;
    display: grid
}

.c-flyout-feedback__feed-reply-title>label {
    font-weight: 500;
    font-size: var(--pva-fs-14, .875rem)
}

.c-flyout-feedback__feed-reply-title>span {
    font-size: var(--pva-fs-12, .75rem);
    color: var(--pva-base-grey-1100, #737373)
}

.c-flyout-feedback__feed-reply-input {
    display: -ms-grid;
    display: grid;
    gap: .75rem;
    padding: .625rem 0 1.5rem 1.5rem;
    border-left: 1px solid var(--pva-base-grey-1900, #e0e0e0);
    margin-left: 1rem
}

.c-flyout-feedback__feed-reply-input .o-input-wrap>input {
    background-color: var(--pva-base-white-1400, #f3f5f7)
}

.c-flyout-feedback__outer-wrap {
    padding: .75rem 1rem 0 1rem;
    border-radius: .25rem 0 0 .25rem;
    background: var(--pva-base-grey-100, #fafafa)
}

.c-flyout-feedback__outer-wrap .c-flyout__header {
    box-shadow: 0 -1px 0 0 inset var(--pva-base-grey, #ccc);
    padding: 0
}

.c-flyout-feedback__outer-wrap .c-flyout__body {
    padding: 1.0625rem 0 0 0
}

.c-flyout-feedback__outer-wrap [role=tablist] [role=tab] .-highlight {
    color: var(--pva-color-secondary-2100, #9500ed)
}

.c-pva-landing-title__wrapper {
    display: flex;
    flex-direction: column;
    align-items: center
}

.c-pva-landing-title__heading {
    font-size: calc(var(--pva-fs-20, 1.25rem) * 2);
    font-weight: 300;
    color: var(--pva-base-black, #000);
    text-align: center;
    padding: 3rem 0 .125rem
}

.c-pva-landing-title__subheading {
    font-size: calc(var(--pva-fs-24, 1.5rem) * 2);
    font-weight: 500;
    background: linear-gradient(270deg, var(--pva-color-secondary-2200, #4b3d84) 0, var(--pva-color-secondary-2000, #866dea) 100%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    text-align: center;
    padding-bottom: .375rem
}

.c-pva-landing-title__chip {
    background: var(--pva-base-black-1500, rgba(255, 255, 255, .0392156863));
    border-radius: 2.5rem;
    display: inline-flex;
    gap: .5rem;
    align-items: center;
    align-content: center;
    min-height: 1.75rem;
    min-width: 9.5rem;
    padding: .2rem .7rem;
    transition: all .4s cubic-bezier(.19, 1, .22, 1);
    position: relative
}

.c-pva-landing-title__chip:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 2.5rem;
    border: .063rem solid transparent;
    background: linear-gradient(270deg, var(--pva-color-secondary-2300, #737cd5) 0, var(--pva-color-primary, #a100ff) 100%) border-box;
    -webkit-mask: linear-gradient(var(--pva-base-white, #fff) 0 0) padding-box, linear-gradient(var(--pva-base-white, #fff) 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

.c-pva-landing-title__chip-icon {
    font-size: var(--pva-fs-14, .875rem);
    color: var(--pva-base-black-200, #222);
    position: relative;
    top: .188rem
}

.c-pva-landing-title__chip-text {
    font-size: var(--pva-fs-12, .75rem);
    font-weight: 400;
    color: var(--pva-base-black, #000)
}

.c-pva-landing-title__para {
    font-size: var(--pva-fs-16, 1rem);
    color: var(--pva-base-grey-2600, #757575);
    text-align: center;
    min-height: 3rem;
    padding: 1.125rem 0 2rem
}

.c-pva-landing-title .o-primary-button {
    background: linear-gradient(270deg, var(--pva-color-secondary-2400, #8c7ad3) 0, var(--pva-color-secondary-2500, #392a72) 100%);
    padding: .844rem 2.625rem;
    color: var(--pva-base-white-300, #f9f9f9);
    font-size: var(--pva-fs-14, .875rem);
    min-width: 8.563rem;
    border: none
}

.c-pva-card__mainwrap {
    min-width: 34rem;
    min-height: 13.75rem;
    background: var(--pva-base-white-2500, #f7f7f7);
    border-radius: .5rem;
    display: flex;
    justify-content: space-between
}

.c-pva-card__left {
    background: var(--pva-base-grey-2700, rgba(228, 231, 240, .7294117647));
    border-radius: .5rem 0 0 .5rem;
    padding: .875rem 1rem;
    flex-shrink: 0
}

.c-pva-card__image {
    object-fit: cover;
    height: 100%;
    width: 100%
}

.c-pva-card__right {
    padding: 2rem 1.625rem 1.25rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 3rem;
    flex-grow: 1;
    position: relative
}

.c-pva-card__middle {
    display: -ms-grid;
    display: grid;
    grid-gap: .563rem
}

.c-pva-card__title {
    font-size: var(--pva-fs-20, 1.25rem);
    font-weight: 500;
    color: var(--pva-base-black, #000)
}

.c-pva-card__subtitle {
    font-size: var(--pva-fs-14, .875rem);
    font-weight: 400;
    color: var(--pva-base-grey-2600, #757575);
    min-height: 3.75rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3
}

.c-pva-card__link {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    position: absolute;
    bottom: 1.25rem
}

.c-pva-card__link-know {
    font-size: var(--pva-fs-16, 1rem);
    font-weight: 400;
    color: var(--pva-color-secondary-2600, #715cc4)
}

.c-pva-card__link-arrow {
    font-size: var(--pva-fs-24, 1.5rem);
    color: var(--pva-color-secondary-2600, #715cc4);
    position: relative;
    top: .313rem
}

.c-pva-card-list {
    padding: 1.25rem 0 2.5rem
}

.c-pva-card-list__card-wrap {
    background: var(--pva-base-grey-4000, rgba(255, 255, 255, .5882352941));
    box-shadow: 0 .188rem .313rem var(--pva-base-black-600, rgba(0, 0, 0, .0509803922));
    border-radius: 1rem;
    padding: 1.5rem;
    display: flex;
    gap: 2rem
}

.c-pva-card-list__card {
    flex: 1
}

.c-footer {
    background-color: var(--pva-base-grey-100, #fafafa);
    min-height: 7.875rem
}

.c-footer__wrapper {
    padding: 1.188rem 0 1.438rem
}

.c-footer__topwrapper {
    display: flex;
    align-items: center
}

.c-footer__left {
    flex: 7;
    width: 0
}

.c-footer__center {
    flex: 6;
    width: 0
}

.c-footer__right {
    flex: 3;
    width: 0
}

.c-footer__info-text {
    margin: 0;
    color: var(--pva-base-grey-2800, #aca9a9);
    font-size: var(--pva-fs-14, .875rem)
}

.c-footer__copyright-text {
    margin: 0;
    color: var(--pva-base-grey-2800, #aca9a9);
    font-size: var(--pva-fs-14, .875rem)
}

.c-footer__logo {
    display: flex;
    align-items: center;
    margin-bottom: .875rem
}

.c-footer__logo-img-wrapp {
    height: 1.875rem;
    overflow: hidden;
    min-width: 7.125rem
}

.c-footer__logo-img-wrapp:focus-visible {
    outline-offset: .375rem
}

.c-footer__logo-img {
    width: 7.125rem
}

.c-footer__info-head {
    margin: 0;
    font-size: var(--pva-fs-16, 1rem);
    margin-bottom: 1rem;
    font-weight: 400;
    color: var(--pva-base-black, #000)
}

.c-footer .o-primary-button {
    background-color: var(--pva-base-black-200, #222);
    padding: .5rem 2.05rem;
    color: var(--pva-base-white-1700, #e8e8e8);
    font-size: var(--pva-fs-14, .875rem);
    min-width: 13.75rem;
    min-height: 2.5rem;
    text-transform: uppercase
}

.c-global-settings__header {
    background: var(--pva-base-white, #fff);
    box-shadow: 0 .125rem .688rem 0 rgba(0, 0, 0, .1)
}

.c-global-settings__header-content {
    margin: 0 4.75rem;
    display: flex;
    flex-direction: column;
    gap: .75rem;
    padding: 1.5rem 0
}

.c-global-settings__header-title {
    font-size: var(--pva-fs-20, 1.25rem)
}

.c-global-settings__header-description {
    color: var(--pva-base-grey-1100, #737373);
    font-size: var(--pva-fs-16, 1rem)
}

.c-global-settings__form-content {
    max-width: 68%;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding-top: 2.188rem
}

.c-global-settings__dashboard .o-input-wrap {
    display: flex;
    flex-direction: column;
    gap: .75rem
}

.c-global-settings__dashboard .o-input-label {
    margin: 0
}

.c-global-settings__description {
    display: flex;
    flex-direction: column;
    gap: .75rem
}

.c-global-settings__description .o-text-area {
    display: flex;
    flex-direction: column;
    gap: .75rem
}

.c-global-settings__description .o-text-area__label {
    margin: 0
}

.c-global-settings__description .o-text-area__input {
    min-height: 5.813rem;
    padding: 1.125rem 1.54rem 0 1.111rem;
    border-radius: .25rem;
    background: var(--pva-base-white, #fff);
    color: var(--pva-base-grey-1600, #717171);
    border: 1px solid var(--pva-base-grey, #ccc);
    font-size: var(--pva-fs-14, .875rem);
    outline: 0;
    resize: none
}

.c-global-settings__file-label {
    opacity: .6;
    font-size: var(--pva-fs-14, .875rem)
}

.c-global-settings__file-label:after {
    content: "*";
    color: var(--pva-base-red, #e6242f);
    padding-left: .25rem
}

.c-global-settings__file-label.-optional:after {
    content: none
}

.c-global-settings__file-upload {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.c-global-settings__select {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem
}

.c-global-settings__select-content {
    width: 100%
}

.c-global-settings__select-content .o-select__wrapper {
    display: flex;
    flex-direction: column;
    gap: .75rem
}

.c-global-settings__select-content .o-select-label {
    margin: 0
}

.c-global-settings__select-content .o-select__selected-text {
    color: var(--pva-base-black-300, #231f20)
}

.c-global-settings__background-opacity-wrapper {
    display: flex;
    flex-direction: column;
    gap: .375rem;
    padding-bottom: 6.25rem
}

.c-global-settings__background-opacity-wrapper .o-range-input {
    margin-top: 1.563rem;
    max-width: 13.813rem
}

.c-global-settings__background-opacity-wrapper .o-range-input__range-thumb {
    top: -.25rem
}

.c-global-settings__background-opacity-wrapper .o-range-input__range-range {
    background-color: var(--pva-base-blue-1400)
}

.c-global-settings__background-opacity-wrapper .o-range-input__scale-value {
    color: var(--pva-base-grey-5000);
    font-size: var(--pva-fs-10, .625rem)
}

.c-add-new-card {
    background-color: var(--pva-base-white, #fff);
    box-shadow: 0 2px 11px rgba(0, 0, 0, .1);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 1rem;
    min-height: 22.5rem;
    text-align: center
}

.c-add-new-card__add-btn {
    color: var(--pva-base-black, #000);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--pva-fs-24, 1.5rem)
}

.c-add-new-card__text {
    margin: 0;
    font-size: var(--pva-fs-16, 1rem);
    color: var(--pva-base-black-200);
    opacity: .4
}

.c-project-card {
    background-color: var(--pva-base-white, #fff);
    box-shadow: 0 2px 11px rgba(0, 0, 0, .1);
    min-height: 22.5rem;
    display: flex
}

.c-project-card__wrapper {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    position: relative
}

.c-project-card__header {
    margin: 1.5rem 1rem 1.25rem;
    display: flex;
    justify-content: flex-end
}

.c-project-card__title {
    margin: 1.25rem 1.1875rem 0;
    color: var(--pva-base-black-200, #222);
    font-size: var(--pva-fs-16, 1rem);
    font-weight: 400
}

.c-project-card__info-wrap {
    margin: auto 1rem 1rem 1.5625rem;
    display: flex;
    flex-direction: column;
    gap: .625rem
}

.c-project-card__info-label {
    color: var(--pva-base-grey-2400, #bbb);
    font-size: var(--pva-fs-12, .75rem);
    font-weight: 500;
    text-transform: uppercase
}

.c-project-card__info-value {
    margin: 0;
    color: var(--pva-base-grey-3500, #333);
    font-size: var(--pva-fs-12, .75rem)
}

.c-project-card__footer {
    display: flex;
    justify-content: center;
    padding: 1rem;
    border-top: 1px solid var(--pva-base-grey-2500, #e9e9e9)
}

.c-project-card__footer-btn {
    color: var(--pva-base-black-200, #222);
    font-size: var(--pva-fs-12, .75rem)
}

.c-project-card .o-dropdown-menu {
    top: 100%
}

.c-ref-template__wrapper {
    padding: 2.9375rem 0 1.875rem
}

.c-ref-template__grid-wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(16.5rem, 1fr) [auto-fill];
    grid-template-columns: repeat(auto-fill, minmax(16.5rem, 1fr));
    gap: 1.5rem
}

.c-open-req-tbl {
    width: 100%
}

.c-open-req-tbl__tbl {
    width: 100%
}

.c-open-req-tbl__tbl-th {
    font-size: var(--pva-fs-12, .75rem);
    font-weight: 500;
    vertical-align: middle;
    background: var(--pva-base-grey-100, #fafafa);
    border-bottom: 1px solid var(--pva-base-grey-2200, #eeeded);
    text-align: left;
    padding: .43rem 0;
    text-transform: uppercase;
    position: relative
}

.c-open-req-tbl__tbl-th-btn {
    background: 0 0;
    border: none;
    padding: 0;
    display: inline-flex;
    align-items: center
}

.c-open-req-tbl__tbl-th-btn:before {
    font-size: 1rem;
    display: inline-flex;
    margin-left: .25rem;
    order: 1
}

.c-open-req-tbl__tbl-th-btn.icon-down:before {
    font-size: 1.375rem
}

.c-open-req-tbl__tbl-th:first-child {
    padding-left: 1rem
}

.c-open-req-tbl__tbl-td {
    vertical-align: middle;
    font-size: var(--pva-fs-14, .875rem);
    color: var(--pva-base-black-200, #222);
    padding: .686rem 0
}

.c-open-req-tbl__tbl-td:first-child {
    padding-left: 1rem
}

.c-open-req-tbl__tbl-td-btn {
    background: 0 0;
    border: none;
    padding: 0;
    font-size: var(--pva-fs-14, .875rem)
}

.c-open-req-tbl__tbl-td-btn:hover {
    font-weight: 500;
    text-decoration: underline
}

.c-open-req-tbl__tbl-td-tag {
    font-size: var(--pva-fs-12, .75rem);
    padding: .19rem .57rem;
    display: inline-flex;
    align-items: center;
    border-radius: .813rem
}

.c-open-req-tbl__tbl-td-tag.-green {
    color: var(--pva-base-green-400, #1b6b08);
    background: var(--pva-base-green-500, rgba(202, 255, 198, .5411764706))
}

.c-open-req-tbl__tbl-td-tag.-blue {
    background: var(--pva-base-blue-400, #deeefa);
    color: var(--pva-base-black, #000)
}

.c-open-req-tbl__tbl-td-tag.-yellow {
    background: var(--pva-base-amber-300, #f8ebca);
    color: var(--pva-base-red-200, #5b3c20)
}

.c-open-req-tbl__tbl-td-tr {
    background: var(--pva-base-white, #fff);
    transition: all ease-in-out .3s
}

.c-open-req-tbl__tbl-td-tr:hover {
    background: var(--pva-base-white-1200, #f0f6ff);
    mix-blend-mode: multiply
}

.c-open-req-tbl__tbl-td-email {
    text-decoration: underline;
    font-weight: 500
}

.c-open-req-tbl__tbl-td-email:focus,
.c-open-req-tbl__tbl-td-email:hover {
    text-decoration: underline
}

.c-open-req-tbl__actions {
    display: flex;
    align-items: center;
    gap: 1rem
}

.c-open-req-tbl__action {
    background: 0 0;
    border: none;
    padding: 0;
    display: inline-flex
}

.c-open-req-tbl__action.icon-edit:before {
    font-size: 1.375rem
}

.c-open-req-tbl__action.icon-delete:before {
    font-size: .875rem;
    padding: .25rem
}

.c-open-req-tbl__action.icon-add-user:before {
    font-size: 1.1875rem
}

.c-request-status {
    width: 26.5rem;
    position: fixed;
    right: 0;
    bottom: 0;
    top: 4rem;
    height: calc(100vh - 3.5rem);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .04), 0 8px 16px 0 rgba(0, 0, 0, .08)
}

.c-request-status__wrapper {
    background: var(--pva-base-grey-100, #fafafa);
    position: relative
}

.c-request-status__content {
    width: 100%
}

.c-request-status__head {
    padding: 1.25rem .938rem .94rem 1rem;
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center
}

.c-request-status__head:after {
    content: "";
    position: absolute;
    left: 1rem;
    right: .938rem;
    bottom: 0;
    background: 0 0;
    border-bottom: .8px solid var(--pva-base-grey-2900, #ccc)
}

.c-request-status__head-title {
    font-size: var(--pva-fs-14, .875rem);
    font-weight: 500
}

.c-request-status__head-close {
    background: 0 0;
    border: none;
    padding: 0;
    font-size: var(--pva-fs-14, .875rem);
    color: var(--pva-base-black, #000)
}

.c-request-status__form {
    width: calc(100% - 5px);
    padding: 0 .375rem 0 1rem;
    height: calc(100vh - 7rem);
    overflow-y: auto
}

.c-request-status__form::-webkit-scrollbar {
    width: .375rem
}

.c-request-status__form::-webkit-scrollbar-track {
    background: 0 0
}

.c-request-status__form::-webkit-scrollbar-thumb {
    background: var(--pva-base-blue-100, rgba(26, 54, 198, .1607843137))
}

.c-request-status__title-sml {
    font-size: var(--pva-fs-14, .875rem);
    color: var(--pva-base-black, #000);
    font-weight: 500;
    margin-bottom: 1.5rem;
    margin-top: 1rem
}

.c-request-status__form-sec {
    width: 100%
}

.c-request-status__row {
    display: -ms-grid;
    display: grid;
    gap: 1rem;
    margin-bottom: 1rem
}

.c-request-status__row.-half {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: repeat(2, 1fr)
}

.c-request-status__row-btn {
    position: relative;
    bottom: .25rem;
    display: flex;
    justify-content: flex-end;
    gap: .5rem
}

.c-request-status__row-btn .o-secondary-button.-small {
    border-radius: .121rem;
    font-size: var(--pva-fs-12, .75rem);
    padding: .28rem 1.17rem;
    min-width: unset;
    height: unset;
    min-height: unset
}

.c-request-status__inpt .o-input-label,
.c-request-status__inpt .o-select-label,
.c-request-status__inpt .o-text-area__label {
    color: rgba(0, 0, 0, .71);
    font-size: var(--pva-fs-12, .75rem);
    text-transform: capitalize;
    opacity: 1;
    margin-bottom: .5rem
}

.c-request-status__inpt .o-input-wrap input {
    font-size: var(--pva-fs-12, .75rem);
    padding: .557rem .75rem;
    color: var(--pva-base-grey-1100, #737373)
}

.c-request-status__inpt .o-input-wrap input:-ms-input-placeholder {
    color: var(--pva-base-grey-1100, #737373)
}

.c-request-status__inpt .o-input-wrap input::placeholder {
    color: var(--pva-base-grey-1100, #737373)
}

.c-request-status__inpt .o-select__selected-text {
    font-size: var(--pva-fs-12, .75rem);
    padding: .591rem .75rem;
    color: var(--pva-base-grey-1100, #737373)
}

.c-request-status__inpt .o-text-area__input {
    font-size: var(--pva-fs-12, .75rem);
    padding: 1.063rem 1rem;
    min-height: 5.8755rem;
    border-radius: .25rem
}

.c-request-status__inpt .o-text-area__input:-ms-input-placeholder {
    font-size: var(--pva-fs-12, .75rem);
    color: var(--pva-base-grey-1100, #737373)
}

.c-request-status__inpt .o-text-area__input::placeholder {
    font-size: var(--pva-fs-12, .75rem);
    color: var(--pva-base-grey-1100, #737373)
}

.c-breadcrumb-two {
    width: 100%;
    border-bottom: 1px solid var(--pva-base-white-800, #ddd);
    background: var(--pva-base-white, #fff);
    position: fixed;
    z-index: 2
}

.c-breadcrumb-two__wrapper {
    width: 100%;
    display: flex;
    justify-content: space-between
}

.c-breadcrumb-two__content {
    display: flex;
    align-items: center;
    padding: .58rem 0
}

.c-breadcrumb-two__li {
    list-style: none
}

.c-breadcrumb-two__li-link {
    font-size: var(--pva-fs-12, .75rem);
    display: inline-block;
    padding: 0 .625rem;
    border-right: 1px solid var(--pva-base-black, #000);
    line-height: 1
}

.c-breadcrumb-two__li:first-child .c-breadcrumb-two__li-link {
    padding-left: 0
}

.c-breadcrumb-two__li:last-child .c-breadcrumb-two__li-link {
    border-right: none;
    font-weight: 500
}

.c-breadcrumb-two.-updated .c-breadcrumb-two__li {
    position: relative
}

.c-breadcrumb-two.-updated .c-breadcrumb-two__li-link {
    color: #2d2d2d;
    border: 0;
    padding: 0
}

.c-breadcrumb-two.-updated .c-breadcrumb-two__li:last-child .c-breadcrumb-two__li-link {
    color: #a100ff;
    font-weight: 400
}

.c-breadcrumb-two.-updated .c-breadcrumb-two__li:not(:last-child) {
    padding-right: .5rem;
    margin-right: .25rem
}

.c-breadcrumb-two.-updated .c-breadcrumb-two__li:not(:last-child):after {
    content: "/";
    right: 0;
    position: absolute;
    color: #2d2d2d
}

.c-open-req {
    margin-bottom: 8.188rem;
    margin-top: 2.5rem
}

.c-open-req__header {
    display: flex;
    justify-content: space-between;
    box-shadow: 0 1px 0 0 var(--pva-base-white-800, #ddd);
    margin: .8125rem 0 1.5rem 0
}

.c-open-req__header-actions {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0 0 .75rem 0
}

.c-open-req__header-actions .c-search__searchbox {
    min-height: 3rem
}

.c-open-req__tab .c-tabs__container {
    padding-top: 1.1875rem
}

.c-open-req__tab .c-tab__item {
    border: none
}

.c-open-req .c-modal-view__modal {
    background: rgba(255, 255, 255, .1)
}

.c-my-workspace-card {
    background: url(../../toolkit/images/svg/bg-workspace.svg) no-repeat;
    background-size: cover;
    padding-bottom: 1.875rem;
    padding-top: 2.4375rem;
    overflow: auto;
    width: 100%;
    overflow-x: none
}

.c-my-workspace-card__wrapper {
    display: -ms-grid;
    display: grid;
    gap: 1.5rem;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: repeat(4, 1fr);
    flex-wrap: wrap
}

.c-my-workspace-card__card {
    min-height: 23.625rem;
    background: var(--pva-base-white, #fff);
    position: relative;
    box-shadow: 0 2px .688rem rgba(0, 0, 0, .1019607843);
    display: flex;
    flex-direction: column
}

.c-my-workspace-card__card-wrap {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    flex: 1
}

.c-my-workspace-card__card-flex {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
    align-items: center
}

.c-my-workspace-card__card-flex .icon-kebab {
    font-size: var(--pva-fs-18, 1.125rem)
}

.c-my-workspace-card__card-flex img {
    height: 2.286rem
}

.c-my-workspace-card__card-title {
    margin: 0;
    font-size: var(--pva-fs-16, 1rem);
    font-weight: 400;
    margin-bottom: 1rem;
    min-height: 2.3125rem
}

.c-my-workspace-card__pill-cont {
    display: flex;
    gap: .875rem;
    align-items: center
}

.c-my-workspace-card__pill {
    padding: .0938rem .5rem;
    border: 1px solid var(--pva-base-grey, #ccc);
    background: var(--pva-base-white, #fff);
    color: var(--pva-base-grey-2300, #999);
    font-size: var(--pva-fs-12, .75rem);
    font-weight: 400;
    border-radius: 1.25rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.c-my-workspace-card__pill.-yellow {
    color: var(--pva-base-red-200, #5b3c20);
    background: var(--pva-base-amber-200, rgba(243, 219, 157, .5019607843));
    border: 1px solid var(--pva-base-amber-200, rgba(243, 219, 157, .5019607843))
}

.c-my-workspace-card__sub-bottom-list {
    margin-top: auto
}

.c-my-workspace-card__work {
    color: var(---pva-base-grey-240, #bbb);
    font-size: var(--pva-fs-12, .75rem);
    font-weight: 500
}

.c-my-workspace-card__work-num {
    font-size: var(--pva-fs-14, .875rem);
    font-weight: 400;
    color: var(--pva-base-black-1300, #333)
}

.c-my-workspace-card__bottom-list {
    width: 100%;
    margin-top: auto;
    border-top: 1px solid var(--pva-base-grey-2500, #e9e9e9);
    text-align: center;
    display: flex;
    padding: 0 1rem
}

.c-my-workspace-card__list-item {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    padding: .823rem 0;
    font-size: var(--pva-fs-12, .75rem);
    color: #000;
    text-transform: uppercase
}

.c-my-workspace-card__list-item:not(:last-child) {
    border-right: 1px solid var(--pva-base-grey-2500, #e9e9e9)
}

.c-my-workspace-card .-disable {
    color: var(--pva-base-grey-2900, #ccc);
    cursor: unset
}

.c-workspace {
    margin-top: .125rem;
    position: relative
}

.c-workspace .c-create-client {
    border-bottom: unset;
    padding: 4.0625rem 0 1.125rem 0
}

.c-workspace__tabs-main {
    background: var(--pva-base-white, #fff);
    padding-bottom: 1px
}

.c-workspace__tabs-main:before {
    content: "";
    position: absolute;
    border-bottom: 1px solid #ccc;
    box-shadow: 0 -.0625rem 0 0 inset var(--tab-border);
    height: 2px;
    width: 100%;
    left: 0;
    top: 255px
}

.c-workspace .c-tabs__container {
    border-bottom: 1px solid var(--pva-base-white-1900, #dadada) !important
}

.c-workspace .c-tab__item {
    padding: 12px 2.125rem 12px 2.125rem !important;
    box-shadow: unset !important
}

.c-workspace__wrapper {
    background: var(--pva-base-grey-100, #fafafa)
}

.c-workspace__bg-background {
    background: url(../../toolkit/images/svg/bg-workspace.svg) no-repeat;
    background-size: cover;
    padding-bottom: 5rem;
    height: 100vh
}

.c-success-modal {
    margin: auto;
    box-shadow: 0 0 .25rem 0 rgba(0, 0, 0, .04), 0 .5rem 1rem 0 rgba(0, 0, 0, .08);
    background-color: var(--pva-base-white, #fff);
    position: relative;
    width: 100%;
    max-width: 38rem;
    border-radius: .5rem
}

.c-success-modal__close {
    color: var(--pva-base-black, #000);
    font-size: var(--pva-fs-16, 1rem);
    position: absolute;
    right: 2rem;
    display: flex;
    align-items: center;
    top: 2rem;
    cursor: pointer
}

.c-success-modal__content {
    display: -ms-grid;
    display: grid;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
    padding: 3rem 3rem 2.25rem 3rem;
    text-align: center;
    min-height: 271px
}

.c-success-modal__head {
    font-size: var(--pva-fs-16, 1rem);
    margin: .75rem 0
}

.c-success-modal__pera {
    color: var(--pva-base-grey-1100, #737373);
    font-size: var(--pva-fs-16, 1rem);
    font-weight: 400;
    margin-bottom: 2rem
}

.c-success-modal .o-primary-button {
    min-width: 7.5rem
}

.c-pageTitle {
    padding: 1rem 0
}

.c-pageTitle__Wrapper {
    display: flex;
    flex-direction: column
}

.c-pageTitle__inner {
    display: flex;
    flex-direction: column;
    padding: 3rem 0 1.625rem 0
}

.c-pageTitle__breadcrumpWrap {
    display: flex;
    align-items: center;
    font-size: var(--pva-fs-12);
    gap: 1rem
}

.c-pageTitle__breadcrump {
    color: var(--pva-base-grey-1500);
    position: relative
}

.c-pageTitle__breadcrump.-active {
    color: var(--pva-base-black);
    font-weight: 500
}

.c-pageTitle__breadcrump:not(:last-child):after {
    content: "/";
    position: absolute;
    right: -.5rem;
    color: var(--pva-base-black)
}

.c-pageTitle__breadcrump:not(:last-child):focus,
.c-pageTitle__breadcrump:not(:last-child):hover {
    color: var(--pva-base-grey-1500)
}

.c-pageTitle__title {
    font-size: var(--pva-fs-24);
    color: var(--pva-base-black-200, #222)
}

.c-pageTitle__title.-roles {
    font-size: var(--pva-fs-20);
    color: var(--pva-base-black, #000)
}

.c-pageTitle__titleWrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 1rem
}

.c-pageTitle__titleLeft {
    display: flex;
    flex-direction: column
}

.c-pageTitle__titleRight .o-primary-button {
    color: var(--pva-base-white-300, #f9f9f9);
    background-color: var(--pva-base-black-200, #222)
}

.c-pageTitle__description {
    color: var(--pva-base-grey-1600);
    padding-top: .5rem;
    max-width: 37rem
}

.c-pageTitle__description.-roles {
    color: var(--pva-base-grey-1300, #505050)
}

.c-newPTitle__wrapper {
    position: fixed;
    top: var(--pva-header-height);
    width: 100%;
    z-index: 9;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px)
}

.c-newPTitle__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.5rem 0
}

.c-newPTitle__left {
    display: flex;
    align-items: center;
    gap: 1rem
}

.c-newPTitle__title {
    font-size: var(--pva-fs-20);
    font-weight: 500
}

.c-newPTitle__right {
    display: flex;
    align-items: center;
    gap: 1rem
}

.c-newPTitle__right-ProfileWrap {
    display: flex;
    align-items: center
}

.c-newPTitle__right-ProfileMore {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--pva-base-white);
    filter: drop-shadow(0 4.667px 9.333px rgba(0, 0, 0, .06)) drop-shadow(0 0 4.667px rgba(0, 0, 0, .04));
    border-radius: 50%;
    border: 1px solid var(--pva-base-grey-1400);
    width: 1.75rem;
    height: 1.75rem;
    position: relative;
    left: -1rem;
    color: var(--pva-color-primary)
}

.c-newPTitle__right-ProfileMore:focus,
.c-newPTitle__right-ProfileMore:hover {
    color: var(--pva-color-primary)
}

.c-newPTitle__right-Profile {
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 50%;
    overflow: hidden;
    position: relative
}

.c-newPTitle__right-Profile:last-of-type {
    left: -.5rem
}

.c-newPTitle__editWrap {
    display: flex;
    align-items: center;
    gap: .875rem
}

.c-newPTitle__editWrap-back {
    font-size: var(--pva-fs-20);
    display: flex
}

.c-newPTitle__editWrap-back i {
    height: 1.325rem;
    transform: rotate(180deg)
}

.c-newPTitle__editWrap-back:focus,
.c-newPTitle__editWrap-back:hover {
    color: var(--pva-color-primary)
}

.c-newPTitle__dropdown .o-select {
    width: 11.625rem;
    height: 2rem;
    background: 0 0
}

.c-newPTitle__dropdown .o-select__selected-text {
    border-radius: .5rem;
    padding: .5rem .75rem .5rem 1rem;
    color: var(--pva-base-black, #000);
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 400
}

.c-newPTitle__dropdown .o-select__selected-text.-active {
    border-color: var(--pva-base-grey, #ccc)
}

.c-newPTitle__dropdown .o-select__selected-text:before {
    top: 55%;
    font-size: .875rem
}

.c-newPTitle__dropdown .o-select__option {
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 400;
    padding: .5rem 1.125rem
}

.c-proDTitle__wrapper {
    background-color: var(--pva-base-white)
}

.c-proDTitle__wrapper.-bg {
    background: 0 0
}

.c-proDTitle__wrapper.-nobackgraound {
    background-color: transparent
}

.c-proDTitle__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.5rem 0
}

.c-proDTitle__left {
    display: flex;
    flex-direction: column
}

.c-proDTitle__left-title {
    font-size: var(--pva-fs-20)
}

.c-proDTitle__left-title.-font {
    font-size: var(--pva-fs-24)
}

.c-proDTitle__left-title.bold {
    font-weight: 500
}

.c-proDTitle__right {
    display: flex;
    align-items: center;
    gap: 1rem
}

.c-proDTitle__withsearch {
    display: flex;
    align-items: center;
    gap: 1.25rem
}

.c-createProfile__wrapper {
    background: var(--pva-base-white);
    z-index: 1;
    position: sticky;
    top: var(--pva-header-height)
}

.c-createProfile__inner {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: 1.5rem 0
}

.c-createProfile__left {
    display: flex;
    flex-direction: column
}

.c-createProfile__left-title {
    font-size: var(--pva-fs-20)
}

.c-createProfile__left-description {
    color: var(--pva-base-grey-1100);
    font-size: var(--pva-fs-16);
    padding-top: .325rem
}

.c-createProfile__right {
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

.c-createProfile__Stepper {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-top: .75rem
}

.c-createProfile__Stepper-item {
    width: 3.75rem;
    height: .25rem;
    border-radius: .25rem;
    background: var(--pva-base-white-1500)
}

.c-createProfile__Stepper-item.-completed {
    background: var(--pva-color-primary)
}

@keyframes modalFadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes modalPopUp {
    0% {
        opacity: 0
    }

    25% {
        transform: scale(.9)
    }

    100% {
        opacity: 1;
        transform: scale(1)
    }
}

.c-modal {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    outline: 0;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 1050;
    --pva-modal-height: 43.25rem;
    --pva-modal-width: 75.875rem;
    --pva-modal-title-fs: calc(var(--pva-fs-16, 1rem) * 2);
    --pva-modal-header-text-fs: var(--pva-fs-16, 1rem);
    --pva-modal-header-pd: 2.625rem 1.875rem 3.125rem 1.875rem;
    --pva-modal-title-mb: 0.375rem;
    --pva-modal-close-sp: 3.125rem;
    --pva-modal-close-size: 1.25rem;
    --pva-modal-body-pd: 2rem 2.25rem
}

.c-modal[aria-hidden=true] {
    display: none
}

.c-modal__overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(255, 255, 255, .6);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    animation: modalFadeIn .2s both
}

.c-modal__container {
    position: relative;
    display: flex;
    align-items: center;
    width: auto;
    max-width: var(--pva-modal-width);
    margin: .9375rem auto;
    min-height: calc(100% - 1.875rem);
    z-index: 1;
    pointer-events: none;
    transform-origin: center;
    animation: modalFadeIn .2s .2s both, modalPopUp .2s .2s both
}

.c-modal__content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-clip: padding-box;
    outline: 0;
    height: var(--pva-modal-height);
    overflow: hidden;
    background-color: var(--pva-base-white, #fff);
    box-shadow: 0 .75rem 1.5rem 0 rgba(0, 0, 0, .1);
    border-radius: .25rem
}

.c-modal__content .c-modal__header {
    color: var(--pva-base-black, #000);
    position: relative;
    padding: var(--pva-modal-header-pd)
}

.c-modal__content .c-modal__header-title {
    font-size: var(--pva-modal-title-fs);
    font-weight: 400;
    margin: 0
}

.c-modal__content .c-modal__header-title span {
    color: var(--pva-base-grey-1300, #505050)
}

.c-modal__content .c-modal__header-text {
    color: var(--pva-base-grey-700, #4a4a4a);
    font-size: var(--pva-modal-header-text-fs);
    margin: 0
}

.c-modal__content .c-modal__header-text span {
    color: var(--pva-color-secondary-100, #6b10a0)
}

.c-modal__content .c-modal__header-text-wrap {
    display: flex;
    align-items: center;
    gap: .125rem
}

.c-modal__content .c-modal__header-text-wrap [data-myw-toggle=tooltip] {
    display: inline-flex
}

.c-modal__content .c-modal__header-close {
    position: absolute;
    top: var(--pva-modal-close-sp);
    right: var(--pva-modal-close-sp);
    border: 0;
    padding: 0;
    background: 0 0;
    display: inline-flex
}

.c-modal__content .c-modal__header-close:before {
    font-size: var(--pva-modal-close-size);
    color: var(--pva-base-black, #000)
}

.c-modal__content .c-modal__body {
    position: relative;
    flex: 1 1 auto;
    overflow-y: auto;
    padding: var(--pva-modal-body-pd)
}

.c-modal__content .c-modal__body-gridWrap {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 2rem;
    row-gap: 1.5rem
}

.c-modal__content .c-modal__body .o-input-label,
.c-modal__content .c-modal__body .o-select-label {
    color: var(--pva-base-black-200, #222);
    opacity: 1
}

.c-modal__content .c-modal__body::-webkit-scrollbar {
    width: 6px;
    height: 6px
}

.c-modal__content .c-modal__body::-webkit-scrollbar-thumb {
    background: var(--pva-color-primary, #a100ff);
    border-radius: 1.125rem
}

.c-modal__content .c-modal__body::-webkit-scrollbar-track {
    background: 0 0;
    border-radius: 1.125rem
}

.c-modal__content .c-modal__footer {
    flex-shrink: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: 1.5rem;
    z-index: 0
}

.c-modal__content .c-modal__footer .c-modal__footer-btnGroup {
    display: flex;
    justify-content: flex-end;
    gap: 1.25rem
}

.c-modal:has(.c-modal__header-text) {
    --pva-modal-header-pd: 1.625rem 1.875rem 2.25rem 1.875rem
}

.c-modal:has(.c-modal__header-text) .c-modal__header-title {
    margin-bottom: var(--pva-modal-title-mb)
}

.c-modal.-medium {
    --pva-modal-height: 29.375rem;
    --pva-modal-width: 57rem;
    --pva-modal-title-fs: calc(var(--pva-fs-14, 0.875rem) * 2);
    --pva-modal-header-text-fs: var(--pva-fs-12, 0.75rem);
    --pva-modal-header-pd: 1.75rem 1.5rem 2.375rem 1.5rem;
    --pva-modal-close-sp: 2.375rem;
    --pva-modal-close-size: 1rem;
    --pva-modal-body-pd: 1.75rem 1.5rem
}

.c-modal.-medium:has(.c-modal__header-text) {
    --pva-modal-header-pd: 1.125rem 1.5rem 1.625rem 1.5rem;
    --pva-modal-title-mb: 0.25rem
}

.c-modal.-small {
    --pva-modal-height: 16.875rem;
    --pva-modal-width: 38rem;
    --pva-modal-title-fs: var(--pva-fs-20, 1.25rem);
    --pva-modal-header-pd: 1.25rem 1.5rem 1rem 24px;
    --pva-modal-close-sp: 1.75rem;
    --pva-modal-close-size: 1rem;
    --pva-modal-body-pd: 1.75rem 1.5rem
}

.c-modal.-small .c-modal__footer {
    box-shadow: none
}

.c-modal.-attachment-btn {
    --pva-modal-height: 29.375rem;
    --pva-modal-width: 57rem;
    --pva-modal-title-fs: calc(var(--pva-fs-14, 0.875rem) * 2);
    --pva-modal-header-text-fs: var(--pva-fs-12, 0.75rem);
    --pva-modal-header-pd: 1.75rem 1.5rem 2.375rem 1.5rem;
    --pva-modal-close-sp: 2.375rem;
    --pva-modal-close-size: 1rem;
    --pva-modal-body-pd: 1.75rem 1.5rem
}

.c-modal.-attachment-btn:has(.c-modal__header-text) {
    --pva-modal-header-pd: 1.125rem 1.5rem 1.625rem 1.5rem;
    --pva-modal-title-mb: 0.25rem
}

.c-modal.-import-btn {
    --pva-modal-height: 29.375rem;
    --pva-modal-width: 57rem;
    --pva-modal-title-fs: calc(var(--pva-fs-14, 0.875rem) * 2);
    --pva-modal-header-text-fs: var(--pva-fs-12, 0.75rem);
    --pva-modal-header-pd: 1.75rem 1.5rem 2.375rem 1.5rem;
    --pva-modal-close-sp: 2.375rem;
    --pva-modal-close-size: 1rem;
    --pva-modal-body-pd: 1.75rem 1.5rem
}

.c-modal.-import-btn:has(.c-modal__header-text) {
    --pva-modal-header-pd: 1.125rem 1.5rem 1.625rem 1.5rem;
    --pva-modal-title-mb: 0.25rem
}

.c-modal.-alert-dialog {
    --pva-modal-height: 16.875rem;
    --pva-modal-width: 38rem
}

.c-modal.-alert-dialog .c-modal__content {
    border-radius: .5rem
}

.c-modal.-alert-dialog .c-modal__body,
.c-modal.-alert-dialog .c-modal__header {
    background: 0 0;
    padding: 0
}

.c-modal.-alert-dialog .c-modal__header-close {
    z-index: 1
}

.c-modal.c-client-consent .c-modal__body {
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

.c-process-selection .c-modal__body {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.c-process-selection .c-modal__container .o-input-wrap label {
    font-size: var(--pva-fs-16, 16px);
    opacity: 1;
    margin-bottom: .375rem
}

.c-process-selection .c-modal__container .o-input-wrap input {
    padding: .7312rem 1rem
}

.-collapse:not(.-show) {
    display: none
}

.-transition {
    height: 0;
    overflow: hidden;
    transition: height .2s ease-out
}

.c-accordion {
    background: var(--pva-base-white-2000, #f8f8f8);
    padding: 0 1.25rem
}

.c-accordion .c-collapse {
    background: 0 0;
    border: none;
    width: 100%;
    text-align: left;
    font-size: var(--pva-fs-16, 1rem);
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.0625rem 0
}

.c-accordion .c-collapse.icon-chevron-down:before {
    font-size: 1.75rem;
    order: 1;
    margin-right: .75rem
}

.c-accordion .c-collapse[aria-expanded=true] {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, .18)
}

.c-accordion .c-collapse[aria-expanded=true].icon-chevron-down:before {
    rotate: 180deg
}

.c-accordion .c-collapse .o-checkbox input {
    height: 1.75rem;
    width: 1.75rem
}

.c-accordion__container {
    padding: .75rem 0 1.375rem 0;
    display: flex;
    flex-direction: column;
    gap: .9375rem
}

.c-accordion.-client-consent {
    background: 0 0;
    padding: 0
}

.c-accordion.-client-consent .c-accordion__header {
    display: flex;
    align-items: center;
    gap: .75rem
}

.c-accordion.-client-consent .c-accordion__container {
    padding: .75rem 1.125rem .5rem 0
}

.c-accordion.-client-consent .c-collapse {
    padding: .5rem 1rem;
    background: var(--pva-base-white-2000, #f8f8f8);
    border-radius: .25rem;
    box-shadow: none;
    font-weight: 400
}

.c-accordion.-client-consent .c-collapse:before {
    font-size: 1.375rem;
    margin: 0
}

.c-accordion.-no-padding {
    padding: 0
}

.c-accordion.-no-padding .c-collapse {
    padding: 1.1875rem 1.25rem
}

.c-accordion.-no-padding .c-accordion__container {
    padding-bottom: 0
}

.c-accordion.-no-border .c-collapse {
    box-shadow: none
}

.c-accordion.-process-selection {
    padding: 0
}

.c-accordion.-process-selection .o-checkbox {
    font-size: var(--pva-fs-14, .875rem)
}

.c-accordion.-process-selection .o-checkbox input,
.c-accordion.-process-selection .o-checkbox__checked {
    width: 1.5rem;
    height: 1.5rem
}

.c-accordion.-process-selection .o-checkbox__checked:before {
    font-size: .625rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.c-accordion.-process-selection .c-accordion__header {
    display: flex;
    align-items: center;
    gap: .625rem
}

.c-accordion.-process-selection .c-accordion__header .c-collapse {
    justify-content: unset;
    width: fit-content;
    box-shadow: none;
    padding: 0
}

.c-accordion.-process-selection .c-accordion__header .c-collapse:before {
    margin: 0;
    font-size: .9375rem
}

.c-accordion.-process-selection .c-accordion__header .o-checkbox__label {
    color: var(--pva-base-black, #000)
}

.c-accordion.-process-selection .c-accordion__container {
    padding: .9375rem 0 .9375rem 3.75rem
}

.c-activity-flyout {
    background-color: var(--pva-base-grey-100, #fafafa)
}

.c-activity-flyout__input {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    margin-bottom: 1rem
}

.c-activity-flyout__input-col.-full-col {
    -ms-grid-column: span 2;
    grid-column: span 2
}

.c-activity-flyout__actions {
    display: flex;
    justify-content: end;
    align-items: center;
    gap: .375rem;
    margin-bottom: 1.75rem
}

.c-activity-flyout .c-accordion {
    background-color: unset;
    padding: 0
}

.c-activity-flyout .c-accordion__header {
    display: flex;
    align-items: center;
    gap: .5rem;
    justify-content: space-between;
    padding: .5rem 0
}

.c-activity-flyout .c-accordion__header .c-collapse {
    color: var(--pva-base-grey-1100, #737373);
    font-size: var(--pva-fs-12, .75rem);
    font-weight: 400;
    position: relative;
    padding: 0 0 0 1rem;
    box-shadow: unset
}

.c-activity-flyout .c-accordion__header .c-collapse:before {
    content: "";
    position: absolute;
    left: 0;
    background: url(../../toolkit/images/svg/add.svg) no-repeat center;
    width: .5rem;
    height: .5rem
}

.c-activity-flyout .c-accordion__header .c-collapse[aria-expanded=true]:before {
    background: url(../../toolkit/images/svg/minus.svg) no-repeat center
}

.c-activity-flyout .c-accordion__header .c-icon-edit {
    border: unset;
    background-color: unset;
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: var(--pva-fs-12, .75rem)
}

.c-activity-flyout .c-accordion__header .c-icon-edit>span {
    color: var(--pva-base-grey-1100, #737373)
}

.c-activity-flyout .c-tabs__container[role=tablist] [role=tab] {
    font-size: var(--pva-fs-14, .875rem);
    min-width: unset
}

.c-activity-flyout .c-tabs__container[role=tablist] [role=tab]>span {
    color: var(--pva-color-primary, #a100ff)
}

.c-activity-flyout .c-tabs__container[role=tablist][aria-selected=true] {
    font-weight: 500;
    border-bottom: 1px solid var(--pva-color-primary, #a100ff)
}

.c-activity-flyout .c-flyout-feedback__input-wrap {
    padding-top: 1rem
}

.c-activity-flyout .c-flyout-feedback__container {
    max-height: unset;
    overflow: unset;
    padding-right: 0
}

.c-footer-short {
    background: var(--pva-base-white, #fff);
    box-shadow: 0 .25rem 1rem 0 rgba(0, 0, 0, .04);
    z-index: 11;
    position: fixed;
    width: 100%;
    bottom: 0
}

.c-footer-short__wrap {
    display: flex;
    justify-content: space-between;
    font-size: var(--pva-fs-12, .75rem);
    padding: .625rem 0;
    height: 2.375rem;
    color: #7e7e7e
}

.c-footer-short__link {
    color: #7e7e7e
}

.c-legend-panel {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    justify-content: flex-end;
    z-index: 999
}

.c-legend-panel__wrapper {
    height: 85.938rem;
    width: 26.56rem;
    background-color: var(--pva-base-grey-100, #fafafa);
    box-shadow: 0 .5rem 1rem var(--pva-base-black-500, rgba(0, 0, 0, .0784313725));
    position: relative
}

.c-legend-panel__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 0 .75rem;
    margin: 0 1rem;
    border-bottom: 1px solid var(--pva-base-grey, #ccc)
}

.c-legend-panel__header>a {
    display: flex;
    align-items: center
}

.c-legend-panel__title {
    font-weight: 600;
    font-size: var(--pva-fs-16, 1rem)
}

.c-legend-panel__body {
    overflow: auto;
    position: relative;
    height: 100%;
    max-height: calc(100vh - 7rem);
    margin-right: .25rem;
    padding: 0 .25rem 1rem 1rem
}

.c-legend-panel__body::-webkit-scrollbar {
    height: .125rem;
    width: .375rem
}

.c-legend-panel__body::-webkit-scrollbar-track {
    background: 0 0;
    border-radius: .313rem
}

.c-legend-panel__body::-webkit-scrollbar-thumb {
    background: var(--pva-base-blue-100, rgba(26, 54, 198, .1607843137));
    border-radius: .313rem
}

.c-legend-panel__body .c-accordion {
    padding: 0;
    border-bottom: 1px solid var(--pva-base-grey, #ccc)
}

.c-legend-panel__body .c-accordion .c-collapse {
    position: relative;
    padding-right: 1.5rem;
    font-size: var(--pva-fs-14, .875rem)
}

.c-legend-panel__body .c-accordion .c-collapse[aria-expanded=true] {
    box-shadow: none
}

.c-legend-panel__body .c-accordion .c-collapse[aria-expanded=true]:after {
    top: 57%;
    transform: translateY(-50%) rotate(-135deg)
}

.c-legend-panel__body .c-accordion .c-collapse:after {
    position: absolute;
    content: "";
    border-right: .0625rem solid var(--pva-base-black, #000);
    border-bottom: .0625rem solid var(--pva-base-black, #000);
    width: .5rem;
    height: .5rem;
    right: .5rem;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    transition: all;
    cursor: pointer
}

.c-legend-panel__body .c-accordion.-open {
    border-bottom: 1px solid var(--pva-color-secondary-100, #6b10a0)
}

.c-legend-panel__body .c-accordion__container {
    padding: 0 0 1rem;
    gap: 0
}

.c-legend-panel-accordion__text {
    font-size: var(--pva-fs-12, .75rem);
    color: var(--pva-base-black-100, rgba(0, 0, 0, .7098039216));
    display: flex;
    justify-content: end
}

.c-legend-panel-accordion__level {
    display: -ms-grid;
    display: grid;
    gap: .5rem;
    margin-top: .5rem
}

.c-legend-panel-accordion__level-item {
    height: 2.25rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .625rem .875rem .625rem .875rem;
    font-size: var(--pva-fs-12, .75rem);
    color: var(--pva-base-black-1200, #050505)
}

.c-legend-panel-accordion__level-item label {
    color: var(--pva-base-black-100, rgba(0, 0, 0, .7098039216))
}

.c-legend-panel-accordion__level-item>span {
    margin-left: auto;
    font-weight: 500
}

.c-legend-panel-accordion__level-item.-level1 {
    background-color: var(--pva-base-blue-1300, #4e69b3);
    color: var(--pva-base-white, #fff)
}

.c-legend-panel-accordion__level-item.-level1 label {
    color: var(--pva-base-grey-2000, rgba(255, 255, 255, .7098039216))
}

.c-legend-panel-accordion__level-item.-level2 {
    background-color: var(--pva-base-blue-1100, #b2c6ff)
}

.c-legend-panel-accordion__level-item.-level3 {
    background-color: var(--pva-base-blue-1000, #d4dfff)
}

.c-legend-panel-accordion__level-item.-level4 {
    background-color: var(--pva-base-grey-2100, #fdfdfd)
}

.c-legend-panel-accordion__mandatory {
    display: flex;
    align-items: center;
    gap: .25rem;
    font-size: var(--pva-fs-14, 1rem);
    padding: 1rem 0 .5rem
}

.c-legend-panel-accordion__mandatory>span {
    color: var(--pva-base-red, #e6242f)
}

.c-legend-panel-accordion__activity {
    display: -ms-grid;
    display: grid;
    gap: .75rem
}

.c-legend-panel-accordion__activity-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    font-size: var(--pva-fs-12, .75rem);
    padding-right: .25rem
}

.c-legend-panel-accordion__activity-item>div {
    margin-left: auto
}

.c-legend-panel__footer {
    display: flex;
    padding: 1rem
}

.c-legend-panel__footer .c-bottom-panel__right {
    width: 100%
}

.c-legend-panel__footer .c-bottom-panel__percentage-wrapper,
.c-legend-panel__footer .c-bottom-panel__toggle-section {
    padding: 0 1rem 0 0;
    margin-right: 1rem;
    border-right: 1px solid var(--pva-base-grey, #ccc)
}

.c-legend-panel__footer .c-bottom-panel__legend-section {
    padding: 0
}

.c-legend-table>table {
    font-size: var(--pva-fs-12, .75rem);
    width: 100%
}

.c-legend-table>table>thead>tr>th {
    color: var(--pva-base-black-100, rgba(0, 0, 0, .7098039216));
    font-weight: 400;
    padding: .325rem .5rem;
    text-align: end
}

.c-legend-table>table>tbody>tr>td {
    padding: .325rem .5rem;
    height: 2.857rem;
    border-bottom: 1px solid var(--pva-base-white, #fff)
}

.c-legend-table>table>tbody>tr>td .o-checkbox__label {
    font-size: var(--pva-fs-12, .75rem);
    color: var(--pva-base-black, #000)
}

.c-legend-table>table>tbody>tr:nth-child(1) {
    background: rgba(199, 228, 229, .702)
}

.c-legend-table>table>tbody>tr:nth-child(2) {
    background: rgba(216, 239, 240, .702)
}

.c-legend-table>table>tbody>tr:nth-child(3) {
    background: rgba(232, 250, 250, .6)
}

.c-legend-table.-fte-count>table>tbody .o-checkbox__label {
    color: var(--pva-base-white, #fff)
}

.c-legend-table.-fte-count>table>tbody>tr:nth-child(1) {
    background: var(--pva-color-secondary-700, #6c17b6);
    color: var(--pva-base-white, #fff)
}

.c-legend-table.-fte-count>table>tbody>tr:nth-child(2) {
    background: #b566f9;
    color: var(--pva-base-white, #fff)
}

.c-legend-table.-fte-count>table>tbody>tr:nth-child(3) {
    background: var(--pva-color-secondary-900, #d4a2ff);
    color: var(--pva-base-white, #fff)
}

.c-legend-table .-text-center {
    text-align: center
}

.c-legend-table .-text-end {
    text-align: end
}

.c-legend-table .-font-weight {
    font-weight: 500
}

.c-attributes-table {
    margin-bottom: 2.625rem
}

.c-attributes-table__tbl {
    width: 100%
}

.c-attributes-table__tbl-th {
    font-size: var(--pva-fs-12, .75rem);
    font-weight: 500;
    vertical-align: middle;
    background: var(--pva-base-grey-100, #fafafa);
    border-bottom: 1px solid var(--pva-base-grey-2200, #eeeded);
    text-align: left;
    padding: .43rem 0;
    text-transform: uppercase;
    position: relative
}

.c-attributes-table__tbl-th-btn {
    background: 0 0;
    border: none;
    padding: 0;
    display: inline-flex;
    align-items: center
}

.c-attributes-table__tbl-th-btn:before {
    font-size: 1rem;
    display: inline-flex;
    margin-left: .25rem;
    order: 1
}

.c-attributes-table__tbl-th-btn.icon-down:before {
    font-size: 1.375rem;
    padding-top: .063rem
}

.c-attributes-table__tbl-th:first-child {
    padding-left: 1rem
}

.c-attributes-table__tbl-td {
    vertical-align: middle;
    padding: .625rem 0
}

.c-attributes-table__tbl-td:first-child {
    padding-left: 1rem
}

.c-attributes-table__tbl-td-btn {
    background: 0 0;
    border: none;
    padding: 0;
    display: inline-flex;
    align-items: center
}

.c-attributes-table__tbl-td-btn:before {
    font-size: 1rem;
    display: inline-flex;
    order: 1
}

.c-attributes-table__tbl-td-tr {
    background: var(--pva-base-white, #fff);
    transition: all ease-in-out .3s
}

.c-attributes-table__tbl-td-tr:hover {
    background: var(--pva-base-white-1200, #f0f6ff);
    mix-blend-mode: multiply
}

.c-attributes-table__tbl-td-action {
    display: flex;
    gap: .75rem
}

.c-attributes-table__tbl-td-action .icon-edit {
    font-size: var(--pva-fs-20, 1.25rem);
    margin: 0
}

.c-attributes-table__tbl-td-action .icon-delete {
    font-size: var(--pva-fs-20, 1.25rem);
    margin: 0
}

.c-add-attribute .c-modal__header-title {
    font-size: var(--pva-fs-24);
    font-weight: 500;
    margin-bottom: .375rem !important
}

.c-add-attribute .c-modal__body {
    padding: 1.5rem 2.125rem 4.688rem 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

.c-add-attribute .c-modal__body-gridcontent {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 2rem;
    row-gap: 1.5rem
}

.c-add-attribute .c-modal__body-gridcontent2 {
    gap: 1.125rem;
    align-items: flex-end;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: repeat(2, 1fr)
}

.c-add-attribute .c-modal__body-gridcontent2 .o-input-wrap input {
    width: 44.5rem
}

.c-add-attribute .c-modal__body-gridcontent2 .o-secondary-button {
    height: 2.5rem;
    width: 7.5rem
}

.c-add-attribute .c-modal__body-chip {
    display: flex;
    align-items: center;
    border: 1px solid var(--pva-base-grey, #ccc);
    border-radius: 1rem;
    width: fit-content;
    padding: .25rem 1rem;
    gap: 1.063rem;
    margin-top: -.75rem
}

.c-add-attribute .c-modal__body-chip-text {
    font-size: .875rem;
    font-weight: 400;
    color: var(--pva-base-grey-1100, #737373)
}

.c-add-attribute .c-modal__body-chip-close {
    margin-top: .188rem;
    border: 0;
    padding: 0;
    background: 0 0;
    font-size: .5rem;
    color: var(--pva-base-black, #000)
}

.c-add-attribute .c-modal__body .o-input-label {
    color: var(--pva-base-black-200, #222);
    font-size: var(--pva-fs-16, 1rem);
    opacity: 1
}

.c-add-attribute .c-modal__body .o-input-wrap input {
    border-radius: .75rem
}

.c-add-attribute .c-modal__body .o-select-label {
    color: var(--pva-base-black-200, #222);
    font-size: var(--pva-fs-16, 1rem);
    opacity: 1
}

.c-add-attribute .c-modal__body .o-select__selected-text {
    color: var(--pva-base-grey-1100, #737373);
    font-size: var(--pva-fs-14, .875rem);
    border-radius: .75rem
}

.c-edit-attribute .c-modal__header-title {
    font-size: var(--pva-fs-24);
    font-weight: 500;
    margin-bottom: .375rem !important
}

.c-edit-attribute .c-modal__body {
    padding: 1.5rem 2.125rem 4rem 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

.c-edit-attribute .c-modal__body-gridcontent {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 2rem;
    row-gap: 1.5rem
}

.c-edit-attribute .c-modal__body .o-input-label {
    color: var(--pva-base-black-200, #222);
    font-size: var(--pva-fs-16, 1rem);
    opacity: 1
}

.c-edit-attribute .c-modal__body .o-select-label {
    color: var(--pva-base-black-200, #222);
    font-size: var(--pva-fs-16, 1rem);
    opacity: 1
}

.c-edit-attribute .c-modal__body .o-select__selected-text {
    color: var(--pva-base-grey-1100, #737373);
    font-size: var(--pva-fs-14, .875rem)
}

.c-delete-attribute .c-modal__body {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.5rem 0 1.5rem 1.5rem;
    overflow: hidden
}

.c-delete-attribute .c-modal__body .icon-warning {
    font-size: calc(var(--pva-fs-24, 1.5rem) * 1.66667);
    color: var(--pva-base-amber-400, #ff7800);
    margin-top: .625rem
}

.c-delete-attribute .c-modal__body-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .375rem
}

.c-delete-attribute .c-modal__body-text-main {
    font-size: var(--pva-fs-16, 1rem);
    color: var(--pva-base-black-200, #222)
}

.c-delete-attribute .c-modal__body-text-info {
    font-size: var(--pva-fs-12, .75rem);
    color: var(--pva-base-grey-1100, #737373)
}

.c-search__searchbox {
    display: flex;
    align-items: center;
    padding: 0 1.5rem;
    min-height: 2.5rem;
    background: var(--pva-base-white, #fff);
    box-shadow: 0 0 .375rem 0 rgba(0, 0, 0, .12)
}

.c-search__searchbox .icon-magnify {
    font-size: var(--pva-fs-18, 1.125rem);
    margin-top: .188rem
}

.c-search__searchbox .o-input-wrap input {
    border: none;
    padding: .5rem .75rem
}

.c-search__searchbox .o-input-wrap input::-webkit-input-placeholder {
    font-size: var(--pva-fs-14, .875rem);
    color: var(--pva-base-grey-3700, #707070)
}

.c-filterNew__content {
    top: calc(100% + .75rem);
    box-shadow: 0 2px 11px rgba(0, 0, 0, .102);
    width: 52.1875rem;
    padding: 0;
    right: unset;
    left: 0
}

.c-filterNew__content.-place-right {
    left: unset;
    right: 0
}

.c-filterNew__inner {
    display: flex
}

.c-filterNew__left {
    display: flex;
    width: 30%;
    flex: 0 0 30%;
    padding-bottom: 1rem;
    padding-right: .25rem;
    background: var(--pva-base-grey-100);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .04), 0 4px 8px 0 rgba(0, 0, 0, .06)
}

.c-filterNew__left-inner {
    display: flex;
    flex-direction: column;
    padding: 1.125rem 0 1.125rem 1.125rem;
    width: 100%
}

.c-filterNew__title {
    font-weight: 500
}

.c-filterNew__list {
    margin-top: 1.5rem;
    list-style: none;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1.125rem;
    max-height: 12rem;
    overflow: auto
}

.c-filterNew__list::-webkit-scrollbar {
    width: .25rem;
    height: .25rem
}

.c-filterNew__list::-webkit-scrollbar-track {
    background: 0 0
}

.c-filterNew__list::-webkit-scrollbar-thumb {
    background-color: var(--pva-base-white-2800, #d6dbf2);
    border-radius: .25rem
}

.c-filterNew__list-item {
    display: flex
}

.c-filterNew__list-item .o-checkbox__checked {
    width: 1rem;
    height: 1rem;
    background: 0 0;
    border: .063rem solid var(--pva-base-black, #000);
    border-radius: .25rem
}

.c-filterNew__list-item .o-checkbox__label {
    margin-left: .75rem;
    font-size: var(--pva-fs-12);
    color: var(--pva-base-black)
}

.c-filterNew__right {
    display: flex;
    width: 70%;
    flex: 0 0 70%
}

.c-filterNew__right-inner {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 1.5rem .25rem 1.5rem 1.5rem
}

.c-filterNew__right-section {
    display: flex;
    max-height: 12rem;
    overflow: auto;
    margin-top: 1.5rem
}

.c-filterNew__right-section::-webkit-scrollbar {
    width: .25rem;
    height: .25rem
}

.c-filterNew__right-section::-webkit-scrollbar-track {
    background: 0 0
}

.c-filterNew__right-section::-webkit-scrollbar-thumb {
    background-color: var(--pva-base-white-2800, #d6dbf2);
    border-radius: .25rem
}

.c-filterNew__right .c-filterNew__list {
    display: flex;
    max-height: auto;
    overflow: unset;
    margin: 0
}

.c-table {
    color: inherit;
    overflow-wrap: break-word;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: var(--pva-fs-12, .75rem)
}

.c-table thead th {
    position: relative;
    font-size: var(--pva-fs-12, .75rem);
    font-weight: 500;
    text-align: inherit;
    padding: .5rem .625rem;
    height: 1.875rem;
    background-color: var(--pva-base-grey-100, #fafafa);
    color: var(--pva-base-black, #000)
}

.c-table thead th:first-child {
    padding-left: 1rem
}

.c-table thead th:last-child {
    padding-right: 1rem
}

.c-table tbody tr {
    position: relative;
    background-color: var(--pva-base-white, #fff)
}

.c-table tbody tr td {
    font-size: var(--pva-fs-12, .75rem);
    padding: .5rem .625rem;
    height: 3.125rem;
    vertical-align: middle;
    color: var(--pva-base-black-200, #222)
}

.c-table tbody tr td:first-child {
    padding-left: 1rem
}

.c-table tbody tr td:last-child {
    padding-right: 1rem
}

.c-table tbody tr td a:focus,
.c-table tbody tr td a:hover {
    text-decoration: none
}

.c-table tbody tr td .-text-semibold {
    font-weight: 600
}

.c-table tbody a.-disabled {
    pointer-events: none;
    opacity: .5
}

.c-table tbody a.-disabled img {
    opacity: .5
}

.c-table tbody a.-disabled i {
    color: var(--pva-base-grey, #ccc)
}

.c-table .c-table-link {
    color: var(--pva-color-primary, #a100ff);
    text-decoration: none
}

.c-table__inner {
    padding: 0 !important
}

.c-table__inner .c-table tbody tr {
    background-color: var(--pva-base-white-1200, #f0f6ff)
}

.c-table__inner .c-table tbody tr td:first-child {
    padding-left: 6.25rem
}

.c-table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    color: var(--pva-base-black, #000);
    scrollbar-width: thin;
    scrollbar-color: var(--pva-color-primary, #a100ff) var(--pva-base-white, #fff)
}

.c-table-responsive::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: var(--pva-base-white, #fff)
}

.c-table-responsive::-webkit-scrollbar-thumb {
    background-color: var(--pva-color-primary, #a100ff);
    border-radius: 6px/2;
    cursor: pointer;
    min-height: 40px
}

.c-table-responsive::-webkit-scrollbar-track {
    border-radius: 6px/2;
    background-color: var(--pva-base-white, #fff);
    cursor: pointer
}

.c-table-responsive .c-table.-hover tbody tr:hover {
    box-shadow: 0 1px 1px rgba(117, 0, 192, .5);
    background-color: rgba(245, 229, 255, .5);
    z-index: 1
}

.c-table-responsive.-nowrap .c-table {
    white-space: nowrap
}

.c-table-responsive.-border {
    border-top: .125rem solid var(--pva-color-primary, #a100ff)
}

.c-table-fixed {
    table-layout: fixed
}

.c-text-center {
    text-align: center !important
}

.c-text-right {
    text-align: right !important
}

.c-table-sort {
    display: inline-block;
    text-decoration: none;
    color: inherit;
    position: relative;
    padding-right: .75rem
}

.c-table-sort:focus,
.c-table-sort:hover {
    text-decoration: none;
    color: inherit
}

.c-table-sort:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    border: .25rem solid transparent;
    top: 50%;
    right: 0;
    border-top-color: var(--pva-base-grey-1100, #737373)
}

.c-table-sort.active:before {
    border-bottom-color: var(--pva-base-black, #000);
    border-top-color: transparent;
    margin-top: -.335rem
}

.c-inner__padding {
    padding: 0 !important
}

.c-text-wrap {
    max-width: 9.125rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.c-roles-table {
    counter-reset: count;
    margin-bottom: 2rem
}

.c-roles-table .c-accordion .c-collapse {
    padding: 0 0 0 1.5rem;
    font-size: var(--pva-fs-12, .75rem);
    position: relative;
    justify-content: flex-start;
    gap: .25rem
}

.c-roles-table .c-accordion .c-collapse:after {
    position: absolute;
    content: "";
    border-right: .0625rem solid var(--pva-base-black, #000);
    border-bottom: .0625rem solid var(--pva-base-black, #000);
    width: .5rem;
    height: .5rem;
    left: 0;
    top: 40%;
    transform: translateY(-40%) rotate(45deg);
    transition: all;
    cursor: pointer
}

.c-roles-table .c-accordion .c-collapse:before {
    counter-increment: count;
    content: counter(count) ". ";
    left: 0
}

.c-roles-table .c-accordion .c-collapse[aria-expanded=true] {
    box-shadow: unset;
    font-weight: 600;
    font-size: var(--pva-fs-12, .75rem)
}

.c-roles-table .c-accordion .c-collapse[aria-expanded=true]:after {
    top: 57%;
    transform: translateY(-50%) rotate(-135deg)
}

.c-roles-table .o-checkbox label {
    color: var(--pva-base-black, #000)
}

.c-roles-table .o-checkbox__checked {
    background: 0 0;
    border: .063rem solid var(--pva-base-black, #000);
    border-radius: .25rem
}

.c-roles-table .c-table thead th {
    font-size: .563rem
}

.c-roles-table .c-table tbody tr td {
    color: var(--pva-base-black, #000)
}

.c-tooltip {
    --tooltip-bg: var(--pva-base-grey-1300, #505050);
    --arrow-w: 8px;
    position: absolute;
    top: 0;
    left: 0;
    display: inline-flex;
    z-index: -1000;
    min-width: 3.5rem;
    max-width: 15.625rem;
    background-color: var(--tooltip-bg);
    min-height: 28px;
    font-size: .75rem;
    color: var(--pva-base-white, #fff);
    filter: drop-shadow(0 0 .625rem rgba(0, 0, 0, .12));
    border-radius: .25rem;
    opacity: 0;
    transition: opacity ease-in .2s;
    transform: translate(-50%, calc(-100% - 8px))
}

.c-tooltip .-arrow {
    position: absolute;
    top: 100%;
    left: 50%;
    border-left: var(--arrow-w) solid transparent;
    border-right: var(--arrow-w) solid transparent;
    border-top: var(--arrow-w) solid var(--tooltip-bg);
    border-bottom: none;
    transform: translateX(-50%);
    filter: drop-shadow(-3px -3px 6px rgba(0, 0, 0, .16))
}

.c-tooltip .c-tooltip__inner {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    padding: .5rem;
    background-color: var(--tooltip-bg);
    border-radius: .25rem;
    z-index: 1
}

.c-tooltip.-show {
    opacity: 1;
    z-index: 1051
}

.c-tooltip[x-placement=top] {
    transform: translate(-50%, calc(-100% - 8px))
}

.c-tooltip[x-placement=bottom] {
    transform: translate(-50%, 8px)
}

.c-tooltip[x-placement=bottom] .-arrow {
    top: 0;
    left: 50%;
    transform: translate(-50%, -100%) rotate(180deg)
}

.c-tooltip[x-placement=left] {
    transform: translate(calc(-100% - 8px), -50%)
}

.c-tooltip[x-placement=left] .-arrow {
    top: 50%;
    left: 100%;
    transform: translate(-4px, -50%) rotate(270deg)
}

.c-tooltip[x-placement=right] {
    transform: translate(8px, -50%)
}

.c-tooltip[x-placement=right] .-arrow {
    top: 50%;
    left: 0;
    transform: translate(-12px, -50%) rotate(90deg)
}

.c-tooltip[x-placement=top-left] {
    transform: translate(-50%, calc(-100% - 8px))
}

.c-tooltip[x-placement=top-right] {
    transform: translate(-50%, calc(-100% - 8px))
}

.c-tooltip[x-placement=bottom-left] {
    transform: translate(-50%, calc(-100% - 8px))
}

.c-tooltip[x-placement=bottom-right] {
    transform: translate(-50%, calc(-100% - 8px))
}

.c-import-users .c-modal__body {
    overflow: hidden
}

.c-import-users .c-modal__body .o-file-input {
    background: var(--pva-base-white, #fff);
    margin-bottom: 1.688rem;
    max-height: 7.25rem;
    padding: 2rem 0
}

.c-import-users .c-modal__body .o-file-input__upload {
    gap: 2rem
}

.c-import-users .c-modal__body .o-file-input__upload .icon-upload {
    font-size: calc(var(--pva-fs-24) * 2.375)
}

.c-import-users .c-modal__body .o-file-input__upload .icon-upload:before {
    margin-top: 1.375rem
}

.c-import-users .c-modal__body .o-file-input__upload-section {
    gap: 1.125rem
}

.c-import-users .c-modal__body .o-file-input__upload-section-label {
    color: var(--pva-base-black, #000);
    font-size: var(--pva-fs-16, 1rem)
}

.c-import-users .c-modal__body .o-file-input__uploader-btn {
    font-size: var(--pva-fs-16, 1rem);
    font-weight: 500;
    text-decoration: underline
}

.c-import-users .c-modal__body .o-file-input__info {
    color: var(--pva-base-grey-700, #4a4a4a)
}

.c-download {
    display: inline-flex;
    flex-direction: column;
    gap: .75rem
}

.c-download.-attachment {
    width: 100%;
    margin-top: .75rem
}

.c-download-title {
    color: var(--pva-base-grey-700, #4a4a4a);
    font-size: var(--pva-fs-12, .75rem);
    font-weight: 500
}

.c-download-template {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    padding: .75rem .75rem .75rem .5rem;
    border-radius: .25rem;
    background: var(--pva-base-white-2500, #f7f7f7);
    max-height: 3rem;
    min-width: 13.063rem
}

.c-download-template.-attachment {
    padding: .5rem 1.5rem .5rem 1rem;
    border-radius: .5rem;
    max-height: 4rem
}

.c-download-template-left {
    display: flex;
    align-items: center;
    gap: .5rem
}

.c-download-template-left.-attachment {
    gap: 1rem
}

.c-download-template-left .icon-excel {
    color: var(--pva-base-green-800, #20744a);
    font-size: var(--pva-fs-24, 1.5rem)
}

.c-download-template-left .icon-excel:before {
    margin-top: .75rem
}

.c-download-template-right .icon-download:before {
    margin-top: .313rem
}

.c-download-template-right .icon-close {
    font-size: var(--pva-fs-20, 20px);
    position: relative;
    top: .25rem;
    cursor: pointer
}

.c-download-template-text-wrap {
    display: flex;
    flex-direction: column;
    gap: .563rem
}

.c-download-template-upload {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: var(--pva-fs-12, .75rem)
}

.c-download-template-success-icon {
    position: relative;
    top: .125rem
}

.c-download-template-success-text {
    color: var(--pva-base-grey-3600, #666)
}

.c-alert-modal {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 3rem 0 2.25rem 0;
    height: 100%
}

.c-alert-modal__desc,
.c-alert-modal__title {
    font-size: 1rem;
    margin: 0;
    font-weight: 400
}

.c-alert-modal__title {
    margin: .5625rem 0 .375rem 0
}

.c-alert-modal__desc {
    color: var(--pva-base-grey-1100, #737373);
    max-width: 26.875rem;
    text-align: center
}

.c-alert-modal__footer {
    margin-top: auto
}

.c-data-transfer .c-modal__body {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-top: 0
}

.c-data-transfer .c-modal__body .o-checkbox.-large {
    margin-left: 1.5625rem
}

.c-data-transfer__header {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.c-data-transfer__header-label {
    color: var(--pva-base-grey-4200, #818181)
}

.c-data-transfer__header-link {
    display: flex;
    align-items: center;
    gap: .625rem;
    font-size: var(--pva-fs-16, 1rem)
}

.c-data-transfer__header-link:before {
    display: inline-flex;
    font-size: 1.375rem
}

.c-data-transfer .c-modal__header {
    background: 0 0;
    padding-bottom: 1.625rem
}

.c-data-transfer .c-modal__footer {
    box-shadow: none
}

.c-pva-table button {
    background: 0 0;
    border: none;
    text-transform: inherit;
    padding: 0
}

.c-pva-table thead {
    border-bottom: 1px solid var(--pva-base-grey-2200, #eeeded);
    background: var(--pva-base-grey-100, #fafafa)
}

.c-pva-table thead tr th {
    font-size: var(--pva-fs-12, .75rem);
    font-weight: 500;
    text-transform: uppercase;
    padding: .3rem 1.25rem;
    text-align: left
}

.c-pva-table thead tr th button {
    display: inline-flex;
    align-items: center;
    gap: .25rem
}

.c-pva-table thead tr th button:before {
    order: 1;
    font-size: 1.25rem
}

.c-pva-table thead tr th button.icon-down:before {
    font-size: 1.75rem
}

.c-pva-table tbody {
    background: var(--pva-base-white, #fff);
    box-shadow: 0 1px 0 0 var(--pva-base-white-2000, #f8f8f8)
}

.c-pva-table tbody tr td {
    font-size: var(--pva-fs-14, .875rem);
    padding: .9063rem 1.25rem
}

.c-pva-table tbody tr td.-actions {
    display: flex;
    align-items: center
}

.c-pva-table tbody tr td.-actions button {
    display: inline-flex
}

.c-pva-table tbody tr td.-actions button:before {
    font-size: 1.25rem
}

.c-isolate-level-table__tbl {
    width: 100%;
    margin-top: 1rem
}

.c-isolate-level-table__tbl-th {
    font-size: .563rem;
    font-weight: 500;
    vertical-align: middle;
    background: var(--pva-base-grey-100, #fafafa);
    border-bottom: 1px solid var(--pva-base-grey-2200, #eeeded);
    text-align: left;
    padding: .5rem 0;
    text-transform: uppercase;
    position: relative
}

.c-isolate-level-table__tbl-th:first-child {
    padding-left: 1.938rem;
    width: 30%
}

.c-isolate-level-table__tbl-td {
    vertical-align: middle;
    padding: .906rem 0;
    border-bottom: 1px solid var(--pva-base-grey-4300, #d7d5d5);
    font-size: var(--pva-fs-12, .75rem)
}

.c-isolate-level-table__tbl-td:first-child {
    padding-left: 1.938rem
}

.c-isolate-level-table__tbl-td .o-checkbox label {
    color: var(--pva-base-black, #000);
    font-size: var(--pva-fs-12, .75rem);
    margin-left: .438rem
}

.c-isolate-level-table__tbl-td .o-checkbox__checked {
    border: .063rem solid var(--pva-base-black, #000);
    background: 0 0;
    border-radius: .25rem
}

.c-isolate-level-table__tbl-td-tr {
    background: var(--pva-base-white, #fff);
    transition: all ease-in-out .3s
}

.c-isolate-level-table__tbl-td-tr:hover {
    background: var(--pva-base-white-1200, #f0f6ff);
    mix-blend-mode: multiply
}

.c-isolate-level-table .o-radio input:before {
    background: 0 0
}

.c-attention-modal {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 4rem 0 3.3125rem 0;
    height: 100%
}

.c-attention-modal__title {
    font-size: 1.5rem;
    margin: .5625rem 0 .625rem;
    font-weight: 500
}

.c-attention-modal__desc {
    text-align: center;
    font-size: 1rem;
    margin: 0 0 1rem 0
}

.c-attention-modal__desc-two {
    margin: 0
}

.c-attention-modal__desc-span {
    font-weight: 500
}

.c-attention-modal__footer {
    margin-top: auto;
    display: flex;
    gap: 16px
}

.c-attention-modal__footer .o-primary-button,
.c-attention-modal__footer .o-secondary-button {
    min-width: 6.75rem
}

.c-attention-modal__wrap .c-modal__container {
    max-width: 46.375rem
}

.c-attention-modal__wrap .c-modal__content {
    height: 21.875rem;
    border-radius: .75rem !important
}

.c-survey-modal {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 4.5rem 0 4rem 0;
    height: 100%
}

.c-survey-modal.-padding {
    padding: 4.5rem 8rem 4rem 8rem
}

.c-survey-modal__title {
    font-size: 1.5rem;
    margin: .5625rem 0 .625rem;
    font-weight: 500
}

.c-survey-modal__desc {
    text-align: center;
    margin: 0;
    font-size: 1rem
}

.c-survey-modal__desc-span {
    font-weight: 500
}

.c-survey-modal__desc-bold {
    font-weight: 600
}

.c-survey-modal__footer {
    margin-top: auto;
    display: flex;
    gap: 1rem
}

.c-survey-modal__footer .o-primary-button {
    min-width: 6.75rem
}

.c-survey-modal__footer .o-secondary-button {
    min-width: 6.75rem
}

.c-survey-modal__wrap .c-modal__container {
    max-width: 46.375rem
}

.c-survey-modal__wrap .c-modal__content {
    height: 21.875rem;
    border-radius: .75rem !important
}

.c-copy-survey .c-modal__container {
    max-width: 46.375rem
}

.c-copy-survey .c-modal__content {
    height: 20rem;
    border-radius: .75rem !important
}

.c-copy-survey .c-modal__body {
    padding-top: 0;
    padding-bottom: 0
}

.c-copy-survey .c-modal__header {
    padding: 1.625rem 1.5rem 1.375rem
}

.c-copy-survey .c-modal__header-title {
    font-size: 1.5rem
}

.c-copy-survey .c-modal__header-close {
    top: 1.5rem;
    right: 1.5rem
}

.c-copy-survey .c-modal-footer {
    padding-top: 2.375rem
}

.c-copy-survey:has(.o-select__options-list.-active) .c-modal__content {
    height: 27.8125rem
}

.c-copy-survey:has(.o-select__options-list.-active) .c-modal__body {
    overflow: unset;
    height: 15.625rem
}

.c-copy-survey .o-primary-button,
.c-copy-survey .o-secondary-button {
    min-width: 6.75rem
}

.c-copy-survey .o-select__option {
    border-bottom: 1px solid #e4e4e4;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    padding: .75rem .5rem
}

.c-copy-survey .o-select__option:hover {
    box-shadow: unset;
    background: unset
}

.c-copy-survey .o-select__option:last-child {
    border-bottom: unset
}

.c-copy-survey .o-select__options-list {
    padding: .25rem 1rem;
    overflow-y: auto
}

.c-copy-survey .o-select__options-list::-webkit-scrollbar {
    background: 0 0;
    width: .25rem
}

.c-copy-survey .o-select__options-list::-webkit-scrollbar-track {
    background: 0 0;
    margin-top: 6px
}

.c-copy-survey .o-select__options-list::-webkit-scrollbar-thumb {
    background: #d4c0ff
}

.c-copy-survey .o-select__options-list.-active {
    height: 11rem;
    overflow-y: auto
}

.c-add-attachments .c-modal__content {
    border-radius: .75rem;
    max-height: 80vh
}

.c-add-attachments .c-modal__container {
    max-width: 46.375rem
}

.c-add-attachments .c-modal__header {
    padding: 2rem 1.5rem 1rem
}

.c-add-attachments .c-modal__header-title {
    font-size: var(--pva-fs-24, 24px);
    font-weight: 500;
    margin-bottom: 0 !important
}

.c-add-attachments .c-modal__header-text {
    color: var(--pva-base-black, #000);
    font-size: var(--pva-fs-14, 14px)
}

.c-add-attachments .c-modal__header-close {
    top: var(--pva-fs-24);
    right: var(--pva-fs-24)
}

.c-add-attachments .c-modal__body {
    padding: 0 1.5rem
}

.c-add-attachments .c-modal__body .o-file-input {
    background: #fafaff;
    border: .063rem dashed #c1c1c1;
    border-radius: .5rem;
    max-height: 8.5rem;
    padding: 3rem 0
}

.c-add-attachments .c-modal__body .o-file-input__upload {
    gap: 1.5rem
}

.c-add-attachments .c-modal__body .o-file-input__upload .icon-upload {
    font-size: calc(var(--pva-fs-20) * 2)
}

.c-add-attachments .c-modal__body .o-file-input__upload .icon-upload:before {
    margin-top: 1.125rem
}

.c-add-attachments .c-modal__body .o-file-input__upload-section {
    gap: .75rem
}

.c-add-attachments .c-modal__body .o-file-input__upload-section-label {
    color: var(--pva-base-black, #000);
    font-size: var(--pva-fs-14, 14px);
    line-height: 1
}

.c-add-attachments .c-modal__body .o-file-input__uploader-btn {
    font-size: var(--pva-fs-16, 1rem);
    font-weight: 500;
    text-decoration: underline
}

.c-add-attachments .c-modal__body .o-file-input__info {
    color: var(--pva-base-grey-700, #4a4a4a);
    line-height: 1
}

.c-add-attachments .c-modal__footer {
    padding: 1.5rem 1.5rem 2rem
}

.c-add-attachments .c-modal__footer-btnGroup {
    gap: 1rem !important
}

.c-add-attachments .o-primary-button {
    border-radius: .5rem;
    min-width: 6.75rem
}

.c-add-attachments .o-secondary-button {
    border-radius: .5rem;
    min-width: 6.75rem
}

.c-import-options .c-modal__content {
    border-radius: .75rem;
    height: 30.563rem;
    max-height: 80vh
}

.c-import-options .c-modal__container {
    max-width: 46.375rem
}

.c-import-options .c-modal__header {
    padding: 2rem 1.5rem 1rem
}

.c-import-options .c-modal__header-title {
    font-size: var(--pva-fs-24, 24px);
    line-height: 1;
    font-weight: 500;
    margin-bottom: var(--pva-fs-16) !important
}

.c-import-options .c-modal__header-text {
    color: var(--pva-base-black, #000);
    font-size: var(--pva-fs-14, 14px)
}

.c-import-options .c-modal__header-close {
    top: var(--pva-fs-24);
    right: var(--pva-fs-24)
}

.c-import-options .c-modal__body {
    padding: 0 1.5rem
}

.c-import-options .c-modal__body .o-file-input {
    background: #fafaff;
    border: .063rem dashed #c1c1c1;
    border-radius: .5rem;
    max-height: 8.5rem;
    padding: 3rem 0
}

.c-import-options .c-modal__body .o-file-input__upload {
    gap: 1.5rem
}

.c-import-options .c-modal__body .o-file-input__upload .icon-upload {
    font-size: calc(var(--pva-fs-20) * 2)
}

.c-import-options .c-modal__body .o-file-input__upload .icon-upload:before {
    margin-top: 1.125rem
}

.c-import-options .c-modal__body .o-file-input__upload-section {
    gap: .75rem
}

.c-import-options .c-modal__body .o-file-input__upload-section-label {
    color: var(--pva-base-black, #000);
    font-size: var(--pva-fs-14, 14px);
    line-height: 1
}

.c-import-options .c-modal__body .o-file-input__uploader-btn {
    font-size: var(--pva-fs-16, 1rem);
    font-weight: 500;
    text-decoration: underline
}

.c-import-options .c-modal__body .o-file-input__info {
    color: var(--pva-base-grey-700, #4a4a4a);
    line-height: 1
}

.c-import-options .c-modal__footer {
    padding: 1.5rem 1.5rem 2rem
}

.c-import-options .c-modal__footer-btnGroup {
    gap: 1rem !important
}

.c-import-options .o-primary-button {
    border-radius: .5rem;
    min-width: 6.75rem
}

.c-import-options .o-secondary-button {
    border-radius: .5rem;
    min-width: 6.75rem
}

.c-import-options__download-wrap {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .25rem;
    padding: .313rem 0 .688rem
}

.c-import-options__download-icon {
    font-size: var(--pva-fs-12, 12px);
    position: relative;
    top: .063rem
}

.c-import-options__upload-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: .063rem solid var(--pva-base-grey, #ccc);
    border-bottom: .063rem solid var(--pva-base-grey, #ccc);
    padding: .625rem 1rem .625rem 0;
    margin-top: .75rem
}

.c-import-options__upload-wrap-left {
    display: flex;
    flex-direction: column;
    gap: .563rem
}

.c-import-options__upload-wrap-left-bottom {
    font-size: var(--pva-fs-12, 12px);
    color: var(--pva-base-grey-3600, #666)
}

.c-import-options__upload-wrap-right {
    display: flex;
    align-items: center;
    gap: 1.5rem
}

.c-import-options__upload-wrap-right-progress-bar {
    min-width: 6.25rem
}

.c-import-options__upload-wrap-right-progress-title {
    font-size: var(--pva-fs-12, 12px);
    color: var(--pva-base-grey-3600, #666);
    padding-right: 1.5rem;
    border-right: .063rem solid var(--pva-base-grey, #ccc)
}

.c-import-options__upload-wrap-right-progress-close {
    font-size: var(--pva-fs-20, 20px);
    position: relative;
    top: .188rem
}

.c-surveys-card {
    border-radius: .75rem;
    background: var(--pva-base-white, #fff);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    padding: 1rem;
    display: flex;
    flex-direction: column;
    min-height: 18.75rem
}

.c-surveys-card__header {
    display: flex;
    justify-content: space-between;
    gap: .25rem;
    align-items: flex-start;
    padding: 0 .5rem 1rem;
    height: 4rem
}

.c-surveys-card__header .o-dropdown-menu {
    box-shadow: 0 2px 11px 0 rgba(0, 0, 0, .1);
    border-radius: .5rem;
    min-width: 9rem;
    top: 1.5rem
}

.c-surveys-card__header .o-dropdown-item {
    padding: .625rem 1rem;
    border-left: 0;
    display: block;
    position: relative;
    font-size: var(--pva-fs-14, .875rem);
    white-space: nowrap
}

.c-surveys-card__header .o-dropdown-item:hover {
    box-shadow: unset;
    background: #fafafa;
    font-weight: 400;
    color: #a100ff
}

.c-surveys-card__header .o-dropdown-item:not(:first-child):before {
    content: "";
    top: 0;
    border-top: 1px solid #e4e4e4;
    left: .5rem;
    right: .5rem;
    position: absolute
}

.c-surveys-card__body {
    padding: 0 .5rem
}

.c-surveys-card__title {
    font-size: 1rem;
    font-weight: 500;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.c-surveys-card__date {
    font-size: .625rem;
    padding-bottom: .5rem
}

.c-surveys-card__status {
    border-radius: .75rem;
    font-size: .75rem;
    height: 1.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .25rem .5rem
}

.c-surveys-card__status.-draft {
    background-color: rgba(243, 219, 157, .54)
}

.c-surveys-card__status.-published {
    background-color: rgba(157, 210, 243, .54)
}

.c-surveys-card__status.-completed {
    background-color: #dff1dc
}

.c-surveys-card__status.-reopened {
    background-color: #cae7f8
}

.c-surveys-card__desc {
    margin-top: 1.25rem;
    color: #878787;
    font-size: .75rem
}

.c-surveys-card__footer {
    margin-top: auto;
    padding: 1rem 0 0;
    border-top: 1px solid #dadada
}

.c-surveys-card__footer>a {
    text-align: center;
    text-transform: uppercase;
    font-size: .75rem;
    display: block
}

.c-surveys-card__progress {
    display: -ms-grid;
    display: grid;
    gap: .25rem;
    margin-bottom: 1.5rem
}

.c-surveys-card__progress-title {
    display: flex;
    justify-content: space-between;
    gap: .25rem
}

.c-surveys-card__progress-title>div:first-child {
    font-size: .625rem;
    text-transform: uppercase
}

.c-surveys-card__progress-title>div:last-child {
    font-size: .75rem;
    font-weight: 500
}

.c-surveys-card__progress-progress {
    border-bottom: 2px dashed silver;
    height: 3px
}

.c-surveys-card__progress-progress>span {
    position: relative;
    background-color: #778eff;
    display: block;
    height: .25rem;
    border-radius: .25rem
}

.c-surveys-card__progress-progress>span:after {
    content: "";
    width: 2px;
    height: .375rem;
    background-color: #778eff;
    position: absolute;
    right: 0;
    top: -1px
}

.c-surveys-card__progress-progress>span.-completed:after {
    display: none
}

.c-surveys-card-dropdown {
    position: relative
}

.c-surveys-card-dropdown-item {
    display: flex;
    align-items: center;
    position: relative;
    padding: .625rem 1rem;
    margin: 0;
    border-left: 0;
    font-size: var(--pva-fs-14, .875rem)
}

.c-surveys-card-dropdown-item:before {
    content: "";
    top: 0;
    border-top: 1px solid #e4e4e4;
    left: .5rem;
    right: .5rem;
    position: absolute
}

.c-surveys-card-dropdown-item:after {
    content: "";
    position: absolute;
    right: 1rem;
    border: solid #000;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: .25rem;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.c-surveys-card-dropdown-item:hover {
    background-color: #fafafa;
    color: #a100ff
}

.c-surveys-card-dropdown-inner {
    position: absolute;
    left: 100%;
    min-width: 10rem;
    top: 0;
    background-color: #fff;
    border-radius: .75rem;
    display: none
}

.c-surveys-card-dropdown.-show .c-surveys-card-dropdown-inner {
    display: block
}

.c-surveys-card-dropdown.-show .c-surveys-card-dropdown-item:after {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    right: .625rem
}

.c-surveys-card-dropdown.-left .c-surveys-card-dropdown-inner {
    left: unset;
    right: 100%
}

.c-surveys-row {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: repeat(4, 1fr);
    padding-top: 1.25rem;
    gap: 1.5rem
}

.c-surveys-tab[role=tablist] [role=tab] {
    color: #222
}

.c-surveys-tab[role=tablist] [role=tab][aria-selected=true] {
    border-color: #4079f0;
    font-weight: 500
}

.c-view-toggle__wrapper {
    border-radius: .75rem;
    background: var(--pva-base-white, #fff);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .1);
    padding: .5rem 1rem .5rem 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.c-view-toggle__right {
    display: flex;
    align-items: center;
    gap: 1rem
}

.c-define-card__range {
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.c-define-card__range.-hide {
    display: none
}

.c-define-card__range-item {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: .5rem;
    border-radius: .75rem;
    border: 1px solid var(--pva-base-white, #fff);
    background: var(--pva-base-white, #fff);
    padding: 1rem 1rem 1.25rem;
    height: 8.9rem
}

.c-define-card__range-item:not(:last-child) {
    margin-bottom: 3.5rem
}

.c-define-card__range-title {
    color: var(--pva-base-grey-1600, #717171);
    font-weight: 500;
    font-size: var(--pva-fs-12, .75rem)
}

.c-define-card__range-title.-define {
    color: var(--pva-base-grey-1300, #505050)
}

.c-define-card__range-slider {
    width: 100%;
    position: relative;
    padding-top: 1rem
}

.c-define-card__range-slider-value>span {
    color: var(--pva-base-grey-1100, #737373);
    font-size: var(--pf-fs-10, .625rem);
    position: absolute;
    top: .125rem;
    font-weight: 500
}

.c-define-card__range-slider-value .-start {
    left: 0
}

.c-define-card__range-slider-value .-end {
    right: 0
}

.c-define-card__range-slider .o-rangeslider {
    border-radius: 1.125rem
}

.c-define-card__range-slider .o-rangeslider::-webkit-slider-runnable-track {
    height: .5rem;
    background: linear-gradient(90deg, #7c75c4 0, #978fed 100%) no-repeat #eee;
    background-size: var(--range-size) 100%
}

.c-define-card__range-slider .o-rangeslider::-webkit-slider-thumb {
    height: 1rem;
    width: 1rem;
    border: 4px solid #4c51c8;
    background-color: var(--pva-base-white, #fff)
}

.c-define-card__range-slider .o-rangeslider::-moz-range-track {
    height: .5rem;
    background: linear-gradient(90deg, #7c75c4 0, #978fed 100%) no-repeat #eee;
    background-size: var(--range-size) 100%
}

.c-define-card__range-slider .o-rangeslider::-moz-range-thumb {
    height: 1rem;
    width: 1rem;
    border: 4px solid var(--pva-base-white, #fff);
    background-color: #4c51c8
}

.c-define-card__range-slider .o-rangeslider::-ms-track {
    height: .5rem;
    background: #eee;
    background-size: var(--range-size) 100%
}

.c-define-card__range-slider .o-rangeslider::-ms-fill-upper {
    background: #eee
}

.c-define-card__range-value {
    display: flex;
    align-items: center;
    gap: .5rem
}

.c-define-card__range-input {
    width: 3.6rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .5rem;
    background-color: var(--color-base-background, #fff);
    border: 1px solid var(--color-grey-300, #ddd);
    padding: .5rem;
    font-size: var(--pf-fs-18, 1.125rem);
    font-weight: 500
}

.c-define-card__range-input:focus {
    outline: 0;
    border-color: var(--pva-base-black, #000)
}

.c-define-card__range-input.-percent {
    width: 2rem;
    height: 2rem
}

.c-define-card__define,
.c-define-card__radios {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.c-define-card__radios {
    gap: 1rem
}

.c-define-card__define {
    display: none;
    margin-top: 2rem
}

.c-define-card__define.-active {
    display: flex
}

.c-define-card__qlabel {
    display: block;
    color: #505050
}

.c-define-card .o-radio input {
    --ocircle-size: 1rem
}

.c-define-card.-preview {
    pointer-events: none
}

.c-define-card.-preview .c-define-card__range-input {
    color: #505050
}

.c-define-card.-preview .c-define-card__range-input.-percent {
    color: #a6a6a6
}

.c-list-view__wrapper {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.c-list-view__preview {
    border-radius: .75rem;
    background: #f3f6fa;
    padding: 1rem 2rem
}

.c-list-view__preview-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem
}

.c-list-view__preview-title {
    color: #090909;
    font-size: var(--pva-fs-20, 20px)
}

.c-list-view__preview-list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: repeat(3, 1fr);
    row-gap: 1.5rem;
    column-gap: 1rem
}

.c-list-view__preview-bottom {
    margin-bottom: 2rem
}

.c-list-view__preview-bottom:last-child {
    margin-bottom: 0
}

.c-list-view__preview-bottom-wrap {
    display: none
}

.c-list-view__preview-bottom-wrap.-active {
    display: block
}

.c-list-view__ptitle {
    color: var(--pva-base-grey-1300, #505050);
    font-size: var(--pva-fs-16, 16px);
    font-weight: 500;
    display: block;
    margin-bottom: 1rem
}

.c-list-view__header {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    gap: .25rem;
    margin-bottom: 1rem
}

.c-list-view__header .c-list-view__ptitle {
    margin: 0
}

.c-list-view__header-time {
    font-size: var(--pva-fs-12, .75rem)
}

.c-list-view__header-time>span {
    font-weight: 500
}

.c-stepper {
    width: 100%;
    padding: 1.5rem;
    display: flex;
    justify-content: center;
    position: fixed;
    top: 5.875rem;
    left: 0;
    background: var(--pva-base-white, #fff);
    z-index: 2
}

.c-stepper__wrapper {
    display: flex;
    align-items: center;
    gap: 8rem
}

.c-stepper__step {
    display: flex;
    align-items: center;
    gap: .5rem;
    position: relative
}

.c-stepper__step-icon {
    width: 1.5rem;
    flex: 0 0 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    border: 1px solid #a1aebe;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #a1aebe
}

.c-stepper__step-icon>i {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem
}

.c-stepper__step-separator {
    width: 6.25rem;
    height: .125rem;
    background-color: #a1aebe
}

.c-stepper__step-separator.-active {
    background-color: #989dff
}

.c-stepper__step-separator.-complete {
    background-color: #66a352
}

.c-stepper__step:not(:last-child):after {
    content: "";
    position: absolute;
    right: -6.5rem;
    width: 5.5rem;
    border-top: 2px solid #a1aebe
}

.c-stepper__step.-active {
    font-weight: 600;
    color: #4c51c8
}

.c-stepper__step.-active .c-stepper__step-icon {
    border: unset;
    background: #e4e5f7;
    color: #4c51c8
}

.c-stepper__step.-active:after {
    border-color: #989dff
}

.c-stepper__step.-complete {
    font-weight: 400;
    color: #000
}

.c-stepper__step.-complete .c-stepper__step-icon {
    border: unset;
    background: #66a352;
    color: var(--pva-base-white, #fff)
}

.c-stepper__step.-complete:after {
    border-color: #66a352
}

.c-stepper.-survey .c-stepper__wrapper {
    gap: 13rem
}

.c-stepper.-survey .c-stepper__step:not(:last-child):after {
    right: -11.5rem;
    width: 10.5rem
}

.c-stepper .icon-basic-details,
.c-stepper .icon-feedbck {
    display: flex;
    font-size: .75rem
}

.c-stepper .icon-clock:before {
    position: relative;
    right: -.3px
}

.c-manual-survey {
    margin-top: 7.063rem
}

.c-manual-survey .c-basic-details__survey {
    margin: .5rem 0
}

.c-manual-survey__outer {
    border-radius: .5rem;
    background: #edf2f9;
    height: 29.75rem;
    position: relative;
    padding: 3rem 6rem;
    overflow: hidden
}

.c-manual-survey__outer:before {
    content: "";
    position: absolute;
    right: -10.8125rem;
    bottom: -7.0625rem;
    background: linear-gradient(111deg, rgba(200, 218, 255, .02) 8.05%, #c8daff 86.7%);
    width: 100%;
    height: 31rem;
    z-index: 1;
    transform: rotate(-10deg);
    -webkit-clip-path: ellipse(50% 100% at 50% 100%);
    clip-path: ellipse(50% 100% at 50% 100%)
}

.c-manual-survey__inner {
    border-radius: .5rem;
    background: #fff;
    padding: 1.5rem 1rem 2rem 1.75rem;
    position: relative;
    z-index: 1
}

.c-manual-survey__inner-content {
    background: #fff;
    height: 21.75rem;
    padding-right: .75rem;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    overflow: auto
}

.c-manual-survey__inner-content::-webkit-scrollbar {
    height: .375rem;
    width: .375rem;
    background-color: transparent
}

.c-manual-survey__inner-content::-webkit-scrollbar-thumb {
    background-color: #eee6ff;
    border-radius: 1rem
}

.c-manual-survey__inner-content::-webkit-scrollbar-track {
    background-color: transparent
}

.c-manual-survey__label {
    font-weight: 500;
    margin-bottom: .5rem;
    display: block;
    color: #505050
}

.c-manual-survey__title {
    padding: .5rem;
    border-radius: .5rem
}

.c-manual-survey__title-text {
    position: relative
}

.c-manual-survey__title-text .-text {
    outline: 0;
    display: flex;
    flex-direction: column;
    font-weight: 600;
    font-size: var(--pva-fs-20, 1.25rem)
}

.c-manual-survey__title-text .-text.-fs {
    font-size: var(--pva-fs-24, 1.5rem)
}

.c-manual-survey__title-text .-text:empty:before {
    content: "Enter Title";
    color: #7a7a7a
}

.c-manual-survey__title-text .-text:focus {
    padding: .25rem 1rem;
    border: 1px solid #ddd;
    border-radius: .5rem;
    background: #fff
}

.c-manual-survey__title:has(.c-manual-survey__title-text.-text:focus) {
    background-color: #f3f6fa
}

.c-manual-survey__title:has(.c-manual-survey__title-text.-text[contenteditable=true]:hover) {
    background: #f3f6fa
}

.c-manual-survey__desc {
    padding: .5rem;
    border-radius: .5rem;
    color: #717171;
    margin-top: .5rem
}

.c-manual-survey__desc-btxt {
    font-weight: 500
}

.c-manual-survey__desc.-clr-blk {
    color: #000
}

.c-manual-survey__desc.-instructions {
    background-color: #f4f4f4
}

.c-manual-survey__desc.-instructions .-text {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    color: var(--pva-base-black, #000);
    font-size: var(--pva-fs-12, .75rem)
}

.c-manual-survey__desc.-instructions .-text:focus {
    display: block
}

.c-manual-survey__desc.-instructions .-text .c-manual-survey__desc-btxt {
    font-size: var(--pva-fs-14, .875rem)
}

.c-manual-survey__desc-btns {
    display: none;
    gap: .75rem;
    align-items: center;
    margin-top: .75rem
}

.c-manual-survey__desc-border {
    padding: .0625rem;
    background: linear-gradient(90deg, rgba(108, 37, 215, .6980392157) 10%, rgba(172, 104, 181, .6980392157) 70%);
    border-radius: 1.5rem
}

.c-manual-survey__desc-text {
    position: relative;
    border: 1px solid transparent;
    z-index: 1;
    font-size: var(--pva-fs-12, .75rem)
}

.c-manual-survey__desc-text ul {
    padding-left: .875rem;
    color: #505050
}

.c-manual-survey__desc-text-charcount {
    color: #717171;
    font-size: .625rem;
    display: none;
    position: absolute
}

.c-manual-survey__desc-text .-text {
    outline: 0;
    display: flex;
    flex-direction: column
}

.c-manual-survey__desc-text .-text:empty {
    display: block
}

.c-manual-survey__desc-text .-text:empty:before {
    content: "Enter";
    color: #7a7a7a
}

.c-manual-survey__desc-text .-text:focus {
    padding: .25rem 1rem;
    border: 1px solid #ddd;
    border-radius: .5rem;
    background: #fff
}

.c-manual-survey__desc-btn {
    border-radius: 1.5rem;
    padding: .1875rem .6875rem;
    background: #fff;
    font-size: .625rem;
    display: flex;
    gap: .625rem;
    align-items: center
}

.c-manual-survey__desc-btn .icon-shock {
    display: flex;
    font-size: .75rem;
    color: #707070
}

.c-manual-survey__desc:has(.c-manual-survey__desc-text.-text:focus) {
    outline: 0;
    background-color: #f3f6fa;
    padding: .5rem .5rem .75rem .5rem
}

.c-manual-survey__desc:has(.c-manual-survey__desc-text.-text:focus) .c-manual-survey__desc-btns {
    display: flex
}

.c-manual-survey__desc:has(.c-manual-survey__desc-text.-text[contenteditable=true]:hover) {
    background: #f3f6fa
}

.c-basic-questions {
    background: var(--pva-base-white, #fff);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    border-radius: .5rem;
    display: -ms-grid;
    display: grid;
    gap: .5rem;
    padding: 1.5rem 2rem;
    counter-reset: counter;
    margin-top: .5rem
}

.c-basic-questions .-question {
    font-weight: 500;
    position: relative
}

.c-basic-questions .-question.-required:after {
    content: "";
    position: absolute;
    margin-left: .5rem;
    left: 100%;
    top: 0;
    display: block;
    background: url(../../toolkit/images/asterisk.svg) no-repeat;
    width: .75rem;
    height: .75rem
}

.c-basic-questions-title {
    font-size: var(--pva-fs-20, 1.25rem);
    border-radius: .5rem;
    font-weight: 600
}

.c-basic-questions-dropdown .o-dropdown>a {
    display: flex;
    align-items: center;
    height: 2.75rem;
    border: 1px solid var(--pva-base-white-800, #ddd);
    border-radius: .5rem;
    color: var(--pva-base-black, #000)
}

.c-basic-questions-dropdown .o-dropdown-menu {
    box-shadow: 0 2px 11px 0 rgba(0, 0, 0, .1);
    border-radius: .5rem;
    border: unset
}

.c-basic-questions-dropdown .o-dropdown .o-dropdown-body::-webkit-scrollbar {
    height: .375rem;
    width: .375rem;
    background-color: transparent
}

.c-basic-questions-dropdown .o-dropdown .o-dropdown-body::-webkit-scrollbar-thumb {
    background-color: #eee6ff;
    border-radius: 1rem;
    box-shadow: unset
}

.c-basic-questions-dropdown .o-dropdown .o-dropdown-body::-webkit-scrollbar-track {
    background-color: transparent
}

.c-basic-questions-dropdown .o-dropdown-item {
    padding: .625rem 1rem;
    border-left: 0;
    display: block;
    position: relative;
    font-size: var(--pva-fs-14, .875rem);
    white-space: nowrap;
    overflow: unset !important
}

.c-basic-questions-dropdown .o-dropdown-item:focus,
.c-basic-questions-dropdown .o-dropdown-item:hover {
    box-shadow: unset !important;
    background: #fafafa !important;
    font-weight: 400;
    color: #a100ff !important
}

.c-basic-questions-dropdown .o-dropdown-item.-active {
    color: #a100ff !important
}

.c-basic-questions-dropdown .o-dropdown-item:not(:first-child):before {
    content: "";
    top: 0;
    border-top: 1px solid #e4e4e4;
    left: .5rem;
    right: .5rem;
    position: absolute
}

.c-basic-questions-dropdown .o-dropdown-item:hover:first-child {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem
}

.c-basic-questions-dropdown .o-dropdown-item:hover:last-child {
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem
}

.c-basic-questions-content {
    border-radius: 8px;
    background: #f3f6fa;
    margin: .5rem 0
}

.c-basic-questions-content__body {
    padding: 1.5rem 1rem 1.75rem
}

.c-basic-questions-content__question {
    display: flex;
    gap: 1.5rem;
    align-items: center;
    margin-bottom: .75rem
}

.c-basic-questions-content__question-data {
    width: 80%;
    flex: 0 0 80%;
    position: relative;
    display: flex;
    align-items: center;
    gap: .5rem
}

.c-basic-questions-content__question-data:before {
    counter-increment: counter;
    content: counter(counter, decimal-leading-zero) ". ";
    color: var(--pva-base-grey-1300, #505050)
}

.c-basic-questions-content__question .-question {
    height: 2.75rem;
    padding: .25rem 1rem;
    width: 100%;
    display: flex;
    align-items: center;
    background-color: var(--pva-base-white, #fff);
    border: 1px solid var(--pva-base-white-800, #ddd);
    border-radius: .5rem;
    outline: 0;
    font-weight: 400
}

.c-basic-questions-content__question .c-custom-select__wrapper {
    width: calc(20% - 1.5rem);
    flex: 0 0 calc(20% - 1.5rem)
}

.c-basic-questions-content__options-item .o-radio>span {
    display: flex;
    align-items: center;
    gap: .25rem
}

.c-basic-questions-content__options-item .o-radio>span>p {
    margin: 0;
    font-size: var(--pva-fs-10, .625rem);
    color: #848484
}

.c-basic-questions-content__options-item .o-radio>span>p>span {
    padding-left: .25rem;
    margin-left: .25rem;
    border-left: 1px solid #848484
}

.c-basic-questions-content__options {
    display: -ms-grid;
    display: grid;
    gap: .75rem;
    padding-bottom: 1.75rem
}

.c-basic-questions-content__options-item {
    display: flex
}

.c-basic-questions-content__options-item .o-checkbox {
    position: relative;
    gap: 1rem;
    display: inline-flex
}

.c-basic-questions-content__options-item .o-checkbox>input {
    width: 1.25rem;
    height: 1.25rem;
    left: .625rem;
    top: 1.25rem
}

.c-basic-questions-content__options-item .o-checkbox__checked {
    width: 1.25rem;
    height: 1.25rem
}

.c-basic-questions-content__options-item .o-checkbox__checked:before {
    top: .35rem;
    left: .25rem
}

.c-basic-questions-content__options-item .o-checkbox>label {
    margin-left: 0
}

.c-basic-questions-content__options-item .o-radio {
    gap: 1rem;
    display: inline-flex
}

.c-basic-questions-content__options-item .o-radio>label {
    cursor: pointer
}

.c-basic-questions-content__options-label {
    cursor: unset !important;
    height: 2.75rem;
    padding: .25rem 1rem !important;
    min-width: 16.5rem !important;
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    background-color: var(--pva-base-white, #fff) !important;
    border: 1px solid var(--pva-base-white-800, #ddd) !important;
    border-radius: .5rem !important;
    color: var(--pva-base-black, #000) !important;
    position: relative;
    outline: 0
}

.c-basic-questions-content__options-label.-width {
    width: 100% !important
}

.c-basic-questions-content__options-label:hover {
    background-color: var(--pva-base-grey-100, #fafafa)
}

.c-basic-questions-content__options-label:hover>a {
    display: flex
}

.c-basic-questions-content__options-label>a {
    align-items: center;
    display: none
}

.c-basic-questions-content__options-label>span {
    outline: 0;
    position: relative;
    display: flex;
    width: calc(100% - 1rem)
}

.c-basic-questions-content__options-label>span:empty:before {
    content: "Enter";
    color: #7a7a7a
}

.c-basic-questions-content__options .o-input-wrap-calendar {
    display: inline-flex;
    align-items: center;
    position: relative
}

.c-basic-questions-content__options .o-input-wrap-calendar>input {
    padding-right: 2.5rem !important
}

.c-basic-questions-content__options .o-input-wrap-calendar>a {
    position: absolute;
    right: 1rem
}

.c-basic-questions-content__footer {
    padding: 1rem 1rem 1rem 2.25rem;
    border-top: 1px solid #c8c8c8;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem
}

.c-basic-questions-content__footer>.icon-download-thin:before {
    transform: rotate(-90deg)
}

.c-basic-questions-content__footer-content {
    margin-left: auto;
    display: flex
}

.c-basic-questions-content__footer-content-item {
    display: flex;
    gap: 1rem;
    align-items: center
}

.c-basic-questions-content__footer-content-item>a {
    display: flex;
    align-items: center
}

.c-basic-questions-content__footer-content-item:not(:last-child) {
    padding-right: 1rem;
    margin-right: 1rem;
    border-right: 1px solid rgba(218, 218, 218, .5)
}

.c-basic-questions-content__footer-content-item .icon-view {
    font-size: 1.5rem
}

.c-basic-questions__btn {
    margin-top: .5rem
}

.c-basic-questions__add-option {
    display: inline-flex;
    align-items: center;
    gap: .5rem
}

.c-basic-questions__container {
    padding-left: 1.875rem
}

.c-basic-questions-readable {
    display: -ms-grid;
    display: grid;
    gap: .5rem;
    margin: 1rem 0
}

.c-basic-questions-readable-content {
    display: flex;
    gap: .5rem;
    align-items: center;
    justify-content: space-between;
    padding: .5rem 1rem;
    width: 100%;
    position: relative;
    border-radius: .5rem
}

.c-basic-questions-readable-content>a {
    display: none
}

.c-basic-questions-readable-content>a:first-child {
    position: absolute;
    left: -1rem;
    top: .5rem;
    cursor: move
}

.c-basic-questions-readable-content:hover {
    background-color: #f3f6fa
}

.c-basic-questions-readable-content:hover>a {
    display: flex;
    align-items: center
}

.c-basic-questions-readable-content:before {
    content: "";
    top: 0;
    bottom: 0;
    left: -1.25rem;
    width: 1.5rem;
    position: absolute
}

.c-basic-questions-readable-item {
    display: -ms-grid;
    display: grid;
    gap: .75rem;
    width: 100%
}

.c-basic-questions-readable-item .c-custom-select__wrapper {
    width: 22.5rem;
    flex: 0 0 22.5rem
}

.c-basic-questions-readable .c-basic-questions-content__options {
    padding: 0
}

.c-basic-questions-readable-data {
    display: flex;
    align-items: center;
    gap: .5rem
}

.c-basic-questions-readable-opt {
    font-size: var(--pva-fs-10, .625rem);
    color: #848484;
    display: flex;
    align-items: center;
    gap: .25rem
}

.c-basic-questions-readable-opt div>span {
    padding-left: .25rem;
    padding-right: .25rem;
    margin-left: .25rem;
    font-style: italic;
    border-left: 1px solid #848484
}

.c-basic-questions-readable-opt div:not(:last-child) {
    border-right: 1px solid #848484
}

.c-basic-questions-table {
    margin-bottom: 2rem
}

.c-basic-questions-table table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0
}

.c-basic-questions-table table thead tr th {
    font-weight: 500;
    font-size: var(--pva-fs-10, .625rem);
    text-transform: uppercase;
    padding: .375rem
}

.c-basic-questions-table table tbody tr td {
    padding: .375rem
}

.c-basic-questions-table table tbody tr td.c-text-center .o-checkbox,
.c-basic-questions-table table tbody tr td.c-text-center .o-radio {
    justify-content: center
}

.c-basic-questions__multi {
    display: -ms-grid;
    display: grid;
    gap: .75rem;
    padding: .75rem 0 1.75rem
}

.c-basic-questions__multi-ques {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: repeat(14, 1fr);
    gap: .75rem
}

.c-basic-questions__multi-ques>div:nth-child(2),
.c-basic-questions__multi-ques>div:nth-child(3),
.c-basic-questions__multi-ques>input:nth-child(2),
.c-basic-questions__multi-ques>input:nth-child(3) {
    -ms-grid-column: span 3;
    grid-column: span 3
}

.c-basic-questions__multi-ques>div:nth-child(4),
.c-basic-questions__multi-ques>input:nth-child(4) {
    -ms-grid-column: span 6;
    grid-column: span 6
}

.c-basic-questions__multi-ques .icon-add-circle {
    -ms-grid-column: span 14;
    grid-column: span 14;
    padding-top: 1rem
}

.c-basic-questions__multi-ques.-header {
    margin-bottom: .5rem;
    text-transform: uppercase;
    font-size: var(--pva-fs-10, .625rem);
    font-weight: 500
}

.c-basic-questions__multi-ques.-header>div {
    text-align: center
}

.c-basic-questions__multi-ques .c-basic-questions-content__options-label {
    min-width: unset !important
}

.c-basic-questions__multi-ques .-center {
    display: flex;
    align-items: center;
    justify-content: center
}

.c-basic-questions .c-manual-survey__desc-text {
    color: #505050
}

.c-basic-questions .c-manual-survey__desc-text ul {
    padding-left: 1.25rem
}

.c-basic-questions-view {
    display: -ms-grid;
    display: grid;
    gap: 2.5rem;
    margin-top: 1rem
}

.c-basic-questions-view-item {
    display: -ms-grid;
    display: grid;
    gap: .75rem
}

.c-basic-questions-accordion {
    background-color: var(--pva-base-white-200, #f4f4f4);
    border-radius: .5rem;
    padding: 1rem
}

.c-basic-questions-accordion .c-collapse {
    padding: 0;
    font-size: var(--pva-fs-14, .875rem);
    font-weight: 500
}

.c-basic-questions-accordion .c-collapse:before {
    font-size: unset !important;
    color: #2e2e2e
}

.c-basic-questions-accordion .c-collapse[aria-expanded=true] {
    box-shadow: unset
}

.c-basic-questions-accordion .c-accordion__container {
    padding: .5rem 0 0;
    display: -ms-grid;
    display: grid;
    gap: .25rem;
    font-size: var(--pva-fs-12, .75rem)
}

.c-basic-questions-accordion .c-accordion__container a {
    font-weight: 600;
    color: var(--pva-color-primary, #a100ff)
}

.c-basic-questions-accordion .c-accordion__container>ul {
    padding-left: 1rem;
    color: #6a6a6a
}

.c-basic-details {
    margin-bottom: 1rem;
    margin-top: 7.063rem
}

.c-basic-details.-no-stepper {
    margin-top: 2.813rem
}

.c-basic-details.-margin-top {
    margin-top: 0
}

.c-basic-details-title {
    font-size: var(--pva-fs-20, 1.25rem);
    font-weight: 600
}

.c-basic-details__instructions {
    padding-bottom: 1.5rem;
    border-bottom: 1px solid var(--pva-base-white-800, #ddd)
}

.c-basic-details__survey {
    background-color: #edf2f9;
    border-radius: .5rem;
    padding: 2rem;
    margin: .5rem 0 1rem;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.c-basic-details__survey:before {
    content: "";
    position: absolute;
    right: -12rem;
    bottom: -1.5rem;
    background: linear-gradient(111deg, rgba(200, 218, 255, .02) 8.05%, #c8daff 86.7%);
    width: 100%;
    height: 10rem;
    z-index: -1;
    -webkit-clip-path: ellipse(50% 100% at 50% 100%);
    clip-path: ellipse(50% 100% at 50% 100%)
}

.c-basic-details__survey-title {
    font-weight: 600;
    font-size: var(--pva-fs-24, 1.5rem);
    margin-bottom: .5rem
}

.c-basic-details__survey>p {
    font-size: var(--pva-fs-16, 1rem);
    margin: 0;
    color: var(--pva-base-grey-1600, #717171)
}

.c-basic-details__survey .c-manual-survey__desc-text .-text {
    font-size: var(--pva-fs-16, 1rem);
    color: var(--pva-base-grey-1600, #717171)
}

.c-survey-publish {
    margin-bottom: var(--pva-fs-16);
    margin-top: 7.063rem
}

.c-survey-publish__wrapper {
    border-radius: .5rem;
    background: var(--pva-base-white, #fff);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    padding: 1.5rem 1.688rem;
    margin-top: .5rem
}

.c-survey-publish__top {
    padding: .5rem 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.c-survey-publish__top-left {
    color: var(--pva-base-black, #000);
    font-size: var(--pva-fs-20);
    line-height: 1.4
}

.c-survey-publish__top-right {
    color: var(--pva-color-primary, #a100ff);
    font-size: var(--pva-fs-14);
    font-weight: 500;
    line-height: 1.4
}

.c-survey-publish__top-right:focus,
.c-survey-publish__top-right:hover {
    color: var(--pva-color-primary, #a100ff)
}

.c-survey-publish__wrap {
    border-radius: .25rem;
    border: 1px solid #f0f0f0;
    background: var(--pva-base-white, #fff);
    padding: 0 .188rem
}

.c-survey-publish__recipient {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .563rem var(--pva-fs-24);
    border-bottom: 1px solid #f0f0f0;
    background: var(--pva-base-white, #fff)
}

.c-survey-publish__recipient-left {
    display: flex;
    gap: .5rem
}

.c-survey-publish__recipient-name {
    display: flex;
    gap: .5rem;
    align-items: center;
    border-radius: 3.125rem;
    border: 1px solid var(--pva-base-black, #000);
    padding: .125rem var(--pva-fs-16)
}

.c-survey-publish__recipient-text {
    color: var(--pva-base-black, #000);
    font-size: var(--pva-fs-14);
    line-height: 1.3
}

.c-survey-publish__recipient-righttext {
    color: var(--pva-base-black, #000);
    font-size: var(--pva-fs-14);
    line-height: 1.15
}

.c-survey-publish__recipient-close {
    color: var(--pva-base-black, #000);
    font-size: var(--pva-fs-10);
    cursor: pointer;
    position: relative;
    top: .125rem
}

.c-survey-publish__recipient-right {
    padding: .25rem var(--pva-fs-10) .25rem .5rem;
    display: flex;
    gap: .25rem;
    align-items: center;
    cursor: pointer;
    border-radius: .25rem;
    background: #f2f2f2
}

.c-survey-publish__recipient-icon {
    font-size: var(--pva-fs-12);
    color: var(--pva-base-black, #000);
    position: relative;
    top: .125rem
}

.c-survey-publish__subject {
    color: #424242;
    font-size: var(--pva-fs-14);
    line-height: 1.5;
    padding: var(--pva-fs-16) var(--pva-fs-24);
    outline: 0
}

.c-survey-publish__textalignment {
    border: .25px solid rgba(0, 0, 0, .06);
    background: var(--pva-base-white, #fff);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .04);
    padding: .25rem var(--pva-fs-24)
}

.c-survey-publish__textwrap {
    padding: var(--pva-fs-14) var(--pva-fs-24);
    display: flex;
    flex-direction: column;
    gap: var(--pva-fs-14);
    outline: 0
}

.c-survey-publish__textwrap-text {
    color: var(--pva-base-black, #000);
    font-size: var(--pva-fs-14);
    line-height: 1.9
}

.c-survey-publish__textwrap-text.-bold {
    color: #4c51c8;
    font-weight: 600
}

.c-survey-publish__textwrap-survey {
    color: #4c51c8;
    font-size: var(--pva-fs-14);
    font-weight: 600;
    line-height: var(--pva-fs-24);
    text-decoration: underline
}

.c-survey-publish__textwrap-survey:focus,
.c-survey-publish__textwrap-survey:hover {
    color: #4c51c8;
    text-decoration: underline
}

.c-survey-publish__textwrap-name {
    padding: .25rem var(--pva-fs-12);
    border-radius: .25rem;
    background: #4c51c8;
    color: var(--pva-base-white, #fff);
    font-size: var(--pva-fs-12);
    font-weight: 500;
    line-height: 1
}

.c-survey-publish__bottom {
    padding: .5rem var(--pva-fs-24);
    background: #f5f5f5;
    color: grey;
    font-size: var(--pva-fs-12);
    line-height: 1.5;
    margin: 0 -3px
}

.c-survey-publish__attach {
    display: flex;
    gap: 2.063rem;
    align-items: center;
    border-radius: .25rem;
    background: var(--pva-base-white-2500, #f7f7f7);
    padding: var(--pva-fs-12) .813rem var(--pva-fs-12) .5rem;
    margin: .5rem var(--pva-fs-24);
    width: fit-content
}

.c-survey-publish__attach-left {
    display: flex;
    gap: .5rem;
    align-items: center
}

.c-survey-publish__attach-text {
    font-size: var(--pva-fs-14);
    line-height: 1;
    color: var(--pva-base-black, #000)
}

.c-survey-publish__attach-icon {
    color: var(--pva-base-black, #000);
    font-size: var(--pva-fs-12);
    cursor: pointer;
    position: relative;
    top: .125rem
}

.c-text-format {
    display: flex;
    gap: var(--pva-fs-14);
    align-items: center
}

.c-text-format__wrap {
    display: flex;
    margin-right: .25rem
}

.c-text-format__style {
    border: 1px solid #8a8886;
    padding: .25rem 2px .25rem .313rem;
    display: flex;
    gap: var(--pva-fs-16);
    justify-content: space-between;
    align-items: center;
    width: 8.25rem
}

.c-text-format__style-text {
    color: var(--pva-base-black, #000);
    font-size: var(--pva-fs-14);
    line-height: 1.4
}

.c-text-format__imgwrap.-pl6 {
    padding-left: .375rem
}

.c-text-format__size {
    border: 1px solid #8a8886;
    padding: .25rem .125rem .25rem .313rem;
    display: flex;
    gap: var(--pva-fs-16);
    justify-content: space-between;
    align-items: center;
    width: 3.875rem;
    border-left: none
}

.c-text-format__size-text {
    color: var(--pva-base-black, #000);
    font-size: var(--pva-fs-14);
    line-height: 1.4
}

.c-text-format__arrow {
    color: #888;
    font-size: var(--pva-fs-12);
    cursor: pointer
}

.c-text-format__iconwrap {
    display: flex;
    align-items: center;
    gap: .313rem
}

.c-text-format__iconwrap-arrow {
    position: relative;
    top: .125rem;
    color: #212121;
    cursor: pointer
}

.c-text-format__attachwrap {
    display: flex;
    gap: .813rem;
    align-items: center;
    padding: 0 .438rem 0 var(--pva-fs-14);
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5
}

.c-text-format__icon {
    font-size: var(--pva-fs-20);
    color: #616161;
    height: var(--pva-fs-20);
    cursor: pointer
}

.c-text-format .icon-text-export {
    font-size: var(--pva-fs-16);
    position: relative;
    top: .125rem;
    color: #29568a
}

.c-text-format__zoomicon {
    position: relative;
    font-size: var(--pva-fs-20);
    top: .125rem;
    color: #29568a
}

.c-text-format .icon-text-zoom {
    color: #29568a
}

.c-text-format .icon-strikethrough,
.c-text-format .icon-text-bold,
.c-text-format .icon-text-italic,
.c-text-format .icon-text-underline {
    padding-right: .375rem
}

.c-text-format .icon-text-allign {
    padding-left: .375rem
}

.c-text-format .icon-text-link {
    color: #212121
}

.c-time-allocation-main {
    margin-top: 7.063rem
}

.c-time-allocation-main__wrapper {
    border-radius: .5rem;
    background: var(--pva-base-white, #fff);
    box-shadow: 0 0 .625rem 0 rgba(0, 0, 0, .1);
    padding: 1.5rem 3.5rem 4rem;
    margin: .5rem 0 1rem
}

.c-time-allocation-main .c-basic-details__instructions {
    border-bottom: none
}

.c-time-allocation-main .c-basic-questions-accordion {
    margin-bottom: .625rem
}

.c-survey-feedback {
    margin-bottom: var(--pva-fs-16);
    margin-top: 7.063rem
}

.c-survey-feedback__wrapper {
    border-radius: .5rem;
    background: var(--pva-base-white, #fff);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    padding: 2rem 3.063rem 2rem 1.938rem;
    min-height: calc(100vh - 18.75rem);
    margin-top: .5rem
}

.c-survey-feedback__heading {
    color: var(--pva-base-black, #000);
    font-size: var(--pva-fs-20);
    line-height: 1.2;
    padding: 0 0 var(--pva-fs-24) var(--pva-fs-24)
}

.c-survey-feedback__togglewrap {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin: .5rem 0 1rem
}

.c-survey-feedback__togglewrap-text {
    color: var(--pva-base-black, #000);
    font-size: var(--pva-fs-14);
    line-height: 1.2
}

.c-survey-feedback__feedback {
    margin-bottom: .5rem
}

.c-survey-feedback__feedback-title {
    color: var(--pva-base-grey-1300, #505050);
    font-size: var(--pva-fs-12);
    font-weight: 500;
    margin-bottom: .5rem
}

.c-survey-feedback__feedback-desc {
    color: var(--pva-base-grey-1300, #505050);
    font-size: var(--pva-fs-12);
    line-height: 1.6
}

.c-survey-feedback__feedback-wrap {
    padding: .5rem var(--pva-fs-24);
    display: flex;
    flex-direction: column;
    gap: .5rem;
    margin-top: var(--pva-fs-12);
    cursor: pointer
}

.c-survey-feedback__feedback-wrap:hover {
    border-radius: .5rem;
    background: #f3f6fa
}

.c-survey-feedback__feedback-bottom {
    display: none;
    justify-content: space-between;
    align-items: center;
    padding: var(--pva-fs-12) 0
}

.c-survey-feedback__feedback-chipwrap {
    display: flex;
    gap: var(--pva-fs-12)
}

.c-survey-feedback__feedback-chip {
    padding: .25rem var(--pva-fs-12);
    display: flex;
    gap: var(--pva-fs-10);
    align-items: center;
    border-radius: var(--pva-fs-24);
    border: 1px solid #6c25d7;
    background: var(--pva-base-white, #fff);
    cursor: pointer
}

.c-survey-feedback__feedback-chip-icon {
    color: var(--pva-base-grey-3700, #707070);
    font-size: var(--pva-fs-12);
    height: var(--pva-fs-12)
}

.c-survey-feedback__feedback-chip-text {
    color: var(--pva-base-black, #000);
    font-size: var(--pva-fs-10);
    line-height: 1
}

.c-survey-feedback__feedback-chars {
    color: var(--pva-base-grey-1600, #717171);
    font-size: var(--pva-fs-10);
    line-height: 1.4
}

.c-survey-feedback__feedback.-active {
    padding: .5rem .5rem 0 .5rem;
    border-radius: .5rem;
    background: #f3f6fa
}

.c-survey-feedback__feedback.-active .c-survey-feedback__feedback-bottom {
    display: flex
}

.c-survey-feedback__feedback.-active .c-survey-feedback__feedback-wrap {
    border-radius: .5rem;
    border: 1px solid var(--pva-base-white-800, #ddd);
    background: var(--pva-base-white, #fff);
    padding: var(--pva-fs-12) var(--pva-fs-16);
    margin-top: 0
}

.c-survey-feedback .o-toggle {
    width: 2rem;
    height: var(--pva-fs-16)
}

.c-survey-feedback .o-toggle .o-toggle__checkbox {
    width: 2rem;
    height: var(--pva-fs-16)
}

.c-survey-feedback .o-toggle .o-toggle__checkbox>input {
    width: 2rem;
    height: var(--pva-fs-16);
    z-index: 1;
    cursor: pointer;
    position: absolute
}

.c-survey-feedback .o-toggle .o-toggle__checkbox>input+.o-toggle__checkbox-slider {
    border-radius: 1rem;
    background-color: var(--pva-base-white, #fff);
    border: 1px solid var(--pva-base-black, #000)
}

.c-survey-feedback .o-toggle .o-toggle__checkbox>input+.o-toggle__checkbox-slider:before {
    background-color: var(--pva-base-black, #000);
    height: var(--pva-fs-16);
    width: var(--pva-fs-16);
    left: 0;
    bottom: -1px;
    border-radius: 50%
}

.c-survey-feedback .o-toggle .o-toggle__checkbox>input:checked+.o-toggle__checkbox-slider {
    border: 1px solid var(--pva-color-secondary-100, #6b10a0)
}

.c-survey-feedback .o-toggle .o-toggle__checkbox>input:checked+.o-toggle__checkbox-slider:before {
    background-color: var(--pva-color-secondary-100, #6b10a0);
    left: 1rem;
    transform: unset
}

.c-survey-feedback .o-text-area__input {
    min-height: 5.375rem;
    border: 1px solid var(--pva-base-white-800, #ddd);
    border-radius: .5rem
}

.c-survey-feedback-title {
    font-size: var(--pva-fs-20, 1.25rem);
    font-weight: 600;
    margin-bottom: 1rem
}

.c-survey-feedback-container {
    background-color: #f3f6fa;
    border-radius: .75rem;
    padding: 2rem;
    margin-top: .625rem
}

.c-survey-feedback-container-title {
    font-size: var(--pva-fs-16, 1rem);
    color: var(--pva-base-grey-1300, #505050);
    font-weight: 500;
    margin-bottom: 1rem
}

.c-survey-feedback-container .o-text-area>textarea {
    height: 13.75rem
}

.c-survey-feedback .c-accordion {
    background-color: var(--pva-base-white-200, #f4f4f4);
    border-radius: .5rem;
    padding: 1rem
}

.c-survey-feedback .c-accordion .c-collapse {
    padding: 0;
    font-size: var(--pva-fs-14, .875rem);
    font-weight: 500
}

.c-survey-feedback .c-accordion .c-collapse:before {
    font-size: unset
}

.c-survey-feedback .c-accordion .c-collapse[aria-expanded=true] {
    box-shadow: unset
}

.c-survey-feedback .c-accordion__container {
    padding: .5rem 0 0;
    display: -ms-grid;
    display: grid;
    gap: .5rem;
    font-size: var(--pva-fs-12, .75rem)
}

.c-survey-feedback .c-accordion__container a {
    font-weight: 600;
    color: var(--pva-color-primary, #a100ff)
}

.c-survey-feedback .c-accordion__container>ul {
    padding-left: 1rem;
    color: #6a6a6a
}

.c-manage-table {
    background: var(--pva-base-white, #fff);
    max-height: calc(100vh - 22.188rem);
    box-shadow: 0 0 10px rgba(0, 0, 0, .1607843137);
    overflow: auto;
    border-radius: .5rem
}

.c-manage-table::-webkit-scrollbar {
    height: .375rem;
    width: .375rem
}

.c-manage-table::-webkit-scrollbar-track {
    background: 0 0
}

.c-manage-table::-webkit-scrollbar-thumb {
    background: #d4c0ff;
    border-radius: .563rem
}

.c-manage-table__table {
    width: 100%
}

.c-manage-table__head {
    background-color: #f5f7ff;
    position: sticky;
    top: 0;
    z-index: 10
}

.c-manage-table__headcell {
    color: var(--pva-base-black, #000);
    font-size: var(--pva-fs-14);
    font-weight: 500;
    line-height: 1;
    padding-left: var(--pva-fs-16);
    position: relative;
    height: 3rem;
    text-align: left
}

.c-manage-table__headcell-wrap {
    display: flex;
    align-items: center;
    gap: var(--pva-fs-12)
}

.c-manage-table__headcell:not(:first-child):before {
    height: var(--pva-fs-24);
    width: 1px;
    background: #d7e9ff;
    content: "";
    position: absolute;
    left: 0;
    top: var(--pva-fs-12)
}

.c-manage-table__headcell:first-child {
    padding-left: 12px
}

.c-manage-table__bodyrow {
    transition: all linear .3s;
    height: 3rem;
    border-bottom: 1px solid #d7e9ff
}

.c-manage-table__bodyrow:first-child {
    border-top: 1px solid #d7e9ff
}

.c-manage-table__edit {
    color: var(--pva-base-black, #000);
    font-size: var(--pva-fs-14);
    display: none;
    position: absolute;
    right: var(--pva-fs-12);
    top: var(--pva-fs-18);
    cursor: pointer;
    transition: all .4s cubic-bezier(.19, 1, .22, 1)
}

.c-manage-table__datacell {
    position: relative;
    font-size: var(--pva-fs-12);
    color: var(--pva-base-black, #000);
    padding: var(--pva-fs-16) var(--pva-fs-12);
    line-height: 1;
    border-right: 1px solid #d7e9ff;
    transition: all .4s cubic-bezier(.19, 1, .22, 1)
}

.c-manage-table__datacell:first-child {
    border-left: 1px solid #d7e9ff
}

.c-manage-table__datacell:last-child {
    padding-right: var(--pva-fs-24)
}

.c-manage-table__datacell-wrap {
    display: flex;
    align-items: center;
    gap: var(--pva-fs-12)
}

.c-manage-table__datacell-text {
    outline: 0;
    max-width: 11.25rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1
}

.c-manage-table__datacell-view {
    font-size: var(--pva-fs-12);
    line-height: 1.2;
    color: var(--pva-base-black, #000)
}

.c-manage-table__datacell-view:focus,
.c-manage-table__datacell-view:hover {
    color: var(--pva-color-primary, #a100ff)
}

.c-manage-table__datacell-view.-disabled {
    color: #a6a6a6;
    pointer-events: none
}

.c-manage-table__datacell:not(:last-child):not(:nth-last-child(2)):hover {
    background-color: #f7f7f7;
    transition: all .4s cubic-bezier(.19, 1, .22, 1)
}

.c-manage-table__datacell:not(:last-child):not(:nth-last-child(2)):hover .c-manage-table__edit {
    display: inline;
    transition: all .4s cubic-bezier(.19, 1, .22, 1)
}

.c-manage-table__datacell-chip {
    border-radius: var(--pva-fs-12);
    background-color: #dff1dc;
    padding: .25rem .5rem;
    color: var(--pva-base-black, #000);
    font-size: var(--pva-fs-12);
    line-height: 1;
    width: fit-content
}

.c-manage-table__datacell-chip.-start {
    background-color: rgba(157, 210, 243, .54)
}

.c-manage-table__datacell-chip.-notstart {
    background-color: rgba(243, 219, 157, .54)
}

.c-manage-table__wrap {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.c-manage-table__wrap-right {
    display: flex;
    align-items: center;
    gap: var(--pva-fs-16);
    justify-content: space-between
}

.c-manage-table__survey {
    display: none;
    position: absolute;
    box-shadow: 0 2px 11px 0 rgba(0, 0, 0, .1);
    border-radius: .5rem;
    padding: 0 .5rem;
    right: 0;
    background: var(--pva-base-white, #fff);
    z-index: 2
}

.c-manage-table__survey-text {
    color: var(--pva-base-black, #000);
    font-size: var(--pva-fs-14);
    line-height: 1;
    border-bottom: 1px solid #e4e4e4;
    padding: 1.063rem;
    white-space: nowrap;
    cursor: pointer
}

.c-manage-table__survey-text:hover {
    color: var(--pva-color-primary, #a100ff)
}

.c-manage-table__survey.-active {
    display: block
}

.c-manage-table__more {
    position: relative
}

.c-manage-table__more-icon {
    font-size: var(--pva-fs-14);
    color: var(--pva-base-black, #000);
    cursor: pointer
}

.c-manage-table__delete {
    font-size: var(--pva-fs-14);
    color: var(--pva-base-black, #000);
    cursor: pointer
}

.c-manage-user {
    margin-top: 2.5rem
}

.c-manage-user__top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: var(--pva-fs-24)
}

.c-manage-user__top-left {
    display: flex;
    align-items: center;
    gap: var(--pva-fs-12)
}

.c-manage-user__top-heading {
    color: var(--pva-base-black, #000);
    font-size: var(--pva-fs-24);
    font-weight: 500;
    line-height: 1;
    padding-right: var(--pva-fs-12);
    border-right: 1px solid var(--pva-base-grey, #ccc)
}

.c-manage-user__top-title {
    color: var(--pva-base-black, #000);
    font-size: var(--pva-fs-14);
    line-height: 1.72;
    position: relative;
    top: .125rem
}

.c-manage-user__top-right {
    display: flex;
    gap: var(--pva-fs-16)
}

.c-manage-user__arrow {
    color: var(--pva-base-black, #000);
    font-size: var(--pva-fs-24);
    cursor: pointer;
    position: relative;
    top: .313rem
}

.c-manage-user__middle {
    margin: var(--pva-fs-20) 0 var(--pva-fs-16);
    border-radius: .5rem;
    background: rgba(255, 255, 255, .6);
    display: flex;
    gap: 2rem;
    align-items: center;
    padding: 0 2.5rem
}

.c-manage-user__middle-wrap {
    display: flex;
    gap: .5rem;
    padding: var(--pva-fs-12) 2.5rem var(--pva-fs-12) 0;
    border-right: 1px solid #f3f3f3
}

.c-manage-user__middle-title {
    font-size: var(--pva-fs-14);
    font-weight: 500;
    line-height: 1.68
}

.c-manage-user__middle-no {
    color: var(--pva-base-black, #000);
    font-size: var(--pva-fs-18);
    line-height: 1.33
}

.c-manage-user__middle-wrapper {
    display: flex;
    gap: 2.5rem;
    align-items: center
}

.c-manage-user__middle-wrapper-section {
    display: flex;
    align-items: center;
    gap: .5rem
}

.c-manage-user__middle-wrapper-status {
    color: var(--pva-base-black, #000);
    font-size: var(--pva-fs-14);
    line-height: 1.8
}

.c-manage-user__middle-wrapper-number {
    color: var(--pva-base-black, #000);
    font-size: var(--pva-fs-18);
    font-weight: 300;
    line-height: 1.4;
    padding: .125rem .375rem;
    border-radius: .25rem;
    background: #dff1dc
}

.c-manage-user__middle-wrapper-number.-start {
    background: #c8e5f7
}

.c-manage-user__middle-wrapper-number.-notstart {
    background: #f7eac8
}

.c-manage-user__view {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: var(--pva-fs-20);
    padding-bottom: var(--pva-fs-12)
}

.c-manage-user__view-wrap {
    display: flex;
    align-items: center;
    gap: .25rem
}

.c-manage-user__view-text {
    color: var(--pva-base-black, #000);
    font-size: var(--pva-fs-14);
    font-weight: 500;
    line-height: 1.5;
    margin-right: -2rem;
    position: relative;
    z-index: 4
}

.c-manage-user__search {
    font-size: var(--pva-fs-20);
    cursor: pointer;
    position: relative;
    top: .25rem;
    color: var(--pva-base-black, #000)
}

.c-manage-user .o-select {
    background: 0 0;
    min-width: 9.75rem
}

.c-manage-user .o-select__selected-text {
    border: none;
    background: 0 0;
    padding: 0;
    padding-left: 2.5rem;
    color: var(--pva-base-black, #000)
}

.c-manage-user .o-select__selected-text.-active {
    border: none
}

.c-manage-user .o-select__selected-text.-active:before {
    color: var(--pva-color-primary, #a100ff)
}

.c-manage-user .o-select__options-list {
    padding: 0 .5rem;
    border-radius: .5rem
}

.c-manage-user .o-select__options-list.-active {
    z-index: 11
}

.c-manage-user .o-select__option {
    padding: .813rem 1.125rem
}

.c-manage-user .o-select__option:not(:last-child) {
    border-bottom: 1px solid #e4e4e4
}

.c-manage-user .o-select__option:hover {
    box-shadow: none;
    background: 0 0;
    color: var(--pva-color-primary, #a100ff)
}

.c-manage-user__selectwrap {
    border-radius: .5rem .5rem 0 0;
    background: var(--pva-base-white, #fff);
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    top: -2.25rem;
    height: 2.5rem;
    z-index: 5;
    width: 100%;
    padding: 0 var(--pva-fs-12)
}

.c-manage-user__selectwrap-left {
    color: var(--pva-base-black, #000);
    font-size: var(--pva-fs-12);
    line-height: 2
}

.c-manage-user__selectwrap-bold {
    color: var(--pva-base-black, #000);
    font-size: var(--pva-fs-12);
    font-weight: 500;
    line-height: 1.8
}

.c-manage-user__selectwrap-right {
    display: flex;
    gap: var(--pva-fs-24);
    align-items: center
}

.c-manage-user__iconwrap {
    display: flex;
    gap: .5rem;
    align-items: center;
    cursor: pointer
}

.c-manage-user__iconwrap-text {
    color: var(--pva-base-black, #000);
    font-size: var(--pva-fs-12);
    line-height: normal
}

.c-manage-user__icon {
    font-size: var(--pva-fs-16);
    color: var(--pva-base-black, #000);
    cursor: pointer
}

.c-manage-user__tablewrap {
    position: relative
}

.c-manage-user .icon-message {
    position: relative;
    top: .125rem
}

.c-list-view {
    margin-top: .5rem
}

.c-list-view__main {
    background: var(--pva-base-white, #fff);
    padding: 1.75rem 3rem;
    border-radius: .5rem;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1)
}

.c-list-view__head {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
    align-items: center
}

.c-list-view__head-title {
    font-size: var(--pva-fs-20);
    font-weight: 600;
    color: var(--pva-base-black)
}

.c-list-view__head .o-multi-toggle__item {
    color: var(--pva-base-grey-1300, #505050);
    font-size: var(--pva-fs-14);
    font-weight: 400;
    min-width: 100px
}

.c-list-view__top {
    margin-bottom: .625rem
}

.c-list-view__top-accordion {
    background: var(--pva-base-white-200, #f4f4f4);
    border-radius: .5rem;
    padding: 0 1rem
}

.c-list-view__wrap {
    display: flex;
    gap: .563rem;
    padding: 2rem;
    background: var(--pva-base-white-3100, #f3f6fa);
    border-radius: .75rem;
    overflow: auto
}

.c-list-view__wrap.-column {
    flex-direction: column
}

.c-list-view__wrap.-padding-top {
    padding-top: 1rem
}

.c-list-view__flex {
    display: flex;
    gap: .563rem
}

.c-list-view__left {
    flex-basis: 40%
}

.c-list-view__left .c-collapse__inner {
    width: 100%
}

.c-list-view__left-title {
    color: var(--pva-base-grey-1600, #717171);
    font-size: var(--pva-fs-12);
    font-weight: 500
}

.c-list-view__left-title2 {
    color: var(--pva-base-black, #000);
    font-size: var(--pva-fs-12);
    font-weight: 400;
    display: flex;
    gap: .375rem;
    align-items: center
}

.c-list-view__left-icon {
    color: var(--pva-color-primary, #a100ff);
    font-size: var(--pva-fs-12);
    opacity: .5
}

.c-list-view__left-container {
    gap: unset;
    padding: .5rem 0 0 0
}

.c-list-view__left-container-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .25rem
}

.c-list-view__left-container-header .-percentage {
    font-size: var(--pva-fs-12, .75rem);
    color: #4c51c8
}

.c-list-view__left-container-header .icon-tag {
    color: #b4c7ff;
    font-size: var(--pva-fs-16, 1rem)
}

.c-list-view__left .c-accordion {
    background: var(--pva-base-white, #fff);
    padding: 0 1.5rem 1.5rem 1.5rem;
    border-radius: .5rem;
    min-height: 410px
}

.c-list-view__left .c-accordion .c-collapse {
    padding: 1rem 0;
    font-size: var(--pva-fs-14);
    font-weight: 600;
    color: var(--pva-base-black-200, #222);
    gap: .25rem
}

.c-list-view__left .c-accordion .c-collapse[aria-expanded=false] {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, .18)
}

.c-list-view__left .c-accordion .c-collapse.icon-chevron-down:before {
    font-size: var(--pva-fs-10);
    border: 1px solid;
    border-radius: 50%;
    padding: 2px;
    margin: 0
}

.c-list-view__left-subhead {
    padding-bottom: 5px;
    box-shadow: unset !important
}

.c-list-view__nav {
    gap: 16px;
    font-size: var(--pva-fs-12);
    font-weight: 400;
    color: var(--pva-base-black, #000);
    padding: 0 0 0 1.875rem
}

.c-list-view__nav-li {
    cursor: pointer;
    position: relative;
    white-space: nowrap;
    opacity: .5
}

.c-list-view__nav-li:before {
    content: "";
    height: 1px;
    width: 21px;
    border-bottom: 1px dashed var(--pva-base-blue-1500, #a1aebe);
    position: absolute;
    top: 50%;
    left: -25px
}

.c-list-view__nav-li:after {
    content: "";
    height: 185%;
    width: 2px;
    border-left: 1px dashed var(--pva-base-blue-1500, #a1aebe);
    position: absolute;
    top: -24px;
    left: -25px
}

.c-list-view__nav-li.-active {
    color: var(--pva-color-primary, #a100ff);
    font-weight: 500;
    opacity: 1
}

.c-list-view__nav-li.-active:after {
    border-left: 1px dashed var(--pva-color-primary, #a100ff)
}

.c-list-view__nav-li.-active:before {
    border-bottom: 1px dashed var(--pva-color-primary, #a100ff)
}

.c-list-view__content {
    display: none
}

.c-list-view__content.-active {
    display: block
}

.c-list-view__right {
    flex-basis: 60%;
    background: var(--pva-base-white, #fff);
    border-radius: .5rem;
    padding: 1.125rem 1rem
}

.c-list-view__right-heading {
    margin-bottom: .938rem;
    display: flex;
    justify-content: space-between
}

.c-list-view__right-heading-title {
    font-size: var(--pva-fs-14);
    font-weight: 600
}

.c-list-view__right-heading-icons {
    display: flex;
    gap: .5rem
}

.c-list-view__right-heading-icons-arrow {
    border-radius: 50%;
    border: 1px solid var(--pva-color-primary, #a100ff);
    height: 1.25rem;
    width: 1.25rem;
    font-size: var(--pva-fs-12);
    color: var(--pva-color-primary, #a100ff);
    display: flex;
    align-items: center;
    justify-content: center;
    transform: rotate(90deg);
    cursor: pointer
}

.c-list-view__right-heading-icons-arrow .icon-chevron-down {
    display: inline-flex
}

.c-list-view__right-heading-icons-arrow.-right {
    transform: rotate(270deg)
}

.c-list-view__right-level1 {
    display: flex;
    gap: .5rem;
    padding: .75rem;
    justify-content: space-between;
    border-bottom: 1px solid var(--pva-base-grey-5200, #cccbce);
    border-top: 1px solid var(--pva-base-grey-5200, #cccbce);
    margin-bottom: 1.5rem
}

.c-list-view__right-level1-text {
    font-size: var(--pva-fs-12);
    font-weight: 500;
    color: var(--pva-base-grey-1600, #717171);
    display: flex;
    gap: .5rem
}

.c-list-view__right-level1-text .icon-info {
    padding-top: 2px
}

.c-list-view__right-level1-right {
    display: flex
}

.c-list-view__right-level1-col {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    padding: 0 1.875rem;
    border-right: 1px solid var(--pva-base-grey, #ccc);
    color: var(--pva-base-grey-1300, #505050);
    font-size: var(--pva-fs-10);
    font-weight: 500;
    align-items: center
}

.c-list-view__right-level1-col:last-child {
    border-right: none;
    padding-right: 0
}

.c-list-view__right-level1-col .o-radio input {
    --ocircle-size: 0.75rem
}

.c-list-view__right-level1-col .o-radio input:before {
    border: 1px solid var(--pva-color-primary, #a100ff)
}

.c-list-view__right-level1-inputs {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.c-list-view__right-level1-inputs-input {
    cursor: unset !important;
    height: 2rem;
    padding: .25rem 1rem !important;
    width: 16.5rem !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--pva-base-white, #fff) !important;
    border: 1px solid var(--pva-base-grey-5300, #a6a6a6) !important;
    border-radius: .5rem !important;
    color: var(--pva-base-black, #000) !important;
    position: relative
}

.c-list-view.-preview .c-list-view__main {
    margin-top: .5rem;
    padding: 0
}

.c-list-view.-preview .c-list-view__head-close {
    color: var(--pva-base-black, #000);
    position: absolute;
    right: var(--pva-fs-24);
    font-size: var(--pva-fs-16)
}

.c-list-view.-preview .c-list-view__wrap {
    padding: 2rem 4.5rem;
    position: relative
}

.c-list-view.-preview .c-list-view__wrap.-column {
    padding: 2rem
}

.c-list-view.-preview .c-list-view__head {
    justify-content: unset;
    gap: 1.813rem;
    margin-bottom: 0;
    padding: var(--pva-fs-24) var(--pva-fs-12) .5rem 2rem;
    border-radius: .5rem;
    background: #fafafa;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    position: relative
}

.c-list-view.-preview .c-list-view__head-title {
    font-size: var(--pva-fs-24);
    font-weight: 400;
    line-height: 1
}

.c-list-view.-preview .c-timeAloc-preview__options {
    display: flex;
    justify-content: flex-end;
    bottom: 2rem;
    right: var(--pva-fs-24);
    position: absolute;
    z-index: 10
}

.c-list-view.-preview .c-timeAloc-preview__options .c-bottom-panel__wrapper {
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .04), 0 8px 16px 0 rgba(0, 0, 0, .08)
}

.c-list-view__chip {
    display: flex;
    align-items: center;
    gap: .5rem
}

.c-list-view__chip-item {
    height: 1.75rem;
    border-radius: 1rem;
    background-color: var(--pva-base-white, #fff);
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .5rem 1rem
}

.c-list-view__chip-item>span {
    color: #4c51c8;
    font-weight: 500;
    font-size: var(--pva-fs-10, .625rem)
}

.c-list-view__chip-item>i {
    color: #b4c7ff;
    display: flex;
    align-items: center
}

.c-add-recipients__inputs {
    display: flex;
    align-items: center;
    gap: 1.125rem
}

.c-add-recipients__inputs .o-input-wrap input {
    width: 13.75rem;
    border-radius: .5rem;
    border: 1px solid #ddd;
    padding: 1.0625rem 1rem;
    height: 2.75rem
}

.c-add-recipients__seperator {
    font-size: 1rem;
    text-align: center;
    position: relative;
    padding: 1.1875rem 0 1rem
}

.c-add-recipients__seperator:before {
    content: " ";
    position: absolute;
    width: 46%;
    top: 53%;
    height: 1px;
    background: #ebebeb;
    right: 0
}

.c-add-recipients__seperator:after {
    content: " ";
    position: absolute;
    width: 46%;
    top: 53%;
    height: 1px;
    background: #ebebeb;
    left: 0
}

.c-add-recipients__desc {
    padding-bottom: .9375rem
}

.c-add-recipients__desc-btn {
    font-weight: 500;
    color: #a100ff
}

.c-add-recipients .o-file-input {
    max-height: 8.5rem;
    padding: 3rem 0;
    border: 1px dashed #c1c1c1;
    border-radius: .5rem
}

.c-add-recipients .o-file-input__upload {
    gap: 1.4375rem
}

.c-add-recipients .o-file-input__upload-section {
    gap: .375rem
}

.c-add-recipients .o-file-input__upload-section-label {
    font-size: .875rem;
    color: #000
}

.c-add-recipients .o-file-input__upload .icon-upload {
    font-size: 2.4375rem;
    display: flex
}

.c-add-recipients .o-file-input__info {
    color: #4a4a4a
}

.c-add-recipients .o-file-input__uploader-btn {
    font-size: .875rem;
    text-decoration: underline
}

.c-add-recipients .c-modal__container {
    max-width: 46.5rem
}

.c-add-recipients .c-modal__content {
    height: auto;
    border-radius: .75rem !important;
    max-height: 80vh
}

.c-add-recipients .c-modal__body {
    padding-top: 0;
    padding-bottom: 0
}

.c-add-recipients .c-modal__header {
    padding: 2rem 1.5rem 1.5rem
}

.c-add-recipients .c-modal__header-title {
    font-size: 1.5rem
}

.c-add-recipients .c-modal__header-close {
    top: 1.5rem;
    right: 1.5rem
}

.c-add-recipients .c-modal__footer {
    padding: 1.25rem 1.5625rem 2rem
}

.c-add-recipients .c-modal__footer-btnGroup {
    gap: 16px
}

.c-add-recipients .c-modal__footer .o-primary-button {
    min-width: 6.75rem
}

.c-add-recipients .c-modal__footer .o-secondary-button {
    min-width: 6.75rem
}

.c-segmentation-totals__hint {
    margin-bottom: 1rem
}

.c-segmentation-totals__table {
    border: 1px solid #d7e9ff;
    display: flex;
    flex-direction: column;
    max-width: 28.75rem;
    width: 100%;
    border-radius: .5rem
}

.c-segmentation-totals__table-header {
    display: flex;
    font-size: .75rem;
    font-weight: 500;
    width: 100%;
    height: 2rem;
    background: #f5f7ff;
    border-radius: .5rem .5rem 0 0
}

.c-segmentation-totals__table-header-th {
    padding: .375rem 1rem;
    width: 13.125rem;
    position: relative
}

.c-segmentation-totals__table-header-th.-seperator:after {
    position: absolute;
    content: " ";
    width: 1px;
    height: 1rem;
    background: #d7e9ff;
    right: 0;
    top: .5rem
}

.c-segmentation-totals__table-header-th.-right {
    flex-grow: 1
}

.c-segmentation-totals__table-row {
    display: flex;
    font-size: .75rem;
    border-bottom: 1px solid #d7e9ff;
    background: #fbfbfb
}

.c-segmentation-totals__table-row:last-child {
    border-bottom: unset;
    border-radius: 0 0 .5rem .5rem
}

.c-segmentation-totals__table-row-td {
    padding: .375rem 1rem;
    width: 13.125rem;
    height: 2.5rem;
    display: flex;
    align-items: center
}

.c-segmentation-totals__table-row-td.-br {
    border-right: 1px solid #d7e9ff
}

.c-segmentation-totals__table-row-td.-right {
    flex-grow: 1
}

.c-segmentation-totals__table-row-td .o-input-wrap input {
    height: 1.75rem;
    max-width: 4.25rem
}

.c-segmentation-totals .c-modal__container {
    max-width: 31.75rem
}

.c-segmentation-totals .c-modal__content {
    height: 22.875rem;
    border-radius: .75rem !important
}

.c-segmentation-totals .c-modal__body {
    padding-top: 0;
    padding-bottom: 0
}

.c-segmentation-totals .c-modal__header {
    padding: 2rem 1.5rem 1rem
}

.c-segmentation-totals .c-modal__header-title {
    font-size: 1.5rem
}

.c-segmentation-totals .c-modal__header-close {
    top: 1.5rem;
    right: 1.5rem
}

.c-segmentation-totals .c-modal__footer {
    padding: 1.5rem
}

.c-segmentation-totals .c-modal__footer-btnGroup {
    gap: 1rem
}

.c-segmentation-totals .c-modal__footer .o-primary-button {
    min-width: 6.75rem
}

.c-segmentation-totals .c-modal__footer .o-secondary-button {
    min-width: 6.75rem
}

.c-survey-analysis__wrapper {
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

.c-survey-analysis__question {
    font-weight: 600;
    padding-bottom: 1rem
}

.c-survey-analysis__question span {
    padding-left: 1.5rem
}

.c-survey-analysis__answer {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-left: 1.5rem
}

.c-survey-analysis__answer-item {
    display: flex;
    align-items: center;
    gap: 1.5rem
}

.c-survey-analysis__answer-txt {
    font-weight: 600
}

.c-survey-analysis__answer .o-select__selected-text {
    min-width: 9.75rem;
    height: 2.75rem
}

.c-survey-analysis__answer .o-radio {
    align-items: unset
}

.c-survey-analysis__answer .o-radio input {
    --ocircle-size: 1rem
}

.c-survey-analysis__answer .o-checkbox label {
    color: #000
}

.c-survey-analysis .c-modal__container {
    max-width: 46.375rem
}

.c-survey-analysis .c-modal__content {
    height: auto;
    border-radius: .75rem !important;
    max-height: 80vh
}

.c-survey-analysis .c-modal__body {
    padding-top: 0;
    padding-bottom: 0
}

.c-survey-analysis .c-modal__header {
    padding: 2rem 1.5rem 1.5rem
}

.c-survey-analysis .c-modal__header-title {
    font-size: 1.5rem
}

.c-survey-analysis .c-modal__header-close {
    top: 1.5rem;
    right: 1.5rem
}

.c-survey-analysis .c-modal__footer {
    padding: 1.5rem
}

.c-survey-analysis .c-modal__footer-btnGroup {
    gap: 16px
}

.c-survey-analysis .c-modal__footer .o-primary-button {
    min-width: 6.75rem
}

.c-survey-analysis .c-modal__footer .o-secondary-button {
    min-width: 6.75rem
}

.c-export-options .c-modal__container {
    max-width: 31.75rem
}

.c-export-options .c-modal__content {
    height: 16.625rem;
    border-radius: .75rem !important
}

.c-export-options .c-modal__body {
    padding-top: 0;
    padding-bottom: 0
}

.c-export-options .c-modal__header {
    padding: 2rem 1.5rem 1rem
}

.c-export-options .c-modal__header-title {
    font-size: 1.5rem
}

.c-export-options .c-modal__header-close {
    top: 1.5rem;
    right: 1.5rem
}

.c-export-options .c-modal-footer {
    padding-top: 2.375rem
}

.c-export-options:has(.o-select__options-list.-active) .c-modal__content {
    height: 23.125rem
}

.c-export-options:has(.o-select__options-list.-active) .c-modal__body {
    overflow: unset;
    height: 12.75rem
}

.c-export-options .o-primary-button,
.c-export-options .o-secondary-button {
    min-width: 6.75rem
}

.c-export-options .o-select__option {
    border-bottom: 1px solid #e4e4e4;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    padding: .75rem .5rem
}

.c-export-options .o-select__option:hover {
    box-shadow: unset;
    background: unset
}

.c-export-options .o-select__option:nth-child(2) {
    border-bottom: unset
}

.c-export-options .o-select__selected-text {
    height: 2.75rem
}

.c-export-options .o-select__options-list.-active {
    margin-top: .5rem
}

.c-define-weight__hint {
    margin-bottom: 1rem
}

.c-define-weight__wrapper {
    display: flex;
    gap: .75rem;
    overflow: auto
}

.c-define-weight__wrapper::-webkit-scrollbar {
    width: 6px;
    height: 6px
}

.c-define-weight__wrapper::-webkit-scrollbar-thumb {
    background: var(--pva-color-primary, #a100ff);
    border-radius: 1.125rem
}

.c-define-weight__wrapper::-webkit-scrollbar-track {
    background: 0 0;
    border-radius: 1.125rem
}

.c-define-weight__table {
    border: 1px solid #d7e9ff;
    display: flex;
    flex-direction: column;
    max-width: 11.25rem;
    width: 100%;
    border-radius: .5rem
}

.c-define-weight__table-singlehead {
    border-radius: .5rem .5rem 0 0;
    height: 2rem;
    background: #f5f7ff;
    font-size: .75rem;
    font-weight: 500;
    padding: .375rem 0;
    text-align: center;
    border-bottom: 1px solid #d7e9ff
}

.c-define-weight__table-header {
    display: flex;
    font-size: .75rem;
    font-weight: 500;
    width: 100%;
    height: 2rem;
    background: #f5f7ff
}

.c-define-weight__table-header-th {
    padding: .375rem 1rem;
    width: 5.5rem;
    position: relative
}

.c-define-weight__table-header-th.-seperator:after {
    position: absolute;
    content: " ";
    width: 1px;
    height: 1rem;
    background: #d7e9ff;
    right: 0;
    top: .5rem
}

.c-define-weight__table-header-th.-right {
    flex-grow: 1
}

.c-define-weight__table-row {
    display: flex;
    font-size: .75rem;
    border-bottom: 1px solid #d7e9ff;
    background: #fbfbfb
}

.c-define-weight__table-row:last-child {
    border-bottom: unset;
    border-radius: 0 0 .5rem .5rem
}

.c-define-weight__table-row-td {
    padding: .375rem 1rem;
    width: 5.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center
}

.c-define-weight__table-row-td.-br {
    border-right: 1px solid #d7e9ff
}

.c-define-weight__table-row-td.-right {
    flex-grow: 1
}

.c-define-weight__table-row-td .o-input-wrap input {
    height: 1.75rem;
    max-width: 4.25rem
}

.c-define-weight .c-modal__container {
    max-width: 62.25rem
}

.c-define-weight .c-modal__content {
    height: auto;
    border-radius: .75rem !important
}

.c-define-weight .c-modal__body {
    padding-top: 0;
    padding-bottom: 0
}

.c-define-weight .c-modal__header {
    padding: 1.6875rem 1.5rem .6875rem
}

.c-define-weight .c-modal__header-title {
    font-size: 1.5rem
}

.c-define-weight .c-modal__header-close {
    top: 1.5rem;
    right: 1.5rem
}

.c-define-weight .c-modal__footer {
    padding: 1.5rem
}

.c-define-weight .c-modal__footer-btnGroup {
    gap: 1rem
}

.c-define-weight .c-modal__footer .o-primary-button {
    min-width: 6.75rem
}

.c-define-weight .c-modal__footer .o-secondary-button {
    min-width: 6.75rem
}

.c-edit-reminder__content {
    border-radius: .75rem;
    border: 1px solid #f0f0f0;
    background: #fff;
    margin-left: .3125rem;
    height: 100%;
    max-height: 21.5625rem;
    overflow: auto
}

.c-edit-reminder__title {
    padding: 1rem 1.5rem;
    color: #424242;
    border-bottom: 1px solid #f0f0f0
}

.c-edit-reminder__message {
    padding: .875rem 1.5rem
}

.c-edit-reminder__message-greet {
    display: flex;
    align-items: center;
    gap: .375rem;
    padding-bottom: .25rem
}

.c-edit-reminder__message-name {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .25rem .75rem;
    border-radius: .25rem;
    background: #4c51c8;
    color: #fff;
    max-height: 1.25rem;
    font-size: .75rem;
    font-weight: 500
}

.c-edit-reminder__message-text {
    padding-bottom: 2rem
}

.c-edit-reminder__message-text.-nopb {
    padding-bottom: unset
}

.c-edit-reminder__message-clrtxt {
    font-weight: 600;
    color: #4c51c8
}

.c-edit-reminder__message-link {
    text-decoration: underline;
    font-weight: 600;
    color: #4c51c8
}

.c-edit-reminder__message-link:focus,
.c-edit-reminder__message-link:hover {
    color: #4c51c8;
    text-decoration: underline
}

.c-edit-reminder .c-modal__container {
    max-width: 67.5rem
}

.c-edit-reminder .c-modal__content {
    height: 32.0625rem;
    max-height: 80vh;
    border-radius: .75rem !important
}

.c-edit-reminder .c-modal__body {
    padding-top: 0;
    padding-bottom: 0
}

.c-edit-reminder .c-modal__header {
    padding: 1.6875rem 1.5rem .6875rem
}

.c-edit-reminder .c-modal__header-title {
    font-size: 1.5rem
}

.c-edit-reminder .c-modal__header-close {
    top: 1.5rem;
    right: 1.5rem
}

.c-edit-reminder .c-modal__footer {
    padding: 1.5rem 1.5rem 2rem
}

.c-edit-reminder .c-modal__footer-btnGroup {
    gap: 1rem
}

.c-edit-reminder .c-modal__footer .o-primary-button {
    min-width: 6.75rem
}

.c-edit-reminder .c-modal__footer .o-secondary-button {
    min-width: 6.75rem
}

.c-instructions__content {
    padding: 0 1rem 0
}

.c-instructions__list {
    padding-left: 1rem
}

.c-instructions__list-item {
    font-size: .75rem;
    padding-bottom: 1.25rem
}

.c-instructions .c-modal__container {
    max-width: 60rem
}

.c-instructions .c-modal__content {
    height: 34.125rem;
    border-radius: .75rem !important;
    padding-bottom: 2.375rem;
    max-height: 80vh
}

.c-instructions .c-modal__body {
    padding-top: 0;
    padding-bottom: 0
}

.c-instructions .c-modal__header {
    padding: 1.375rem 1.5rem .875rem;
    margin-bottom: 1.5rem;
    position: relative
}

.c-instructions .c-modal__header:after {
    position: absolute;
    content: " ";
    width: 95%;
    height: 1px;
    background: #ddd;
    bottom: 0;
    left: 1.5rem
}

.c-instructions .c-modal__header-title {
    font-size: 1.125rem
}

.c-instructions .c-modal__header-close {
    top: 1.5rem;
    right: 1.5rem
}

.c-instructions .c-modal__footer {
    display: none
}

.c-preview-survey__content {
    position: relative
}

.c-preview-survey .c-stepper {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: .9375rem 1.375rem;
    z-index: 999
}

.c-preview-survey .c-stepper__wrapper {
    gap: 10.8125rem
}

.c-preview-survey .c-stepper__step {
    font-size: .75rem
}

.c-preview-survey .c-stepper__step:not(:last-child):after {
    right: -10.1875rem;
    width: 9.4375rem
}

.c-preview-survey .c-modal__container {
    max-width: 69.5rem
}

.c-preview-survey .c-modal__content {
    height: 41.1875rem;
    border-radius: .75rem !important;
    max-height: 80vh
}

.c-preview-survey .c-modal__body {
    padding: 0 2.3125rem 0 2.125rem;
    background-image: url(../../toolkit/images/color-bg.png);
    background-repeat: no-repeat;
    background-size: cover
}

.c-preview-survey .c-modal__header {
    padding: 1.125rem 2.25rem;
    border-bottom: 1px solid #f0f0f0
}

.c-preview-survey .c-modal__header-title {
    font-size: 1.5rem
}

.c-preview-survey .c-modal__header-close {
    top: 1.5rem;
    right: 1.5rem
}

.c-preview-survey .c-modal__footer {
    padding: .875rem 2.75rem .875rem 2.125rem;
    justify-content: space-between;
    box-shadow: 0 -1.844px 5.532px 0 rgba(0, 0, 0, .1)
}

.c-preview-survey .c-modal__footer-btnGroup {
    gap: .875rem
}

.c-preview-survey .c-modal__footer .o-primary-button {
    min-width: 7.375rem;
    height: 2.25rem !important;
    border-radius: 7px
}

.c-preview-survey .c-modal__footer .o-secondary-button {
    min-width: 7.375rem;
    height: 2.25rem !important;
    border-radius: 7px
}

.c-results-list-view .c-stepper {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: .875rem 1.375rem;
    z-index: 999
}

.c-results-list-view .c-stepper__wrapper {
    gap: 10.8125rem
}

.c-results-list-view .c-stepper__step {
    font-size: .75rem
}

.c-results-list-view .c-stepper__step:not(:last-child):after {
    right: -10.1875rem;
    width: 9.4375rem
}

.c-results-list-view .c-modal__container {
    max-width: 69.5rem
}

.c-results-list-view .c-modal__content {
    height: 41.1875rem;
    border-radius: .75rem !important;
    max-height: 80vh
}

.c-results-list-view .c-modal__body {
    padding: 0 2.3125rem 0 2.5rem;
    background-image: url(../../toolkit/images/color-bg.png);
    background-repeat: no-repeat;
    background-size: cover
}

.c-results-list-view .c-modal__header {
    padding: 1.125rem 2.25rem;
    border-bottom: 1px solid #f0f0f0
}

.c-results-list-view .c-modal__header-title {
    font-size: 1.5rem
}

.c-results-list-view .c-modal__header-close {
    top: 1.5rem;
    right: 1.5rem
}

.c-results-list-view .c-modal__footer {
    padding: .875rem 2.75rem .875rem 2.125rem;
    justify-content: space-between;
    box-shadow: 0 -1.844px 5.532px 0 rgba(0, 0, 0, .1)
}

.c-results-list-view .c-modal__footer-btnGroup {
    gap: .875rem
}

.c-results-list-view .c-modal__footer .o-primary-button {
    min-width: 7.375rem;
    min-height: 2.25rem !important;
    border-radius: 7px
}

.c-results-list-view .c-modal__footer .o-secondary-button {
    min-width: 7.375rem;
    min-height: 2.25rem !important;
    border-radius: 7px
}

.c-preview-card {
    position: fixed;
    top: 3.375rem;
    right: 0;
    z-index: 12;
    bottom: 0
}

.c-preview-card__wrapper {
    position: absolute;
    right: 2.875rem;
    bottom: 8.625rem;
    border-radius: .5rem;
    border: 1px solid silver;
    background: #fbfbfb;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    height: fit-content;
    padding: .563rem;
    cursor: pointer
}

.c-preview-card__title {
    color: #000;
    font-size: var(--pva-fs-14);
    line-height: 1.8
}

.c-preview-card__imgwrap {
    border-radius: .375rem;
    border: 1px solid rgba(0, 0, 0, .1);
    width: 9.25rem;
    height: 4.125rem
}

.c-preview-card__img {
    width: 100%;
    height: 100%;
    border-radius: .375rem
}

.c-timeAloc-preview {
    display: flex;
    flex-direction: column;
    border-radius: .75rem;
    background: #f3f6fa;
    overflow: auto
}

.c-timeAloc-preview-head {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.c-timeAloc-preview-title {
    color: #090909
}

.c-timeAloc-preview__options {
    display: flex;
    justify-content: flex-end
}

.c-timeAloc-preview__options.-justify-content {
    justify-content: space-between;
    align-items: flex-end
}

.c-timeAloc-preview__options .c-bottom-panel__wrapper {
    display: flex;
    width: auto;
    border-radius: .75rem;
    box-shadow: none
}

.c-timeAloc-preview__options .c-bottom-panel__right-section {
    gap: .75rem
}

.c-timeAloc-preview__options .c-bottom-panel__percentage-wrapper {
    padding: 0
}

.c-timeAloc-preview__options .c-bottom-panel__toggle-section {
    border-left: 1px solid #ccc;
    padding-left: .75rem
}

.c-timeAloc-preview__options .c-bottom-panel__toggle-section .o-toggle__checkbox {
    width: 2.25rem;
    height: 1.125rem
}

.c-timeAloc-preview__options .c-bottom-panel__toggle-section .o-toggle__checkbox-slider {
    background: #fff;
    border-radius: 1.5rem
}

.c-timeAloc-preview__options .c-bottom-panel__toggle-section .o-toggle__checkbox-slider:before {
    border-radius: 50%;
    bottom: 0;
    width: 1.075rem;
    height: 1.075rem;
    left: 0;
    background-color: #737373
}

.c-timeAloc-preview__options .c-bottom-panel__percentage-wrapper-tooltip {
    top: 2.5rem;
    width: 100%
}

.c-timeAloc-preview .c-process-mode__content-radio-userDefineInput {
    display: flex;
    align-items: center;
    width: 2.75rem;
    height: 1.125rem;
    border-radius: 2.475px;
    border: .619px solid #e5e5e5;
    background: var(--pva-base-white, #fff)
}

.c-timeAloc-preview .c-process-mode__content-radio-userDefineInput input {
    width: 100%;
    height: 100%;
    border: none;
    text-align: center;
    outline: 0
}

.c-timeAloc-preview .c-process-mode__content-radio-userDefineInput .-percentage {
    height: 100%;
    width: 1rem;
    min-width: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e5e5e5
}

.c-timeAloc-preview .c-process-mode__content-efforts-radio .o-radio {
    flex-direction: column;
    gap: .25rem
}

.c-timeAloc-preview .c-process-mode__content-efforts-radio .o-radio input {
    --ocircle-size: 0.75rem
}

.c-timeAloc-preview .c-process-mode__content-efforts-radio .o-radio input:before {
    border: 1px solid #a100ff;
    background: 0 0
}

.c-timeAloc-preview .c-process-mode__content-radio {
    background: linear-gradient(0deg, rgba(217, 217, 217, 0) 0, #f3f6fa 100%);
    margin-top: -.875rem;
    min-height: 4.875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: .875rem;
    font-size: var(--pva-fs-12, .75rem);
    color: #000
}

.c-timeAloc-preview .c-process-mode__content-radio-userDefine {
    display: none;
    flex-direction: column;
    width: 100%;
    padding: .25rem;
    gap: .375rem
}

.c-timeAloc-preview .c-process-mode__content-radio-userDefineTime {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.c-timeAloc-preview .c-process-mode__content-radio-userDefine .c-configure-prop__range-slider {
    width: 100%;
    position: relative;
    padding-bottom: .75rem
}

.c-timeAloc-preview .c-process-mode__content-radio-userDefine .o-rangeslider {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    background: 0 0;
    width: 100%;
    height: .5rem;
    border-radius: 50rem;
    -webkit-appearance: none;
    appearance: none;
    transition: all .1s ease
}

.c-timeAloc-preview .c-process-mode__content-radio-userDefine .o-rangeslider::-webkit-slider-runnable-track {
    height: .25rem;
    border-radius: 50rem;
    cursor: pointer;
    background: linear-gradient(#4c51c8, #4c51c8) no-repeat #ddd;
    background-size: var(--range-size) 100%
}

.c-timeAloc-preview .c-process-mode__content-radio-userDefine .o-rangeslider::-webkit-slider-thumb {
    height: .625rem;
    width: .625rem;
    border-radius: 50%;
    border: 3px solid #4c51c8;
    background-color: #fff;
    cursor: pointer;
    margin-top: -.25rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .16);
    -webkit-appearance: none;
    box-sizing: border-box
}

.c-timeAloc-preview .c-process-mode__content-radio-userDefine .c-configure-prop__range-slider-value>span {
    color: var(--color-range-text, #797979);
    position: absolute;
    bottom: 0
}

.c-timeAloc-preview .c-process-mode__content-radio-userDefine .c-configure-prop__range-slider-value .-start {
    left: 0
}

.c-timeAloc-preview .c-process-mode__content-radio-userDefine .c-configure-prop__range-slider-value .-end {
    right: 0
}

.c-timeAloc-preview .c-process-mode__content-radio .o-radio input {
    --ocircle-size: 0.75rem
}

.c-timeAloc-preview .c-process-mode__content-radio.-userDefined {
    justify-content: left
}

.c-timeAloc-preview .c-process-mode__content-radio.-userDefined .o-radio {
    display: none
}

.c-timeAloc-preview .c-process-mode__content-radio.-userDefined .c-process-mode__content-radio-userDefine {
    display: flex
}

.c-timeAloc-preview .c-process-mode__content-efforts-radio {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    font-size: .75rem;
    color: #737373;
    padding-top: .75rem;
    min-height: 7rem;
    gap: .5rem
}

.c-timeAloc-preview .c-process-mode__content-efforts-radioWrap {
    display: flex;
    flex-direction: column;
    padding-top: .5rem
}

.c-timeAloc-preview .c-process-mode__content-efforts-radio:not(:last-child) {
    border-bottom: 1px solid #b4c7ff
}

.c-timeAloc-preview .c-process-mode {
    padding: 0
}

.c-timeAloc-preview .c-process-mode__content-col-data-subdata {
    gap: 0
}

.c-timeAloc-preview .c-process-mode__content-col-data-subdata.-efforts {
    gap: .625rem;
    flex: 1;
    min-width: auto
}

.c-timeAloc-preview .c-process-mode__content-col-data-subdata.-efforts .c-process-mode__content-col-data-item3-subitem {
    min-height: 7rem
}

.c-timeAloc-preview .c-process-mode__content-efforts {
    display: flex;
    flex-direction: column;
    border-radius: .25rem;
    background: #ededed;
    padding: .5rem .5rem 0;
    min-width: 12rem;
    margin-bottom: .3125rem
}

.c-timeAloc-preview .c-process-mode__content-effortsWrap {
    display: flex;
    gap: .875rem
}

.c-timeAloc-preview .c-process-mode__content-efforts .c-accordion {
    background: 0 0;
    padding: 0
}

.c-timeAloc-preview .c-process-mode__content-efforts .c-accordion .c-collapse {
    font-size: .625rem;
    padding: .25rem 0;
    box-shadow: none;
    position: relative
}

.c-timeAloc-preview .c-process-mode__content-efforts .c-accordion .c-collapse:after {
    position: absolute;
    border-left: 1.5px solid #000;
    border-bottom: 1.5px solid #000;
    right: 0;
    top: .25rem;
    content: "";
    width: .5rem;
    height: .5rem;
    transform: rotate(-45deg)
}

.c-timeAloc-preview .c-process-mode__content-efforts .c-accordion__container {
    padding: .25rem 0 0 0
}

.c-timeAloc-preview .c-process-mode__content-efforts-point {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    padding: .5rem 0
}

.c-timeAloc-preview .c-process-mode__content-efforts-point .o-input-wrap input {
    min-height: 1.625rem;
    padding: .25rem .75rem;
    font-size: .625rem
}

.c-timeAloc-preview .c-process-mode__content-efforts-point:not(:last-child) {
    border-bottom: 1px solid #b4c7ff
}

.c-timeAloc-preview .c-process-mode__content-efforts-time {
    color: #737373;
    display: flex;
    right: 0;
    gap: .5rem
}

.c-timeAloc-preview .c-process-mode__content-efforts-time .-percent {
    color: #000
}

.c-timeAloc-preview .c-process-mode__content-col-data-subdata2 {
    padding: 0 0 .3125rem 0;
    min-width: 12rem
}

.c-timeAloc-preview .c-process-mode__content-col-data {
    gap: .75rem
}

.c-timeAloc-preview .c-process-mode.-readOnly {
    pointer-events: none
}

.c-timeAloc-preview .c-process-mode.-readOnly .c-process-mode__content-radio {
    color: #828282
}

.c-timeAloc-preview .c-process-mode.-readOnly .c-process-mode__content-radio-userDefine .o-rangeslider {
    filter: grayscale(1)
}

.c-timeAloc-preview .c-process-mode__content-support {
    right: 0;
    display: flex;
    align-items: center;
    font-size: var(--pva-fs-10, .625rem);
    color: #4c51c8;
    font-weight: 500;
    gap: .5rem
}