/** * Print Page styles container */ /* === COLORS === */ /*colors for the performance scale indicator and metrics table*/ /*colors for the performance score and completion circle*/ /*colors for the gru-century-skills*/ /* === DIMENSIONS === */ /*student-performance-box*/ /* Goals*/ /* Student-landing*/ /* Teacher-landing*/ /* New cards*/ /** Custom color */ /* Custom Color couse map */ /*mobile and tablets responsive width*/ /* Flexbox Mixins */ .gru-class-navbar, .gru-header { display: none !important; } .student-proficiency-container { grid-template-columns: none !important; } .student-proficiency-container .pull-up-container .domain-list { display: none !important; } .student-proficiency-container .pull-up-container .domain-list .domain-info-pull-up { display: none !important; } .student-proficiency-container .pull-up-container .competency-info-pull-up { position: unset !important; } .student-proficiency-container .pull-up-container .competency-info-pull-up .signature-content-container .signature-content { display: none !important; } .student-proficiency-container .pull-up-container .competency-info-pull-up .competency-info-content .header-tab-panel { display: none !important; } .student-proficiency-container .pull-up-container .competency-info-pull-up .competency-info-content .panel-content .student-journey .heading { display: none !important; } .student-proficiency-container .pull-up-container .competency-info-pull-up .competency-info-content .panel-content .student-journey .collections-accordion .collection-panel { display: none !important; } .teacher.class-activities { display: none !important; } .teacher.class-activities .ca-unschedule-items-list-container { display: none !important; } .teacher.class-activities .teacher-class-search-content-pull-up { display: none !important; } .controller.search .collection-results, .teacher.course-map { display: none !important; } .partner-library .side-panel { display: none !important; } .partner-library .content .partner-library-content, .partner-library .content .dropdown.nav_dropdown, .partner-library .content .content_outlet .controller.content-collections, .partner-library .content .controller.content-assessments { display: none !important; } .controller.profile .content .user-profile-container, .controller.profile .content .profile.gru-navigation-tabs, .controller.profile .content .profile-content.content-navigation, .controller.profile .content .filters, .controller.profile .content .controller.content-assessments, .controller.profile .content .controller.content-collections { display: none !important; } .preview.gru-collection-preview { top: 0 !important; width: 100% !important; position: absolute !important; } .preview.gru-collection-preview .preview-container { background-color: #fff !important; } .preview.gru-collection-preview .preview-container .header-container { display: none; } .preview.gru-collection-preview .preview-container .body-container .content-info-container { box-shadow: 0 0 4px 0 rgba(102, 102, 102, 0.3) !important; } .preview.gru-collection-preview .preview-container .body-container .content-info-container .title-info-container .thumbnail-container { display: block !important; background-repeat: no-repeat !important; width: 80px !important; height: 48px !important; background-size: 80px 48px !important; } .preview.gru-collection-preview .preview-container .body-container .content-info-container .title-info-container .content-title { color: #545e66 !important; } .preview.gru-collection-preview .preview-container .body-container .content-info-container .title-info-container .content-icon { background-repeat: no-repeat !important; display: block !important; } .preview.gru-collection-preview .preview-container .body-container .content-info-container .title-info-container .content-icon.assessment, .preview.gru-collection-preview .preview-container .body-container .content-info-container .title-info-container .content-icon.assessment-external { background-image: url("gooru/images/add_assessment.svg") !important; } .preview.gru-collection-preview .preview-container .body-container .content-info-container .title-info-container .content-icon.collection, .preview.gru-collection-preview .preview-container .body-container .content-info-container .title-info-container .content-icon.collection-external { background-image: url("gooru/images/add_collection.svg") !important; } .preview.gru-collection-preview .preview-container .body-container .content-info-container .taxonomy-container .gru-taxonomy-tag-list .gru-taxonomy-tag { background-color: #2d2d2d !important; } .preview.gru-collection-preview .preview-container .body-container .content-info-container .taxonomy-container .gru-taxonomy-tag-list .gru-taxonomy-tag .standard-tag .tag-label { color: #fff !important; } .preview.gru-collection-preview .preview-container .body-container .content-info-container .taxonomy-container .gru-taxonomy-tag-list .gru-taxonomy-tag .standard-tag .tag-caption { display: none !important; } .preview.gru-collection-preview .preview-container .body-container .content-info-container .taxonomy-container .gru-taxonomy-tag-list .non-visible-tags { background-color: #2d2d2d !important; } .preview.gru-collection-preview .preview-container .body-container .content-info-container .taxonomy-container .gru-taxonomy-tag-list .non-visible-tags span { color: #fff !important; } .preview.gru-collection-preview .preview-container .body-container .content-items-container { height: max-content; overflow-y: auto; } .preview.gru-collection-preview .preview-container .body-container .content-items-container .external-content *, .preview.gru-collection-preview .preview-container .body-container .content-items-container .external-content .content-description { color: #666666 !important; -webkit-line-clamp: unset !important; max-height: unset !important; text-overflow: unset !important; overflow: visible !important; } .preview.gru-collection-preview .preview-container .body-container .content-items-container .external-content .content-url .url-content, .preview.gru-collection-preview .preview-container .body-container .content-items-container .external-content .content-url .url-label { color: #3e5e67 !important; } .preview.gru-collection-preview .preview-container .body-container .content-items-container .external-content .content-url .url-content a[href]::after, .preview.gru-collection-preview .preview-container .body-container .content-items-container .external-content .content-url .url-label a[href]::after { display: none !important; visibility: none !important; } .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .question-preview-container .question-title-container .question-order, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .question-preview-container .question-title-container .resource-order, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .question-preview-container .question-title-container .title, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .question-preview-container .resource-title-container .question-order, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .question-preview-container .resource-title-container .resource-order, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .question-preview-container .resource-title-container .title, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .resource-preview-container .question-title-container .question-order, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .resource-preview-container .question-title-container .resource-order, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .resource-preview-container .question-title-container .title, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .resource-preview-container .resource-title-container .question-order, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .resource-preview-container .resource-title-container .resource-order, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .resource-preview-container .resource-title-container .title, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .question-preview-container .question-title-container .question-order, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .question-preview-container .question-title-container .resource-order, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .question-preview-container .question-title-container .title, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .question-preview-container .resource-title-container .question-order, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .question-preview-container .resource-title-container .resource-order, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .question-preview-container .resource-title-container .title, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .resource-preview-container .question-title-container .question-order, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .resource-preview-container .question-title-container .resource-order, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .resource-preview-container .question-title-container .title, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .resource-preview-container .resource-title-container .question-order, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .resource-preview-container .resource-title-container .resource-order, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .resource-preview-container .resource-title-container .title { color: #3e5e67 !important; } .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .question-preview-container .question-title-container .question-icon, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .question-preview-container .question-title-container .resource-type, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .question-preview-container .resource-title-container .question-icon, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .question-preview-container .resource-title-container .resource-type, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .resource-preview-container .question-title-container .question-icon, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .resource-preview-container .question-title-container .resource-type, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .resource-preview-container .resource-title-container .question-icon, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .resource-preview-container .resource-title-container .resource-type, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .question-preview-container .question-title-container .question-icon, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .question-preview-container .question-title-container .resource-type, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .question-preview-container .resource-title-container .question-icon, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .question-preview-container .resource-title-container .resource-type, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .resource-preview-container .question-title-container .question-icon, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .resource-preview-container .question-title-container .resource-type, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .resource-preview-container .resource-title-container .question-icon, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .resource-preview-container .resource-title-container .resource-type { background-repeat: no-repeat !important; background-size: 16px 16px !important; } .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .question-preview-container .resource-taxonomies-container .gru-taxonomy-tag-list .gru-taxonomy-tag, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .question-preview-container .taxonomies-conatiner .gru-taxonomy-tag-list .gru-taxonomy-tag, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .resource-preview-container .resource-taxonomies-container .gru-taxonomy-tag-list .gru-taxonomy-tag, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .resource-preview-container .taxonomies-conatiner .gru-taxonomy-tag-list .gru-taxonomy-tag, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .question-preview-container .resource-taxonomies-container .gru-taxonomy-tag-list .gru-taxonomy-tag, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .question-preview-container .taxonomies-conatiner .gru-taxonomy-tag-list .gru-taxonomy-tag, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .resource-preview-container .resource-taxonomies-container .gru-taxonomy-tag-list .gru-taxonomy-tag, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .resource-preview-container .taxonomies-conatiner .gru-taxonomy-tag-list .gru-taxonomy-tag { background-color: #2d2d2d !important; } .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .question-preview-container .resource-taxonomies-container .gru-taxonomy-tag-list .gru-taxonomy-tag .standard-tag .tag-label, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .question-preview-container .taxonomies-conatiner .gru-taxonomy-tag-list .gru-taxonomy-tag .standard-tag .tag-label, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .resource-preview-container .resource-taxonomies-container .gru-taxonomy-tag-list .gru-taxonomy-tag .standard-tag .tag-label, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .resource-preview-container .taxonomies-conatiner .gru-taxonomy-tag-list .gru-taxonomy-tag .standard-tag .tag-label, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .question-preview-container .resource-taxonomies-container .gru-taxonomy-tag-list .gru-taxonomy-tag .standard-tag .tag-label, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .question-preview-container .taxonomies-conatiner .gru-taxonomy-tag-list .gru-taxonomy-tag .standard-tag .tag-label, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .resource-preview-container .resource-taxonomies-container .gru-taxonomy-tag-list .gru-taxonomy-tag .standard-tag .tag-label, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .resource-preview-container .taxonomies-conatiner .gru-taxonomy-tag-list .gru-taxonomy-tag .standard-tag .tag-label { color: #fff !important; } .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .question-preview-container .resource-taxonomies-container .gru-taxonomy-tag-list .non-visible-tags, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .question-preview-container .taxonomies-conatiner .gru-taxonomy-tag-list .non-visible-tags, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .resource-preview-container .resource-taxonomies-container .gru-taxonomy-tag-list .non-visible-tags, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .resource-preview-container .taxonomies-conatiner .gru-taxonomy-tag-list .non-visible-tags, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .question-preview-container .resource-taxonomies-container .gru-taxonomy-tag-list .non-visible-tags, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .question-preview-container .taxonomies-conatiner .gru-taxonomy-tag-list .non-visible-tags, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .resource-preview-container .resource-taxonomies-container .gru-taxonomy-tag-list .non-visible-tags, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .resource-preview-container .taxonomies-conatiner .gru-taxonomy-tag-list .non-visible-tags { background-color: #2d2d2d !important; } .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .question-preview-container .resource-taxonomies-container .gru-taxonomy-tag-list .non-visible-tags span, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .question-preview-container .taxonomies-conatiner .gru-taxonomy-tag-list .non-visible-tags span, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .resource-preview-container .resource-taxonomies-container .gru-taxonomy-tag-list .non-visible-tags span, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .resource-preview-container .taxonomies-conatiner .gru-taxonomy-tag-list .non-visible-tags span, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .question-preview-container .resource-taxonomies-container .gru-taxonomy-tag-list .non-visible-tags span, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .question-preview-container .taxonomies-conatiner .gru-taxonomy-tag-list .non-visible-tags span, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .resource-preview-container .resource-taxonomies-container .gru-taxonomy-tag-list .non-visible-tags span, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .resource-preview-container .taxonomies-conatiner .gru-taxonomy-tag-list .non-visible-tags span { color: #fff !important; } .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .question-preview-container .question-description, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .question-preview-container .resource-description-container, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .resource-preview-container .question-description, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .resource-preview-container .resource-description-container, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .question-preview-container .question-description, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .question-preview-container .resource-description-container, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .resource-preview-container .question-description, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .resource-preview-container .resource-description-container { -webkit-line-clamp: unset !important; max-height: unset !important; text-overflow: unset !important; overflow: visible !important; } .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .question-preview-container .resource-url-container .url-label, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .resource-preview-container .resource-url-container .url-label, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .question-preview-container .resource-url-container .url-label, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .resource-preview-container .resource-url-container .url-label { color: #3e5e67 !important; } .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .question-preview-container .resource-url-container .url-content, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .resource-preview-container .resource-url-container .url-content, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .question-preview-container .resource-url-container .url-content, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .resource-preview-container .resource-url-container .url-content { font-style: italic; } .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .question-preview-container .resource-url-container .url-content a, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .resource-preview-container .resource-url-container .url-content a, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .question-preview-container .resource-url-container .url-content a, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .resource-preview-container .resource-url-container .url-content a { color: #3e5e67 !important; } .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .question-preview-container .resource-url-container .url-content a[href]::after, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .resource-preview-container .resource-url-container .url-content a[href]::after, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .question-preview-container .resource-url-container .url-content a[href]::after, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .resource-preview-container .resource-url-container .url-content a[href]::after { display: none !important; visibility: none !important; } .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .question-preview-container .answer-container .gru-fib .answer-panel .fib-answers * p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .question-preview-container .answer-container .gru-fib .answer-panel .fib-answers .gru-math-text p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .resource-preview-container .answer-container .gru-fib .answer-panel .fib-answers * p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .resource-preview-container .answer-container .gru-fib .answer-panel .fib-answers .gru-math-text p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .question-preview-container .answer-container .gru-fib .answer-panel .fib-answers * p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .question-preview-container .answer-container .gru-fib .answer-panel .fib-answers .gru-math-text p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .resource-preview-container .answer-container .gru-fib .answer-panel .fib-answers * p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .resource-preview-container .answer-container .gru-fib .answer-panel .fib-answers .gru-math-text p { color: #666666 !important; } .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .question-preview-container .answer-container .gru-fib .sentence * p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .question-preview-container .answer-container .gru-fib .sentence .gru-math-text p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .resource-preview-container .answer-container .gru-fib .sentence * p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .resource-preview-container .answer-container .gru-fib .sentence .gru-math-text p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .question-preview-container .answer-container .gru-fib .sentence * p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .question-preview-container .answer-container .gru-fib .sentence .gru-math-text p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .resource-preview-container .answer-container .gru-fib .sentence * p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .resource-preview-container .answer-container .gru-fib .sentence .gru-math-text p { color: #666666 !important; } .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .question-preview-container .answer-container .gru-fib .answer.correct, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .resource-preview-container .answer-container .gru-fib .answer.correct, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .question-preview-container .answer-container .gru-fib .answer.correct, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .resource-preview-container .answer-container .gru-fib .answer.correct { border-bottom: 1px solid #4f95f6 !important; } .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .question-preview-container .answer-container .gru-fib .answer.correct *, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .question-preview-container .answer-container .gru-fib .answer.correct .gru-math-text, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .resource-preview-container .answer-container .gru-fib .answer.correct *, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .resource-preview-container .answer-container .gru-fib .answer.correct .gru-math-text, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .question-preview-container .answer-container .gru-fib .answer.correct *, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .question-preview-container .answer-container .gru-fib .answer.correct .gru-math-text, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .resource-preview-container .answer-container .gru-fib .answer.correct *, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .resource-preview-container .answer-container .gru-fib .answer.correct .gru-math-text { color: #4f95f6 !important; } .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .question-preview-container .answer-container .gru-hot-text-highlight p span, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .resource-preview-container .answer-container .gru-hot-text-highlight p span, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .question-preview-container .answer-container .gru-hot-text-highlight p span, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .resource-preview-container .answer-container .gru-hot-text-highlight p span { color: #666666 !important; } .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .question-preview-container .answer-container .gru-hot-text-highlight p span.correct, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .resource-preview-container .answer-container .gru-hot-text-highlight p span.correct, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .question-preview-container .answer-container .gru-hot-text-highlight p span.correct, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .resource-preview-container .answer-container .gru-hot-text-highlight p span.correct { background-color: #4f95f6 !important; color: #fff !important; } .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .question-preview-container .answer-container .gru-multiple-choice .answer-choices .radio label, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .resource-preview-container .answer-container .gru-multiple-choice .answer-choices .radio label, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .question-preview-container .answer-container .gru-multiple-choice .answer-choices .radio label, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .resource-preview-container .answer-container .gru-multiple-choice .answer-choices .radio label { border: 1px solid rgba(151, 151, 151, 0.1) !important; } .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .question-preview-container .answer-container .gru-multiple-choice .answer-choices .radio label .text *, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .question-preview-container .answer-container .gru-multiple-choice .answer-choices .radio label .text .gru-math-text p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .resource-preview-container .answer-container .gru-multiple-choice .answer-choices .radio label .text *, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .resource-preview-container .answer-container .gru-multiple-choice .answer-choices .radio label .text .gru-math-text p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .question-preview-container .answer-container .gru-multiple-choice .answer-choices .radio label .text *, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .question-preview-container .answer-container .gru-multiple-choice .answer-choices .radio label .text .gru-math-text p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .resource-preview-container .answer-container .gru-multiple-choice .answer-choices .radio label .text *, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .resource-preview-container .answer-container .gru-multiple-choice .answer-choices .radio label .text .gru-math-text p { color: #3e5e67 !important; } .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .question-preview-container .answer-container .gru-multiple-choice .multiple-choices li, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .resource-preview-container .answer-container .gru-multiple-choice .multiple-choices li, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .question-preview-container .answer-container .gru-multiple-choice .multiple-choices li, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .resource-preview-container .answer-container .gru-multiple-choice .multiple-choices li { border: 1px solid rgba(151, 151, 151, 0.1) !important; } .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .question-preview-container .answer-container .gru-multiple-choice .multiple-choices li * p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .question-preview-container .answer-container .gru-multiple-choice .multiple-choices li .gru-math-text p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .resource-preview-container .answer-container .gru-multiple-choice .multiple-choices li * p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .resource-preview-container .answer-container .gru-multiple-choice .multiple-choices li .gru-math-text p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .question-preview-container .answer-container .gru-multiple-choice .multiple-choices li * p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .question-preview-container .answer-container .gru-multiple-choice .multiple-choices li .gru-math-text p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .resource-preview-container .answer-container .gru-multiple-choice .multiple-choices li * p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .resource-preview-container .answer-container .gru-multiple-choice .multiple-choices li .gru-math-text p { color: #3e5e67 !important; } .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .question-preview-container .answer-container .gru-multiple-choice .multiple-choices li.correct-answer .answer-text *, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .question-preview-container .answer-container .gru-multiple-choice .multiple-choices li.correct-answer .answer-text .gru-math-text, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .resource-preview-container .answer-container .gru-multiple-choice .multiple-choices li.correct-answer .answer-text *, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .resource-preview-container .answer-container .gru-multiple-choice .multiple-choices li.correct-answer .answer-text .gru-math-text, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .question-preview-container .answer-container .gru-multiple-choice .multiple-choices li.correct-answer .answer-text *, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .question-preview-container .answer-container .gru-multiple-choice .multiple-choices li.correct-answer .answer-text .gru-math-text, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .resource-preview-container .answer-container .gru-multiple-choice .multiple-choices li.correct-answer .answer-text *, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .resource-preview-container .answer-container .gru-multiple-choice .multiple-choices li.correct-answer .answer-text .gru-math-text { color: #3c99f7 !important; } .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .question-preview-container .answer-container .gru-multiple-choice .multiple-choices li.correct-answer .answer-text * p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .question-preview-container .answer-container .gru-multiple-choice .multiple-choices li.correct-answer .answer-text .gru-math-text p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .resource-preview-container .answer-container .gru-multiple-choice .multiple-choices li.correct-answer .answer-text * p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .resource-preview-container .answer-container .gru-multiple-choice .multiple-choices li.correct-answer .answer-text .gru-math-text p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .question-preview-container .answer-container .gru-multiple-choice .multiple-choices li.correct-answer .answer-text * p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .question-preview-container .answer-container .gru-multiple-choice .multiple-choices li.correct-answer .answer-text .gru-math-text p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .resource-preview-container .answer-container .gru-multiple-choice .multiple-choices li.correct-answer .answer-text * p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .resource-preview-container .answer-container .gru-multiple-choice .multiple-choices li.correct-answer .answer-text .gru-math-text p { color: #3c99f7 !important; } .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .question-preview-container .answer-container .gru-multiple-answer .answer-choices .table thead tr th, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .resource-preview-container .answer-container .gru-multiple-answer .answer-choices .table thead tr th, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .question-preview-container .answer-container .gru-multiple-answer .answer-choices .table thead tr th, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .resource-preview-container .answer-container .gru-multiple-answer .answer-choices .table thead tr th { border: none !important; } .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .question-preview-container .answer-container .gru-multiple-answer .answer-choices .table tbody tr, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .resource-preview-container .answer-container .gru-multiple-answer .answer-choices .table tbody tr, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .question-preview-container .answer-container .gru-multiple-answer .answer-choices .table tbody tr, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .resource-preview-container .answer-container .gru-multiple-answer .answer-choices .table tbody tr { border: 1px solid rgba(151, 151, 151, 0.1) !important; } .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .question-preview-container .answer-container .gru-multiple-answer .answer-choices .table tbody tr td.answer-text * p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .question-preview-container .answer-container .gru-multiple-answer .answer-choices .table tbody tr td.answer-text .gru-math-text p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .resource-preview-container .answer-container .gru-multiple-answer .answer-choices .table tbody tr td.answer-text * p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .resource-preview-container .answer-container .gru-multiple-answer .answer-choices .table tbody tr td.answer-text .gru-math-text p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .question-preview-container .answer-container .gru-multiple-answer .answer-choices .table tbody tr td.answer-text * p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .question-preview-container .answer-container .gru-multiple-answer .answer-choices .table tbody tr td.answer-text .gru-math-text p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .resource-preview-container .answer-container .gru-multiple-answer .answer-choices .table tbody tr td.answer-text * p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .resource-preview-container .answer-container .gru-multiple-answer .answer-choices .table tbody tr td.answer-text .gru-math-text p { color: #3e5e67 !important; } .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .question-preview-container .answer-container .gru-multiple-answer ul.multiple-answers li, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .resource-preview-container .answer-container .gru-multiple-answer ul.multiple-answers li, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .question-preview-container .answer-container .gru-multiple-answer ul.multiple-answers li, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .resource-preview-container .answer-container .gru-multiple-answer ul.multiple-answers li { border-right: 1px solid rgba(151, 151, 151, 0.1) !important; border-top: 1px solid rgba(151, 151, 151, 0.1) !important; } .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .question-preview-container .answer-container .gru-multiple-answer ul.multiple-answers li:last-child, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .resource-preview-container .answer-container .gru-multiple-answer ul.multiple-answers li:last-child, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .question-preview-container .answer-container .gru-multiple-answer ul.multiple-answers li:last-child, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .resource-preview-container .answer-container .gru-multiple-answer ul.multiple-answers li:last-child { border-bottom: 1px solid rgba(151, 151, 151, 0.1) !important; } .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .question-preview-container .answer-container .gru-multiple-answer ul.multiple-answers li.header, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .resource-preview-container .answer-container .gru-multiple-answer ul.multiple-answers li.header, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .question-preview-container .answer-container .gru-multiple-answer ul.multiple-answers li.header, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .resource-preview-container .answer-container .gru-multiple-answer ul.multiple-answers li.header { border: none !important; } .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .question-preview-container .answer-container .gru-multiple-answer ul.multiple-answers li.header .column, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .resource-preview-container .answer-container .gru-multiple-answer ul.multiple-answers li.header .column, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .question-preview-container .answer-container .gru-multiple-answer ul.multiple-answers li.header .column, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .resource-preview-container .answer-container .gru-multiple-answer ul.multiple-answers li.header .column { color: #3e5e67 !important; } .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .question-preview-container .answer-container .gru-multiple-answer ul.multiple-answers li .answer-text * p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .question-preview-container .answer-container .gru-multiple-answer ul.multiple-answers li .answer-text .gru-math-text p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .resource-preview-container .answer-container .gru-multiple-answer ul.multiple-answers li .answer-text * p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .resource-preview-container .answer-container .gru-multiple-answer ul.multiple-answers li .answer-text .gru-math-text p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .question-preview-container .answer-container .gru-multiple-answer ul.multiple-answers li .answer-text * p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .question-preview-container .answer-container .gru-multiple-answer ul.multiple-answers li .answer-text .gru-math-text p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .resource-preview-container .answer-container .gru-multiple-answer ul.multiple-answers li .answer-text * p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .resource-preview-container .answer-container .gru-multiple-answer ul.multiple-answers li .answer-text .gru-math-text p { color: #4f95f6 !important; } .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .question-preview-container .answer-container .gru-true-false .answer-choices .radio, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .resource-preview-container .answer-container .gru-true-false .answer-choices .radio, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .question-preview-container .answer-container .gru-true-false .answer-choices .radio, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .resource-preview-container .answer-container .gru-true-false .answer-choices .radio { border: 1px solid rgba(151, 151, 151, 0.1) !important; } .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .question-preview-container .answer-container .gru-true-false .answer-choices .radio label, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .resource-preview-container .answer-container .gru-true-false .answer-choices .radio label, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .question-preview-container .answer-container .gru-true-false .answer-choices .radio label, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .resource-preview-container .answer-container .gru-true-false .answer-choices .radio label { color: #3e5e67 !important; } .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .question-preview-container .answer-container .gru-true-false ul li, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .resource-preview-container .answer-container .gru-true-false ul li, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .question-preview-container .answer-container .gru-true-false ul li, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .resource-preview-container .answer-container .gru-true-false ul li { border: 1px solid rgba(151, 151, 151, 0.1) !important; } .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .question-preview-container .answer-container .gru-true-false ul li .answer-text, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .resource-preview-container .answer-container .gru-true-false ul li .answer-text, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .question-preview-container .answer-container .gru-true-false ul li .answer-text, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .resource-preview-container .answer-container .gru-true-false ul li .answer-text { color: #3e5e67 !important; } .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .question-preview-container .answer-container .gru-true-false ul li .answer-text.correct-answer-text, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .resource-preview-container .answer-container .gru-true-false ul li .answer-text.correct-answer-text, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .question-preview-container .answer-container .gru-true-false ul li .answer-text.correct-answer-text, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .resource-preview-container .answer-container .gru-true-false ul li .answer-text.correct-answer-text { color: #4f95f6 !important; } .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .question-preview-container .answer-container .gru-hs-text .answer-choices.hs-text ul li.answer, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .resource-preview-container .answer-container .gru-hs-text .answer-choices.hs-text ul li.answer, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .question-preview-container .answer-container .gru-hs-text .answer-choices.hs-text ul li.answer, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .resource-preview-container .answer-container .gru-hs-text .answer-choices.hs-text ul li.answer { border: 1px solid rgba(151, 151, 151, 0.1) !important; } .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .question-preview-container .answer-container .gru-hs-text .answer-choices.hs-text ul li.answer * p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .question-preview-container .answer-container .gru-hs-text .answer-choices.hs-text ul li.answer .gru-math-text p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .resource-preview-container .answer-container .gru-hs-text .answer-choices.hs-text ul li.answer * p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .resource-preview-container .answer-container .gru-hs-text .answer-choices.hs-text ul li.answer .gru-math-text p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .question-preview-container .answer-container .gru-hs-text .answer-choices.hs-text ul li.answer * p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .question-preview-container .answer-container .gru-hs-text .answer-choices.hs-text ul li.answer .gru-math-text p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .resource-preview-container .answer-container .gru-hs-text .answer-choices.hs-text ul li.answer * p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .resource-preview-container .answer-container .gru-hs-text .answer-choices.hs-text ul li.answer .gru-math-text p { color: #3e5e67 !important; } .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .question-preview-container .answer-container .gru-hs-text ul.hs-texts li, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .resource-preview-container .answer-container .gru-hs-text ul.hs-texts li, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .question-preview-container .answer-container .gru-hs-text ul.hs-texts li, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .resource-preview-container .answer-container .gru-hs-text ul.hs-texts li { border: 1px solid rgba(151, 151, 151, 0.1) !important; } .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .question-preview-container .answer-container .gru-hs-text ul.hs-texts li .text * p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .question-preview-container .answer-container .gru-hs-text ul.hs-texts li .text .gru-math-text p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .resource-preview-container .answer-container .gru-hs-text ul.hs-texts li .text * p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .resource-preview-container .answer-container .gru-hs-text ul.hs-texts li .text .gru-math-text p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .question-preview-container .answer-container .gru-hs-text ul.hs-texts li .text * p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .question-preview-container .answer-container .gru-hs-text ul.hs-texts li .text .gru-math-text p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .resource-preview-container .answer-container .gru-hs-text ul.hs-texts li .text * p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .resource-preview-container .answer-container .gru-hs-text ul.hs-texts li .text .gru-math-text p { color: #3e5e67 !important; } .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .question-preview-container .answer-container .gru-hs-text ul.hs-texts li.selected.correct, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .resource-preview-container .answer-container .gru-hs-text ul.hs-texts li.selected.correct, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .question-preview-container .answer-container .gru-hs-text ul.hs-texts li.selected.correct, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .resource-preview-container .answer-container .gru-hs-text ul.hs-texts li.selected.correct { border: 1px solid #3c99f7 !important; } .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .question-preview-container .answer-container .gru-hs-text ul.hs-texts li.selected.correct .text * p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .question-preview-container .answer-container .gru-hs-text ul.hs-texts li.selected.correct .text .gru-math-text p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .resource-preview-container .answer-container .gru-hs-text ul.hs-texts li.selected.correct .text * p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .resource-preview-container .answer-container .gru-hs-text ul.hs-texts li.selected.correct .text .gru-math-text p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .question-preview-container .answer-container .gru-hs-text ul.hs-texts li.selected.correct .text * p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .question-preview-container .answer-container .gru-hs-text ul.hs-texts li.selected.correct .text .gru-math-text p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .resource-preview-container .answer-container .gru-hs-text ul.hs-texts li.selected.correct .text * p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .resource-preview-container .answer-container .gru-hs-text ul.hs-texts li.selected.correct .text .gru-math-text p { color: #3c99f7 !important; } .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .question-preview-container .answer-container .gru-reorder .answer-choices ul.sortable li.ui-sortable-handle, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .resource-preview-container .answer-container .gru-reorder .answer-choices ul.sortable li.ui-sortable-handle, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .question-preview-container .answer-container .gru-reorder .answer-choices ul.sortable li.ui-sortable-handle, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .resource-preview-container .answer-container .gru-reorder .answer-choices ul.sortable li.ui-sortable-handle { border: 1px solid rgba(151, 151, 151, 0.1) !important; } .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .question-preview-container .answer-container .gru-reorder .answer-choices ul.sortable li.ui-sortable-handle div * p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .question-preview-container .answer-container .gru-reorder .answer-choices ul.sortable li.ui-sortable-handle div .gru-math-text p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .resource-preview-container .answer-container .gru-reorder .answer-choices ul.sortable li.ui-sortable-handle div * p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .resource-preview-container .answer-container .gru-reorder .answer-choices ul.sortable li.ui-sortable-handle div .gru-math-text p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .question-preview-container .answer-container .gru-reorder .answer-choices ul.sortable li.ui-sortable-handle div * p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .question-preview-container .answer-container .gru-reorder .answer-choices ul.sortable li.ui-sortable-handle div .gru-math-text p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .resource-preview-container .answer-container .gru-reorder .answer-choices ul.sortable li.ui-sortable-handle div * p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .resource-preview-container .answer-container .gru-reorder .answer-choices ul.sortable li.ui-sortable-handle div .gru-math-text p { color: #3e5e67 !important; } .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .question-preview-container .answer-container .gru-reorder ul li .correct::before, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .resource-preview-container .answer-container .gru-reorder ul li .correct::before, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .question-preview-container .answer-container .gru-reorder ul li .correct::before, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .resource-preview-container .answer-container .gru-reorder ul li .correct::before { content: "\F0C9" !important; color: #4f95f6 !important; } .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .question-preview-container .answer-container .gru-reorder ul li .answer-text * p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .question-preview-container .answer-container .gru-reorder ul li .answer-text .gru-math-text p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .resource-preview-container .answer-container .gru-reorder ul li .answer-text * p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .question-preview-card .resource-preview-container .answer-container .gru-reorder ul li .answer-text .gru-math-text p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .question-preview-container .answer-container .gru-reorder ul li .answer-text * p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .question-preview-container .answer-container .gru-reorder ul li .answer-text .gru-math-text p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .resource-preview-container .answer-container .gru-reorder ul li .answer-text * p, .preview.gru-collection-preview .preview-container .body-container .content-items-container .resource-preview-card .resource-preview-container .answer-container .gru-reorder ul li .answer-text .gru-math-text p { color: #4f95f6 !important; } .preview.gru-collection-preview .preview-container .footer-container { display: none; } @media print { @page { .teacher_class_class-management { size: landscape; } } } .teacher_class_class-management .class { padding: 0; } .teacher_class_class-management .class .content .class-settings { padding: 0; } .teacher_class_class-management .class .content .class-settings .sec-col-layout .left-panel { margin: 0; } .teacher_class_class-management .class .content .class-settings .sec-col-layout .left-panel .class-layout, .teacher_class_class-management .class .content .class-settings .sec-col-layout .left-panel .class-layout-btn, .teacher_class_class-management .class .content .class-settings .sec-col-layout .left-panel .view-mulitple-class-layout { display: none; } .teacher_class_class-management .class .content .class-settings .sec-col-layout .left-panel .assessment-template-layout .template-sec-cont .assessment-template-label { display: none; } .teacher_class_class-management .class .content .class-settings .sec-col-layout .left-panel .assessment-template-layout .template-sec-cont .assessment-template-sec .info-msg, .teacher_class_class-management .class .content .class-settings .sec-col-layout .left-panel .assessment-template-layout .template-sec-cont .assessment-template-sec .sec-title { display: none; } .teacher_class_class-management .class .content .class-settings .sec-col-layout .left-panel .assessment-template-layout .template-sec-cont .assessment-template-sec .gru-i2d-template .i2d-template-container button { display: none; } .teacher_class_class-management .class .content .class-settings .sec-col-layout .left-panel .assessment-template-layout .template-sec-cont .assessment-template-sec .gru-i2d-template .i2d-template-container .i2d-table-template { display: table; } .teacher_class_class-management .class .content .class-settings .sec-col-layout .right-panel { display: none; } .students-proficiency-header { display: none !important; } .weekly-report-container .report-period-selector .report-periods, .weekly-report-container .report-period-selector .active-period, .weekly-report-container .report-period-selector .custom-range-shower, .weekly-report-container .report-period-selector .toggle-icon { display: none !important; } .weekly-report-container .report-period-selector .report-download { display: block !important; } .weekly-report-container .report-period-selector .report-download .print-preview { display: none !important; } .weekly-report-container .report-period-selector .report-download .class-progress-report-preview .class-report-container .report-container { display: block !important; width: 100% !important; height: 100% !important; position: absolute !important; left: 0 !important; } .weekly-report-container .report-period-selector .report-download .class-progress-report-preview .class-report-container .report-container .report-header .header-penal .header-info { display: grid; grid-template-columns: auto 80px; gap: 10px; margin-bottom: 30px; border-bottom: 2px solid; } .weekly-report-container .report-period-selector .report-download .class-progress-report-preview .class-report-container .report-container .report-header .header-penal .header-info .tenan-info { display: flex; justify-content: flex-end; align-items: center; } .weekly-report-container .report-period-selector .report-download .class-progress-report-preview .class-report-container .report-container .report-header .header-penal .header-info .tenan-info .tenant-logo { display: block; width: 65px; height: 65px; background-repeat: no-repeat !important; background-size: contain !important; background-position: center !important; border-radius: 25px; } .weekly-report-container .report-period-selector .report-download .class-progress-report-preview .class-report-container .report-container .report-header .header-penal .header-info .report-info { display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end; line-height: 1.5; } .weekly-report-container .report-period-selector .report-download .class-progress-report-preview .class-report-container .report-container .report-header .header-penal .header-info .report-info .tenant-name { text-transform: capitalize !important; font-weight: bold; font-size: 16px; } .weekly-report-container .report-period-selector .report-download .class-progress-report-preview .class-report-container .report-container .report-header .body-penal .class-progress-report-table { width: 100%; } .weekly-report-container .report-period-selector .report-download .class-progress-report-preview .class-report-container .report-container .report-header .body-penal .class-progress-report-table tr td, .weekly-report-container .report-period-selector .report-download .class-progress-report-preview .class-report-container .report-container .report-header .body-penal .class-progress-report-table tr th { border: 1px solid black; border-collapse: collapse; padding: 5px; text-align: center; height: 55px; font-size: 15px; } .weekly-report-container .report-period-selector .report-download .class-progress-report-preview .class-report-container .report-container .report-header .body-penal .class-progress-report-table tr td .name, .weekly-report-container .report-period-selector .report-download .class-progress-report-preview .class-report-container .report-container .report-header .body-penal .class-progress-report-table tr th .name { text-transform: capitalize; text-align: left !important; display: flex; } .weekly-report-container .report-period-selector .report-download .class-progress-report-preview .class-report-container .report-container .report-header .body-penal .student-info-container .student-report { padding: 15px; display: block; break-before: page; page-break-before: always; page-break-inside: avoid; width: 100%; min-height: 1300px; max-height: max-content; } .weekly-report-container .report-period-selector .report-download .class-progress-report-preview .class-report-container .report-container .report-header .body-penal .student-info-container .student-report .student-details { display: grid; grid-template-columns: 50px auto; column-gap: 5px; padding-bottom: 20px; } .weekly-report-container .report-period-selector .report-download .class-progress-report-preview .class-report-container .report-container .report-header .body-penal .student-info-container .student-report .student-details .thumbnail-container { width: 47px; height: 47px; background-size: 47px 47px !important; display: block; border-radius: 50%; border: none; } .weekly-report-container .report-period-selector .report-download .class-progress-report-preview .class-report-container .report-container .report-header .body-penal .student-info-container .student-report .student-details .student-name { text-transform: capitalize; opacity: 0.9; font-size: 13px; color: #000000; display: flex; align-items: center; } .weekly-report-container .report-period-selector .report-download .class-progress-report-preview .class-report-container .report-container .report-header .body-penal .student-info-container .student-report .report-overview { margin: 20px; } .weekly-report-container .report-period-selector .report-download .class-progress-report-preview .class-report-container .report-container .report-header .body-penal .student-info-container .student-report .competencies-details { margin: 30px 20px; } .weekly-report-container .report-period-selector .report-download .class-progress-report-preview .class-report-container .report-container .report-header .body-penal .student-info-container .student-report .competencies-details .class-progress-report-table { page-break-inside: auto; } .weekly-report-container .report-period-selector .report-download .class-progress-report-preview .class-report-container .report-container .report-header .body-penal .student-info-container .student-report .competencies-details .class-progress-report-table tbody tr { page-break-after: auto; border-left: 1px solid; border-right: 1px solid; } .weekly-report-container .report-period-selector .report-download .class-progress-report-preview .class-report-container .report-container .report-header .body-penal .student-info-container .student-report .competencies-details .class-progress-report-table tbody tr:last-child { border-bottom: 1px solid; } .weekly-report-container .report-period-selector .report-download .class-progress-report-preview .class-report-container .report-container .report-header .body-penal .student-info-container .student-report .competencies-details .class-progress-report-table tbody tr td { text-align: left; font-size: 13px; border: none !important; padding: 0 10px; height: inherit; } .weekly-report-container .report-period-selector .report-download .class-progress-report-preview .class-report-container .report-container .report-header .body-penal .student-info-container .student-report .competencies-details .class-progress-report-table tbody tr td:first-child { border-right: 1px solid !important; } .weekly-report-container .report-period-selector .report-download .class-progress-report-preview .class-report-container .report-container .report-header .body-penal .student-info-container .student-report .student-chat { page-break-inside: avoid; display: grid; grid-template-columns: auto auto; column-gap: 10px; } .weekly-report-container .report-period-selector .report-download .class-progress-report-preview .class-report-container .report-container .report-header .body-penal .student-info-container .student-report .student-chat .domain-list { justify-content: center; display: flex; flex-direction: column; } .weekly-report-container .report-period-selector .report-download .class-progress-report-preview .class-report-container .report-container .report-header .body-penal .student-info-container .student-report .student-chat .domain-list .domain-name { display: grid; grid-template-columns: 20px auto; column-gap: 5px; } .weekly-report-container .report-period-selector .report-download .class-progress-report-preview .class-report-container .report-container .report-header .body-penal .student-info-container .student-report .proficiency-tags { margin: 10px; } .weekly-report-container .report-period-selector .report-download .class-progress-report-preview .class-report-container .report-container .report-header .body-penal .student-info-container .student-report .proficiency-tags .last-updated { text-align: right; margin-top: 15px; margin-right: 30px; font-size: 12px; } .weekly-report-container .report-period-selector .report-download .class-progress-report-preview .class-report-container .report-container .report-header .body-penal .student-info-container .student-report .proficiency-tags .proficiency-legends { margin: 15px auto auto; width: 100%; display: grid; grid-template-columns: repeat(6, 1fr); justify-content: space-around; } .weekly-report-container .report-period-selector .report-download .class-progress-report-preview .class-report-container .report-container .report-header .body-penal .student-info-container .student-report .proficiency-tags .proficiency-legends .legend { display: flex; justify-content: center; } .weekly-report-container .report-period-selector .report-download .class-progress-report-preview .class-report-container .report-container .report-header .body-penal .student-info-container .student-report .proficiency-tags .proficiency-legends .legend .box { display: block; width: 15.6px; height: 15.6px; transform: rotate(90deg); margin-right: 8.4px; } .weekly-report-container .report-period-selector .report-download .class-progress-report-preview .class-report-container .report-container .report-header .body-penal .student-info-container .student-report .proficiency-tags .proficiency-legends .legend .box-class-grade-line { width: 18px; height: 5px; margin-top: 4px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5) !important; margin-right: 8.4px; } .weekly-report-container .report-period-selector .report-download .class-progress-report-preview .class-report-container .report-container .report-header .body-penal .student-info-container .student-report .proficiency-tags .proficiency-legends .legend .box-skyline { width: 18px; height: 10px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5) !important; margin-right: 8.4px; } .weekly-report-container .report-period-selector .report-download .class-progress-report-preview .class-report-container .report-container .report-header .body-penal .student-info-container .student-report .proficiency-tags .proficiency-legends .legend .title { line-height: 13px; font-size: 12px; color: #535e66 !important; } .weekly-report-container .report-period-selector .report-download .class-progress-report-preview .class-report-container .report-container .report-header .body-penal .student-info-container .student-report .proficiency-tags .proficiency-legends .legend.mastered .box { background-color: #4b8fe2 !important; } .weekly-report-container .report-period-selector .report-download .class-progress-report-preview .class-report-container .report-container .report-header .body-penal .student-info-container .student-report .proficiency-tags .proficiency-legends .legend.in-progress .box { background-color: #1aa9eb !important; } .weekly-report-container .report-period-selector .report-download .class-progress-report-preview .class-report-container .report-container .report-header .body-penal .student-info-container .student-report .proficiency-tags .proficiency-legends .legend.not-started .box { background-color: #cdcdcd !important; } .weekly-report-container .report-period-selector .report-download .class-progress-report-preview .class-report-container .report-container .report-header .body-penal .student-info-container .student-report .proficiency-tags .proficiency-legends .legend.show-gut .box { background-image: linear-gradient(to bottom, #687782, #37424b) !important; } .weekly-report-container .report-period-selector .report-download .class-progress-report-preview .class-report-container .report-container .report-header .body-penal .student-info-container .student-report .proficiency-tags .proficiency-legends .legend.skyline .box-skyline { background-color: #fff !important; } .weekly-report-container .report-period-selector .report-download .class-progress-report-preview .class-report-container .report-container .report-header .body-penal .student-info-container .student-report .proficiency-tags .proficiency-legends .legend.class-grade-line .box-class-grade-line { background-color: #8fd383 !important; } .weekly-report-container .report-period-selector .search-student-container { display: none; } .weekly-report-container .report-period-selector .go-back-to-peformance { display: none !important; } .weekly-report-container .header-container, .weekly-report-container .body-container { display: none !important; } .individual-student-report .header-container { display: block !important; border: 0 !important; } .individual-student-report .header-container.student-competencies-activate { display: block !important; } .individual-student-report .header-container.student-competencies-activate .header-left, .individual-student-report .header-container.student-competencies-activate .header-right, .individual-student-report .header-container.student-competencies-activate .student-info-container { display: none !important; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-periods, .individual-student-report .header-container.student-competencies-activate .report-period-selector .active-period, .individual-student-report .header-container.student-competencies-activate .report-period-selector .custom-range-shower { display: none !important; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download { display: block !important; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .print-preview { display: none !important; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container { color: #000000 !important; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .print-preview { display: none !important; display: flex; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .tooltip { display: none !important; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container { display: block !important; width: 100% !important; height: 100% !important; position: absolute; left: 0; top: 0; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .header-penal .header-info { display: grid; grid-template-columns: auto auto 80px; gap: 10px; margin-bottom: 30px; border-bottom: 2px solid; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .header-penal .header-info .student-details { display: grid; grid-template-columns: 50px auto; column-gap: 5px; align-items: center; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .header-penal .header-info .student-details .thumbnail-container { width: 47px; height: 47px; background-size: 47px 47px !important; display: block; border-radius: 50%; border: none; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .header-penal .header-info .student-details .student-name { text-transform: capitalize; opacity: 0.9; font-size: 13px; color: #000000; display: flex; align-items: center; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .header-penal .header-info .tenan-info { display: flex; justify-content: flex-end; align-items: center; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .header-penal .header-info .tenan-info .tenant-logo { display: block; width: 65px; height: 65px; background-repeat: no-repeat !important; background-size: contain !important; background-position: center !important; border-radius: 25px; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .header-penal .header-info .report-info { display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end; line-height: 1.5; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .header-penal .header-info .report-info .tenant-name { text-transform: capitalize !important; font-weight: bold; font-size: 16px; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .report-overview .title { padding: 10px 0px; font-weight: bold; font-size: 16px; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .report-overview .student-report .class-progress-report-table, .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .report-overview .competencies-report .class-progress-report-table { width: 100%; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .report-overview .student-report .class-progress-report-table tr td, .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .report-overview .student-report .class-progress-report-table tr th, .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .report-overview .competencies-report .class-progress-report-table tr td, .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .report-overview .competencies-report .class-progress-report-table tr th { border: 1px solid #000000; border-collapse: collapse; padding: 5px; text-align: center; font-size: 15px; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .report-overview .student-report .class-progress-report-table tr td th { height: 55px; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .report-overview .competencies-report { margin: 30px 20px; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .report-overview .competencies-report .class-progress-report-table { page-break-inside: auto; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .report-overview .competencies-report .class-progress-report-table tbody tr { page-break-after: auto; border-left: 1px solid; border-right: 1px solid; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .report-overview .competencies-report .class-progress-report-table tbody tr:last-child { border-bottom: 1px solid; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .report-overview .competencies-report .class-progress-report-table tbody tr td { text-align: left; font-size: 13px; border: none !important; padding: 0 10px; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .report-overview .competencies-report .class-progress-report-table tbody tr td:first-child { border-right: 1px solid !important; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .report-data-by-date .title { padding: 10px 0px; font-weight: bold; font-size: 16px; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .report-data-by-date .student-competency-report { border-bottom: 2px solid #fff; page-break-inside: avoid; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .report-data-by-date .student-competency-report:last-child { border-bottom: 0; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .report-data-by-date .student-competency-report .report-date { font-size: 13px; font-weight: bold; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .report-data-by-date .student-competency-report .competency-info .competency-card-panel { display: grid; width: 375px; margin: 8px; border-radius: 4px; background-color: #ddd !important; grid-template-rows: auto 1fr; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); height: max-content; page-break-inside: avoid; page-break-before: always; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .report-data-by-date .student-competency-report .competency-info .competency-card-panel .code-info { display: grid; column-gap: 4px; align-items: center; padding: 5px; height: max-content; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .report-data-by-date .student-competency-report .competency-info .competency-card-panel .code-info .display-code { display: grid; grid-column: 1; font-size: 11px; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .report-data-by-date .student-competency-report .competency-info .competency-card-panel .code-info .display-code .code { font-weight: bold; display: flex; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .report-data-by-date .student-competency-report .competency-info .competency-card-panel .code-info .display-code .code .group-competency .spliter { padding-right: 5px; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .report-data-by-date .student-competency-report .competency-info .competency-card-panel .code-info .display-code .code .group-competency:last-child .spliter { display: none; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .report-data-by-date .student-competency-report .competency-info .competency-card-panel .code-info .display-code .title { font-size: 12px; color: #37424b; padding: 5px 0px; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .report-data-by-date .student-competency-report .competency-info .competency-card-panel .activity-row { display: grid; min-height: 48px; border-top: 1px solid #f2f2f2; grid-template-columns: 40px 1fr 40px 40px 58px 48px; cursor: pointer; padding: 5px; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .report-data-by-date .student-competency-report .competency-info .competency-card-panel .activity-row .icon-container { display: flex; align-items: center; justify-content: center; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .report-data-by-date .student-competency-report .competency-info .competency-card-panel .activity-row .icon-container .type { background-repeat: no-repeat !important; width: 20px; height: 20px; background-size: 100% !important; display: block; background-position: center !important; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .report-data-by-date .student-competency-report .competency-info .competency-card-panel .activity-row .icon-container .type.assessment, .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .report-data-by-date .student-competency-report .competency-info .competency-card-panel .activity-row .icon-container .type .assessment-external { background-image: url("gooru/images/add_assessment.svg") !important; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .report-data-by-date .student-competency-report .competency-info .competency-card-panel .activity-row .icon-container .type.collection, .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .report-data-by-date .student-competency-report .competency-info .competency-card-panel .activity-row .icon-container .type .collection-external { background-image: url("gooru/images/add_collection.svg") !important; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .report-data-by-date .student-competency-report .competency-info .competency-card-panel .activity-row .icon-container .type.offline-activity { background-image: url("gooru/images/offline.svg") !important; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .report-data-by-date .student-competency-report .competency-info .competency-card-panel .activity-row .resource-count, .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .report-data-by-date .student-competency-report .competency-info .competency-card-panel .activity-row .question-count { width: 40px; display: inline-grid; align-items: center; grid-template-columns: 50% 50%; justify-items: center; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .report-data-by-date .student-competency-report .competency-info .competency-card-panel .activity-row .resource-count .icon, .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .report-data-by-date .student-competency-report .competency-info .competency-card-panel .activity-row .question-count .icon { width: 20px; height: 20px; background-repeat: no-repeat !important; background-size: 20px 20px !important; opacity: 0.8; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .report-data-by-date .student-competency-report .competency-info .competency-card-panel .activity-row .resource-count .icon.question, .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .report-data-by-date .student-competency-report .competency-info .competency-card-panel .activity-row .question-count .icon.question { background-image: url("gooru/images/add_question.svg") !important; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .report-data-by-date .student-competency-report .competency-info .competency-card-panel .activity-row .resource-count .icon.resource, .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .report-data-by-date .student-competency-report .competency-info .competency-card-panel .activity-row .question-count .icon.resource { background-image: url("gooru/images/add_resource_icon.svg") !important; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .report-data-by-date .student-competency-report .competency-info .competency-card-panel .activity-row .title { display: grid; align-items: center; padding: 0; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .report-data-by-date .student-competency-report .competency-info .competency-card-panel .activity-row .title .title-text { font-size: 12px; line-height: 1.5; font-weight: normal; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .report-data-by-date .student-competency-report .competency-info .competency-card-panel .activity-row .timespent { line-height: 1; display: flex; align-items: center; justify-content: center; font-size: 12px; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .report-data-by-date .student-competency-report .competency-info .competency-card-panel .activity-row .percentage { display: flex; align-items: center; justify-content: center; font-size: 13px; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .skyline-report { page-break-inside: avoid; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .skyline-report .skyline-summery .date { font-size: 14px; font-weight: bold; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .skyline-report .skyline-overview .chart { page-break-inside: avoid; display: grid; grid-template-columns: auto auto; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .skyline-report .skyline-overview .chart .proficiency-chart .learner-proficiency-domain-matrix .actions .grade-selector .active-grade-list .active-grade span .close { display: none; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .skyline-report .skyline-overview .chart .proficiency-chart .learner-proficiency-domain-matrix .actions .fwc-panel, .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .skyline-report .skyline-overview .chart .proficiency-chart .learner-proficiency-domain-matrix .actions .toggle-chart { display: none; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .skyline-report .skyline-overview .chart .proficiency-chart .learner-proficiency-domain-matrix .chart-area .matrix-chart .chart-container .domain-chart-container .scrollable-chart { height: max-content !important; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .skyline-report .skyline-overview .chart .proficiency-chart .learner-proficiency-domain-matrix .chart-area .matrix-chart .chart-container .domain-chart-container .scrollable-chart #render-proficiency-matrix { height: max-content !important; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .skyline-report .skyline-overview .chart .proficiency-chart .learner-proficiency-domain-matrix .chart-area .matrix-chart .chart-container .domain-chart-container .scrollable-chart #render-proficiency-matrix #skyline-group, .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .skyline-report .skyline-overview .chart .proficiency-chart .learner-proficiency-domain-matrix .chart-area .matrix-chart .chart-container .domain-chart-container .scrollable-chart #render-proficiency-matrix #gradeline-group { filter: url(#back-shadow); } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .skyline-report .skyline-overview .chart .proficiency-chart .learner-proficiency-domain-matrix .chart-area .matrix-chart .chart-container .domain-chart-container .scrollable-chart #render-proficiency-matrix #skyline-group polyline, .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .skyline-report .skyline-overview .chart .proficiency-chart .learner-proficiency-domain-matrix .chart-area .matrix-chart .chart-container .domain-chart-container .scrollable-chart #render-proficiency-matrix #gradeline-group polyline { fill: none; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .skyline-report .skyline-overview .chart .proficiency-chart .learner-proficiency-domain-matrix .chart-area .matrix-chart .chart-container .domain-chart-container .scrollable-chart #render-proficiency-matrix #skyline-group polyline.hidden-line, .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .skyline-report .skyline-overview .chart .proficiency-chart .learner-proficiency-domain-matrix .chart-area .matrix-chart .chart-container .domain-chart-container .scrollable-chart #render-proficiency-matrix #gradeline-group polyline.hidden-line { display: none; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .skyline-report .skyline-overview .chart .proficiency-chart .learner-proficiency-domain-matrix .chart-area .matrix-chart .chart-container .domain-chart-container .scrollable-chart #render-proficiency-matrix #skyline-group#skyline-group polyline, .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .skyline-report .skyline-overview .chart .proficiency-chart .learner-proficiency-domain-matrix .chart-area .matrix-chart .chart-container .domain-chart-container .scrollable-chart #render-proficiency-matrix #gradeline-group#skyline-group polyline { stroke-width: 6px; stroke: #fff !important; animation: polylineDash 8s linear forwards; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .skyline-report .skyline-overview .chart .proficiency-chart .learner-proficiency-domain-matrix .chart-area .matrix-chart .chart-container .domain-chart-container .scrollable-chart #render-proficiency-matrix #skyline-group#gradeline-group polyline, .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .skyline-report .skyline-overview .chart .proficiency-chart .learner-proficiency-domain-matrix .chart-area .matrix-chart .chart-container .domain-chart-container .scrollable-chart #render-proficiency-matrix #gradeline-group#gradeline-group polyline { stroke-width: 3px; stroke: #8fd383 !important; animation: polylineDash 4s linear forwards; } @keyframes polylineDash { to { stroke-dashoffset: 0; } } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .skyline-report .skyline-overview .chart .competencies-list { margin: auto; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .skyline-report .skyline-overview .chart .competencies-list .subject-name { font-weight: bold; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .skyline-report .skyline-overview .chart .competencies-list .domain-name { display: flex; padding-left: 15px; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .skyline-report .skyline-overview .chart .competencies-list .domain-name span { padding: 3px; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .skyline-report .skyline-overview .proficiency-tags .last-updated { text-align: right; margin-top: 15px; margin-right: 30px; font-size: 12px; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .skyline-report .skyline-overview .proficiency-tags .proficiency-legends { margin: 15px auto auto; width: 100%; display: grid; grid-template-columns: repeat(6, 1fr); justify-content: space-around; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .skyline-report .skyline-overview .proficiency-tags .proficiency-legends .legend { display: flex; justify-content: center; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .skyline-report .skyline-overview .proficiency-tags .proficiency-legends .legend .box { display: block; width: 15.6px; height: 15.6px; transform: rotate(90deg); margin-right: 8.4px; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .skyline-report .skyline-overview .proficiency-tags .proficiency-legends .legend .box-class-grade-line { width: 18px; height: 5px; margin-top: 4px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5) !important; margin-right: 8.4px; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .skyline-report .skyline-overview .proficiency-tags .proficiency-legends .legend .box-skyline { width: 18px; height: 10px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5) !important; margin-right: 8.4px; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .skyline-report .skyline-overview .proficiency-tags .proficiency-legends .legend .title { line-height: 13px; font-size: 12px; color: #535e66 !important; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .skyline-report .skyline-overview .proficiency-tags .proficiency-legends .legend.mastered .box { background-color: #4b8fe2 !important; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .skyline-report .skyline-overview .proficiency-tags .proficiency-legends .legend.in-progress .box { background-color: #1aa9eb !important; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .skyline-report .skyline-overview .proficiency-tags .proficiency-legends .legend.not-started .box { background-color: #cdcdcd !important; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .skyline-report .skyline-overview .proficiency-tags .proficiency-legends .legend.show-gut .box { background-image: linear-gradient(to bottom, #687782, #37424b) !important; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .skyline-report .skyline-overview .proficiency-tags .proficiency-legends .legend.skyline .box-skyline { background-color: #fff !important; } .individual-student-report .header-container.student-competencies-activate .report-period-selector .report-download .individual-student-report-preview .individual-report-container .report-container .body-penal .skyline-report .skyline-overview .proficiency-tags .proficiency-legends .legend.class-grade-line .box-class-grade-line { background-color: #8fd383 !important; } .individual-student-report .body-container { display: none !important; } .student_class .gru-study-navbar, .student_class .gru-student-navbar, .student_class .gru-study-timer { display: none; } .student_class .content .milestone-course-map-view, .student_class .content .course-map, .student_class .content .rescope-content-preview, .student_class .content .title-container, .student_class .content .bar-charts { display: none !important; } .student_class .content .gru-student-class-progress-report-popup { overflow-y: inherit !important; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container { margin: 0px; width: 100%; height: 100%; font-size: 10px; overflow-y: inherit !important; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .print-preview { display: none !important; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .tooltip { display: none !important; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container { border: 0; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .student-details, .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .class-name, .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .datepicker { display: none; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector { display: block !important; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .active-period, .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .date-range-picker-container { display: none !important; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download { width: 100%; height: 100%; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .individual-report-container { display: flex; width: 100%; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container { display: block !important; width: 100% !important; height: 100% !important; position: absolute; left: 0; top: 0; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .header-penal .header-info { display: grid; grid-template-columns: auto auto 80px; gap: 10px; margin-bottom: 30px; border-bottom: 2px solid; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .header-penal .header-info .student-details { display: grid; grid-template-columns: 50px auto; column-gap: 5px; align-items: center; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .header-penal .header-info .student-details .thumbnail-container { width: 47px; height: 47px; background-size: 47px 47px !important; display: block; border-radius: 50%; border: none; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .header-penal .header-info .student-details .student-name { text-transform: capitalize; opacity: 0.9; font-size: 13px; color: #000000; display: flex; align-items: center; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .header-penal .header-info .tenan-info { display: flex; justify-content: flex-end; align-items: center; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .header-penal .header-info .tenan-info .tenant-logo { display: block; width: 65px; height: 65px; background-repeat: no-repeat !important; background-size: contain !important; background-position: center !important; border-radius: 25px; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .header-penal .header-info .report-info { display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end; line-height: 1.5; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .header-penal .header-info .report-info .tenant-name { text-transform: capitalize !important; font-weight: bold; font-size: 16px; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .report-overview .title { padding: 10px 0px; font-weight: bold; font-size: 16px; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .report-overview .student-report .class-progress-report-table, .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .report-overview .competencies-report .class-progress-report-table { width: 100%; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .report-overview .student-report .class-progress-report-table tr td, .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .report-overview .student-report .class-progress-report-table tr th, .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .report-overview .competencies-report .class-progress-report-table tr td, .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .report-overview .competencies-report .class-progress-report-table tr th { border: 1px solid black; border-collapse: collapse; padding: 5px; text-align: center; font-size: 15px; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .report-overview .student-report .class-progress-report-table tr td th { height: 55px; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .report-overview .competencies-report { margin: 30px 20px; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .report-overview .competencies-report .class-progress-report-table { page-break-inside: auto; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .report-overview .competencies-report .class-progress-report-table tbody tr { page-break-after: auto; border-left: 1px solid; border-right: 1px solid; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .report-overview .competencies-report .class-progress-report-table tbody tr:last-child { border-bottom: 1px solid; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .report-overview .competencies-report .class-progress-report-table tbody tr td { text-align: left; font-size: 13px; border: none !important; padding: 0 10px; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .report-overview .competencies-report .class-progress-report-table tbody tr td:first-child { border-right: 1px solid !important; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .report-data-by-date .title { padding: 10px 0px; font-weight: bold; font-size: 16px; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .report-data-by-date .student-competency-report { border-bottom: 2px solid #fff; page-break-inside: avoid; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .report-data-by-date .student-competency-report:last-child { border-bottom: 0; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .report-data-by-date .student-competency-report .report-date { font-size: 13px; font-weight: bold; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .report-data-by-date .student-competency-report .competency-info .competency-card-panel { display: grid; width: 375px; margin: 8px; border-radius: 4px; background-color: #ddd !important; grid-template-rows: auto 1fr; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); height: max-content; page-break-inside: avoid; page-break-before: always; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .report-data-by-date .student-competency-report .competency-info .competency-card-panel .code-info { display: grid; column-gap: 4px; align-items: center; padding: 5px; height: max-content; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .report-data-by-date .student-competency-report .competency-info .competency-card-panel .code-info .display-code { display: grid; grid-column: 1; font-size: 11px; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .report-data-by-date .student-competency-report .competency-info .competency-card-panel .code-info .display-code .code { font-weight: bold; display: flex; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .report-data-by-date .student-competency-report .competency-info .competency-card-panel .code-info .display-code .code .group-competency .spliter { padding-right: 5px; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .report-data-by-date .student-competency-report .competency-info .competency-card-panel .code-info .display-code .code .group-competency:last-child .spliter { display: none; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .report-data-by-date .student-competency-report .competency-info .competency-card-panel .code-info .display-code .title { font-size: 12px; color: #37424b; padding: 5px 0px; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .report-data-by-date .student-competency-report .competency-info .competency-card-panel .activity-row { display: grid; min-height: 48px; border-top: 1px solid #f2f2f2; grid-template-columns: 40px 1fr 40px 40px 58px 48px; cursor: pointer; padding: 5px; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .report-data-by-date .student-competency-report .competency-info .competency-card-panel .activity-row .icon-container { display: flex; align-items: center; justify-content: center; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .report-data-by-date .student-competency-report .competency-info .competency-card-panel .activity-row .icon-container .type { background-repeat: no-repeat !important; width: 20px; height: 20px; background-size: 100% !important; display: block; background-position: center !important; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .report-data-by-date .student-competency-report .competency-info .competency-card-panel .activity-row .icon-container .type.assessment, .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .report-data-by-date .student-competency-report .competency-info .competency-card-panel .activity-row .icon-container .type .assessment-external { background-image: url("gooru/images/add_assessment.svg") !important; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .report-data-by-date .student-competency-report .competency-info .competency-card-panel .activity-row .icon-container .type.collection, .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .report-data-by-date .student-competency-report .competency-info .competency-card-panel .activity-row .icon-container .type .collection-external { background-image: url("gooru/images/add_collection.svg") !important; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .report-data-by-date .student-competency-report .competency-info .competency-card-panel .activity-row .icon-container .type.offline-activity { background-image: url("gooru/images/offline.svg") !important; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .report-data-by-date .student-competency-report .competency-info .competency-card-panel .activity-row .resource-count, .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .report-data-by-date .student-competency-report .competency-info .competency-card-panel .activity-row .question-count { width: 40px; display: inline-grid; align-items: center; grid-template-columns: 50% 50%; justify-items: center; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .report-data-by-date .student-competency-report .competency-info .competency-card-panel .activity-row .resource-count .icon, .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .report-data-by-date .student-competency-report .competency-info .competency-card-panel .activity-row .question-count .icon { width: 20px; height: 20px; background-repeat: no-repeat !important; background-size: 20px 20px !important; opacity: 0.8; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .report-data-by-date .student-competency-report .competency-info .competency-card-panel .activity-row .resource-count .icon.question, .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .report-data-by-date .student-competency-report .competency-info .competency-card-panel .activity-row .question-count .icon.question { background-image: url("gooru/images/add_question.svg") !important; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .report-data-by-date .student-competency-report .competency-info .competency-card-panel .activity-row .resource-count .icon.resource, .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .report-data-by-date .student-competency-report .competency-info .competency-card-panel .activity-row .question-count .icon.resource { background-image: url("gooru/images/add_resource_icon.svg") !important; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .report-data-by-date .student-competency-report .competency-info .competency-card-panel .activity-row .title { display: grid; align-items: center; padding: 0; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .report-data-by-date .student-competency-report .competency-info .competency-card-panel .activity-row .title .title-text { font-size: 12px; line-height: 1.5; font-weight: normal; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .report-data-by-date .student-competency-report .competency-info .competency-card-panel .activity-row .timespent { line-height: 1; display: flex; align-items: center; justify-content: center; font-size: 12px; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .report-data-by-date .student-competency-report .competency-info .competency-card-panel .activity-row .percentage { display: flex; align-items: center; justify-content: center; font-size: 13px; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .skyline-report { page-break-inside: avoid; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .skyline-report .skyline-summery .date { font-size: 14px; font-weight: bold; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .skyline-report .skyline-overview .chart { page-break-inside: avoid; display: grid; grid-template-columns: auto auto; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .skyline-report .skyline-overview .chart .proficiency-chart .learner-proficiency-domain-matrix .actions .grade-selector .active-grade-list .active-grade span .close { display: none; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .skyline-report .skyline-overview .chart .proficiency-chart .learner-proficiency-domain-matrix .actions .fwc-panel, .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .skyline-report .skyline-overview .chart .proficiency-chart .learner-proficiency-domain-matrix .actions .toggle-chart { display: none; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .skyline-report .skyline-overview .chart .proficiency-chart .learner-proficiency-domain-matrix .chart-area .matrix-chart .chart-container .domain-chart-container .scrollable-chart { height: max-content !important; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .skyline-report .skyline-overview .chart .proficiency-chart .learner-proficiency-domain-matrix .chart-area .matrix-chart .chart-container .domain-chart-container .scrollable-chart #render-proficiency-matrix { height: max-content !important; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .skyline-report .skyline-overview .chart .proficiency-chart .learner-proficiency-domain-matrix .chart-area .matrix-chart .chart-container .domain-chart-container .scrollable-chart #render-proficiency-matrix #skyline-group, .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .skyline-report .skyline-overview .chart .proficiency-chart .learner-proficiency-domain-matrix .chart-area .matrix-chart .chart-container .domain-chart-container .scrollable-chart #render-proficiency-matrix #gradeline-group { filter: url(#back-shadow); } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .skyline-report .skyline-overview .chart .proficiency-chart .learner-proficiency-domain-matrix .chart-area .matrix-chart .chart-container .domain-chart-container .scrollable-chart #render-proficiency-matrix #skyline-group polyline, .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .skyline-report .skyline-overview .chart .proficiency-chart .learner-proficiency-domain-matrix .chart-area .matrix-chart .chart-container .domain-chart-container .scrollable-chart #render-proficiency-matrix #gradeline-group polyline { fill: none; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .skyline-report .skyline-overview .chart .proficiency-chart .learner-proficiency-domain-matrix .chart-area .matrix-chart .chart-container .domain-chart-container .scrollable-chart #render-proficiency-matrix #skyline-group polyline.hidden-line, .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .skyline-report .skyline-overview .chart .proficiency-chart .learner-proficiency-domain-matrix .chart-area .matrix-chart .chart-container .domain-chart-container .scrollable-chart #render-proficiency-matrix #gradeline-group polyline.hidden-line { display: none; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .skyline-report .skyline-overview .chart .proficiency-chart .learner-proficiency-domain-matrix .chart-area .matrix-chart .chart-container .domain-chart-container .scrollable-chart #render-proficiency-matrix #skyline-group#skyline-group polyline, .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .skyline-report .skyline-overview .chart .proficiency-chart .learner-proficiency-domain-matrix .chart-area .matrix-chart .chart-container .domain-chart-container .scrollable-chart #render-proficiency-matrix #gradeline-group#skyline-group polyline { stroke-width: 6px; stroke: #fff !important; animation: polylineDash 8s linear forwards; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .skyline-report .skyline-overview .chart .proficiency-chart .learner-proficiency-domain-matrix .chart-area .matrix-chart .chart-container .domain-chart-container .scrollable-chart #render-proficiency-matrix #skyline-group#gradeline-group polyline, .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .skyline-report .skyline-overview .chart .proficiency-chart .learner-proficiency-domain-matrix .chart-area .matrix-chart .chart-container .domain-chart-container .scrollable-chart #render-proficiency-matrix #gradeline-group#gradeline-group polyline { stroke-width: 3px; stroke: #8fd383 !important; animation: polylineDash 4s linear forwards; } @keyframes polylineDash { to { stroke-dashoffset: 0; } } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .skyline-report .skyline-overview .chart .competencies-list { margin: auto; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .skyline-report .skyline-overview .chart .competencies-list .subject-name { font-weight: bold; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .skyline-report .skyline-overview .chart .competencies-list .domain-name { display: flex; padding-left: 15px; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .skyline-report .skyline-overview .chart .competencies-list .domain-name span { padding: 3px; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .skyline-report .skyline-overview .proficiency-tags .last-updated { text-align: right; margin-top: 15px; margin-right: 30px; font-size: 12px; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .skyline-report .skyline-overview .proficiency-tags .proficiency-legends { margin: 15px auto auto; width: 100%; display: grid; grid-template-columns: repeat(6, 1fr); justify-content: space-around; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .skyline-report .skyline-overview .proficiency-tags .proficiency-legends .legend { display: flex; justify-content: center; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .skyline-report .skyline-overview .proficiency-tags .proficiency-legends .legend .box { display: block; width: 15.6px; height: 15.6px; transform: rotate(90deg); margin-right: 8.4px; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .skyline-report .skyline-overview .proficiency-tags .proficiency-legends .legend .box-class-grade-line { width: 18px; height: 5px; margin-top: 4px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5) !important; margin-right: 8.4px; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .skyline-report .skyline-overview .proficiency-tags .proficiency-legends .legend .box-skyline { width: 18px; height: 10px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5) !important; margin-right: 8.4px; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .skyline-report .skyline-overview .proficiency-tags .proficiency-legends .legend .title { line-height: 13px; font-size: 12px; color: #535e66 !important; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .skyline-report .skyline-overview .proficiency-tags .proficiency-legends .legend.mastered .box { background-color: #4b8fe2 !important; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .skyline-report .skyline-overview .proficiency-tags .proficiency-legends .legend.in-progress .box { background-color: #1aa9eb !important; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .skyline-report .skyline-overview .proficiency-tags .proficiency-legends .legend.not-started .box { background-color: #cdcdcd !important; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .skyline-report .skyline-overview .proficiency-tags .proficiency-legends .legend.show-gut .box { background-image: linear-gradient(to bottom, #687782, #37424b) !important; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .skyline-report .skyline-overview .proficiency-tags .proficiency-legends .legend.skyline .box-skyline { background-color: #fff !important; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .header-container .report-period-selector .report-download .report-container .body-penal .skyline-report .skyline-overview .proficiency-tags .proficiency-legends .legend.class-grade-line .box-class-grade-line { background-color: #8fd383 !important; } .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .report-summery, .student_class .content .gru-student-class-progress-report-popup .class-progress-report-container .student-competency { display: none !important; } .students-proficiency-header { display: none !important; } .weekly-report.student-weekly-report .weekly-report-container .header-container { display: none !important; } .weekly-report.student-weekly-report .weekly-report-container .body-container { height: auto !important; display: block !important; width: 800px; } .weekly-report.student-weekly-report .weekly-report-container .body-scroll { display: none !important; } .students-progress-report .print-preview { display: none !important; } .students-progress-report .students-progress-report-container .student-basic-details, .students-progress-report .students-progress-report-container .student-analytic-report, .students-progress-report .students-progress-report-container .competencies-mastered-list-panel, .students-progress-report .students-progress-report-container .competencies-target-list, .students-progress-report .students-progress-report-container .competencies-areas-concern { border: 1px solid #979797; } .students-progress-report .students-progress-report-container .student-analytic-report, .students-progress-report .students-progress-report-container .competencies-mastered-list-panel, .students-progress-report .students-progress-report-container .competencies-target-list, .students-progress-report .students-progress-report-container .competencies-areas-concern { border-radius: 4px; } .students-progress-report .students-progress-report-container .student-basic-details .student-performance-section .count-card.mastered i { color: #0072bc !important; } .students-progress-report .students-progress-report-container .student-basic-details .student-performance-section .count-card.inprogress i { color: #84b7dd !important; } .students-progress-report .students-progress-report-container .student-analytic-report .analytic-panel span.suggest-icon i { color: #de7a1d !important; } .students-progress-report .grade-range-0-59 { background: #f46360 !important; } .students-progress-report .grade-range-60-69 { background: #de7a1d !important; } .students-progress-report .grade-range-70-79 { background: #f8ba41 !important; } .students-progress-report .grade-range-80-89 { background: #2bcc8d !important; } .students-progress-report .grade-range-90-100 { background: #2bcc8d !important; } .adw-report-preview { display: block; } .adw-report-preview .student-evidence { page-break-inside: avoid; page-break-after: always !important; page-break-before: always !important; min-height: 900px; } .adw-report-preview .student-evidence .student-data .evidence-data .image-container { display: block; } .adw-report-preview .pagebreak { page-break-after: always !important; page-break-before: always !important; page-break-inside: avoid !important; margin-bottom: 40px; } .reports.pull-up-collection-report { position: absolute; } /*# sourceMappingURL=gooru-print.css.map */