.askNormaHeaderButton {
    height: 32px !important;
    padding: 0 var(--norma--padding-md) 0 0 !important;
    background: var(--norma__neutral--light) !important;
    color: var(--norma__neutral--dark-blue) !important;
    font-weight: var(--norma--fw-bold) !important;
    font-size: var(--norma--font-xs) !important;
}

.askNormaKPIs {
    margin-bottom: 22px;
}

.askNormaKPIs-Single {
    gap: 8px;
/*    width: 37%;*/
    padding-inline-start: .25rem !important;
}

.askNormaKPIsImage {
}

    .askNormaKPIsImage img {
    }

.askNormaKPIsTitles {
}

.askNormaKPIsCount {
}

.text-dark-blue {
    color: var(--norma-secondary--2) !important;
}
.askNormaQuestionsWrapper {
    background: rgba(238, 245, 254, 1);
    padding: 5px 2px 10px;
    margin-bottom: 2px;
}

.PSCustomizedCalendarPosition-cutoff {
    position: absolute;
    bottom: -13px;
    background: white;
    min-height: 190px;
    /* top: 100%; */
    bottom: -125px;
    box-shadow: rgba(0, 0, 0, 0.06) 0px 6px 14px 0px;
    border-radius: 5px;
    width: 234px !important;
    display: block !important;
    overflow: visible !important;
}

.radzenCustomizedPositionWrapper-cutoff {
    position: absolute;
    z-index: 100;
    border-radius: 5px;
    background: #fff;
    bottom:0;
    width: 100%;
    /* top: 30%; */
    /* inset-inline-start: 34%; */
    /* width: 34%; */
}

    .radzenCustomizedPositionWrapper-cutoff table {
        width: 100% !important;
    }

.PSCustomizedCalendarPosition-cutoff .time-picker .rz-colorpicker, .rz-lookup-search input, .rz-spinner, .rz-calendar .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textarea, .rz-textbox {
    font-size: 10px !important;
    border-radius: 5px !important;
}

.PSCustomizedCalendarPosition-cutoff .norma--input, .norma--input-view-noControl {
    border: 1px solid #80808047;
}

    .PSCustomizedCalendarPosition-cutoff .norma--input.norma--input--sm, .PSCustomizedCalendarPosition-cutoff .norma--input-view-noControl.norma--input--sm {
        height: 36px !important;
    }

    .rz-datepicker.rz-popup {
        width: 195px !important;
    }

.PSCustomizedCalendarPosition-cutoff .time-picker .rz-datepicker-trigger .rzi-calendar, .rz-datepicker-trigger .rzi-time {
    color: #b6b6b6 !important;
    font-size: 18px !important;
}

.rz-spinner-button, .rz-button.rz-secondary, .rz-secondary.rz-paginator-element {
    background-color: #36b765 !important;
}

.askNormaQuestionsHeader {
    padding: 2px 10px;
    color: var(--norma__neutral--dark);
    font-weight: 500;
}

.askNormaQuestions {
    background: var( --norma__neutral--light);
    padding: 10px;
}

.askNormaQuestionsTitle {
    color: var(--norma__neutral--dark);
    font-weight: 500;
}

.askNormaQuestions_Questions label.custom-control-label.norma--font-sm, .askNormaQuestions_Questions .rz-radiobutton-label {
    color: var(--norma__neutral--grey-1);
    font-weight: 300;
}

.askNormaQuestions_Questions .custom-radio [type="radio"]:checked + label::before, .askNormaQuestions_Questions .custom-radio [type="radio"]:not(:checked) + label::before, .askNormaQuestions_Questions .rz-radiobutton-box, .askNormaQuestions_Questions .rz-radiobutton-box.rz-state-active:hover:not(.rz-state-disabled), .askNormaQuestions_Questions .rz-radiobutton-box:active:not(.rz-state-disabled) {
    border: 1px solid var(--norma__neutral--light-blue);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .askNormaQuestions_Questions .rz-radiobutton-box.rz-state-active, .askNormaQuestions_Questions .rz-radiobutton-box.rz-state-active:hover:not(.rz-state-disabled) {
        background-color: var( --norma__neutral--light);
    }

        .askNormaQuestions_Questions .rz-radiobutton-box.rz-state-active:hover .rz-radiobutton-icon {
            background: rgb(6, 125, 254);
            border: 2px solid rgb(255, 255, 255);
        }

.askNormaFairnessLevel.radzenListRadioCustomized .rz-radiobutton-box.rz-state-active:hover {
    border: none;
}

.askNormaQuestions_Questions .radzenListRadioCustomized .rz-radiobutton-box.rz-state-active, .askNormaQuestions_Questions .radzenListRadioCustomized .rz-radiobutton-box.rz-state-active:hover:not(.rz-state-disabled) {
    background-color: inherit;
}

.askNormaQuestions_Questions .rz-radiobutton-box .rzi-circle-on, .askNormaQuestions_Questions .rz-radiobutton-box .rzi-circle-on:hover:not(.rz-state-disabled) {
    background: var(--norma__neutral--light-blue);
    width: 7px;
    height: 7px;
}


.askNormaQuestions_Questions .custom-control {
    padding-inline-start: 0px;
}

.askNormaQuestions_Questions .rz-radiobutton {
    width: 12px;
    height: 12px;
}

#askNormaModalCenter * {
    font-family: BrownStdRegular !important;
}

.askNormaFairnessLevel {
    display: flex;
    flex-direction: row;
    align-content: stretch;
    position: relative;
    width: 100%;
    height: 33px;
    user-select: none;
}

    .askNormaFairnessLevel::before {
        content: " ";
        position: absolute;
        height: 6px;
        width: 100%;
        top: 50%;
        inset-inline-start: 50%;
        transform: translate(-50%, -50%);
        background: linear-gradient(90deg, rgb(245, 16, 16) 0%, rgba(231, 188, 78, 0.81) 44.49%, rgba(20, 210, 73, 0.85) 100%);
        border-radius: 25px;
    }

    .askNormaFairnessLevel input, form .askNormaFairnessLevel label {
        box-sizing: border-box;
        flex: 1 1 0%;
        user-select: none;
        cursor: pointer;
    }

    .askNormaFairnessLevel label {
        display: inline-block;
        position: relative;
        width: 20%;
        height: 100%;
        user-select: none;
    }

        /*.askNormaFairnessLevel label::before {*/
            /* content: attr(data-amount); */
            /*position: absolute;
            inset-inline-start: 50%;
            padding-top: 0px;
            transform: translate(-50%, 26px);
            font-size: var(--norma--font-xs);
            letter-spacing: 0.4px;
            font-weight: 400;
            white-space: nowrap;
            opacity: 0.85;
            transition: all 0.15s ease-in-out 0s;
            border: none !important;
        }

        .askNormaFairnessLevel label::after {*/
            /* content: " "; */
            /*position: absolute;
            inset-inline-start: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            width: 5px;
            height: 5px;
            background: var( --norma__neutral--light);
            border-radius: 50%;
            pointer-events: none;
            user-select: none;
            z-index: 1;
            cursor: pointer;
            transition: all 0.15s ease-in-out 0s;
        }*/

        .askNormaFairnessLevel label:hover::after {
            transform: translate(-50%, -50%) scale(1.25);
        }

    .askNormaFairnessLevel input {
        display: none;
    }

        .askNormaFairnessLevel input:checked + label::before {
            font-weight: 800;
            opacity: 1;
        }

        .askNormaFairnessLevel input:checked + label::after {
            border-width: 4px;
            transform: translate(-50%, -50%) scale(0.75);
        }

        .askNormaFairnessLevel input:checked ~ .fairness-amount-pos {
            opacity: 1;
        }

        .askNormaFairnessLevel input:checked:nth-child(1) ~ .fairness-amount-pos {
            inset-inline-start: 5%;
        }

        .askNormaFairnessLevel input:checked:nth-child(3) ~ .fairness-amount-pos {
            inset-inline-start: 15%;
        }

        .askNormaFairnessLevel input:checked:nth-child(5) ~ .fairness-amount-pos {
            inset-inline-start: 25%;
        }

        .askNormaFairnessLevel input:checked:nth-child(7) ~ .fairness-amount-pos {
            inset-inline-start: 35%;
        }

        .askNormaFairnessLevel input:checked:nth-child(9) ~ .fairness-amount-pos {
            inset-inline-start: 45%;
        }

        .askNormaFairnessLevel input:checked:nth-child(11) ~ .fairness-amount-pos {
            inset-inline-start: 55%;
        }

        .askNormaFairnessLevel input:checked:nth-child(13) ~ .fairness-amount-pos {
            inset-inline-start: 65%;
        }

        .askNormaFairnessLevel input:checked:nth-child(15) ~ .fairness-amount-pos {
            inset-inline-start: 75%;
        }

        .askNormaFairnessLevel input:checked:nth-child(17) ~ .fairness-amount-pos {
            inset-inline-start: 85%;
        }

        .askNormaFairnessLevel input:checked:nth-child(19) ~ .fairness-amount-pos {
            inset-inline-start: 95%;
        }

    .askNormaFairnessLevel .fairness-amount-pos {
        display: block;
        position: absolute;
        top: 50%;
        width: 12px;
        height: 12px;
        background: rgb(6, 125, 254);
        border-radius: 50%;
        transition: all 0.15s ease-in-out 0s;
        transform: translate(-50%, -50%);
        border: 2px solid rgb(255, 255, 255);
        opacity: 0;
        z-index: 2;
        box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px 0px;
    }

form:valid .askNormaFairnessLevel input + label::before {
    transform: translate(-50%, 45px) scale(0.9);
    transition: all 0.15s linear 0s;
}

form:valid .askNormaFairnessLevel input:checked + label::before {
    transform: translate(-50%, 45px) scale(1.1);
    transition: all 0.15s linear 0s;
}

@-webkit-keyframes spin {
    0% {
        transform: rotate(0deg);
        width: 24px;
        opacity: 1;
        margin-inline-end: 12px;
    }

    100% {
        transform: rotate(360deg);
        width: 24px;
        opacity: 1;
        margin-inline-end: 12px;
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
        width: 24px;
        opacity: 1;
        margin-inline-end: 12px;
    }

    100% {
        transform: rotate(360deg);
        width: 24px;
        opacity: 1;
        margin-inline-end: 12px;
    }
}

.askNormaInput {
    max-width: 40px;
    border: 1px solid var( --norma__neutral--light-blue);
    color: var( --norma__neutral--light-blue);
    border-radius: 2px;
    outline: none !important;
}

#askNormaModalCenter input[type="time"]::-webkit-calendar-picker-indicator {
    background-image: url("../design-system/icons/calendar-new.svg");
}

#askNormaModalCenter .norma--input-select-element.norma--selected + .norma--input-select-label, #askNormaModalCenter .norma--input-select-element:focus + .norma--input-select-label, #askNormaModalCenter .norma--input-select-element:invalid + .norma--input-select-label {
    top: -4px;
    font-size: var(--norma--font-xxs);
}

.askNormaFairnessLevel .rz-radio-button-list-horizontal .rz-radio-btn {
    align-items: center;
    flex-direction: column;
    width: calc(10% - 3px);
}

.askNormaFairnessLevel.radzenListRadioCustomized::before {
    top: 8%;
}

.askNormaQuestionsWrapper .rz-radiobutton-box:active:not(.rz-state-disabled) {
    background-color: var( --norma__neutral--light);
}

.askNormaFairnessLevel.radzenListRadioCustomized .rz-radiobutton-box {
    width: 5px;
    height: 5px;
    border: 1px solid var(--norma__neutral--light);
}

    .askNormaFairnessLevel.radzenListRadioCustomized .rz-radiobutton-box.rz-state-active {
        width: 12px;
        height: 12px;
        top: -5px;
        inset-inline-start: -4px;
    }

    .askNormaFairnessLevel.radzenListRadioCustomized .rz-radiobutton-box .rzi-circle-on, .askNormaFairnessLevel.radzenListRadioCustomized .rz-radiobutton-box .rzi-circle-on:hover:not(.rz-state-disabled) {
        width: 12px;
        height: 12px;
        background: rgb(6, 125, 254);
        border-radius: 50%;
        transition: all 0.15s ease-in-out 0s;
        border: 2px solid rgb(255, 255, 255);
        opacity: 0;
        z-index: 2;
        box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px 0px;
    }

    .askNormaFairnessLevel.radzenListRadioCustomized .rz-radiobutton-box.rz-state-active .rzi-circle-on, .askNormaFairnessLevel.radzenListRadioCustomized .rz-radiobutton-box.rz-state-active:hover .rzi-circle-on {
        opacity: 1;
    }