@import '_content/BlazorCalendar/BlazorCalendar.gkat6etyn7.bundle.scp.css';
@import '_content/PSC.Blazor.Components.MarkdownEditor/PSC.Blazor.Components.MarkdownEditor.bundle.scp.css';

/* /CMS/Components/Menu.razor.rz.scp.css */
.ol:hover[b-3aumlhl18v] {
    background-color: #d6430c;
}
/* /Pages/Admin/Course/CourseEditorQuiz.razor.rz.scp.css */
.answers-grid[b-ba7pgii4ju] {
    display: grid;
    grid-template-columns: max-content auto 3em;
}
/* /Pages/Admin/Course/RkCourseModuleQuestions.razor.rz.scp.css */
.answers-grid[b-450sxjtzer] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: start;
    column-gap: 0.5rem;
}

.import-options[b-450sxjtzer] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 1rem;
}
/* /Pages/Admin/FeedbackEdit.razor.rz.scp.css */
div:has(> div):has(> .edit)[b-zqcbb6eag0] {
    background-color: var(--color-ongoing-bg) !important;
    transition: background-color ease-in .2s;
}
/* /Pages/PU/CoursePageComp.razor.rz.scp.css */
.full-screen[b-nz1ddzci5m] {
    position: fixed;
    display: flex;
    z-index: 1100;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

    .full-screen[b-nz1ddzci5m]::before {
        content: "";
        position: fixed;
        width: 100vw;
        height: 100vh;
        background-color: #333;
        z-index: -1;
    }

    .full-screen .position .upper-right[b-nz1ddzci5m] {
        display: block !important;
        position: absolute;
        top: 10px;
        right: 10px;
    }

    .full-screen .position .lower-right[b-nz1ddzci5m] {
        display: block !important;
        position: absolute;
        bottom: 10px;
        right: 10px;
    }

    .full-screen .position .lower-left[b-nz1ddzci5m] {
        display: block !important;
        position: absolute;
        bottom: 10px;
        left: 10px;
    }


@media (max-width: 1200px), (max-height: 1200px) {
    .full-screen .position .lower-right[b-nz1ddzci5m] {
        display: none !important;
    }

    .full-screen .position .lower-left[b-nz1ddzci5m] {
        display: none !important;
    }
}

/*Not working for any reason*/
body:has(.full-screen)[b-nz1ddzci5m] {
    overflow: hidden;
}

/* Hide any other browser UI elements */
.full-screen[b-nz1ddzci5m]::-webkit-scrollbar {
    display: none;
}

.full-screen[b-nz1ddzci5m]::-webkit-overflow-scrolling {
    touch-action: pan-y;
}
/* /Pages/PU/Dashboard.razor.rz.scp.css */
/* All welcome-header related CSS has been moved to Shared/PU/WelcomeHeader.razor.css and can be removed from here. */
/* /Shared/Admin/Certificates/ConfigureCert.razor.rz.scp.css */
/* Initially hide all highlight rectangles */
[class^="show_hover_"][b-xl8qgugl90],
[data-highlight-id][b-xl8qgugl90] {
    display: none;
}

/* Generic hover area styling */
.hover-area[b-xl8qgugl90] {
    margin: -5px;
    padding: 5px;
}

.hover-area:hover[b-xl8qgugl90] {
    background-color: rgba(136, 136, 136, 0.1);
    margin: -5px;
    padding: 5px;
}

/* Show the rectangle when any hover-area is hovered using data attributes */
/* Only show the specific highlight that matches the hovered element */
.parent:has([data-hover-target="user_label"]:hover) [data-highlight-id="user_label"][b-xl8qgugl90],
.parent:has([data-hover-target="show_customer"]:hover) [data-highlight-id="show_customer"][b-xl8qgugl90],
.parent:has([data-hover-target="of_label"]:hover) [data-highlight-id="of_label"][b-xl8qgugl90],
.parent:has([data-hover-target="completed_label"]:hover) [data-highlight-id="completed_label"][b-xl8qgugl90],
.parent:has([data-hover-target="training_content_label"]:hover) [data-highlight-id="training_content_label"][b-xl8qgugl90],
.parent:has([data-hover-target="show_auth_by"]:hover) [data-highlight-id="show_auth_by"][b-xl8qgugl90],
.parent:has([data-hover-target="auth_by_label"]:hover) [data-highlight-id="auth_by_label"][b-xl8qgugl90],
.parent:has([data-hover-target="auth_by_text"]:hover) [data-highlight-id="auth_by_text"][b-xl8qgugl90],
.parent:has([data-hover-target="show_training_date"]:hover) [data-highlight-id="training_date_label"][b-xl8qgugl90],
.parent:has([data-hover-target="training_date_label"]:hover) [data-highlight-id="training_date_label"][b-xl8qgugl90],
.parent:has([data-hover-target="show_issued_date"]:hover) [data-highlight-id="issued_date_label"][b-xl8qgugl90],
.parent:has([data-hover-target="issued_date_label"]:hover) [data-highlight-id="issued_date_label"][b-xl8qgugl90],
.parent:has([data-hover-target="title"]:hover) [data-highlight-id="title"][b-xl8qgugl90],
.parent:has([data-hover-target="include_desc"]:hover) [data-highlight-id="include_desc"][b-xl8qgugl90],
.parent:has([data-hover-target="compl_text"]:hover) [data-highlight-id="compl_text"][b-xl8qgugl90],
.parent:has([data-hover-target="expire_date"]:hover) [data-highlight-id="expire_date"][b-xl8qgugl90] {
    display: block;
}

/* Support for legacy class selectors (for backwards compatibility) */
.hover_include_desc[b-xl8qgugl90] {
    margin: -5px;
    padding: 5px;
}

.hover_title:hover[b-xl8qgugl90],
.hover_include_desc:hover[b-xl8qgugl90],
.hover_compl_text:hover[b-xl8qgugl90],
.hover_expire_date:hover[b-xl8qgugl90] {
    background-color: rgba(136, 136, 136, 0.1);
    margin: -5px;
    padding: 5px;
}

.parent:has(.hover_title:hover) .show_hover_title[b-xl8qgugl90],
.parent:has(.hover_include_desc:hover) .show_hover_include_desc[b-xl8qgugl90],
.parent:has(.hover_compl_text:hover) .show_hover_compl_text[b-xl8qgugl90],
.parent:has(.hover_expire_date:hover) .show_hover_expire_date[b-xl8qgugl90] {
    display: block;
}

.red_border[b-xl8qgugl90] {
    border: 3px solid #f13434;
    animation: pulsate-b-xl8qgugl90 1s infinite;
}

@keyframes pulsate-b-xl8qgugl90 {
    0% {
        border-color: #f13434;
    }
    50% {
        border-color: #f13434;
        box-shadow: 0 0 10px #f13434;
    }
    100% {
        border-color: #f13434;
    }
}

.example_text[b-xl8qgugl90] {
    /*Black color almost invisible*/
    color: #00000009;
    /*Rotate 50 degress*/
    transform: rotate(-31deg);
    font-size: 90px;
    top: 150px;
    left: 200px;
}

.perspective[b-xl8qgugl90] {
    transform: perspective(2000px) rotateX(5deg) rotateY(5deg) rotateZ(-1deg) translateX(0px) scale(0.7);
    transform-origin: 0% 0%;
    pointer-events: none;
}

/* LG breakpoint (≥992px) */
@media (min-width: 992px) {
    .perspective[b-xl8qgugl90] {
        transform: perspective(2000px) rotateX(5deg) rotateY(5deg) rotateZ(-1deg) translateX(0px) scale(0.95);
    }
}

/* XL breakpoint (≥1200px) */
@media (min-width: 1200px) {
    .perspective[b-xl8qgugl90] {
        transform: perspective(2000px) rotateX(5deg) rotateY(5deg) rotateZ(-1deg) translateX(0px);
    }
}

.completed_text_color[b-xl8qgugl90] {
    color: rgb(49, 144, 215);
}
/* /Shared/Admin/Certificates/ConfigureCertModal.razor.rz.scp.css */
/* Show the rectangle when the parent of .hover_title is hovered */
.parent:has(.hover_title:hover) .show_hover_title[b-r33t7fdio8],
.parent:has(.hover_include_desc:hover) .show_hover_include_desc[b-r33t7fdio8],
.parent:has(.hover_compl_text:hover) .show_hover_compl_text[b-r33t7fdio8],
.parent:has(.hover_expire_date:hover) .show_hover_expire_date[b-r33t7fdio8] {
    display: block;
}
/* /Shared/Admin/ExitWithoutSaveAlert.razor.rz.scp.css */
.modal-content[b-7l2fcxgw63] {
    background-color: #f8d4d4 !important;
}

.modal-body[b-7l2fcxgw63] {
    margin-left: 2em;
    padding-top: 0px;
}
/* /Shared/Admin/KnHelpSideOverlay.razor.rz.scp.css */
.show[b-kf67mied0a] {
    box-shadow: 0 0 1.25rem rgba(0,0,0,.15) !important;
    transform: translateX(0) translateY(0) translateZ(0) !important;
    opacity: 1 !important;
}

#page-container.side-scroll #side-overlay[b-kf67mied0a] {
    overflow-y: scroll;
}

@media (min-width: 992px) {
    #page-container.side-scroll #side-overlay .content-header[b-kf67mied0a], #page-container.side-scroll #side-overlay .content-side[b-kf67mied0a] {
        width: 520px !important;
    }

    #side-overlay[b-kf67mied0a] {
        width: 520px !important;
        box-shadow: 0 0 1.5rem rgba(0,0,0,.15);
        transform: translateX(110%) translateY(0) translateZ(0);
    }

    #side-overlay img[b-kf67mied0a] {
        max-width: 500px !important;
    }
}
/* /Shared/Admin/KnHelpSideOverlayQuestionMark.razor.rz.scp.css */
a[b-7x59xu3462] {
    background-color: var(--personas-color);
    color: white;
    border-radius: 50%;
    font-size: 1.5rem;
}

    a > i[b-7x59xu3462] {
        margin: 0.2em 0.23em;
     /*   transform: translateY(0.05rem);*/
    }
/* /Shared/Admin/NavMenuAdmin.razor.rz.scp.css */
.nav-main-submenu[b-k1tw1m553r] {
    padding-left: 0;
}

.nav-main-submenu .nav-main-link[b-k1tw1m553r] {
    padding-left: 2.5em;
}

.nav-main-link:hover[b-k1tw1m553r] {
    background-color: var(--lightgray-color-op30);
}

.nav-main-item.open > .nav-main-link-submenu > .nav-main-link-icon[b-k1tw1m553r] {
    color: var(--personas-color);
}

a.disabled[b-k1tw1m553r] {
    pointer-events: none;
    opacity: .7;
}
    
/* /Shared/Admin/Products/ProductProcedureEdit.razor.rz.scp.css */
.grid-container[b-3kbq43o3e8] {
    display: grid;
    grid-template-columns: 600px auto; /* Adjust the number of columns and sizes as needed */
    align-items: center; /* To vertically center the content in each cell */
}

.grid-item[b-3kbq43o3e8] {
    padding: 0 10px; /* Add some spacing around items */
}
/* /Shared/Admin/Tickets/AdminTickets.razor.rz.scp.css */
.ticket-container[b-hps5iqpu5b] {
    container-name: ticket-container;
    container-type: inline-size;
}

.state-name[b-hps5iqpu5b] {
    text-wrap: nowrap;
}

@container ticket-container (max-width: 1100px) {
    .state-name[b-hps5iqpu5b] {
        display: none;
    }
}

@container ticket-container (max-width: 650px) {
    .ticket-container:has(.ticket-edit) .ticket-menu[b-hps5iqpu5b] {
        display: none;
    }
}
/* /Shared/Admin/Tickets/EditTicket.razor.rz.scp.css */
.ticket-edit[b-uz2fnjnui8] {
    container-name: ticket-edit;  
    container-type: inline-size;           
}

.ticket-edit-grid[b-uz2fnjnui8] {
    display:grid; 
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}

div.line-break[b-uz2fnjnui8] {
    grid-column: 1 / -1;
    padding: 0 !important;
    border: 1px solid var(--gray-line);
}

.ticket-edit-grid > div[b-uz2fnjnui8] {
    padding: .2em;
}

@container ticket-edit (max-width: 767px) { 
    #ticket-content[b-uz2fnjnui8] {
        flex-direction: column-reverse;
    }
}
/* /Shared/CommBoards/BoardTile.razor.rz.scp.css */
.theme-colored[b-kwcp1b2f90] {

}

.boardtile-block[b-kwcp1b2f90] {
    container-type: inline-size;
}

@container (max-width: 500px) {
    .boardtile-block .block-content[b-kwcp1b2f90] {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 1rem;
    }
    .boardtile-block .d-sm-flex[b-kwcp1b2f90] {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 1rem;
    }
    .boardtile-block .text-end[b-kwcp1b2f90] {
        text-align: left !important;
        margin-top: 1rem;
    }
}
/* /Shared/FormComponents/AEREdit.razor.rz.scp.css */
.aer-modal[b-k620qbn67q] {
    position: absolute;
    z-index: 2;
    transform: translate(-7rem, -4rem);
    box-shadow: 0 0 2.125rem #d8dde5;
    opacity: 1;
    border-radius: 0.25rem;
    background-color: white;
    border: 1px solid var(--lightgray-color);
}

@media (max-width: 768px) {
    .aer-modal[b-k620qbn67q] {
        transform: translate(0, -3rem);
    }
}
/* /Shared/FormComponents/Graphs/GraphZoomControls.razor.rz.scp.css */

.zoom-ring-container[b-hx2vrxc8uv] {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 100;
    transform: scale(0.8);
    transform-origin: top right;
}

.zoom-ring[b-hx2vrxc8uv] {
    background: rgba(255, 255, 255, 0.95);
    border-radius: 20px;
    padding: 3px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 2px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    border: 1px solid rgba(0,0,0,0.1);
}

.zoom-btn[b-hx2vrxc8uv] {
    width: 24px;
    height: 24px;
    border: none;
    background: transparent;
    border-radius: 12px;
    color: #666;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    cursor: pointer;
    padding: 0;
}

    .zoom-btn:hover:not(:disabled)[b-hx2vrxc8uv] {
        background-color: rgba(0,0,0,0.05);
        color: #333;
    }

    .zoom-btn:disabled[b-hx2vrxc8uv] {
        opacity: 0.5;
        cursor: not-allowed;
    }

.zoom-ring-divider[b-hx2vrxc8uv] {
    width: 1px;
    height: 16px;
    background: rgba(0,0,0,0.1);
    margin: 0 2px;
}
/* /Shared/FormComponents/Input/KnInputCheckRK.razor.rz.scp.css */
.tri-state-checkbox[b-ucukr6wil3] {
    cursor: pointer;
  /*  font-size: 24px;*/
}
    .tri-state-checkbox.disabled[b-ucukr6wil3] {
        cursor: default;
    }

    .tri-state-checkbox span[b-ucukr6wil3] {
        user-select: none;
    }
/* /Shared/FormComponents/Input/KnInputChoicesStats.razor.rz.scp.css */
.box[b-2gdkjkrxzp] {
    border: 0.1em #d6d6d6 solid;
    width: 100%;
    text-align: center;
    border-radius: .3em;
    cursor: pointer;
    transition: border-color ease-in .2s, background-color ease-in .2s;
}

    .box.selected[b-2gdkjkrxzp] {
        background-color: var(--personas-color);
        border-color: var(--personas-color);
    }

    .box.readonly[b-2gdkjkrxzp] {
        cursor: default;
    }

    .box > span[b-2gdkjkrxzp] {
        color: var(--personas-color);
    }

    .box.selected > span[b-2gdkjkrxzp] {
        color: white;
    }
/* /Shared/FormComponents/Input/KnInputColorSet.razor.rz.scp.css */
.show-hover[b-x5v8ro7olt] {
    cursor: pointer;
    border-width: 3px;
    border-style: solid;
    border-color: transparent;
}

    .show-hover:hover[b-x5v8ro7olt] {
        border-color: #3b3b3b;
    }

    .show-hover.selected[b-x5v8ro7olt] {
        border-color: #646464;
    }
/* /Shared/FormComponents/Input/KnInputDate.razor.rz.scp.css */
.focus-shadow:focus[b-rt3ux6pw3c] {
    box-shadow: 0 0 0 0.25rem rgb(214 214 214 / 25%);
    border-color: rgb(214 214 214 / 50%)
}

.line-border[b-rt3ux6pw3c] {
    border: 0;
    border-bottom: 1px solid #d8dde5;
    border-radius: 0;
}

.transparent-border[b-rt3ux6pw3c] {
    border-color: rgba(256, 256, 256, 0);
}
/* /Shared/FormComponents/Input/KnInputDateTime.razor.rz.scp.css */
.focus-shadow:focus[b-5row9fbkan] {
    box-shadow: 0 0 0 0.25rem rgb(214 214 214 / 25%);
    border-color: rgb(214 214 214 / 50%)
}

.line-border[b-5row9fbkan] {
    border: 0;
    border-bottom: 1px solid #d8dde5;
    border-radius: 0;
}

.transparent-border[b-5row9fbkan] {
    border-color: rgba(256, 256, 256, 0);
}
/* /Shared/FormComponents/Input/KnInputDropDown.razor.rz.scp.css */
.focus-shadow:focus[b-4fumlku9vr] {
    box-shadow: 0 0 0 0.25rem rgb(214 214 214 / 25%);
    border-color: rgb(214 214 214 / 50%)
}

option.choice[b-4fumlku9vr] {
    cursor: pointer;
}

    option.choice:hover[b-4fumlku9vr] {
        background-color: rgb(214 214 214 / 25%);
    }

.grade-select[b-4fumlku9vr] {
    max-width: 5em;
}
/* /Shared/FormComponents/Input/KnInputEmoji.razor.rz.scp.css */
a[b-ixue8owl4e] {
    border-bottom: .2em solid transparent;
    transition: border-color ease-in .2s;
}

    a.selected[b-ixue8owl4e] {
        border-bottom: .2em solid var(--personas-color);
    }

    a.readonly:hover[b-ixue8owl4e] {
        cursor: default;
    }
/* /Shared/FormComponents/Input/KnInputEmojiStats.razor.rz.scp.css */
a.readonly:hover[b-2hnfw3zq6j] {
    cursor: default;
}
/* /Shared/FormComponents/Input/KnInputGrade.razor.rz.scp.css */
.box[b-70vqawfoll] {
    border: 0.1em #d6d6d6 solid;
    width: 100%;
    text-align: center;
    border-radius: .3em;
    cursor: pointer;
    transition: border-color ease-in .2s, background-color ease-in .2s;
}
    .box.selected[b-70vqawfoll] {
        background-color: var(--personas-color);
        border-color: var(--personas-color);
    }
    
    .box.readonly[b-70vqawfoll] {
        cursor: default;
    }

.box > span[b-70vqawfoll] {
    color: var(--personas-color);
}
    .box.selected > span[b-70vqawfoll] {
        color: white;
    }
/* /Shared/FormComponents/Input/KnInputGradeStats.razor.rz.scp.css */
.box[b-sunh44xm3z] {
    border: 0.1em #d6d6d6 solid;
    width: 100%;
    text-align: center;
    border-radius: .3em;
    cursor: pointer;
    transition: border-color ease-in .2s, background-color ease-in .2s;
}

    .box.selected[b-sunh44xm3z] {
        background-color: var(--personas-color);
        border-color: var(--personas-color);
    }

    .box.readonly[b-sunh44xm3z] {
        cursor: default;
    }

    .box > span[b-sunh44xm3z] {
        color: var(--personas-color);
    }

    .box.selected > span[b-sunh44xm3z] {
        color: white;
    }
/* /Shared/FormComponents/Input/KnInputIconButton.razor.rz.scp.css */
i[b-hegqozizyx] {
    transition: opacity ease .2s;   
}

    i:hover[b-hegqozizyx] {
        opacity: .75 !important;
        cursor: pointer;
    }
/* /Shared/FormComponents/Input/KnInputImage.razor.rz.scp.css */
.back-style[b-9jguu634hx] {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.file-input-button-container[b-9jguu634hx] {
    display: inline-block;
    margin: 0;
    padding: 0;
    cursor: pointer;
    position: relative;
}

/* Ensure the layout doesn't break when using flex */
.image-buttons-container[b-9jguu634hx] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}
/* /Shared/FormComponents/Input/KnInputRadioFromEnum.razor.rz.scp.css */
.form-check-input:disabled ~ .form-check-label[b-ob80a51u7w], 
.form-check-input[disabled] ~ .form-check-label[b-ob80a51u7w] {
    opacity: 1;
}
/* /Shared/FormComponents/Input/KnInputSelect.razor.rz.scp.css */
.focus-shadow:focus[b-dw8ygm07hd] {
    box-shadow: 0 0 0 0.25rem rgb(214 214 214 / 25%);
    border-color: rgb(214 214 214 / 50%)
}

option.choice[b-dw8ygm07hd] {
    cursor: pointer;
}

    option.choice:hover[b-dw8ygm07hd] {
        background-color: rgb(214 214 214 / 25%);
    }

.grade-select[b-dw8ygm07hd] {
    max-width: 5em;
}
/* /Shared/FormComponents/Input/KnInputSelectStats.razor.rz.scp.css */
.box[b-ywfogihpoe] {
    border: 0.1em #d6d6d6 solid;
    width: 100%;
    text-align: center;
    border-radius: .3em;
    cursor: pointer;
    transition: border-color ease-in .2s, background-color ease-in .2s;
}

    .box.selected[b-ywfogihpoe] {
        background-color: var(--personas-color);
        border-color: var(--personas-color);
    }

    .box.readonly[b-ywfogihpoe] {
        cursor: default;
    }

    .box > span[b-ywfogihpoe] {
        color: var(--personas-color);
    }

    .box.selected > span[b-ywfogihpoe] {
        color: white;
    }
/* /Shared/FormComponents/Input/KnInputSelectTyped.razor.rz.scp.css */
.focus-shadow:focus[b-bffjz9dpha] {
    box-shadow: 0 0 0 0.25rem rgb(214 214 214 / 25%);
    border-color: rgb(214 214 214 / 50%)
}

option.choice[b-bffjz9dpha] {
    cursor: pointer;
}

    option.choice:hover[b-bffjz9dpha] {
        background-color: rgb(214 214 214 / 25%);
    }

.grade-select[b-bffjz9dpha] {
    max-width: 5em;
}

.form-select[b-bffjz9dpha] {
    width: auto;
    min-width: fit-content;
    display: inline-block;
}
/* /Shared/FormComponents/Input/KnInputStars.razor.rz.scp.css */
a[b-pmbjhqpx1j] {
    transition: all ease-in .2s;
    color: transparent;
    text-shadow: 0 0 0 lightgray;
}

    a.selected[b-pmbjhqpx1j] {
        color: inherit;
    }


    a.readonly:hover[b-pmbjhqpx1j] {
        cursor: default;
    }
/* /Shared/FormComponents/Input/KnInputStarsStats.razor.rz.scp.css */
a.readonly:hover[b-kxo7s9bqbe] {
    cursor: default;
}
/* /Shared/FormComponents/Input/KnInputSwitch.razor.rz.scp.css */
input.kn-form-check.unchecked[b-ro1wsreyqc] {
    background-color: #bdbdbd !important;
    border-color: #bdbdbd !important;
}
/* /Shared/FormComponents/Input/KnInputText.razor.rz.scp.css */
.focus-shadow:focus:not(.is-invalid)[b-3yi2454hpr] {
    box-shadow: 0 0 0 0.25rem rgb(214 214 214 / 25%);
    border-color: rgb(214 214 214 / 50%);
}

.line-border[b-3yi2454hpr] {
    border: 0;
    border-bottom: 1px solid #d8dde5;
    border-radius: 0;
}

.transparent-border:not(.is-invalid)[b-3yi2454hpr] {
    border-color: rgba(256, 256, 256, 0);
}

.input-group-text.input-group-text-light[b-3yi2454hpr] {
    color: #d4d4d4;
    border: 1px solid #e4e7ed;
    background-color: transparent;
    border-left: 0;
}

.input-group:has(.input-group-text-light) input[b-3yi2454hpr] {
    border-right-width: 0 !important;
}
/* /Shared/FormComponents/Input/KnInputTextArea.razor.rz.scp.css */
textaera.placeholder-italic[b-bf1n5ysb5n]::placeholder {
    font-style: italic;
}

.focus-shadow:focus[b-bf1n5ysb5n] {
    box-shadow: 0 0 0 0.25rem rgb(214 214 214 / 25%);
    border-color: rgb(214 214 214 / 50%)
}
/* /Shared/FormComponents/Input/KnInputTextAreaStats.razor.rz.scp.css */
.box[b-optcn82ku0] {
    border: 0.1em #d6d6d6 solid;
    width: 100%;
    text-align: center;
    border-radius: .3em;
    cursor: pointer;
    transition: border-color ease-in .2s, background-color ease-in .2s;
}

    .box.selected[b-optcn82ku0] {
        background-color: var(--personas-color);
        border-color: var(--personas-color);
    }

    .box.readonly[b-optcn82ku0] {
        cursor: default;
    }

    .box > span[b-optcn82ku0] {
        color: var(--personas-color);
    }

    .box.selected > span[b-optcn82ku0] {
        color: white;
    }
/* /Shared/FormComponents/Input/KnInputTextLine.razor.rz.scp.css */
textaera.placeholder-italic[b-vx07tzf3p5]::placeholder {
    font-style: italic;
}

.focus-shadow:focus[b-vx07tzf3p5] {
    box-shadow: 0 0 0 0.25rem rgb(214 214 214 / 25%);
    border-color: rgb(214 214 214 / 50%)
}
/* /Shared/FormComponents/Input/KnInputTextOrSelect.razor.rz.scp.css */
li.isSelected[b-v0ggjxkwxn] {
    background-color: #f0f0f0;
}
/* /Shared/FormComponents/Input/KnInputTextStats.razor.rz.scp.css */
.box[b-gdc44k4l4s] {
    border: 0.1em #d6d6d6 solid;
    width: 100%;
    text-align: center;
    border-radius: .3em;
    cursor: pointer;
    transition: border-color ease-in .2s, background-color ease-in .2s;
}

    .box.selected[b-gdc44k4l4s] {
        background-color: var(--personas-color);
        border-color: var(--personas-color);
    }

    .box.readonly[b-gdc44k4l4s] {
        cursor: default;
    }

    .box > span[b-gdc44k4l4s] {
        color: var(--personas-color);
    }

    .box.selected > span[b-gdc44k4l4s] {
        color: white;
    }
/* /Shared/FormComponents/KnAnimatedPen.razor.rz.scp.css */
.icon[b-wvj36ojfl2] {
    display: block;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    border: 2px solid black;
    overflow: hidden;
    position: relative;
}
svg[b-wvj36ojfl2] {
    animation: pencil-draw-b-wvj36ojfl2;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    position: absolute;
    top: 50%;
    width: 130%;
    fill: black;
    left: 0;
    transform: translate(-100%, -50%);
}

@keyframes pencil-draw-b-wvj36ojfl2 {
    0% {
        transform: translate(-100%, -50%);
    }

    47% {
        transform: translate(-35%, -50%);
    }

    53% {
        transform: translate(-35%, -50%);
    }

    100% {
        transform: translate(70%, -50%);
    }
}
/* /Shared/FormComponents/KnCircularProgress.razor.rz.scp.css */
.circular-progress-parent[b-9pxg8u7vav] {
    display: flex;
    justify-content: center;
    position: relative;
}

.circular-progress[b-9pxg8u7vav] {
    position: relative;
    display: block;
    width: 6rem;
    height: 6rem;
}

    .circular-progress circle[b-9pxg8u7vav] {
        fill: none;
        stroke: #e9e9e9;
        stroke-width: .6rem;
        transform-origin: 50% 50%;
        transform: rotate(-90deg);
        z-index: 1;
    }

        .circular-progress circle.with-value[b-9pxg8u7vav] {
            transition: stroke-dasharray 0.2s ease-in-out;
            stroke-width: 1.1rem;
        }

        .circular-progress circle.with-value.lowest[b-9pxg8u7vav] {
            stroke-width: 1.1rem;
        }

.circular-progress-text[b-9pxg8u7vav] {
    position: absolute;
    text-align: center;
    inset: 2.2rem 0 auto 0;
}

    .circular-progress-text.first-text[b-9pxg8u7vav] {
        inset: 1.6rem 0 auto 0;
    }
    .circular-progress-text.second-text[b-9pxg8u7vav] {
        inset: 2.8rem 0 auto 0;
    }

   
/* /Shared/FormComponents/KnCopyToClipboard.razor.rz.scp.css */
.flash-effect[b-qn6rvwydwu] {
    animation: flash-b-qn6rvwydwu .6s;
}

@keyframes flash-b-qn6rvwydwu {
    0% {
        background-color: transparent;
    }

    50% {
        background-color: #aaffaa;
        transform: scale(1.3);
    }

    100% {
        background-color: transparent;
    }
}
/* /Shared/FormComponents/KnFolderIcon.razor.rz.scp.css */
.folderClosed[b-9xa8pfee4c], .folderOpen[b-9xa8pfee4c] {
    transition: visibility 0.3s ease;
}

.folder.open .folderClosed[b-9xa8pfee4c] {
    visibility: hidden;
}

.folder.open .folderOpen[b-9xa8pfee4c] {
    visibility: visible;
}

.folder .folderOpen[b-9xa8pfee4c] {
    visibility: hidden;
}
/* /Shared/FormComponents/KnHint.razor.rz.scp.css */
.warning-box[b-k3ooyi7vhb] {
    background-color: #f0ec321c;
    color: #3b3b3b;
    border: 1px solid #a19131;
    border-radius: 8px;
}

    .warning-box > *[b-k3ooyi7vhb] {
        padding: 0.75rem;
    }

        .warning-box > *:first-child[b-k3ooyi7vhb] {
            padding-left: 1.25rem;
        }

        .warning-box > *:last-child[b-k3ooyi7vhb] {
            padding-right: 1.25rem;
        }

    .warning-box .symbol[b-k3ooyi7vhb] {
        color: #a19131
    }

    .warning-box .header[b-k3ooyi7vhb] {
        margin: .5rem 0rem;
    }
/* /Shared/FormComponents/KnHtml.razor.rz.scp.css */
/* Component-specific styling */
.kn-html-container[b-mr3p4t51gr] {
    font-size: 0.875rem; /* fs-14 equivalent */
}

/* Headers styling - moved from app.scss */
.kn-html-container h1[b-mr3p4t51gr] {
    font-size: 1.8rem;
}

.kn-html-container h2[b-mr3p4t51gr] {
    font-size: 1.5rem;
}

.kn-html-container h3[b-mr3p4t51gr] {
    font-size: 1.2rem;
}

.kn-html-container h4[b-mr3p4t51gr] {
    font-size: 1.0rem;
}

/* Images should not exceed 100% width */
.kn-html-container img[b-mr3p4t51gr] {
    max-width: 100%;
    width: 100%;
    border-radius: var(--block-radius);
}

/* Remove margin from paragraphs */
.kn-html-container p[b-mr3p4t51gr] {
    margin: 0;
}

/* Table styling */
.kn-html-container table[b-mr3p4t51gr] {
    width: 100%;
    margin-bottom: 1rem;
    border-collapse: collapse;
}
/* /Shared/FormComponents/KnImage.razor.rz.scp.css */

img[b-gkz3aj02ar] {
    cursor: pointer;
}
/* /Shared/FormComponents/KnImageFullScreen.razor.rz.scp.css */
.fullscreen-overlay[b-f8o13vfb1j] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    cursor: pointer;
}

.fullscreen-image[b-f8o13vfb1j] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
/* /Shared/FormComponents/KnInfo.razor.rz.scp.css */
.warning-box[b-c84ropr9jg] {
    background-color: #32acf01c;
    color: #3b3b3b;
    border: 1px solid #72bfea;
    border-radius: 8px;
}

    .warning-box > *[b-c84ropr9jg] {
        padding: 0.75rem;
    }

        .warning-box > *:first-child[b-c84ropr9jg] {
            padding-left: 1.25rem;
        }

        .warning-box > *:last-child[b-c84ropr9jg] {
            padding-right: 1.25rem;
        }

    .warning-box .symbol[b-c84ropr9jg], 
    .fa-info-circle[b-c84ropr9jg] {
        color: #72bfea;
    }

    .warning-box .header[b-c84ropr9jg] {
        margin: .5rem 0rem;
    }
/* /Shared/FormComponents/KnListSorter.razor.rz.scp.css */
.draggable-item[b-7lp6vfgd20] {
    transition-property: top, left;
    transition-duration: .3s;
    transition-timing-function: ease;
    cursor: grab;
}

.draggable-item.dragging[b-7lp6vfgd20] {
    cursor: grabbing;
}
/* /Shared/FormComponents/KnListSorterDynHeight.razor.rz.scp.css */
.draggable-item[b-bvjhukrsju] {
    transition-property: top, left;
    transition-duration: .3s;
    transition-timing-function: ease;
    cursor: grab;
}

.draggable-item.dragging[b-bvjhukrsju] {
    cursor: grabbing;
}
/* /Shared/FormComponents/KnModal.razor.rz.scp.css */
#kn-modal-dialog[b-jaqb2f2ucu] {
	position: unset !important;
}

#kn-modal-content[b-jaqb2f2ucu] {
	position: unset !important;
}
/* /Shared/FormComponents/KnNowBasedDateTimeAnim.razor.rz.scp.css */
@keyframes fadeEffect-b-tlk0lqvxl3 {
    0% {
        opacity: 0;
        transform: scaleY(0.7);
    }

    15% {
        opacity: 1;
        transform: scaleY(1);
    }

    45% {
        opacity: 1;
        transform: scaleY(1);
    }

    60% {
        opacity: 0;
        transform: scaleY(0.7);
    }
    100% {
        opacity: 0;
        transform: scaleY(0.7);
    }
}

.number-transition[b-tlk0lqvxl3] {
    animation: fadeEffect-b-tlk0lqvxl3 2s ease;
}
    .number-transition.number-transition-hidden[b-tlk0lqvxl3] {
        display: initial!important;
    }

.number-transition-hidden[b-tlk0lqvxl3] {
    display: none!important;
}
/* /Shared/FormComponents/KnOnlineStatusIcon.razor.rz.scp.css */
.diod-base[b-7n9ypozk02] {
    fill: #d0d0d0; 
    visibility: hidden;
}

.diod-off .diod-base[b-7n9ypozk02] {
    visibility: visible;
}

.diod-fill[b-7n9ypozk02] {
    fill: none;
    transition: fill 0.3s;
}

.diod-stroke[b-7n9ypozk02] {
    visibility: hidden;
}

.diod-on[b-7n9ypozk02],.diod-occupied .diod-stroke[b-7n9ypozk02] {
    stroke: #ffffff76;
    visibility: visible;
} 

.diod-on .diod-fill[b-7n9ypozk02] {
    fill: #31f24b;
}

.diod-occupied .diod-fill[b-7n9ypozk02] {
    fill: #c94109;
}

.diod-updated .diod-fill[b-7n9ypozk02] {
    fill: #6281df;
}

.diod-on .diod-shimmer[b-7n9ypozk02],
.diod-occupied .diod-shimmer[b-7n9ypozk02] {
    visibility: visible;
}
/* /Shared/FormComponents/KnOpenClose.razor.rz.scp.css */
.openclose-container[b-7d1cvvbrto] {
    background-color: var(--codebase-back-op50);
    border: 1px solid lightgray;
}

    .openclose-container.no-border[b-7d1cvvbrto] {
        border: none;
    }

.openclose[b-7d1cvvbrto] {
    transition-property: max-height, padding;
    transition-duration: .3s, .1s;
    transition-timing-function: ease, ease;
    overflow: hidden;
}

    .openclose.close[b-7d1cvvbrto] {
        max-height: 0;
        opacity: 0;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        transform-origin: top;
        transition-delay: 0s, .3s;
    }

    .openclose.open[b-7d1cvvbrto] {
        transition-delay: 0s, 0s;
        overflow-y: auto;
        max-height: 2000px;
        opacity: 1;
    }

.arrow[b-7d1cvvbrto] {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-40%) rotate(0);
    transition: transform ease 0.2s;
}

    .arrow.rotate[b-7d1cvvbrto] {
        transition: transform ease 0.2s;
        transform: translateY(-50%) rotate(90deg);
    }
/* /Shared/FormComponents/KnTextBadge.razor.rz.scp.css */
.badge[b-h1an7nyf60] {
    background-color: #dc2626 !important;
    font-size: .7em !important;
    position: absolute;
    transform: translate(.2em, -0.4em);
    padding: .2em .5em !important;
    border-radius: 50% 50% !important;
    min-width: 1.35em;
    transition: opacity linear 0.5s;
    border: 1px solid white;
}

.badge.bg-gray[b-h1an7nyf60] {
    background-color: #abafb7 !important;
}
/* /Shared/FormComponents/KnTextDynamicSize.razor.rz.scp.css */
.text-container[b-alexekbxfg] {
    display: inline-block;
    max-width: 100%; /* Ensure the container does not grow beyond its parent */
    white-space: nowrap; /* Prevent the text from wrapping */
    overflow: hidden; /* Hide overflow text */
    text-overflow: ellipsis; /* Display ellipsis for overflow text */
}

.dynamic-text[b-alexekbxfg] {
    --initial-font-size: 14px; /* Define your initial font size */
    font-size: var(--initial-font-size);
    display: inline-block;
}
/* /Shared/FormComponents/KnTooltip.razor.rz.scp.css */
.tooltip-container[b-j25na1jasu] {
    position: relative;
}

    .tooltip-container[b-j25na1jasu]::before {
        content: attr(data-tooltip);
        position: absolute;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        text-align: center;
        bottom: 30px;
        left: 50%;
        transform: translateX(-50%);
        visibility: hidden;
        opacity: 0;
        transition: opacity 0.5s ease-in-out;
        background-color: #555;
        color: #fff;
        padding: 8px 12px;
        z-index: 9999;
        width: 230px;
        font-size: 14px;
        font-weight: 400;
    }
    .tooltip-container.below[b-j25na1jasu]::before {
        content: attr(data-tooltip);
        position: absolute;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        text-align: center;
        top: 30px;
        left: 50%;
        transform: translateX(-50%);
        visibility: hidden;
        opacity: 0;
        transition: opacity 0.5s ease-in-out;
        background-color: #555;
        color: #fff;
        padding: 8px 12px;
        z-index: 9999;
        width: 230px;
        font-size: 14px;
        font-weight: 400;
    }

    .tooltip-container.show:hover[b-j25na1jasu]::before {
        visibility: visible;
        opacity: .95;
    }
}
/* /Shared/FormComponents/KnWarning.razor.rz.scp.css */
.warning-box[b-zex66zpjx3] {
    background-color: rgba(252, 241, 214, 0.6);
    color: black;
    border: 1px solid #F0B732;
    border-radius: 8px;
}

    .warning-box > *[b-zex66zpjx3] {
        padding: 0.75rem;
    }

        .warning-box > *:first-child[b-zex66zpjx3] {
            padding-left: 1.25rem;
        }

        .warning-box > *:last-child[b-zex66zpjx3] {
            padding-right: 1.25rem;
        }

    .warning-box .symbol[b-zex66zpjx3] {
        color: #F0B732
    }

    .warning-box .header[b-zex66zpjx3] {
        margin: .5rem 0rem;
    }
/* /Shared/FormComponents/KnWindow.razor.rz.scp.css */
.kn-window .button[b-67s6pb2cqc] {
    cursor: pointer;
}

.kn-window.maximized[b-67s6pb2cqc] {
    z-index: 9999;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* /Shared/FormComponents/LabelAttach.razor.rz.scp.css */
a.btn[b-bpltvryjc6] {
    color: black;
}

.block[b-bpltvryjc6] {
    margin: 0 !important;
}

.color-black-50[b-bpltvryjc6] {
    color: rgba(0,0,0, .5) !important;
}
/* /Shared/FormComponents/SimpleOpenClose.razor.rz.scp.css */
.simple-openclose-header[b-r726q5k34k] {
    cursor: pointer;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.header-text[b-r726q5k34k] {
    margin-right: 10px;
}

.toggle-link[b-r726q5k34k] {
    color: var(--link-color);
    font-weight: 500;
}

.simple-openclose-content[b-r726q5k34k] {
    padding: 15px 0;
}
/* /Shared/FormComponents/Table/KnTable.razor.rz.scp.css */
.table-container[b-yh1bn673sh] {
    overflow-x: hidden;
}

    .table-container.narrow td[b-yh1bn673sh] {
        padding-top: .4rem;
        padding-bottom: .2rem;
    }

    .table-container.narrower td[b-yh1bn673sh] {
        padding-top: .15rem;
        padding-bottom: .15rem;
    }
  
.arrow-up-down[b-yh1bn673sh] {
    transform: scaleY(.7) scaleX(.8);
    margin-bottom: 0.25em;
    transition: all ease-out .3s;
}

    .arrow-up-down.down[b-yh1bn673sh] {
        transform: scaleY(-0.7) scaleX(.8);
    }

.sort-icon[b-yh1bn673sh] {
    outline: 0;
    box-shadow: 0 0 0 0.25rem transparent;
}

th.hidden-column[b-yh1bn673sh], td.hidden-column[b-yh1bn673sh] {
    width: 0;
    display: none;
}

td.ellipsis-text[b-yh1bn673sh] {
    overflow: hidden;
    text-overflow: ellipsis;
}

tr:hover:has(td.select-hover) > td[b-yh1bn673sh] {
    background-color: var(--hover-color);
}

td.no-hover-color[b-yh1bn673sh] {
    background-color: white;
    cursor: default;
}
/* /Shared/FormComponents/User/UsersEditor.razor.rz.scp.css */
td.icon[b-1rtuzbjpo7] {
    width: 24px;
    padding-left: 3px;
    padding-right: 3px;
}
/* /Shared/KnSnapContainer.razor.rz.scp.css */

.kn-snap-container[b-lnn5mm94ji] {
    position: relative;
    /* Reserve space for vertical buttons if present */
    box-sizing: border-box;
}

.kn-snap-container-vertical[b-lnn5mm94ji] {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.kn-snap-container.snap-container-y[b-lnn5mm94ji] {
    flex: 1 1 auto;
}

.kn-snap-arrow-vertical-group[b-lnn5mm94ji] {
    position: absolute;
    left: 50%;
    width: auto;
    height: 100%;
    top: 0;
    pointer-events: none;
    z-index: 10;
}
.kn-snap-arrow-vertical-group .kn-snap-arrow[b-lnn5mm94ji] {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    pointer-events: auto;
    opacity: 0;
    transition: opacity 0.3s;
}
.kn-snap-arrow-vertical-group .kn-snap-arrow.up[b-lnn5mm94ji] {
    top: 0;
    transform: translateY(-15px);
}
.kn-snap-arrow-vertical-group .kn-snap-arrow.down[b-lnn5mm94ji] {
    bottom: 0;
    transform: translateY(15px);
}

.kn-snap-arrow-horizontal-group[b-lnn5mm94ji] {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 0;
    pointer-events: none;
    z-index: 10;
}
.kn-snap-arrow-horizontal-group .kn-snap-arrow[b-lnn5mm94ji] {
    position: absolute;
    top: 50%;
    pointer-events: auto;
    opacity: 0;
    transition: opacity 0.3s;
}
.kn-snap-arrow-horizontal-group .kn-snap-arrow.left[b-lnn5mm94ji] {
    left: 0;
    transform: translateX(-15px);
}
.kn-snap-arrow-horizontal-group .kn-snap-arrow.right[b-lnn5mm94ji] {
    right: 0;
    transform: translateX(15px);
}
.kn-snap-container-wrapper[b-lnn5mm94ji] {
    position: relative;
    display: flex;
    height: 100%;
}

/* Show arrows on hover for desktop (pointer: fine) */
@media (hover: hover) and (pointer: fine) {
    .kn-snap-container-wrapper:hover .kn-snap-arrow[b-lnn5mm94ji],
    .kn-snap-container-wrapper:focus-within .kn-snap-arrow[b-lnn5mm94ji] {
        opacity: 0.8;
    }
}

.kn-snap-container-horizontal[b-lnn5mm94ji] {
    flex-direction: row;
    align-items: center;
}

.kn-snap-arrow[b-lnn5mm94ji] {
    border: 1px solid #e0e0e0;
    width: 2.5rem;
    height: 2.5rem;
    font-size: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    cursor: pointer;
    z-index: 2;
    margin: 0.25rem auto;
    /* Default opacity is 0, set by group above */
    transition: opacity 0.3s;
}
.kn-snap-arrow:hover:not(:disabled)[b-lnn5mm94ji] {
    opacity: 0.8;
}

.kn-snap-container-vertical .kn-snap-arrow.up[b-lnn5mm94ji] {
    margin-bottom: 0.5rem;
}
.kn-snap-container-vertical .kn-snap-arrow.down[b-lnn5mm94ji] {
    margin-top: 0.5rem;
}
.kn-snap-container-horizontal .kn-snap-arrow.left[b-lnn5mm94ji] {
    margin-right: 0.5rem;
    margin-left: 0;
}
.kn-snap-container-horizontal .kn-snap-arrow.right[b-lnn5mm94ji] {
    margin-left: 0.5rem;
    margin-right: 0;
}

.kn-snap-arrow:disabled[b-lnn5mm94ji] {
    opacity: 0.4;
    cursor: not-allowed;
}

.kn-snap-container.snap-container-y[b-lnn5mm94ji] {
    flex: 1 1 auto;
    overflow-y: auto;
    overflow-x: hidden;
    scroll-snap-type: y mandatory;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE and Edge */
    box-sizing: border-box;
}
.kn-snap-container.snap-container-x[b-lnn5mm94ji] {
    flex: 1 1 auto;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    max-width: 100%;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE and Edge */
    box-sizing: border-box;
}
.kn-snap-container[b-lnn5mm94ji]::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
}

/* Ensure snap-child does not add extra space at the end */
.snap-child[b-lnn5mm94ji] {
    box-sizing: border-box;
}
.snap-child:last-child[b-lnn5mm94ji] {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
/* /Shared/MainLayout.razor.rz.scp.css */
.dummy[b-7qdy16m06s] {
    color: red;
}
/* /Shared/PU/CourseTile.razor.rz.scp.css */
.box-paragraphs > p[b-rfceky1b3n] {
    padding: .3em 1em;
    background-color: var(--lightgray-contrast-color);
    border-radius: var(--block-radius);
    font-size: 0.875rem !important;
    margin-bottom: 0;
    margin-top: 1rem;
}

.small-tile[b-rfceky1b3n] {
    margin-bottom: 0;
    max-width: 400px;
}

.small-tile.narrow[b-rfceky1b3n] {
    max-width: 230px;
}

/* Course tile improvements */
.course-image-container[b-rfceky1b3n] {
    flex-shrink: 0;
    width: 140px;
    height: 99px; /* 140px * 0.707 (A4 landscape) */
}

.course-image-block[b-rfceky1b3n] {
    width: 140px;
    height: 99px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: var(--border-radius);
}

.course-image-placeholder[b-rfceky1b3n] {
    width: 140px;
    height: 99px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--border-radius);
    color: #3f42455a;
    font-weight: 600;
}

.course-content-area[b-rfceky1b3n] {
    flex-grow: 1;
    min-width: 0; /* Allow flex item to shrink */
    margin-left: 1.5rem; /* Additional spacing */
    margin-right: 1rem;
}

.completion-actions-container[b-rfceky1b3n] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-shrink: 0;
    margin-left: 1rem;
}

.course-tile-main[b-rfceky1b3n] {
    display: flex;
    gap: 1rem;
    padding: 0.75rem;
    align-items: flex-start;
}

.course-modules-section[b-rfceky1b3n] {
    border-top: 1px solid var(--gray-line);
}

/* Responsive text handling */
.block-title[b-rfceky1b3n] {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.course-description[b-rfceky1b3n] {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

@media (max-width: 1100px) {
    .small-tile[b-rfceky1b3n] {
        max-width: 300px;
    }
}

@media (max-width: 768px) {
    .course-tile-main[b-rfceky1b3n] {
        flex-direction: column;
        gap: 1rem;
        padding: 1rem;
    }
    
    .course-image-container[b-rfceky1b3n] {
        align-self: center;
        width: 120px;
        height: 85px;
    }
    
    .course-image-block[b-rfceky1b3n] {
        width: 120px;
        height: 85px;
    }
    
    .course-image-placeholder[b-rfceky1b3n] {
        width: 120px;
        height: 85px;
    }
    
    .course-content-area[b-rfceky1b3n] {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
    
    .completion-actions-container[b-rfceky1b3n] {
        flex-direction: column;
        align-items: flex-end;
        gap: 0.5rem;
        margin-left: 0;
    }
    
    /* Make the course info layout stack vertically on mobile */
    .course-info-row[b-rfceky1b3n] {
        flex-direction: column !important;
        gap: 1rem;
    }
    
    .course-info-content[b-rfceky1b3n] {
        width: 100% !important;
    }
    
    .course-info-actions[b-rfceky1b3n] {
        width: 100% !important;
        justify-content: center !important;
    }
    
    /* Module sections responsive grid */
    .course-module-grid[b-rfceky1b3n] {
        display: flex !important;
        flex-direction: column !important;
        gap: 1rem !important;
        align-items: stretch !important;
    }
    
    .course-module-content[b-rfceky1b3n] {
        width: 100%;
    }
    
    .course-module-actions[b-rfceky1b3n] {
        width: 100%;
        justify-content: center !important;
    }
}

@media (max-width: 480px) {
    .course-tile-main[b-rfceky1b3n] {
        padding: 0.75rem;
        gap: 0.75rem;
    }
    
    .course-image-container[b-rfceky1b3n] {
        width: 100px;
        height: 71px;
    }
    
    .course-image-block[b-rfceky1b3n] {
        width: 100px;
        height: 71px;
    }
    
    .course-image-placeholder[b-rfceky1b3n] {
        width: 100px;
        height: 71px;
        font-size: 24px;
    }
    
    .course-image-placeholder i[b-rfceky1b3n] {
        font-size: 24px !important;
    }
    
    .small-tile[b-rfceky1b3n] {
        max-width: 100%;
    }
    
    .course-info-actions .d-flex[b-rfceky1b3n] {
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .course-modules-section[b-rfceky1b3n] {
        padding: 0.75rem !important;
    }
    
    .course-module-grid[b-rfceky1b3n] {
        gap: 0.75rem !important;
    }
    
    .fs-14[b-rfceky1b3n], .course-description[b-rfceky1b3n] {
        font-size: 0.8rem !important;
    }
    
    .block-title[b-rfceky1b3n] {
        font-size: 1.1rem !important;
        margin-bottom: 0.5rem !important;
    }
}

.container-chart[b-rfceky1b3n] {
    container-type: inline-size;
}

.chart[b-rfceky1b3n] {
    width: 45%;
}

@container (max-width: 200px) {
    .chart[b-rfceky1b3n] {
        width: 60%;
    }
}
/* /Shared/PU/Menus.razor.rz.scp.css */
.menu-item[b-2zoak0jklb] {
    background-color: white;
    transition: background-color .3s linear;
}

    .menu-item.active[b-2zoak0jklb] {
        background-color: var(--homegreen-color);
    }

.nav-main-link[b-2zoak0jklb] {
    transition: background-color .3s linear;
}

    .nav-main-link:hover[b-2zoak0jklb] {
        background-color: #f0f2f5;
    }

#page-header[b-2zoak0jklb] {
    box-shadow: 0 .25rem .625rem rgba(0,0,0,.2)!important;
}
/* /Shared/PU/ProductTile.razor.rz.scp.css */
.tile-block[b-mqnh6oyaoc] {
    position: relative;
    container-type: inline-size;
    /* Icy background similar to BoardTile */
    backdrop-filter: blur(2px);
    background: var(--ice-color);
    border-radius: var(--block-radius);
}

/* Ensure the main block container respects border radius */
.tile-block .block[b-mqnh6oyaoc] {
    border-radius: var(--block-radius);
    overflow: hidden;
}

/* Apply border radius to background and ordinary images */
.tile-block .back-image[b-mqnh6oyaoc],
.tile-block .ordinary-image[b-mqnh6oyaoc] {
    border-top-left-radius: var(--block-radius);
    border-bottom-left-radius: var(--block-radius);
}

/* Ensure content area has proper border radius on the right side */
.tile-block .block-content[b-mqnh6oyaoc] {
    border-top-right-radius: var(--block-radius);
    border-bottom-right-radius: var(--block-radius);
}

@container (min-width: 501px) {
    .tile-block .ordinary-image.is-back-image[b-mqnh6oyaoc] {
        display: none !important;
    }
}

@container (max-width: 500px) {
    .tile-block .row[b-mqnh6oyaoc] {
        flex-direction: column !important;
        padding-left: 13px !important;
        padding-right: 13px !important;
    }

    .tile-block .col-lg-5[b-mqnh6oyaoc],
    .tile-block .col-3[b-mqnh6oyaoc],
    .tile-block .col-lg-7[b-mqnh6oyaoc],
    .tile-block .col-9[b-mqnh6oyaoc] {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .tile-block .rounded-start[b-mqnh6oyaoc] {
        border-radius: .25rem .25rem 0 0 !important;
    }

    .tile-block .block-content[b-mqnh6oyaoc] {
        padding-top: 1rem;
    }

    .back-image[b-mqnh6oyaoc] {
        display: none !important;
    }

    .ordinary-image[b-mqnh6oyaoc] {
        display: flex !important;
        background-color: var(--gray-color-op50) !important;
        border-radius: var(--block-radius) var(--block-radius) 0 0 !important;
    }

    /* Ensure content area has border radius on bottom for mobile */
    .tile-block .block-content[b-mqnh6oyaoc] {
        border-radius: 0 0 var(--block-radius) var(--block-radius) !important;
    }
}

/*.tile-block .rounded-start {
    border-radius: 0 !important;
}*/

.type-badge[b-mqnh6oyaoc] {
    position: absolute;
    top: -4px;
    left: -8px;
    background-color: #EFEFEF;
    color: #A1A1A1;
    font-weight: 500;
    padding: 0.5rem;
    border-radius: .5rem .1rem .5rem .1rem;
    z-index: 10;
}

    .type-badge.prod[b-mqnh6oyaoc] {
        background-color: #a1a1a1;
        color: white;
    }

.product-tile-stats-grid[b-mqnh6oyaoc] {
    display: grid;
    grid-template-columns: 1fr 1px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    gap: 0 2rem;
    margin-bottom: 1rem;
}
.stat-group[b-mqnh6oyaoc] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
.stat-item[b-mqnh6oyaoc] {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    gap: 0.25rem;
}
.stat-divider[b-mqnh6oyaoc] {
    grid-row: 1 / span 2;
    grid-column: 2;
    background: #d3d3d3;
    width: 1px;
    height: 90%;
    justify-self: center;
}
.stat-documents[b-mqnh6oyaoc] {
    grid-row: 1 / span 2;
    grid-column: 3;
    text-align: right;
    align-self: start;
    justify-self: end;
}
/* /Shared/PU/RekonnectCourseQuiz.razor.rz.scp.css */
.quiz-container[b-j4nocye7jm] {
    max-width: 1000px;
    height: 100%;
    margin: 0 auto;
}

.question-media img[b-j4nocye7jm],
.question-media video[b-j4nocye7jm] {
    border-radius: 5px;
}

/* Style for unanswered questions */
.quiz-question .block-header[b-j4nocye7jm] {
    border-left: 3px solid transparent; /* Reserve space, no jump */
    transition: border-color 0.2s;
}

.quiz-question.unanswered .block-header[b-j4nocye7jm] {
    border-left: 3px solid var(--color-critical, #f02222); /* Use app.scss variable for danger */
}

/* Add vertical scroll to quiz-question if content overflows */
.quiz-question[b-j4nocye7jm] {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 100%;
}

/* Make the block-header sticky so it stays visible when scrolling */
.quiz-question .block-header[b-j4nocye7jm] {
    position: sticky;
    top: 0;
    z-index: 2;
}

.quiz-content-scroll[b-j4nocye7jm] {
    overflow-y: auto !important;
}

/* Quiz Results Styling */
.quiz-question-result[b-j4nocye7jm] {
    border-left: 4px solid transparent;
    transition: all 0.3s ease;
}

.quiz-question-result.question-correct[b-j4nocye7jm] {
    border-left-color: var(--bs-success);
    /* background-color: rgba(var(--bs-success-rgb), 0.02); */
}

.quiz-question-result.question-incorrect[b-j4nocye7jm] {
    border-left-color: var(--bs-danger);
    /* background-color: rgba(var(--bs-danger-rgb), 0.02); */
}

/* Answer Result Styling */
.answer-result[b-j4nocye7jm] {
    border: 1px solid transparent;
    transition: all 0.3s ease;
}

/* Correct answer that user selected - green background */
.answer-result.answer-correct-selected[b-j4nocye7jm] {
    background-color: rgba(var(--bs-success-rgb), 0.1) !important;
    border-color: rgba(var(--bs-success-rgb), 0.3);
}

/* Correct answer that user did NOT select - light green background */
.answer-result.answer-correct-not-selected[b-j4nocye7jm] {
    background-color: rgba(var(--bs-success-rgb), 0.05) !important;
    border-color: rgba(var(--bs-success-rgb), 0.2);
    border-style: dashed;
}

/* Incorrect answer that user selected - red background */
.answer-result.answer-incorrect-selected[b-j4nocye7jm] {
    background-color: rgba(var(--bs-danger-rgb), 0.1) !important;
    border-color: rgba(var(--bs-danger-rgb), 0.3);
}

/* Answer indicators */
.answer-indicators[b-j4nocye7jm] {
    min-width: 40px;
    flex-shrink: 0;
}

.answer-indicators i[b-j4nocye7jm] {
    font-size: 16px;
}

/* Question result indicator */
.question-result-indicator[b-j4nocye7jm] {
    flex-shrink: 0;
}

/* Results content scrolling */
.quiz-results-content[b-j4nocye7jm] {
    overflow-y: auto;
}

/* Results header styling */
.quiz-results-header .badge[b-j4nocye7jm] {
    padding: 8px 12px;
}

/* Animation for results */
.quiz-question-result[b-j4nocye7jm] {
    animation: fadeInUp-b-j4nocye7jm 0.5s ease-out;
}

@keyframes fadeInUp-b-j4nocye7jm {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Hover effects for better interactivity */
.answer-result:hover[b-j4nocye7jm] {
    transform: translateX(2px);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .quiz-results-header[b-j4nocye7jm] {
        flex-direction: column;
        align-items: flex-start !important;
        gap: 10px;
    }
    
    .quiz-paging-info[b-j4nocye7jm] {
        margin-left: 0 !important;
    }
    
    .question-result-indicator[b-j4nocye7jm] {
        margin-right: 10px !important;
    }
}

/* Dark mode support */
/* @media (prefers-color-scheme: dark) {
    .quiz-question-result.question-correct {
        background-color: rgba(var(--bs-success-rgb), 0.05);
    }
    
    .quiz-question-result.question-incorrect {
        background-color: rgba(var(--bs-danger-rgb), 0.05);
    }
    
    .answer-result.answer-correct-selected {
        background-color: rgba(var(--bs-success-rgb), 0.15) !important;
    }
    
    .answer-result.answer-correct-not-selected {
        background-color: rgba(var(--bs-success-rgb), 0.08) !important;
    }
    
    .answer-result.answer-incorrect-selected {
        background-color: rgba(var(--bs-danger-rgb), 0.15) !important;
    }
} */
/* /Shared/PU/WelcomeHeader.razor.rz.scp.css */
.welcome-header[b-vfuz7s7tgb] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem 2rem;
    background-color: transparent;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.welcome-avatar[b-vfuz7s7tgb] {
    margin-right: 2rem;
    position: relative;
    z-index: 1;
}

.welcome-text[b-vfuz7s7tgb] {
    position: relative;
    z-index: 1;
}

@media (max-width: 767.98px) {
    .welcome-header[b-vfuz7s7tgb] {
        flex-direction: column;
        text-align: center;
        padding: 1.5rem 1rem;
    }
    
    .welcome-avatar[b-vfuz7s7tgb] {
        margin-right: 0;
        margin-bottom: 1rem;
    }
}