/* _content/LMS-Web/Pages/AdminPortal/AdminClientList.razor.rz.scp.css */

.lms-table .table-grid .table-row[b-843hfq7wpm] {
    grid-template-columns: 50px 1fr 50px;
}

.grid-id[b-843hfq7wpm] {
    grid-column: 1;
}

.grid-name[b-843hfq7wpm] {
    grid-column: 2;
}

.grid-dname[b-843hfq7wpm] {
    display: none;
}

.grid-icon[b-843hfq7wpm] {
    grid-column: 3;
    justify-self: stretch;
    text-align: end;
}

@media (min-width: 700px) {

    .lms-table .table-grid .table-row[b-843hfq7wpm] {
        grid-template-columns: 50px 1fr 1fr 50px;
    }

    .grid-dname[b-843hfq7wpm] {
        display: inline-block;
        grid-column: 3;
    }

    .grid-icon[b-843hfq7wpm] {
        grid-column: 4;
    }
}
/* _content/LMS-Web/Pages/AdminPortal/Reports.razor.rz.scp.css */



.quiz-report h4[b-m8437npsfi] {
    font-size: 1.1rem;
}

.quiz-report h5[b-m8437npsfi] {
    font-size: 0.9rem;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.quiz-report .background-box-bar[b-m8437npsfi] {
    margin: 1em;
}

.quiz-report .background-box-shadow[b-m8437npsfi] {
    margin-bottom: 0 !important;
}

.quiz-report .company-logo[b-m8437npsfi] {
    display: none;
}


.completed[b-m8437npsfi] {
    color: var(--Grey50);
}

.course-progress .topic-group[b-m8437npsfi] {
    border: 2px solid var(--Grey20);
    border-radius: 6px;
    margin: 1rem 0;
}

.course-progress .topic-list[b-m8437npsfi] {
    background-color: var(--BackgroundSecondary);
    padding: 0.5em;
    border-radius: 6px;
}

.course-progress .lesson-list[b-m8437npsfi] {
    margin-left: 2em;
    color: var(--Grey70);
    padding: 0.5em;
}

.course-progress .quiz-list[b-m8437npsfi] {
    margin-left: 2em;
    color: var(--Grey70);
    padding: 0.5em;
}

    .course-progress .lesson-list .fa-check[b-m8437npsfi],
    .course-progress .quiz-list .fa-check[b-m8437npsfi] {
        font-size: 1.2em;
    }

.course-progress i.float-end[b-m8437npsfi] {
    float: inline-end;
}

.course-progress i.topic-complete[b-m8437npsfi] {
    font-size: 1.3em;
}





@media print {
    .filter-btn[b-m8437npsfi] {
        display: none;
    }

    .quiz-report .company-logo[b-m8437npsfi] {
        display: block;
    }

    .details-grid .details-grid-multi-col[b-m8437npsfi] {
        width: 45%;
    }
}
/* _content/LMS-Web/Pages/AdminPortal/UserManagement.razor.rz.scp.css */
.warning[b-dhr0y11ox5]{
    color: red;
}

.lms-table.user-list .table-grid .table-row[b-dhr0y11ox5] {
    grid-template-columns: 2fr 2fr 50px;
}


.lms-table.user-list .grid-firstname[b-dhr0y11ox5] {
    grid-column: 1;
}

.lms-table.user-list .grid-surname[b-dhr0y11ox5] {
    grid-column: 2;
}

.lms-table.user-list .grid-email[b-dhr0y11ox5] {
    display: none;
    grid-column: 3;
}

.lms-table.user-list .grid-admin[b-dhr0y11ox5] {
    display: none;
    grid-column: 4;
}

.lms-table.user-list .grid-registered[b-dhr0y11ox5] {
    display: none;
    grid-column: 5;
}

.lms-table.user-list .grid-active[b-dhr0y11ox5] {
    display: none;
    grid-column: 6;
}

.lms-table.user-list .grid-icon[b-dhr0y11ox5] {
    grid-column: 3;
    justify-self: stretch;
    text-align: end;
}



.lms-table.course-list .table-grid .table-row[b-dhr0y11ox5],
.lms-table.group-list .table-grid .table-row[b-dhr0y11ox5] {
    grid-template-columns: 1fr 100px;
}

.lms-table.course-list .grid-status[b-dhr0y11ox5],
.lms-table.course-list .grid-score[b-dhr0y11ox5]{
    display: none;
}

.lms-table.course-list .grid-name[b-dhr0y11ox5],
.lms-table.group-list .grid-name[b-dhr0y11ox5] {
    grid-column: 1;
}

.lms-table.course-list .grid-buttons[b-dhr0y11ox5],
.lms-table.group-list .grid-buttons[b-dhr0y11ox5] {
    grid-column: 2;
    justify-self: stretch;
    text-align: end;
}







.lms-table.invite-list .table-grid .table-row[b-dhr0y11ox5] {
    grid-template-columns: repeat(4, 1fr) 30px;
}

.lms-table.invite-list .grid-firstname[b-dhr0y11ox5] {
    grid-column: 1/2;
}

.lms-table.invite-list .grid-surname[b-dhr0y11ox5] {
    grid-column: 2/3;
}

.lms-table.invite-list .grid-email[b-dhr0y11ox5] {
    grid-column: 3/4;
}

.lms-table.invite-list .grid-warning[b-dhr0y11ox5] {
    grid-column: 4/5;
    text-align: center;
    font-weight: bold;
}

.lms-table.invite-list .grid-buttons[b-dhr0y11ox5] {
    grid-column: 5/5;
    justify-self: end;
    text-align: end;
}

@media (min-width: 1080px) {

    .lms-table.user-list .table-grid .table-row[b-dhr0y11ox5] {
        grid-template-columns: 2fr 2fr 4fr 2fr repeat(2, 1fr) 50px;
    }

    .lms-table.user-list .grid-email[b-dhr0y11ox5] {
        display: inline-block;
    }

    .lms-table.user-list .grid-admin[b-dhr0y11ox5] {
        display: inline-block;
    }

    .lms-table.user-list .grid-registered[b-dhr0y11ox5] {
        display: inline-block;
        text-align: center;
    }

    .lms-table.user-list .grid-active[b-dhr0y11ox5] {
        display: inline-block;
        text-align: center;
    }

    .lms-table.user-list .grid-icon[b-dhr0y11ox5] {
        grid-column: 7;
    }

    .lms-table.course-list .table-grid .table-row[b-dhr0y11ox5] {
        grid-template-columns: 2fr 1fr 1fr 100px;
    }

    .lms-table.course-list .grid-status[b-dhr0y11ox5] {
        grid-column: 2;
        display: inline-block;
    }
    .lms-table.course-list .grid-score[b-dhr0y11ox5] {
        grid-column: 3;
        display: inline-block;
    }

    .lms-table.course-list .grid-buttons[b-dhr0y11ox5] {
        grid-column: 4;
    }
}
/* _content/LMS-Web/Pages/ConsultantPortal/ClientCourseManagement.razor.rz.scp.css */


/* _content/LMS-Web/Pages/ConsultantPortal/ConsultantClientList.razor.rz.scp.css */

.lms-table .table-grid .table-row[b-9cgwp7lnag] {
    grid-template-columns: 50px 1fr 50px;
}

.grid-id[b-9cgwp7lnag] {
    grid-column: 1;
}

.grid-name[b-9cgwp7lnag] {
    grid-column: 2;
}

.grid-dname[b-9cgwp7lnag] {
    display: none;
}

.grid-icon[b-9cgwp7lnag] {
    grid-column: 3;
    justify-self: stretch;
    text-align: end;
}

@media (min-width: 700px) {
   
        .lms-table .table-grid .table-row[b-9cgwp7lnag] {
            grid-template-columns: 50px 1fr 1fr 50px;
        }

    .grid-dname[b-9cgwp7lnag] {
        display: inline-block;
        grid-column: 3;
    }

    .grid-icon[b-9cgwp7lnag] {
        grid-column: 4;
    }
}
/* _content/LMS-Web/Pages/ConsultantPortal/EditCourses/EditTopic.razor.rz.scp.css */
.lms-table.question-list .table-grid .table-row[b-zy7hd5lak1] {
    grid-template-columns: 1fr 5fr 50px;
}


.lms-table.question-list .grid-qtype[b-zy7hd5lak1] {
    grid-column: 1;
}

.lms-table.question-list .grid-qdesc[b-zy7hd5lak1] {
    grid-column: 2;
}

.lms-table.user-list .grid-icon[b-zy7hd5lak1] {
    grid-column: 3;
    justify-self: stretch;
    text-align: end;
}


.question-readout[b-zy7hd5lak1] {
    padding: 1em;
    border: 2px solid var(--Grey10);
}

.answer-option[b-zy7hd5lak1] {
    border: 1px solid var(--Grey40);
    padding: 1em;
    width: 100%;
    margin-top: 0.5em;
}

    .answer-option.correct[b-zy7hd5lak1] {
        border: 3px solid #0d8a08;
        color: #0d8a08;
    }

.answer-summary[b-zy7hd5lak1] {
    padding: 1em;
    text-align: center;
}

    .answer-summary h3[b-zy7hd5lak1] {
        font-size: 1.2em;
    }

    .answer-summary h4[b-zy7hd5lak1] {
        font-size: 0.9em;
    }

    .answer-summary p[b-zy7hd5lak1] {
        font-size: 0.9em;
    }

.incorrect-answer[b-zy7hd5lak1] {
    border: 1px solid red;
    color: red;
    background-color: #ff000011;
    padding: 1em;
}

.correct-answer[b-zy7hd5lak1] {
    border-color: #0d8a08;
    color: #0d8a08;
    background-color: #0d8a8811;
    padding: 1em;
}

.background-box-trans[b-zy7hd5lak1] {
    padding-bottom: 0;
}

.checkinput input[b-zy7hd5lak1] {
    display: none;
}

.checkinput label[b-zy7hd5lak1] {
    border: 1px solid var(--Grey40);
    border-radius: 6px;
    padding: 1em;
    width: 100%;
    margin-top: 0.5em;
}

.checkinput :checked + label[b-zy7hd5lak1] {
    border: 2px solid var(--SecondaryColour);
    box-shadow: 0 0 5px var(--SecondaryColour);
}

.checkinput label:hover[b-zy7hd5lak1] {
    cursor: pointer;
}

.grid-expected .checkexpectedinput input[b-zy7hd5lak1] {
    display: none;
}

.grid-expected .checkexpectedinput label[b-zy7hd5lak1] {
    color: var(--Grey40);
    border-radius: 6px;
    font-size: 2em;
}

    .grid-expected .checkexpectedinput label:hover[b-zy7hd5lak1] {
        cursor: pointer;
    }

.grid-expected .checkexpectedinput :checked + label[b-zy7hd5lak1] {
    color: forestgreen;
}


.lms-table.answer-list .table-grid .row-wrapper:hover[b-zy7hd5lak1] {
    background-color: transparent;
    cursor: default;
    border-color: transparent;
}

.lms-table.answer-list .table-grid .table-row[b-zy7hd5lak1] {
    grid-template-columns: 1fr 150px 100px;
}

.grid-answer[b-zy7hd5lak1] {
    grid-column: 1;
}

.grid-expected[b-zy7hd5lak1] {
    grid-column: 2;
    display: flex;
    justify-content: center;
    align-items: center;
}

.grid-icon[b-zy7hd5lak1] {
    grid-column: 3;
    justify-self: stretch;
    text-align: end;
}
/* _content/LMS-Web/Pages/ConsultantPortal/ManageUsers.razor.rz.scp.css */
.user-stats[b-y0o8qvmbum] {
    width: 100%;
    text-align: right;
    padding: 1em;
    margin-top: -0.5em;
    margin-right: -0.5em;
    z-index: 2;
}

.lms-table.user-list .table-grid .table-row[b-y0o8qvmbum] {
    grid-template-columns: 1fr 2fr 2fr 50px;
}

.lms-table.user-list .grid-id[b-y0o8qvmbum] {
    grid-column: 1;
}

.lms-table.user-list .grid-firstname[b-y0o8qvmbum] {
    grid-column: 2;
}

.lms-table.user-list .grid-surname[b-y0o8qvmbum] {
    grid-column: 3;
}

.lms-table.user-list .grid-email[b-y0o8qvmbum] {
    display: none;
    grid-column: 4;
}

.lms-table.user-list .grid-admin[b-y0o8qvmbum] {
    display: none;
    grid-column: 5;
    text-align: center;
}

.lms-table.user-list .grid-registered[b-y0o8qvmbum] {
    display: none;
    grid-column: 6;
    text-align: center;
}

.lms-table.user-list .grid-active[b-y0o8qvmbum] {
    display: none;
    grid-column: 7;
    text-align: center;
}

.lms-table.user-list .grid-icon[b-y0o8qvmbum] {
    grid-column: 4;
    justify-self: stretch;
    text-align: end;
}


.lms-table.invite-list .table-grid .table-row[b-y0o8qvmbum] {
    grid-template-columns: repeat(3, 1fr) 2fr 1fr 10px;
}

.lms-table.invite-list .grid-firstname[b-y0o8qvmbum] {
    grid-column: 1;
}

.lms-table.invite-list .grid-surname[b-y0o8qvmbum] {
    grid-column: 2;
}

.lms-table.invite-list .grid-email[b-y0o8qvmbum] {
    grid-column: 3;
}

.lms-table.invite-list .grid-warning[b-y0o8qvmbum] {
    grid-column: 4;
}

.lms-table.invite-list .grid-buttons[b-y0o8qvmbum] {
    grid-column: 5;
    justify-self: end;
    text-align: end;
}

@media (min-width: 700px) {
    .lms-table.user-list[b-y0o8qvmbum] {
        padding: 0;
    }

        .lms-table.user-list .table-grid .table-row[b-y0o8qvmbum] {
            grid-template-columns: 1fr 2fr 2fr 4fr repeat(3, 1fr) 50px;
        }

        .lms-table.user-list .grid-email[b-y0o8qvmbum] {
            display: inline-block;
        }

        .lms-table.user-list .grid-admin[b-y0o8qvmbum] {
            display: inline-block;
        }

        .lms-table.user-list .grid-registered[b-y0o8qvmbum] {
            display: inline-block;
        }

        .lms-table.user-list .grid-active[b-y0o8qvmbum] {
            display: inline-block;
        }

        .lms-table.user-list .grid-icon[b-y0o8qvmbum] {
            grid-column: 8;
        }
}
/* _content/LMS-Web/Pages/Index.razor.rz.scp.css */
.landing-wrapper[b-iquzu827br] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .landing-wrapper .home-box[b-iquzu827br] {
        width: 90%;
        background-color: var(--BackgroundColour);
        display: flex;
        flex-direction: row;
    }

        .landing-wrapper .home-box .left-box[b-iquzu827br] {
            display: none;
            background-color: var(--BackgroundColour);
            background-image: url('img/training-gc52d962c9_1920.jpg');
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
            width: 50%;
        }

        .landing-wrapper .home-box .right-box[b-iquzu827br] {
            width: 100%;
            display: flex;
            flex-direction: column;
        }

            .landing-wrapper .home-box .right-box .company-logo[b-iquzu827br] {
                width: 100%;
                height: auto;
            }

            .landing-wrapper .home-box .right-box .welcome-user[b-iquzu827br] {
                text-align: center;
            }

            .landing-wrapper .home-box .right-box .company-msg[b-iquzu827br] {
                border: 1px solid var(--BackgroundSecondary);
                margin: 1em;
                padding: 1em;
            }

            .landing-wrapper .home-box .right-box .start-btn[b-iquzu827br] {
                padding: 2rem;
                display: flex;
                align-items: center;
                justify-content: space-around;

            }



.landing-wrapper .footer[b-iquzu827br] {
    justify-content: center;
}

@media (min-width: 700px) {
    .landing-wrapper .home-box .left-box[b-iquzu827br] {
        display: block;
    }

    .landing-wrapper .home-box .right-box[b-iquzu827br] {
        width: 50%;
    }
}
/* _content/LMS-Web/Pages/Shared/AdminPlaceholders.razor.rz.scp.css */
.lms-table .table-grid .table-row[b-lg2g0suj1x] {
    grid-template-columns: 1fr 50px;
}

.grid-type[b-lg2g0suj1x] {
    grid-column: 1;
}

.grid-name[b-lg2g0suj1x] {
    display: none;
}

.grid-icon[b-lg2g0suj1x] {
    grid-column: 2;
    justify-self: stretch;
    text-align: end;
}

@media (min-width: 700px) {

    .lms-table .table-grid .table-row[b-lg2g0suj1x] {
        grid-template-columns: repeat(2, 1fr) 50px;
    }

    .grid-name[b-lg2g0suj1x] {
        display: inline-block;
        grid-column: 2;
    }

    .grid-icon[b-lg2g0suj1x] {
        grid-column: 3;
    }
}
/* _content/LMS-Web/Pages/Shared/ClientCustomisation.razor.rz.scp.css */

.company-logo-preview[b-ghntmfc76b] {
    width: 100%;
    display: flex;
    flex-direction: column;
}
    .company-logo-preview .preview-img[b-ghntmfc76b] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        flex: 1 1 auto;
        border: 1px solid var(--Grey40);
    }

    .company-logo-preview .preview-img-gradient[b-ghntmfc76b] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        flex: 1 1 auto;
        border: 1px solid var(--Grey40);
        background-color: white;
        background-image: linear-gradient(to right, white 50%, black 50%);
    }
       

    .company-logo-preview img[b-ghntmfc76b] {
        height: 60px;
        width: auto;
        justify-self: center;
        align-self: center;
    }

    .company-logo-preview .text-preview[b-ghntmfc76b] {
        display: flex;
        flex-direction: row;
        flex: 1 1 auto;
        height: 60px;
    }

        .company-logo-preview .text-preview .white-preview[b-ghntmfc76b] {
            width: 100%;
            background-color: white;
            background-image: linear-gradient(to right, white 50%, #F5F5F5 50%);
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            border: 1px solid var(--Grey40);
            border-top: none;
        }

        .company-logo-preview .text-preview .black-preview[b-ghntmfc76b] {
            width: 100%;
            background-color: black;
            background-image: linear-gradient(to right, #1a1a1a 50%, #2e2e2e 50%);
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            border: 1px solid var(--Grey40);
            border-top: none;
        }

.color-input[b-ghntmfc76b] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1em;
    justify-content: space-between;
}

.form-control-color[b-ghntmfc76b] {
    max-height: 38px;
    margin: auto 0;
}
/* _content/LMS-Web/Pages/Shared/CourseManagement.razor.rz.scp.css */
.courselifetime-text[b-c25qxxvog2]{
    text-align: center;
}


.lms-table.course-list .table-grid .table-row[b-c25qxxvog2] {
    grid-template-columns: 2fr 50px;
}

.lms-table.group-list .table-grid .table-row[b-c25qxxvog2] {
    grid-template-columns: 14fr 50px;
}

.grid-name[b-c25qxxvog2] {
    grid-column: 1;
}

.grid-lifetime[b-c25qxxvog2] {
    display: none;
}

.grid-icon[b-c25qxxvog2],
.grid-buttons[b-c25qxxvog2] {
    grid-column: 2;
    justify-self: stretch;
    text-align: end;
}

@media (min-width: 700px) {

    .lms-table.course-list .table-grid .table-row[b-c25qxxvog2] {
        grid-template-columns: 2fr 2fr 50px;
    }

    .grid-lifetime[b-c25qxxvog2] {
        display: inline-block;
        grid-column: 2;
    }

    .grid-icon[b-c25qxxvog2],
    .grid-buttons[b-c25qxxvog2] {
        grid-column: 3;
    }
}
/* _content/LMS-Web/Pages/Shared/GroupManagement.razor.rz.scp.css */



.lms-table.group-list .table-grid .table-row[b-pz34mrm0ih] {
    grid-template-columns: 2fr 50px;
}

.lms-table.group-list .grid-name[b-pz34mrm0ih] {
    grid-column: 1;
}

.lms-table.group-list .grid-users[b-pz34mrm0ih],
.lms-table.group-list .grid-courses[b-pz34mrm0ih] {
    display: none;
}

.lms-table.group-list .grid-icon[b-pz34mrm0ih] {
    grid-column: 2;
    justify-self: stretch;
    text-align: end;
}

.lms-table.course-list .table-grid .table-row[b-pz34mrm0ih],
.lms-table.user-list .table-grid .table-row[b-pz34mrm0ih] {
    grid-template-columns: 1fr 50px;
}

.lms-table.course-list .grid-id[b-pz34mrm0ih],
.lms-table.user-list .grid-id[b-pz34mrm0ih],
.lms-table.course-list .grid-created[b-pz34mrm0ih],
.lms-table.user-list .grid-email[b-pz34mrm0ih] {
    display: none;
}

.lms-table.course-list .grid-name[b-pz34mrm0ih],
.lms-table.user-list .grid-name[b-pz34mrm0ih] {
    grid-column: 1;
}

.lms-table.course-list .grid-buttons[b-pz34mrm0ih],
.lms-table.user-list .grid-buttons[b-pz34mrm0ih] {
    grid-column: 2;
    justify-self: stretch;
    text-align: end;
}

@media (min-width: 700px) {
    .lms-table.group-list .table-grid .table-row[b-pz34mrm0ih] {
        grid-template-columns: 3fr 1fr 1fr 50px;
    }

    .lms-table.group-list .grid-users[b-pz34mrm0ih] {
        display: inline-block;
        grid-column: 2;
    }

    .lms-table.group-list .grid-courses[b-pz34mrm0ih] {
        display: inline-block;
        grid-column: 3;
    }

    .lms-table.group-list .grid-icon[b-pz34mrm0ih] {
        grid-column: 4;
    }

    .lms-table.course-list .table-grid .table-row[b-pz34mrm0ih],
    .lms-table.user-list .table-grid .table-row[b-pz34mrm0ih] {
        grid-template-columns: repeat(2,1fr) 50px;
    }

    .lms-table.course-list .grid-created[b-pz34mrm0ih],
    .lms-table.user-list .grid-email[b-pz34mrm0ih] {
        display: inline-block;
        grid-column: 2;
    }

    .lms-table.course-list .grid-buttons[b-pz34mrm0ih],
    .lms-table.user-list .grid-buttons[b-pz34mrm0ih] {
        grid-column: 3;
    }
}






/* _content/LMS-Web/Pages/SystemPortal/CourseTemplates/CourseOverviewTemplate.razor.rz.scp.css */
.helpbtn[b-cqm1csp6fd]{
    font-size: 3em;
    color: var(--Grey50) !important;
}

    .helpbtn:hover[b-cqm1csp6fd] {
        color: var(--SecondaryColour) !important;
        cursor: pointer;
    }


.moreinfo-box[b-cqm1csp6fd]{
    margin: 2em;
}

.moreinfo-box h3[b-cqm1csp6fd]{
    font-size: 1.1em;
    font-weight: 600;
    text-transform: uppercase;
}


.lms-table .table-grid .table-row[b-cqm1csp6fd] {
    grid-template-columns: 50px 1fr 50px;
}

.grid-id[b-cqm1csp6fd] {
    grid-column: 1;
}

.grid-name[b-cqm1csp6fd] {
    grid-column: 2;
}

.grid-dname[b-cqm1csp6fd] {
    display: none;
}

.grid-icon[b-cqm1csp6fd] {
    grid-column: 3;
    justify-self: stretch;
    text-align: end;
}

@media (min-width: 700px) {

    .lms-table .table-grid .table-row[b-cqm1csp6fd] {
        grid-template-columns: 50px 1fr 1fr 50px;
    }

    .grid-dname[b-cqm1csp6fd] {
        display: inline-block;
        grid-column: 3;
    }

    .grid-icon[b-cqm1csp6fd] {
        grid-column: 4;
    }
}
/* _content/LMS-Web/Pages/SystemPortal/CourseTemplates/EditTopicTemplate.razor.rz.scp.css */
.lms-table.question-list .table-grid .table-row[b-tot5f5t64b] {
    grid-template-columns: 1fr 5fr 50px;
}


.lms-table.question-list .grid-qtype[b-tot5f5t64b] {
    grid-column: 1;
}

.lms-table.question-list .grid-qdesc[b-tot5f5t64b] {
    grid-column: 2;
}

.lms-table.user-list .grid-icon[b-tot5f5t64b] {
    grid-column: 3;
    justify-self: stretch;
    text-align: end;
}


.question-readout[b-tot5f5t64b] {
    padding: 1em;
    border: 2px solid var(--Grey10);
}

.answer-option[b-tot5f5t64b] {
    border: 1px solid var(--Grey40);
    padding: 1em;
    width: 100%;
    margin-top: 0.5em;
}

    .answer-option.correct[b-tot5f5t64b] {
        border: 3px solid #0d8a08;
        color: #0d8a08;
    }

.answer-summary[b-tot5f5t64b] {
    padding: 1em;
    text-align: center;
}

    .answer-summary h3[b-tot5f5t64b] {
        font-size: 1.2em;
    }

    .answer-summary h4[b-tot5f5t64b] {
        font-size: 0.9em;
    }

    .answer-summary p[b-tot5f5t64b] {
        font-size: 0.9em;
    }

.incorrect-answer[b-tot5f5t64b] {
    border: 1px solid red;
    color: red;
    background-color: #ff000011;
    padding: 1em;
}

.correct-answer[b-tot5f5t64b] {
    border-color: #0d8a08;
    color: #0d8a08;
    background-color: #0d8a8811;
    padding: 1em;
}

.background-box-trans[b-tot5f5t64b] {
    padding-bottom: 0;
}

.checkinput input[b-tot5f5t64b] {
    display: none;
}

.checkinput label[b-tot5f5t64b] {
    border: 1px solid var(--Grey40);
    border-radius: 6px;
    padding: 1em;
    width: 100%;
    margin-top: 0.5em;
}

.checkinput :checked + label[b-tot5f5t64b] {
    border: 2px solid var(--SecondaryColour);
    box-shadow: 0 0 5px var(--SecondaryColour);
}

.checkinput label:hover[b-tot5f5t64b] {
    cursor: pointer;
}

.grid-expected .checkexpectedinput input[b-tot5f5t64b] {
    display: none;
}

.grid-expected .checkexpectedinput label[b-tot5f5t64b] {
    color: var(--Grey40);
    border-radius: 6px;
    font-size: 2em;
}

    .grid-expected .checkexpectedinput label:hover[b-tot5f5t64b] {
        cursor: pointer;
    }

    .grid-expected .checkexpectedinput :checked + label[b-tot5f5t64b] {
        color: forestgreen;
    }


.lms-table.answer-list .table-grid .row-wrapper:hover[b-tot5f5t64b] {
    background-color: transparent;
    cursor: default;
    border-color: transparent;
}

.lms-table.answer-list .table-grid .table-row[b-tot5f5t64b] {
    grid-template-columns: 1fr 150px 100px;
}

.grid-answer[b-tot5f5t64b] {
    grid-column: 1;
}

.grid-expected[b-tot5f5t64b] {
    grid-column: 2;
    display: flex;
    justify-content: center;
    align-items: center;
}

.grid-icon[b-tot5f5t64b] {
    grid-column: 3;
    justify-self: stretch;
    text-align: end;
}
/* _content/LMS-Web/Pages/SystemPortal/ManageSystemClients.razor.rz.scp.css */

.lms-table .table-grid .table-row[b-y9wybkey2a] {
    grid-template-columns: 50px 1fr 50px;
}

.grid-id[b-y9wybkey2a] {
    grid-column: 1;
}

.grid-name[b-y9wybkey2a] {
    grid-column: 2;
}

.grid-dname[b-y9wybkey2a] {
    display: none;
}

.grid-icon[b-y9wybkey2a] {
    grid-column: 3;
    justify-self: stretch;
    text-align: end;
}

@media (min-width: 700px) {

    .lms-table .table-grid .table-row[b-y9wybkey2a] {
        grid-template-columns: 50px 1fr 1fr 50px;
    }

    .grid-dname[b-y9wybkey2a] {
        display: inline-block;
        grid-column: 3;
    }

    .grid-icon[b-y9wybkey2a] {
        grid-column: 4;
    }
}
/* _content/LMS-Web/Pages/SystemPortal/ManageSystemUsers.razor.rz.scp.css */
.user-stats[b-jaz6bff5ty] {
    width: 100%;
    text-align: right;
    padding: 1em;
    margin-top: -0.5em;
    margin-right: -0.5em;
    z-index: 2;
}

.lms-table.user-list .table-grid .table-row[b-jaz6bff5ty] {
    grid-template-columns: 1fr 50px;
}

.lms-table.user-list .grid-email[b-jaz6bff5ty] {
    grid-column: 1;
}

.lms-table.user-list .grid-registered[b-jaz6bff5ty] {
    display: none;
    grid-column: 2;
    text-align: center;
}

.lms-table.user-list .grid-active[b-jaz6bff5ty] {
    display: none;
    grid-column: 3;
    text-align: center;
}
.lms-table.user-list .grid-admin[b-jaz6bff5ty] {
    display: none;
    grid-column: 4;
    text-align: center;
}

.lms-table.user-list .grid-icon[b-jaz6bff5ty] {
    grid-column: 2;
    justify-self: stretch;
    text-align: end;
}

.lms-table.invite-list .table-grid .table-row[b-jaz6bff5ty] {
    grid-template-columns: repeat(3, 1fr) 2fr 1fr 10px;
}

.lms-table.invite-list .grid-firstname[b-jaz6bff5ty] {
    grid-column: 1;
}

.lms-table.invite-list .grid-surname[b-jaz6bff5ty] {
    grid-column: 2;
}

.lms-table.invite-list .grid-email[b-jaz6bff5ty] {
    grid-column: 3;
}

.lms-table.invite-list .grid-warning[b-jaz6bff5ty] {
    grid-column: 4;
}

.lms-table.invite-list .grid-buttons[b-jaz6bff5ty] {
    grid-column: 5;
    justify-self: end;
    text-align: end;
}

@media (min-width: 700px) {
    .lms-table.user-list[b-jaz6bff5ty] {
        padding: 0;
    }

        .lms-table.user-list .table-grid .table-row[b-jaz6bff5ty] {
            grid-template-columns:4fr repeat(2, 1fr) 2fr 50px;
        }

        .lms-table.user-list .grid-registered[b-jaz6bff5ty] {
            display: inline-block;
        }

        .lms-table.user-list .grid-active[b-jaz6bff5ty] {
            display: inline-block;
        }
        .lms-table.user-list .grid-admin[b-jaz6bff5ty] {
            display: inline-block;
        }

        .lms-table.user-list .grid-icon[b-jaz6bff5ty] {
            grid-column: 5;
        }
}
/* _content/LMS-Web/Pages/TrainingPortal/Components/ViewCourse/ViewQuiz.razor.rz.scp.css */
.background-box-noind[b-xeeihc69wu]{
    margin: 0 !important;
    padding: 0;
}

.background-box-content[b-xeeihc69wu]{
    padding-left: 0;
    padding-right: 0;
}

.question-readout[b-xeeihc69wu]{
    padding: 1em;
    border: 1px solid var(--Grey10);
    margin-bottom: 1rem;
}

.answer-option[b-xeeihc69wu] {
    border: 1px solid var(--Grey40);
    padding: 1em;
    width: 100%;
    margin-top: 0.5em;
}

    .answer-option.correct[b-xeeihc69wu] {
        border: 3px solid #0d8a08;
        color: #0d8a08;
    }

.answer-summary[b-xeeihc69wu] {
    padding: 1em;
    text-align: center;
}

.answer-summary h3[b-xeeihc69wu]{
    font-size: 1.2em;
}

.answer-summary h4[b-xeeihc69wu]{
    font-size: 0.9em;
}

    .answer-summary p[b-xeeihc69wu] {
        font-size: 0.9em;
    }

.incorrect-answer[b-xeeihc69wu] {
    border: 1px solid red;
    color: red;
    background-color: #ff000011;
    padding: 1em;
}

.correct-answer[b-xeeihc69wu] {
    border-color: #0d8a08;
    color: #0d8a08;
    background-color: #0d8a8811;
    padding: 1em;
}

.background-box-trans[b-xeeihc69wu]{
    padding-bottom: 0;
}

.checkinput input[b-xeeihc69wu] {
    display: none;
}

.checkinput label[b-xeeihc69wu] {
    border: 1px solid var(--Grey40);
    border-radius: 6px;
    padding: 1em;
    width: 100%;
    margin-top: 0.5em;
}

.checkinput :checked + label[b-xeeihc69wu] {
    border: 2px solid var(--SecondaryColour);
    box-shadow: 0 0 5px var(--SecondaryColour);
}
/* _content/LMS-Web/Pages/TrainingPortal/CourseLanding.razor.rz.scp.css */
.courselanding-grid[b-c1tmw0lffm] {
    display: grid;
    grid-template-columns: 1em 1fr 1em;
    grid-template-rows: 1em 1fr 1em auto;
    row-gap: 1em;
}

.banner-two[b-c1tmw0lffm] {
    grid-column: 1 / 4;
    grid-row: 1 / 4;
    width: 100%;
    height: 100%;
    background-color: var(--PrimaryColor);
    background-image: linear-gradient(#40566c, #394551);
}

.overlay[b-c1tmw0lffm] {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
    background-color: transparent;
    color: white;
}

    .overlay h2[b-c1tmw0lffm] {
        font-weight: 700;
    }

    .overlay p[b-c1tmw0lffm] {
        font-size: 1rem;
    }

.course-breakdown[b-c1tmw0lffm] {
    grid-column: 2 / 3;
    grid-row: 6 / 7;
    width: 100%;
    
}

    .course-breakdown .progress-tracker[b-c1tmw0lffm] {
        background-color: var(--BackgroundSecondary);
        padding: 1em;
        border-radius: 8px;
        display: grid;
        font-size: 0.9rem;
        align-items: center;
        gap: 0.5em;
    }

        .course-breakdown .progress-tracker .progress-perc[b-c1tmw0lffm] {
            grid-row: 1/2;
            grid-column: 1/2;
            font-weight: 600;
        }

        .course-breakdown .progress-tracker .progress[b-c1tmw0lffm] {
            grid-row: 2/3;
            grid-column: 1/3;
            height: 5px;
            --bs-progress-bar-bg: var(--SecondaryColour);
            --bs-progress-border-radius: 12px;
            --bs-progress-font-size: 1rem;
            --bs-progress-bg: var(--Grey30);
        }

        .course-breakdown .progress-tracker .progress-status[b-c1tmw0lffm] {
            grid-row: 1/2;
            grid-column: 2/3;
            justify-self: center;
        }

        .course-breakdown .progress-tracker .last-activity[b-c1tmw0lffm] {
            grid-row: 3/4;
            grid-column: 1/3;
            font-size: 0.8rem;
        }

    .course-breakdown h3[b-c1tmw0lffm] {
        text-transform: uppercase;
        font-size: 1.2rem;
        margin-top: 2rem;
        font-weight: 800;
    }

    .course-breakdown .topic-group[b-c1tmw0lffm] {
        border: 2px solid var(--Grey20);
        border-radius: 6px;
        padding: 1em;
        margin: 1rem 0;
    }

        .course-breakdown .topic-group span.complete[b-c1tmw0lffm] {
            text-decoration: line-through;
        }

    .course-breakdown .topic-list .fa-circle-dot[b-c1tmw0lffm] {
        color: var(--SecondaryColour);
        font-size: 1em;
    }

    .course-breakdown .lesson-list[b-c1tmw0lffm] {
        margin-left: 2em;
        color: var(--Grey70);
    }

    .course-breakdown .quiz-list[b-c1tmw0lffm] {
        margin-left: 2em;
        color: var(--Grey70);
    }

    .course-breakdown i.float-end[b-c1tmw0lffm] {
        float: inline-end;
    }

    .course-breakdown i.topic-complete[b-c1tmw0lffm] {
        font-size: 1.5em;
        color: var(--SecondaryColour);
    }

.summary-card[b-c1tmw0lffm] {
    grid-column: 2 / 3;
    grid-row: 5 / 6;
    width: 100%;
    max-width: 360px;
    height: fit-content;
    border-radius: 8px;
    background-color: var(--BackgroundColour);
    color: var(--ForegoundColour);
    box-shadow: 0 32px 54px 0 rgba(0,0,0,.1);
    border: 1px solid white;
}

    .summary-card .course-img[b-c1tmw0lffm] {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        min-height: 200px;
        background-color: var(--Grey30);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

.summary-card-details[b-c1tmw0lffm] {
    padding: 1em 2em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.5em;
}

.summary-card .course-status[b-c1tmw0lffm] {
    background-color: var(--Grey20);
    border-radius: 24px;
    text-align: center;
    text-transform: uppercase;
    font-size: 0.7em;
    font-weight: 600;
    color: var(--Grey70);
    padding: 0.2em;
    margin-bottom: 1em;
}

.summary-card .course-consists[b-c1tmw0lffm] {
    margin-top: 1em;
    font-weight: 400;
}

    .summary-card .course-consists h4[b-c1tmw0lffm] {
        text-transform: uppercase;
        font-size: 0.8em;
        font-weight: 600;
    }

    .summary-card .course-consists ul[b-c1tmw0lffm] {
        list-style: none;
        font-size: 0.9em;
        line-height: 2em;
        padding: 0;
    }

    .summary-card .course-consists li[b-c1tmw0lffm] {
        padding-bottom: 0.5em;
    }

        .summary-card .course-consists li i[b-c1tmw0lffm] {
            margin-right: 0.5em;
            font-size: 1.2em;
        }

@media (min-width: 700px) {
    .courselanding-grid[b-c1tmw0lffm] {
        display: grid;
        grid-template-columns: 1fr 4fr 1fr 2fr 1fr;
        grid-template-rows: 100px auto 100px 1fr;
    }

    .banner-two[b-c1tmw0lffm] {
        grid-column: 1 / 6;
        grid-row: 1 / 4;
    }

    .course-breakdown[b-c1tmw0lffm] {
        grid-column: 2 / 3;
        grid-row: 4 / 5;
        margin-top: 2em;
    }

        .course-breakdown .progress-tracker[b-c1tmw0lffm] {
            grid-template-rows: 1fr 1fr;
            grid-template-columns: 1fr 2fr 1fr;
        }

            .course-breakdown .progress-tracker .progress-perc[b-c1tmw0lffm] {
                grid-row: 1/2;
                grid-column: 1/2;
            }

            .course-breakdown .progress-tracker .progress[b-c1tmw0lffm] {
                grid-row: 1/2;
                grid-column: 2/3;
            }

            .course-breakdown .progress-tracker .progress-status[b-c1tmw0lffm] {
                grid-row: 1/3;
                grid-column: 3/4;
            }

            .course-breakdown .progress-tracker .last-activity[b-c1tmw0lffm] {
                grid-row: 2/3;
                grid-column: 1/4;
            }

    .summary-card[b-c1tmw0lffm] {
        grid-column: 4 / 5;
        grid-row: 2 / 5;
    }
}
/* _content/LMS-Web/Pages/TrainingPortal/CoursePage.razor.rz.scp.css */

.lesson-content[b-1fgsffdccx] {
    padding: 5%;
}

.course-page[b-1fgsffdccx] {
}

    .course-page .breadcrumb-bar[b-1fgsffdccx] {
        margin: 0;
        font-size: 0.6rem;
    }

    .course-page .filter-bar[b-1fgsffdccx] {
        margin: 0px;
        margin-bottom: 1em;
        padding: 0.5em;
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        gap: 0;
        flex-wrap: wrap;
        align-items: center;
        border-top: 1px solid var(--Grey30);
        border-bottom: 1px solid var(--Grey30);
    }

    .course-page .background-box[b-1fgsffdccx] {
        margin: 0 auto;
        width: 100%;
        max-width: 1300px;
        
    }

.navigation-status[b-1fgsffdccx] {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

    .navigation-status .progress-tracker[b-1fgsffdccx] {
        font-size: 0.8em;
        background-color: var(--SecondaryColour);
        color: var(--BackgroundColour);
        border-radius: 24px;
        padding: 0.2em 1em;
        text-align: center;
    }

.navigation-buttons[b-1fgsffdccx] {
    display: flex;
    flex-direction: row;
    gap: 1em;
    font-size: 1em;
}

.btn-navigation[b-1fgsffdccx] {
    background-color: var(--BackgroundColour);
    color: var(--Grey50);
    border: 2px solid var(--Grey50);
    width: 50px;
}

    .btn-navigation:hover[b-1fgsffdccx] {
        background-color: var(--SecondaryColour);
        color: var(--BackgroundColour);
    }

    .btn-navigation:disabled:hover[b-1fgsffdccx] {
        background-color: var(--BackgroundColour);
        color: var(--Grey50);
    }

    .btn-navigation.previous[b-1fgsffdccx] {
        border-top-left-radius: 25px;
        border-bottom-left-radius: 25px;
    }

    .btn-navigation.next[b-1fgsffdccx] {
        border-top-right-radius: 25px;
        border-bottom-right-radius: 25px;
    }

@media (min-width: 700px) {
    .course-page[b-1fgsffdccx] {
        display: grid;
        grid-template-columns: 1fr 3fr 1fr;
    }

        .course-page .breadcrumb-bar[b-1fgsffdccx] {
            grid-column: 2/3;
            grid-row: 1/2;
            margin: 20px 0 0 0;
            font-size: 0.8rem;
        }

        .course-page .filter-bar[b-1fgsffdccx] {
            grid-column: 2/3;
            grid-row: 2/3;
            margin: 0px;
            margin-bottom: 1em;
            padding: 0.5em;
            display: flex;
            flex-direction: row;
            justify-content: center;
            gap: 0;
            flex-wrap: wrap;
            align-items: center;
            border-top: 1px solid var(--Grey30);
            border-bottom: 1px solid var(--Grey30);
        }

        .course-page .background-box[b-1fgsffdccx] {
            grid-column: 2/3;
            grid-row: 3/4;
            margin: 0 auto;
            width: 100%;
            max-width: 1300px;
        }

    .navigation-status[b-1fgsffdccx] {
        width: auto;
        display: flex;
        flex-direction: row;
        justify-content: end;
        align-items: center;
        gap: 1em;
    }

        .navigation-status .progress-tracker[b-1fgsffdccx] {
            width: 100px;
            height: 32px;
            padding: 0.5em;
            text-align: center;
        }

    .navigation-buttons[b-1fgsffdccx] {
        font-size: 1.3em;
    }

}






/* _content/LMS-Web/Pages/TrainingPortal/TrainingPortal.razor.rz.scp.css */
.progress-text[b-szft8ttqgs] {
    width: 100%;
    font-size: 0.9em;
    padding: 1em;
    position: absolute;
    bottom: 0;
    text-align: right;
    background-color: var(--BackgroundColour);
    color: var(--Grey60);
}
/* _content/LMS-Web/Pages/UserAccount/ChangePassword.razor.rz.scp.css */

.password-strength[b-s3jktjmken] {
    width: 100%;
    margin: 8px;
}

.password-strength-text[b-s3jktjmken] {
    text-align: start;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 0.9rem;
}

.custom-progressbar-red[b-s3jktjmken] {
    color: #dc3545;
}
.custom-progressbar-orange[b-s3jktjmken]{
    color: orange;
}

.custom-progressbar-blue[b-s3jktjmken]{
    color: royalblue;
}

.custom-progressbar-teal[b-s3jktjmken]{
    color: teal;
}
.custom-progressbar-green[b-s3jktjmken]{
    color: green;
}

.validation-summary[b-s3jktjmken] {
    color: #dc3545;
    font-weight: 400;
    text-align: left;
    margin-left: 14px;
    padding: 5px;
}

    .validation-summary ul[b-s3jktjmken] {
        list-style: none;
        display: inline-block;
        text-align: left;
        list-style-position: inside;
        padding-left: 0;
        padding-right: 0;
        font-size: 1rem;
    }

        .validation-summary ul li[b-s3jktjmken] {
            position: relative;
        }

            .validation-summary ul li[b-s3jktjmken]:before {
                font-family: "Font Awesome 6 Pro";
                content: "\f410";
                margin-right: 7px;
            }
/* _content/LMS-Web/Pages/UserAccount/Components/EnableAuthenticator.razor.rz.scp.css */

.enable-step h5[b-m82630zr3j] {
    font-size: 1.3em;
}

.twofaEnable-grid[b-m82630zr3j] {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 2em;
}

.downloadapp[b-m82630zr3j] {
    text-align: center;
}

.downloadlink[b-m82630zr3j] {
    font-size: 1.4em;
    margin: 10px;
    padding: 10px;
}

    .downloadlink:hover[b-m82630zr3j] {
        color: blue;
    }

.recoverycode-group[b-m82630zr3j] {
    width: 90%;
    padding: 1em;
    margin: 1em auto;
    margin-bottom: 2em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.recoverycode-background[b-m82630zr3j]{
    background-color: white;
    padding: 1rem;
    width: 50%;
    border-radius: 8px;
    
}

@media (max-width: 450px) {
    .twofaEnable-grid[b-m82630zr3j] {
        padding: 1em;
    }

    .enable-step[b-m82630zr3j] {
        display: flex;
        flex-direction: column;
        margin-bottom: 2em;
        padding: 1em;
        text-align: center;
    }
}

@media (min-width: 451px) and (max-width: 1080px) {
    .enable-step[b-m82630zr3j] {
        display: flex;
        flex-direction: column;
        margin-bottom: 2em;
        padding: 1em;
        text-align: center;
    }
}

@media (min-width: 1080px) {
    .twofaEnable-grid[b-m82630zr3j] {
        width: 90%;
        margin: 1em auto;
    }

    .enable-step[b-m82630zr3j] {
        display: grid;
        margin-bottom: 2em;
        padding: 1em;
        grid-template-rows: 1.4em 1fr;
        grid-template-columns: repeat(2, 1fr);
        grid-template-areas:
            "instruction instruction"
            "details other";
        text-align: start;
    }

    .enable-step h5[b-m82630zr3j]{
        grid-area: instruction;
    }

    .step-details[b-m82630zr3j] {
        grid-area: details;
        display: flex;
        flex-direction: column;
        padding: 1em;
    }

    .step-other[b-m82630zr3j] {
        grid-area: other;
        text-align: center;
    }
}
/* _content/LMS-Web/Pages/UserAccount/ForceMFA.razor.rz.scp.css */
.force-mfa-page[b-hmb5f50drh] {
    background-color: var(--IQLightBlue);
    background-image: url(../img/GradBackground.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    overflow-y: initial;
    min-height: 100vh;
    position: absolute;
    top: 0;
    width: 100%;

}



.force-mfa-text[b-hmb5f50drh] {
    font-size: 1rem;
    text-align: center;
    margin: 0 8%;
    position: relative;
    margin: 2rem 14%;

}
/* _content/LMS-Web/Pages/UserAccount/TwoFactorAuth.razor.rz.scp.css */

.recoverycode-group[b-9ohcj53bn1] {
    width: 90%;
    padding: 1em;
    margin: 1em auto;
    margin-bottom: 2em;
    text-align: center;
}



.manageauthenticator-group[b-9ohcj53bn1] {
    width: 90%;
    padding: 1em;
    margin: 1em auto;
    margin-bottom: 2em;
    text-align: center;
}

.lightMode .manageauthenticator-group h4[b-9ohcj53bn1] {
    color: black;
}

.darkMode .manageauthenticator-group h4[b-9ohcj53bn1] {
    color: white;
}

.button-group[b-9ohcj53bn1]{
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    min-width: 25%;
    justify-content: center;
    border: 1px solid var(--Grey30);
    padding: 1em;
}

.lightMode .button-group i[b-9ohcj53bn1] {
    font-size: 4em;
    margin-bottom: 16px;
    color: var(--Grey50);
}

.darkMode .button-group i[b-9ohcj53bn1] {
    font-size: 4em;
    margin-bottom: 16px;
    color: var(--Grey30);
}

.darkMode .button-group[b-9ohcj53bn1] {
   background-color: var(--Grey50);
   color: white;
}

.lightMode .button-group[b-9ohcj53bn1] {
    background-color: white;
    box-shadow: 1px 1px 4px 4px var(--Grey20);
}

.button-group:hover[b-9ohcj53bn1] {
    background-color: var(--PrimaryColor);
    color: white;
}


@media (max-width: 1080px) {
    .button-groups[b-9ohcj53bn1] {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        row-gap: 16px;
    }
}

@media (min-width: 1080px) {
    .button-groups[b-9ohcj53bn1] {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
    }
}
/* _content/LMS-Web/Shared/Components/CertificateDisplay.razor.rz.scp.css */
h2[b-dot4fjrci7] {
    font-family: 'Work Sans', sans-serif;
    text-align: center;
    padding: 0;
    font-weight: 600;
    font-size: 1.5em;
}

    h2.passed[b-dot4fjrci7] {
        color: forestgreen;
    }

    h2.failed[b-dot4fjrci7] {
        color: #d41919;
    }

.certificate[b-dot4fjrci7] {
    margin: 0 2em;
    padding: 1em;
}

.score[b-dot4fjrci7]{
    font-weight: 600;
    font-size: 1.1em;
    margin-bottom: 0.5rem;
    text-align: center;
}

/* _content/LMS-Web/Shared/Components/NavBar.razor.rz.scp.css */

/* _content/LMS-Web/Shared/Components/Overlay.razor.rz.scp.css */
/* The Overlay (background) */

.overlay[b-if4v3hprdu] {
    height: 100vh;
    width: 0;
    position: fixed;
    z-index: 30;
    right: 0;
    top: 0;
    overflow-x: hidden;
    transition: 0.5s;
    background-color: rgb(0 0 0 / 0.59);
}

.overlay2[b-if4v3hprdu] {
    position: absolute;
    width: 100%;
    height: calc(100% - 60px);
    margin-top: 60px;
    background-color: var(--BackgroundColour);
    color: var(--ForegoundColour);
    overflow-y: scroll;
}

.overlay-header-bar[b-if4v3hprdu] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background-color: var(--IQDarkBlue);
    color: white !important;
    align-items: center;
    position: sticky;
    top: 0;
    z-index: 5;
}

.overlay-title[b-if4v3hprdu] {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.2em;
    font-weight: 600;
    padding: 0.5rem 2rem;
}

.overlay .closebtn[b-if4v3hprdu] {
    color: white !important;
    margin: 0.5rem 2rem;
}

    .overlay .closebtn i[b-if4v3hprdu] {
        font-size: 2rem;
    }

    .overlay .closebtn:hover[b-if4v3hprdu] {
        color: var(--Grey50) !important;
        cursor: pointer;
    }

.overlay-content[b-if4v3hprdu] {
    position: relative;
    width: 100%;
    color: white;
    padding: 1em;
}

.overlay-returnbtn[b-if4v3hprdu] {
    position: absolute;
    left: -30px;
    top: 50vh;
    background-color: var(--IQDarkBlue);
    color: white !important;
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left: 2.5rem;
    padding-right: 1rem;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}

    .overlay-returnbtn:hover[b-if4v3hprdu] {
        background-color: var(--IQLightBlue);
        cursor: pointer;
    }

.overlay-returnbtn i[b-if4v3hprdu]{
    font-size: 1.5rem;
}
/* _content/LMS-Web/Shared/Components/PageFooter.razor.rz.scp.css */
.footer-bar[b-wkl3m3dqot] {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.scroll-to-top-superuser[b-wkl3m3dqot] {
    position: absolute;
    right: 0;
    height: 80%;
    margin: 5px;
    color: #fff;
    background: rgba(90, 92, 105, 0.5);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem;
}

/*    .scroll-to-top-superuser:focus, .scroll-to-top-superuser:hover {
        color: white;
    }*/

    .scroll-to-top-superuser:hover[b-wkl3m3dqot] {
        background: #5a5c69;
        cursor: pointer;
    }

    .scroll-to-top-superuser .scroll-desktop[b-wkl3m3dqot] {
        display: none;
    }

    .scroll-to-top-superuser .scroll-mobile[b-wkl3m3dqot] {
        display: block;
    }

    .scroll-to-top-superuser i[b-wkl3m3dqot] {
        font-weight: 800;
    }


@media (min-width: 900px) {
    .scroll-to-top-superuser .scroll-desktop[b-wkl3m3dqot] {
        display: block;
    }

    .scroll-to-top-superuser .scroll-mobile[b-wkl3m3dqot] {
        display: none;
    }

    .scroll-to-top-superuser[b-wkl3m3dqot] {
        
    }
}
/* _content/LMS-Web/Shared/Components/QuizReport.razor.rz.scp.css */

.quiz-report h4[b-zzmhnlgrts] {
    font-size: 1.1rem;
}

.quiz-report h5[b-zzmhnlgrts] {
    font-size: 0.9rem;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.quiz-report .background-box-bar[b-zzmhnlgrts]{
    margin: 1em;
}


.quiz-report .graded-quiz-question-group[b-zzmhnlgrts]{
    margin: 2em 0;
}

.quiz-report .graded-quiz-question h4[b-zzmhnlgrts] {
    font-size: 1em;
    font-weight: bold;
}

.quiz-report .graded-quiz-question .question-readout[b-zzmhnlgrts] {
    border: 1px solid var(--BackgroundSecondary);
    padding: 0.5em 1em;
    margin-bottom: 1em;
}

.quiz-report .graded-quiz-answer[b-zzmhnlgrts] {
    padding-left: 2em;
}

    .quiz-report .graded-quiz-answer .reorder-answer-wrapper[b-zzmhnlgrts] {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 1em;
        justify-content: space-around;
    }

        .quiz-report .graded-quiz-answer .reorder-answer-wrapper .reorder-answer-box[b-zzmhnlgrts] {
            width: 45%;
        }


.question-summary[b-zzmhnlgrts] {
    padding: 0.5em 1em;
    border: 1px solid black;
    text-align: center;
}

.question-summary-correct[b-zzmhnlgrts] {  
    border-color: green;
    color: green;
}
.question-summary-incorrect[b-zzmhnlgrts] {
    border-color: red;
    color: red;
}

.correct[b-zzmhnlgrts] {
    color: green;
}

.incorrect[b-zzmhnlgrts] {
    color: red;
}

.quiz-report .background-box-shadow[b-zzmhnlgrts] {
    margin-bottom: 0 !important;
}

.quiz-report .company-logo[b-zzmhnlgrts]{
    display: none;
}

@media print {
    .filter-btn[b-zzmhnlgrts] {
        display: none;
    }

    .quiz-report .company-logo[b-zzmhnlgrts] {
        display: block;
    }

    .details-grid .details-grid-multi-col[b-zzmhnlgrts] {
        width: 45%;
    }

    .quiz-report .graded-quiz-question[b-zzmhnlgrts],
    .quiz-report .graded-quiz-answer[b-zzmhnlgrts],
    .quiz-report .question-summary[b-zzmhnlgrts] {
        page-break-inside: avoid;
    }



}
/* _content/LMS-Web/Shared/Components/ViewCourseMedia.razor.rz.scp.css */
.form-text[b-7w5hlg4ji0] {
    margin: 1em;
}

.lms-table.video-list[b-7w5hlg4ji0]{
    place-content: center;
}


.lms-table.video-list .table-grid .table-row[b-7w5hlg4ji0] {
    grid-template-columns: 1fr 50px;
}

    .lms-table.video-list .grid-name[b-7w5hlg4ji0] {
        grid-column: 1;
        align-self: center;
    }


    .lms-table.video-list .grid-filename[b-7w5hlg4ji0],
    .lms-table.video-list .grid-banner[b-7w5hlg4ji0] {
        display: none;
        align-self: center;
    }


    .lms-table.video-list .grid-buttons[b-7w5hlg4ji0] {
        grid-column: 2;
        justify-self: stretch;
        text-align: end;
        align-self: center;
    }

.video-banner[b-7w5hlg4ji0]{
    max-width: 200px;
}

@media (min-width: 700px) {
    .lms-table.video-list .table-grid .table-row[b-7w5hlg4ji0] {
        grid-template-columns: repeat(3,1fr) 50px;
    }

    .lms-table.video-list .grid-filename[b-7w5hlg4ji0]{
        display: inline-block;
        grid-column: 2;
    }

    .lms-table.video-list .grid-banner[b-7w5hlg4ji0] {
        display: inline-block;
        grid-column: 3;
    }

    .lms-table.video-list .grid-buttons[b-7w5hlg4ji0] {
        grid-column: 4;
    }
}