div.support-grid-case-details.support-case {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: 1fr auto;
    grid-template-rows: 1fr auto;
    grid-template-areas:
        'progress'
        'main'
        'nav';
    min-height: 100vh;
    margin-bottom: -2.5rem;
    padding: 0;

    .grid-main {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        grid-area: main;
        padding: 1rem;
        min-width: 0;

        & > .grid-main-section.grid-main-active-section {
            padding: 1.5rem;
            outline: none;
            min-height: 100vh;

            & > header {
                margin-bottom: 2rem;
            }
        }
        & > .visited-line,
        & > .togo-line {
            margin-bottom: 5rem;
        } /* ONLY until step refactoring */
    }

    .grid-aside {
        grid-area: aside;
        background-color: var(--pf-v5-global--palette--black-200);
        padding: 1rem;
        display: none;

        .grid-aside-content {
            padding: 1.5rem 1rem;

            & > * {
                margin-bottom: 2rem;
            }

            header {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                margin-bottom: 1rem;

                h3 {
                    margin-bottom: 0;
                }

                h2 {
                    margin-bottom: 0;
                    font-size: 18px;
                }

                button {
                    height: 28px;
                    margin-left: auto;
                    padding: 5px 1rem;
                    border: 0;
                    background: none;

                    &:hover,
                    &:focus {
                        color: #06c;
                    }

                    .fa {
                        font-size: 20px;
                    }
                }
            }
            .grid-aside-content-inner-div {
                margin: 0px !important;
            }

            .card-heading {
                margin-bottom: 0px;
            }

            #case-details-top-recommendations-pagination-bottom-pagination {
                justify-content: space-between;
            }
        }
    }

    /* Medium devices - add progress */
    @media (min-width: 768px) {
        -ms-grid-columns: 85px 2fr;
        grid-template-columns: 85px 2fr;
        -ms-grid-rows: 1fr auto;
        grid-template-rows: 1fr auto;
        grid-template-areas:
            'progress main'
            'progress nav';

        .grid-main {
            -ms-grid-row: 1;
            -ms-grid-column: 2;
            padding: 1rem;
        }

        .grid-aside-content {
            position: -webkit-sticky;
            position: sticky;
            top: 8rem;
        }
    }

    /* Large devices - add aside */
    @media (min-width: 992px) {
        -ms-grid-columns: 85px auto 33%;
        grid-template-columns: 85px auto 33%;
        -ms-grid-rows: 1fr auto;
        grid-template-rows: 1fr auto;
        grid-template-areas:
            'progress main aside'
            'progress nav aside';

        .grid-main {
            border-right: 1px solid #e7e7e7;
        }

        .grid-aside {
            -ms-grid-row: 1;
            -ms-grid-row-span: 2;
            -ms-grid-column: 3;
            display: inline-block;
        }

        .grid-main {
            -ms-grid-row: 1;
            -ms-grid-column: 2;

            & > .grid-main-section {
                padding: 2.5rem 1.5rem;
            }
        }
    }

    /* XL devices - Add step names to progress section */
    @media (min-width: 1200px) {
        -ms-grid-columns: 245px 1fr 32%;
        grid-template-columns: 245px auto 32%;
    }

    /* XXL devices - Progress section fixed width */
    @media (min-width: 2000px) {
        -ms-grid-columns: 300px 1fr 33%;
        grid-template-columns: 300px auto 33%;
    }

    /* Case details grid */
    &.support-case {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-bottom: 0;

        @media (min-width: 992px) {
            -ms-flex-direction: row;
            flex-direction: row;
        }

        .grid-main {
            padding: 0rem;
            min-height: 75vh;
            width: 100%;
            background-color: #f0f0f0;
            border-radius: 0 0 0 16px;

            .grid-main-section {
                padding: 1rem;
                background-color: #fff;
                border-radius: 0 0 0 16px;

                .case-overview-header {
                    padding: 0.5rem;

                    header {
                        display: -ms-flexbox;
                        display: flex;
                        -ms-flex-direction: column;
                        flex-direction: column;
                        -ms-flex-align: center;
                        align-items: center;
                        margin-bottom: 0.6rem;

                        .case-ID {
                            .fake-disable {
                                cursor: not-allowed;
                                border-color: #d1d1d1;
                                color: #8d8d8d;
                            }
                        }

                        .pf-v6-c-switch {
                            display: -ms-flexbox;
                            display: flex;
                            align-items: center;
                        }

                        .pf-v6-c-switch__label {
                            padding-left: 0.6rem;
                            font-size: 15px;

                            & .pf-m-on {
                                color: #06c;
                            }
                        }

                        & > * {
                            width: 100%;
                            margin-bottom: 1rem;
                        }
                    }

                    .case-details-header-secondary {
                        display: -ms-flexbox;
                        display: flex;
                        -ms-flex-direction: column;
                        flex-direction: column;

                        .case-support-level a {
                            font-size: initial;
                        }

                        .pf-v6-c-button {
                            font-size: 15px;
                            margin-left: auto;

                            svg {
                                margin-left: 6px;
                                font-size: 14px;
                                vertical-align: -0.12em;
                            }
                        }

                        & > * {
                            width: 100%;
                        }

                        & > *:first-child {
                            margin-bottom: 0.5rem;
                        }

                        & > *:last-child {
                            text-align: left;
                        }
                    }
                }

                .case-overview-main {
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-direction: row;
                    flex-direction: row;
                    -ms-flex-pack: justify;
                    justify-content: space-between;
                    -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
                    border-radius: 8px;

                    & > * {
                        margin: 9px;
                        flex-basis: 100%;

                        &:last-child {
                            padding-left: 0;
                        }

                        &:last-child {
                            margin-bottom: 0;
                            padding-right: 0;
                        }

                        & > h3 {
                            font-size: 14px;
                        }

                        & > *:not(h3) {
                            font-size: 14px;
                            line-height: 2;
                        }

                        @media (min-width: 768px) {
                            flex-basis: 45%;
                        }

                        @media (min-width: 1200px) {
                            flex: 1 1 auto;
                        }
                    }

                    .account > *:nth-child(2) {
                        display: -ms-flexbox;
                        display: flex;
                        -ms-flex-align: center;
                        align-items: center;

                        .add-remove-bookmark {
                            padding: 0px 12px;
                        }
                    }
                }

                .case-overview-secondary {
                    border-radius: 8px;
                    .form-group {
                        margin-bottom: 0;
                    }
                }

                label {
                    font-size: 14px;
                }

                @media (min-width: 768px) {
                    padding: 1rem 1.8rem;

                    .case-overview-header {
                        padding: 0;

                        header {
                            -ms-flex-direction: row;
                            flex-direction: row;
                            -ms-flex-align: center;
                            align-items: center;
                            -ms-flex-pack: justify;
                            justify-content: space-between;

                            .pf-v6-c-switch {
                                margin-left: auto;
                            }

                            & > * {
                                width: initial;
                                margin-bottom: 0;
                            }
                        }

                        .case-details-header-secondary {
                            -ms-flex-direction: row;
                            flex-direction: row;
                            -ms-flex-align: center;
                            align-items: center;
                            -ms-flex-pack: justify;
                            justify-content: space-between;

                            & > * {
                                width: initial;
                            }

                            & > *:first-child {
                                width: initial;
                                margin-bottom: 0;
                            }
                        }
                    }
                }
            }

            @media (min-width: 1200px) {
                -ms-flex: 1 1 auto;
                flex: 1 1 auto;
            }
        }

        .grid-aside {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column;
            padding: 0;
            max-width: 300px;

            .grid-aside-content {
                padding: 1rem 1.5rem !important;
                height: 100%; // Warning: removing this will make the sidebar's content sticky
                min-width: 300px;

                @media (min-width: 992px) {
                    min-width: 400px;
                }

                @media (min-width: 1200px) {
                    min-width: 500px;
                }

                @media (min-width: 1450px) {
                    min-width: 550px;
                }

                @media (min-width: 2000px) {
                    min-width: 600px;
                }

                & > * {
                    margin: 1rem 0 2rem;
                }
            }

            .sidebar-header {
                background-color: var(pf-t--color--white);
                border-bottom: 1px solid var(--pf-t--global--border--color--100);

                button {
                    display: -ms-flexbox;
                    display: flex;
                    align-items: center;
                    width: 100%;
                    padding: 0.5rem;
                    margin-bottom: 16px;
                    font-weight: 500;

                    span {
                        font-size: 1rem;
                    }

                    &:hover,
                    &:focus {
                        background-color: --pf-v5-global--palette--black-300;
                    }
                }
            }

            .sidebar-content {
                background-color: #f0f0f0;
            }

            &.sidebar-collapsed {
                button:first-of-type {
                    padding: 0.5rem;
                    margin-bottom: 1rem;
                }

                button.sidebar-section-toggle-btn {
                    padding: 0.5rem;
                    color: #494c50;
                    margin-bottom: 1rem;

                    &:hover,
                    &:focus {
                        background-color: #dedede;
                    }
                }
            }

            @media (min-width: 992px) {
                max-width: 400px;
            }

            @media (min-width: 1200px) {
                -ms-flex: 0 1 auto;
                flex: 0 1 auto;
                max-width: 500px;
            }

            @media (min-width: 1450px) {
                max-width: 550px;
            }

            @media (min-width: 2000px) {
                -ms-flex: 0 1 auto;
                flex: 0 1 auto;
                max-width: 600px;
            }
        }

        .pf-v6-c-expandable-section__toggle {
            width: 100%;
            text-align: left;
            background-color: #f0f0f0;
            border: 1px solid #d2d2d2;
            padding: 0.8rem 1rem;
            font-size: 16px;
        }

        button:not(.close),
        button:not(.pf-v6-c-expandable-section__toggle),
        .pf-v6-c-button,
        .btn.btn-app {
            font-size: 14px;
        }
    }

    form h2,
    form h3,
    form h4,
    form h5,
    form h6,
    .subheading {
        font-family: 'Red Hat Text', Overpass, Helvetica, sans-serif;
        font-size: 14px;
        margin-bottom: 6px;
    }

    /* Override buttons to match PF */
    .btn.btn-app,
    .btn-app[role='button'] {
        padding: 0.375rem 1rem;
        border-radius: 4px;
    }

    .card.card-support {
        padding: 0;
        border: 0;

        .card-heading {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            margin-bottom: 0;
            padding: 0.6rem 1rem;
            font-size: 15px;
            font-weight: 900;
            color: #fff;

            a {
                margin-left: auto;
                color: #fff;

                &:hover,
                &:focus {
                    color: #004080;
                }
            }
        }

        .card-body {
            padding: 1.1rem;
            border-bottom: 1px solid var(--pf-t--global--border--color--100);
            border-left: 1px solid var(--pf-t--global--border--color--100);
            border-right: 1px solid var(--pf-t--global--border--color--100);
            border-radius: 0 0 4px 4px;

            & > *:last-child {
                margin-bottom: 0;

                &.pf-v6-c-pagination {
                    -ms-flex-pack: justify;
                    justify-content: space-between;
                }
            }
        }

        &.recommendations {
            .recommendation-header {
                font-size: 14px;
                font-weight: 600;
            }

            .card-body ul {
                list-style-type: none;

                li {
                    margin-bottom: 0.8rem;

                    a svg,
                    a::after {
                        display: none;
                    }

                    & > *:last-child {
                        margin-top: 4px;
                    }
                }
            }

            .pf-v6-c-pagination {
                padding: 0.2rem;

                .pf-v6-c-pagination-nav {
                    align-items: center;
                }
            }
        }

        &.escalations {
            .card-body {
                font-size: 15px;

                p {
                    margin-bottom: 0.8rem;
                }
            }
        }
    }
    .btn.btn-app.btn-link.case-reply-button {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
}

.post-comment-reply-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--pf-t--global--spacer--xs) var(--pf-t--global--spacer--sm);
    background: var(--pf-t--global--background--color--secondary--default);
    border-radius: var(--pf-t--global--border--radius--small);
}

.text-danger {
    color: #c9190b !important;
}

.text-warning {
    color: #f0ab00 !important;
}

.btn-danger {
    border-bottom-color: #c9190b !important;
}

.top-products p {
    margin-bottom: 2rem;
    font-size: 14px;
    font-weight: 500;
}

#case-management .sla {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;

    & > * {
        width: 48%;
    }
}

.form-group label {
    font-size: 15px;
}

.form-group pre {
    padding: 0;
    font-family: 'Red Hat Text', Overpass, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
    background-color: transparent;
    border-color: transparent;
    color: #252525;
}

mark {
    background-color: #faf3d1;
}

.list-icons .recommendation-header .list-icon {
    padding-top: var(--pf-t--global--spacer--xs);
    padding-bottom: var(--pf-t--global--spacer--xs);
    margin-left: -2rem;
}

.list-icons li:last-child {
    margin-bottom: 0;
}

// pinning feature - can't be overly specific here
.recommendation-header {
    font-size: 14px;
    font-weight: 600;

    .pinned-resource {
        color: var(--pf-t--global--text--color--link--default);
    }

    button:hover[title='Link'] svg {
        color: #6ca100;
    }

    button[title='Unlink'] {
        svg {
            color: #6ca100;
        }

        &:hover svg {
            color: var(pf-t--global--icon--color--status--danger--default);
        }
    }
}

.result-body {
    font-size: 13px;
    word-break: break-word;
    color: black;
}

.form-group:last-child {
    margin-bottom: 0;
}

#se-solution-engine .pf-v6-c-alert.ea-rule-alert {
    padding: 0px;
    box-shadow: 0px 0px;
    border: 0px;
}

div.pf-v6-c-alert.ea-rule-alert > div.pf-v6-c-alert__description > p {
    margin-bottom: 0;
}

.customer-view-switch-label {
    font-size: 15px;
    font-weight: 700;
    color: #252525;
}

#case-details-aside-content[pfe-expanded] {
    overflow: visible;
}

#case-details-aside-solutions .pf-v6-c-accordion__expandable-content-body {
    padding: 0;
}

#case-details-aside-content {
    .card {
        border-radius: 1px;
    }

    .card-heading {
        color: var(pf-t--color--white);
    }
}

.anchor-tag-link-pl {
    padding-left: 0px;
    font-size: 14px;
    display: inline-block;
}

.anchor-tag-link-td-none {
    text-decoration: none;
}

// Text color for external tracker text on comments
.prevent-split.support-comment {
    footer {
        .comment-note {
            span.external-tracker-label {
                color: #151515 !important;
            }
        }
        .comment-note.external-tracker-label {
            color: #151515 !important;
        }
    }
}

div.defaultViewCheckbox {
    grid-gap: 0px;
}

div.defaultViewCheckbox label.pf-v6-c-check__label {
    line-height: 1rem;
}

p.pref-case-popover-text {
    font-size: 16px;
}

.blueLock {
    color: var(--pf-v5-global--palette--blue-400);
}

.rrs-light-grey-text {
    color: var(--pf-v5-global--palette--black-600);
}

.rsa-checkbox {
    align-items: center;
    input[type='checkbox'] {
        margin: 0 5px 0 0;
    }
}

.support-types-card {
    border: var(--pf-t--global--border--width--box--default) solid var(--pf-t--global--border--color--default);

    &.pf-m-selected {
        border: var(--pf-t--global--border--width--box--clicked) solid var(--pf-t--global--border--color--clicked);
    }
}

.support-types-invalid {
    border: 1px solid #c9190b;
}

.submit-case-header-container {
    display: flex;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    border-radius: var(--global-border-radius-medium, 16px);
    background: var(--chart-global-fill-color-100, #f2f2f2);
}

.view-case-button {
    color: #ffffff !important;
}
.submit-page-title {
    display: flex !important;
    align-items: center !important;
}
.submitCase-action-list {
    display: inline-flex;
    padding: 24px 0px;
    align-items: center;
    gap: 16px;
}
.submit-page-title .pf-v6-c-content h1 {
    margin: 0 !important;
    display: inline !important;
}

.rules-modal-items > h2 {
    margin-top: 0;
    margin-bottom: 0;
}

// To fix the margin for personal reference number in management tab
div.case-details-ref-number {
    p {
        margin-bottom: 0 !important;
    }
    margin-bottom: 0 !important;
}
div.submit-case-header-container > p.kicker.kicker-sm.pf-v6-u-mb-sm > a.case-link-disabled {
    pointer-events: none;
    a:link {
        color: #151515 !important;
    }
    a:visited {
        color: #151515 !important;
    }
}

.pf-v6-c-skeleton {
    background-color: #f5f5f5;
    position: absolute;
}

.pf-m-circle {
    border-radius: 50%;
}
.pf-v6-c-wizard__nav-link {
    font-size: 15px;
}
.pf-v6-c-wizard__nav-link-main {
    width: 100%;
}

.pf-v6-c-wizard__toggle-num,
.pf-v6-c-wizard__nav-link::before {
    height: 24px;
    width: 24px;
    flex-shrink: 0;
}

.pf-v6-c-wizard__footer {
    display: flex !important;
    align-items: center !important;
    position: sticky;
    bottom: 0px;
    border-top: 1px solid #d9d9d9;
    padding: 10px;
    gap: 10px;

    /* Override buttons to match PF */
    .btn.btn-app,
    .btn-app[role='button'] {
        padding: 0.375rem 1rem;
        border-radius: var(--global-border-radius-pill, 999px);
        border: var(--global-border-width-regular, 1px) solid var(--global-border-color-brand-default, #06c);
    }
}

.pf-v6-c-wizard__main {
    padding: 0.8rem;
}
.wizard-aside-content {
    top: 0px;
    position: sticky;
}

li.pf-v6-c-wizard__nav-item button.pf-m-disabled::before {
    background-color: #f0f0f0;
}

.grid-wizard-aside-content {
    border-left: 1px solid #c7c7c7;
    padding: 1.5rem;
}

@media (max-width: 992px) {
    .grid-wizard-aside-content {
        display: none;
    }
}

.case-submit-page {
    padding: 2rem;
}

.display-dashed {
    padding: 0.5rem;
    border: 2px dashed var(--pf-v5-global--palette--black-600);
    background-color: var(--pf-v5-global--palette--black-300);
}

.main-nav-button {
    display: flex !important;
}

.solved-issue-button {
    margin-left: auto !important;
}

svg.pf-v6-c-spinner.pf-m-md.export-csv-loader {
    --pf-v5-c-spinner--Color: var(--pf-v5-global--Color--200) !important;
}

svg.pf-v6-u-ml-xs.icon-size {
    width: 14px;
}

@font-face {
    font-family: 'DejaVu Sans';
    src: url('https://access.redhat.com/chrome_themes/nimbus/fonts/unifont-15.0.06.ttf') format('truetype');
}

.case-type-section {
    .case-type-category {
        height: 75px;
        padding: 0.5rem 1rem;
        border: 1px solid #d9d9d9;
        font-weight: 600;
        line-height: 1.6;
        background-color: var(--pf-v5-global--palette--black-150);
        color: var(--pf-v5-global--primary-color--100);
        word-break: break-word;
        &.selected-case-type {
            border-color: var(--pf-v5-global--primary-color--100);
            background-color: #e6e6e6;
        }

        &:hover,
        &:focus {
            border-color: var(--pf-v5-global--primary-color--100);
            background-color: #e6e6e6;
        }

        &:active {
            border-color: var(--pf-v5-global--primary-color--100);
        }
    }
}

.badge-item {
    background-color: var(--pf-v5-global--BackgroundColor--200);
    padding: 0 8px 0 8px;
    border-radius: 10px;
    color: black;
}

#case-details-handpicked-recommendations {
    margin: 0;

    li {
        padding: 0;
    }

    li:first-child {
        margin-top: 0.5rem;
    }

    li:not(:first-child) {
        .handpicked-resource {
            margin-top: var(--pf-t--global--spacer--lg);
        }
    }
}

.handpicked-resource {
    .eval-icons span {
        color: var(--pf-v5-global--primary-color--200);
    }
}

#case-details-handpicked-recommendations-pagination-bottom-pagination,
#case-details-pinned-recommendations-pagination-bottom-pagination {
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0.2rem;
}

#case-details-pinned-recommendations {
    margin-bottom: 0;
}

.card-body-wrapper {
    display: flex;
    padding: 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    border-radius: 0px 0px var(--global-border-radius-medium, 16px) var(--global-border-radius-medium, 16px);
    border-right: 1px solid var(--global-border-color-default, #c7c7c7);
    border-bottom: 1px solid var(--global-border-color-default, #c7c7c7);
    border-left: 1px solid var(--global-border-color-default, #c7c7c7);
    background: #fff;
}

.card-body-wrapper {
    display: flex;
    padding: 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    border-radius: 0px 0px var(--global-border-radius-medium, 16px) var(--global-border-radius-medium, 16px);
    border-right: 1px solid var(--global-border-color-default, #c7c7c7);
    border-bottom: 1px solid var(--global-border-color-default, #c7c7c7);
    border-left: 1px solid var(--global-border-color-default, #c7c7c7);
    background: #fff;
}

.form-group {
    span.form-instructions-bold {
        font-weight: 600;
    }
    a.pf-v6-c-button.pf-m-link.btn-choose-to-share {
        --pf-v6-c-button--PaddingBlockStart: var(--pf-t--global--spacer--xs);
        --pf-v6-c-button--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
        --pf-v6-c-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
        --pf-v6-c-button--PaddingInlineStart: var(--pf-t--global--spacer--xs);
    }
}

.archived-clusters-checkbox {
    .pf-v6-c-check__label {
        margin-bottom: 0;
        font-size: 16px;
    }
}

.openshift-cluster-id {
    .pf-v6-c-select__menu {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .pf-v6-c-divider {
        margin: 5px 0px !important;
    }
}

#rh-support {
    #rh-support-manage {
        .grid-main.manage {
            .pf-v6-c-tabs__item {
                a {
                    color: var(--pf-v5-global--palette--black-700);
                }
            }
        }
    }
}

.case-internal-status-selector-div {
    .pf-m-disabled {
        background-color: var(--pf-v5-global--disabled-color--300);
    }
}

.case-internal-status-selector-text,
.get-support-severity-modal-text,
.case-type-selector-text {
    .pf-v6-c-menu-toggle__text {
        width: 100% !important;
    }
}

#cep-checkbox {
    display: flex;
    align-items: center;
    margin-bottom: 10px;

    #get-support-cep {
        margin: 0 0 0 0;
    }

    .pf-v6-c-check {
        padding-top: 2px;
        &__label {
            margin-top: 2px;
        }
    }
}

.sfdc-case-url-clipboard {
    button {
        margin: 0;
        align-self: stretch;
    }
    .pf-v6-c-clipboard-copy {
        flex: 1;
    }
}
.newFeatureModal {
    #new-feature-modal-checkbox {
        margin-right: var(--pf-t--global--spacer--xs);
    }
}

.kt-question-help-icon {
    font-size: var(--pf-t--global--icon--size--font--md);
}

.recommendation-box-tips {
    li {
        margin-top: 0px !important;
    }
}

#get-support-severity-modal {
    max-width: min-content;
}

.review-form {
    background-color: #e0e0e0 !important;
    border-radius: 8px;
}

.ai-label-text {
    color: #000000;
    display: flex;
    gap: 4px;
}

.loading-text {
    color: #000000;
}

#DeepPurpleColorAILabel {
    display: inline-flex;
    position: relative;
    z-index: 1;
    margin: 1px;
    line-height: normal;
    font-size: 14px;
    height: 29px;
    padding: 0 12px;
    align-items: center;
    flex-shrink: 0;
    border-radius: var(--Radius---pf-v5-global-BorderRadius--lg, 18px);
    border: 1px solid var(--Purple---pf-v5-global--palette--purple-100, #cbc1ff);
    background: var(--Purple---pf-v5-global--palette--purple-50, #f2f0fc);
}

#DeepPurpleColorAILabel .pf-v6-c-label__content {
    color: #ffffff !important;
}

#DeepPurpleColorAILabel .pf-v5-svg {
    margin: 0 10px 0 5px !important;
}

#DeepPurpleColorAILabel .pf-v6-c-spinner__path {
    stroke: black !important;
}

#DeepPurpleColorAILabel svg.pf-v6-c-spinner {
    margin: 0 10px 0 5px !important;
}

.label-container-icon {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 1px;
    border-radius: 20px;
    height: 32px;
    margin-bottom: 18px;
}

.single-select-toggle-text {
    span.pf-v6-c-menu-toggle__text {
        width: 100% !important;
    }
}

.no-cluster-id-reason-container {
    .d-none {
        display: none;
    }

    .text-input-wrapper {
        width: 100%;
    }
}

.gradient.label-container-icon::before {
    content: '';
    display: block;
    background: linear-gradient(
        90deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(102, 102, 102, 0.75) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    height: 300px;
    width: 20px;
    position: absolute;
    animation: rotate 5s linear infinite forwards;
    top: 50%;
    right: 45%;
    transform-origin: top center;
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.cve-modal-fade-in-effect {
    opacity: 0;
    animation: cveModalfadeIn 0.3s forwards;
}

@keyframes cveModalfadeIn {
    from {
        opacity: 0;
        transform: scale(0.9);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

.card-header-bg {
    background-color: #006060 !important;
}

.mirrored {
    transform: scaleX(-1);
}

.case-details-main {
    gap: normal;

    .pf-v6-c-expandable-section__content {
        border-radius: 0 0 4px 4px;
    }

    .pf-v6-c-expandable-section__toggle {
        padding: 0 !important;
        border-radius: 4px 4px 0 0;
        margin-bottom: -8px;

        button {
            display: flex;
            justify-content: flex-start;
            width: 100%;
            color: var(--pf-t--color--black);
            font-weight: 600;
            padding: 16px;
            padding: 1rem;
        }
    }
}

#rha-action-plan,
#rha-case-notes {
    min-height: 5rem;
    resize: none !important;
}

.pf-v6-c-tab-content[aria-label='Private Notes'],
.pf-v6-c-tab-content[aria-label='History'] {
    padding: var(--pf-t--global--spacer--md);
    background-color: var(--pf-t--color--white);
    border-radius: 4px;
}

.cursor-pointer {
    cursor: pointer;
}

#file-uploader-title {
    margin-bottom: 0;
}

.file-upload-body {
    padding-top: 0;
}

.article-recommendations-card h3 {
    margin-bottom: 0;
}

.postcomment-submit:disabled {
    color: var(--pf-v6-c-button--disabled--Color);
}

.remote-session-button:disabled {
    color: var(--pf-v6-c-button--disabled--Color);
}

.send-notifications-add:disabled {
    color: var(--pf-v6-c-button--disabled--Color) !important;
}

.aisure-message-card {
    border-radius: var(--global-border-radius-medium, 16px);
    background: #f4f4f4;
}