- needed to position the dropdown content */ .path-mod-pdfannotator .dropdown { position: relative; display: inline-block; } /* Dropdown Content (Hidden by Default) */ .path-mod-pdfannotator .dropdown-content { display: none; position: absolute; background-color: #f1f1f1; min-width: 160px; box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2); z-index: 55; } /* Links inside the dropdown */ .path-mod-pdfannotator .dropdown-content a { color: black; padding: 12px 16px; text-decoration: none; display: block; } /* Change color of dropdown links on hover */ .path-mod-pdfannotator .dropdown-content a:hover { background-color: #ddd; } .path-mod-pdfannotator .dropdown [type="button"] { -webkit-appearance: none; } /* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */ .path-mod-pdfannotator .show { display: block; } .path-mod-pdfannotator a.morelink { text-decoration: none !important; outline: none; } .path-mod-pdfannotator .morecontent > span { display: none; } .path-mod-pdfannotator .annotator { text-decoration: none !important; } /******************************************** END: mainly for overview.mustache *******************************************/ .path-mod-pdfannotator :disabled img { opacity: 0.4; } .path-mod-pdfannotator #currentPage { width: 50px; text-align: right; } .path-mod-pdfannotator .pdfannotatornavbar.nav.nav-tabs.m-b-1 { border-bottom: 0 !important; margin-bottom: 0 !important; } .path-mod-pdfannotator #loader { position: absolute; left: 50%; top: 50%; z-index: 99; margin: -75px 0 0 -75px; border: 16px solid #f3f3f3; border-radius: 50%; border-top: 16px solid #3498db; width: 120px; height: 120px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Add animation to "page content" */ .path-mod-pdfannotator .animate-bottom { position: relative; -webkit-animation-name: animatebottom; -webkit-animation-duration: 1s; animation-name: animatebottom; animation-duration: 1s; } @-webkit-keyframes animatebottom { from { bottom: -100px; opacity: 0; } to { bottom: 0; opacity: 1; } } @keyframes animatebottom { from { bottom: -100px; opacity: 0; } to { bottom: 0; opacity: 1; } } .path-mod-pdfannotator .pdfannotator-statistic #chart-container { min-height: 500px; } .toolbaritem .pdfannotator_text { display: inline-block; visibility: visible; } .path-mod-pdfannotator [contenteditable] { -webkit-user-select: text; user-select: text; } .path-mod-pdfannotator #id_pdfannotator_content { display: none !important; } /** // This file is part of mod_publication for Moodle - http://moodle.org/ // // It is free software: you can redistribute it and/or modify // it under the terms of the GNU General Public License as published by // the Free Software Foundation, either version 3 of the License, or // (at your option) any later version. // // It is distributed in the hope that it will be useful, // but WITHOUT ANY WARRANTY; without even the implied warranty of // MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the // GNU General Public License for more details. // // You should have received a copy of the GNU General Public License // If not, see . */ /** * Styles for mod_publication * * @package mod_publication * @author Philipp Hager * @author Andreas Windbichler * @copyright 2014 Academic Moodle Cooperation {@link http://www.academic-moodle-cooperation.org} * @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later */ /* General Styles */ #page-mod-publication-view div.availability { margin-bottom: 10px; margin-left: 10px; } #page-mod-publication-view div.availability div { clear: both; } #page-mod-publication-view div.availability span { display: block; float: left; min-width: 170px; } #page-mod-publication-view div.assignurl { margin-bottom: 10px; margin-left: 10px; } #page-mod-publication-view div.assignurl div.singlebutton, #page-mod-publication-view div.assignurl div.singlebutton form, #page-mod-publication-view div.assignurl div.singlebutton form div { display: inline; } #page-mod-publication-view div.assignurl div.singlebutton form div { padding-left: 10px; } #page-mod-publication-view fieldset#id_myfiles table { margin-left: 8px; } /* scroll table if page is too small */ #page-mod-publication-view div#id_allfiles { border: 1px solid #d0d3ca; margin: 10px; padding: 10px; } #page-mod-publication-view div#id_allfiles div.legend { background-color: #fff; font-weight: bold; margin-top: -20px; padding: 2px 5px; position: absolute; } .path-mod-publication table.publications .onlinetextpreview { padding-left: 0.5rem; } /* .. ie */ .ie#page-mod-publication-view fieldset#id_allfiles { display: block; } /* end scroll */ #page-mod-publication-view fieldset#id_allfiles div div.no-overflow { margin-bottom: 1em; padding-bottom: 0; } #page-mod-publication-view fieldset#id_allfiles table#attempts { margin-bottom: 0; } #page-mod-publication-view fieldset#id_allfiles table#attempts span.timemodified { font-size: 0.9em; font-style: italic; } #page-mod-publication-view fieldset#id_allfiles { padding-top: 4px; } #page-mod-publication-view div.mod-publication-download-link { text-align: right; } #page-mod-publication-view div#id_allfiles table#attempts th.c0, #page-mod-publication-view div#id_allfiles table#attempts td.c0 { text-align: center; } #page-mod-publication-view table.filetable, #page-mod-publication-view table.filetable td, #page-mod-publication-view table.filetable tr, #page-mod-publication-view table.statustable, #page-mod-publication-view table.statustable td, #page-mod-publication-view table.statustable tr, #page-mod-publication-view table.permissionstable, #page-mod-publication-view table.permissionstable td, #page-mod-publication-view table.permissionstable tr { border-width: 0; padding: 1px 3px 1px 1px; white-space: nowrap; height: 2.5rem !important; /* stylelint-disable-line declaration-no-important */ } #page-mod-publication-view table.statustable tbody td, #page-mod-publication-view table.permissionstable tbody td, #page-mod-publication-view table.filetable tbody td { background-color: transparent; } #page-mod-publication-view table.statustable td, #page-mod-publication-view table.filetable td { height: 30px; } #page-mod-publication-view table.statustable { text-align: center; width: 100%; } #page-mod-publication-view table.permissionstable { text-align: left; width: 100%; } #page-mod-publication-view table.permissionstable select { margin-bottom: 0; } #page-mod-publication-view div.withselection select { margin-left: 4px; margin-right: 4px; } #page-mod-publication-view .visibilitysaver { float: right; } #page-mod-publication-view #dates { border-width: 0; } #page-mod-publication-view #dates .c0 { text-align: left; } #page-mod-publication-view #dates td { padding-bottom: 0; padding-top: 0; } #page-mod-publication-upload .fstatic, #page-mod-publication-upload .fstaticlabel { font-style: italic; } #page-mod-publication-view fieldset#id_myfiles .notice { font-style: italic; margin-bottom: 6px; padding: 8px; } #page-mod-publication-mod select[name=importfrom] option[disabled] { color: #999; } .path-mod-publication .publications table tr:nth-of-type(2n+1), .path-mod-publication .publications table tr:hover { background-color: transparent; } .path-mod-publication .statustable .approvaldetails { display: none; } .path-mod-publication .statustable .approvaldetails img { cursor: pointer; } .path-mod-publication .publicationoverlay table { margin-left: auto; margin-right: auto; } .path-mod-publication .publicationoverlay table td, .path-mod-publication .publicationoverlay table th { padding: 0 5px; } .path-mod-publication .publicationoverlay table td, .path-mod-publication .publicationoverlay table th, .path-mod-publication .publicationoverlay table tr { border: none; } .path-mod-publication .publicationoverlay table td.noentries { text-align: center; } .path-mod-publication .publicationoverlay table td.time { text-align: right; } .path-mod-publication .modal .modal-body { max-width: 100%; overflow: auto; } .path-mod-publication table#attempts select.needs-approval { border: 0.2rem solid var(--info); } .path-mod-publication table#attempts .needs-approval-asterisk { font-size: 1.2rem; display: inline-block; margin-left: 0.2rem; } .path-mod-publication #id_myfilescontainer #fgroup_id_uploadgrp .col-form-label { display: none !important; /* stylelint-disable-line declaration-no-important */ } #page-mod-publication-upload #fitem_id_guideline .form-inline { align-items: flex-end !important; /* stylelint-disable-line declaration-no-important */ } #page-mod-publication-view.allfilespage .activity-header { display: none; } /** Question editing **/ #page-mod-questionnaire-questions .qcontainer .fitemtitle, #page-mod-questionnaire-questions #id_questionhdr .fitemtitle { display: none; } #page-mod-questionnaire-questions .qcontainer .qnums { font-weight: bold; float: left; color: gray; } #page-mod-questionnaire-questions .qcontainer .fstatic { width: 97%; margin-right: 1em; margin-left: 5px; /* Set a negative margin-bottom to save some vertical space! */ margin-bottom: -10px; } #page-mod-questionnaire-questions .mform .fitem fieldset.felement { margin-left: 0; padding-left: 1%; margin-bottom: 0; } #page-mod-questionnaire-preview fieldset, #page-mod-questionnaire-complete fieldset { margin-bottom: 0; } #page-mod-questionnaire-questions .mform .fitem .fitemtitle { text-align: left; margin-left: 10px; margin-bottom: 0; } #page-mod-questionnaire-questions .moving { border: medium dotted maroon; } div.qoptcontainer div.ftextarea { clear: both; float: none; width: 600px; margin: 0 auto 10px; } div.qoptcontainer div.ftextarea textarea.qopts { width: 600px; height: 10em; margin-left: 1px; } .response span.selected, .generalboxcontent span.selected { font-weight: bold; } td.selected { background-color: #e4f1fa; border: 1px solid gray; } #page-mod-questionnaire-myreport div.respdate { font-size: 0.8em; font-weight: bold; margin-bottom: 6px; padding-top: 6px; border-bottom: 1px dashed gray; } #page-mod-questionnaire-complete .message, #page-mod-questionnaire-complete .notifyproblem, #page-mod-questionnaire-preview .message, #page-mod-questionnaire-preview .notifyproblem, #page-mod-questionnaire-complete .thankbody, #page-mod-questionnaire-complete .thankhead { background-color: #fff; border-style: solid; border-width: 2px; margin-bottom: 10px; padding: 5px; } #page-mod-questionnaire-complete .notifyproblem, #page-mod-questionnaire-preview .notifyproblem { border-color: red; } #page-mod-questionnaire-fbsections .notifyproblem { text-align: left; padding: 0; } #page-mod-questionnaire-complete .message, #page-mod-questionnaire-preview .message, #page-mod-questionnaire-complete .thankbody, #page-mod-questionnaire-complete .thankhead { border-color: blue; } .surveyPage { background-color: #eee; border-bottom-color: #000; border-bottom-style: solid; border-bottom-width: 1px; clear: right; padding: 3px; margin-bottom: 5px; margin-top: 0; } /* alternate columns formatting */ #page-mod-questionnaire-complete .c0, #page-mod-questionnaire-preview .c0, #page-mod-questionnaire-print .c0, #page-mod-questionnaire-report .individual .c0, #page-mod-questionnaire-myreport .individual .c0 { background-color: #fafafa; border: 1px solid silver; padding-left: 5px; padding-right: 5px; } #page-mod-questionnaire-complete .raterow:hover, #page-mod-questionnaire-preview .raterow:hover { background-color: #e4f1fa; } #page-mod-questionnaire-complete td.raterow:hover, #page-mod-questionnaire-preview td.raterow:hover { border: 1px solid navy; } #page-mod-questionnaire-complete td.notanswered, #page-mod-questionnaire-preview td.notanswered { /* border: none; */ background-color: #fafafa; } #page-mod-questionnaire-complete td.notcompleted, #page-mod-questionnaire-preview td.notcompleted { border: 2px solid red; background-color: #fafafa; } #page-mod-questionnaire-complete .c1, #page-mod-questionnaire-preview .c1, #page-mod-questionnaire-print .c1, #page-mod-questionnaire-report .individual .c1, #page-mod-questionnaire-myreport .individual .c1 { background-color: #eee; border: 1px solid silver; padding-left: 5px; padding-right: 5px; } #page-mod-questionnaire-myreport .individualresp, #page-mod-questionnaire-preview .individualresp, #page-mod-questionnaire-print .individualresp { border: #c0c0c0 1px solid; padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 0; margin-bottom: 10px; margin-top: 10px; } #page-mod-questionnaire-complete .notice .buttons div, #page-mod-questionnaire-complete .notice .buttons form { display: inline; } #page-mod-questionnaire-complete .notice .buttons input { margin-bottom: 10px; } .floatprinticon { margin-top: -30px; float: right; } #page-mod-questionnaire-complete .mod_questionnaire_controlbuttons { text-align: center; width: 100%; position: relative; } #page-mod-questionnaire-complete .mod_questionnaire_controlbuttons .control-button-prev { float: left; } #page-mod-questionnaire-complete .mod_questionnaire_controlbuttons .control-button-save { margin-left: 20%; } #page-mod-questionnaire-complete .mod_questionnaire_controlbuttons .control-button-prev + .control-button-save { margin-left: 0; } #page-mod-questionnaire-complete .mod_questionnaire_controlbuttons .control-button-next, #page-mod-questionnaire-complete .mod_questionnaire_controlbuttons .control-button-submit { float: right; } #page-mod-questionnaire-complete .mod_questionnaire_controlbuttons input { margin-right: 0; } #page-mod-questionnaire-complete .mod_questionnaire_completepage .generalbox .notice { padding: 0.5em 0 0.5em 0; } /* progress bar styling */ #page-mod-questionnaire-complete .questionnaire-progressbar { height: 14px; margin-top: 5px; border: 1px solid #dedede; border-radius: 5px; width: auto; overflow: hidden; } #page-mod-questionnaire-complete .questionnaire-progressbar-progress { background-color: #1177d1; height: 100%; border-bottom-left-radius: 5px; border-top-left-radius: 5px; } #page-mod-questionnaire-complete .questionnaire-progressbar-info { float: right; } #page-mod-questionnaire-complete #questionnaire-progressbar-percent { margin-left: 5px; margin-right: 5px; min-width: 25px; text-align: center; } #page-mod-questionnaire-complete .questionnaire-progressbar-wrapper { margin-top: 15px; margin-bottom: 15px; margin-left: 10px; height: auto; overflow: hidden; } #page-mod-questionnaire-complete .mod_questionnaire_completepage.generalbox .homelink ~ .homelink { padding-top: 10px; } .qn-legend { float: left; font-size: inherit; width: auto; } /* format paragraph top and bottom margins for better vertical positioning in questions text */ .qn-question p { margin-bottom: 0.6em; margin-top: 0.5em; } .qn-question { padding-left: 5px; padding-right: 5px; padding-bottom: 0.1em; padding-top: 0.1em; /* make background same color as quiz question text */ background-color: #e4f1fa; } #page-mod-questionnaire-questions .qn-question { margin-left: 40px; } .unselected { color: gray; } /*respondents list feature*/ .respondentscolumn { float: left; margin-left: 20px; } .respondentsnavbar { text-align: center; padding-bottom: 5px; padding-top: 5px; margin-bottom: 5px; background-color: #f2f2f2; } /* new quiz-like formatting for 2.5 */ #page-mod-questionnaire-questions .qn-container { border: 1px dotted gray; margin-bottom: 1em; } .dir-rtl .qn-container { text-align: right; } .qn-info { float: left; width: auto; padding: 7px; background: #eee; font-weight: bold; } .qn-info h2.qn-number { margin: 0; font-size: 1.5em; line-height: 1.2em; } .qn-question, .qn-answer { margin: 0 0 0.5em; overflow: auto; } .qn-answer input[type=radio] { margin-left: 0.5em; } .qn-answer > label + input[type=radio] { margin-left: 0; } .qn-answer > textarea, .qn-content .editor_atto_wrap .editor_atto_content { resize: vertical; } .qn-answer textarea, .qn-answer input[type="text"] { box-sizing: border-box; height: auto; } #notice .qn-question { margin: 0; } .req { font-size: x-small; } .qdepend { color: red; padding-left: 5px; margin-bottom: 5px; } .qdepend-or { color: orange; padding-left: 5px; margin-bottom: 5px; } .qn-content { margin-bottom: 10px; margin-left: 55px; } /* move horizontal radio buttons closer to their labels */ .qn-answer input[type="radio"], .qn-answer input[type="checkbox"] { margin-right: 3px; } #page-mod-questionnaire-show_nonrespondents input[type="radio"] { margin-right: 1px; } .qn-answer label, #page-mod-questionnaire-show_nonrespondents label { margin-right: 0.6em; } .hidedependquestion { color: red; display: none; } #page-mod-questionnaire-fbsections .c0, #page-mod-questionnaire-fbsections .c1 { border: 1px solid silver; padding-left: 4px; padding-right: 4px; } #page-mod-questionnaire-fbsections .c0 { background-color: #fafafa; } #page-mod-questionnaire-fbsections .c1 { background-color: #eee; } #page-mod-questionnaire-fbsections input[type="radio"] { margin-right: 0; } #page-mod-questionnaire-fbsections .qn-legend { padding-left: 8px; } #page-mod-questionnaire-fbsections .qcontainer.qcontent { margin-bottom: -5em; } #page-mod-questionnaire-report div.chart { overflow: auto; margin-left: -40px; } #page-mod-questionnaire-report .generaltable.questionnairereport td { border: 1px solid silver; } .qn-container .smalltext { font-size: 0.75em; } #page-mod-questionnaire-questions #region-main .mform .fitem .felement { margin-bottom: 0; } .qn-indent { margin-left: 20px; } .mod_questionnaire_flex-container { display: inline-flex; } #page-mod-questionnaire-view .mod_questionnaire_viewpage div.complete, #page-mod-questionnaire-view .mod_questionnaire_viewpage div.yourresponse, #page-mod-questionnaire-view .mod_questionnaire_viewpage div.allresponses { flex-grow: 1; margin-right: 10px; } #page-mod-questionnaire-questions #fitem_id_allchoices #id_allchoices, #page-mod-questionnaire-questions #fitem_id_allnameddegrees #id_allnameddegrees { resize: both; } .path-mod-questionnaire .slidecontainer { width: 100%; } .path-mod-questionnaire .slider { -webkit-appearance: none; width: 100%; outline: none; opacity: 0.7; -webkit-transition: .2s; transition: opacity .2s; float: left; margin-top: 40px; } .path-mod-questionnaire .slider input { width: 100%; } .path-mod-questionnaire .slider:hover { opacity: 1; } .path-mod-questionnaire .slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 100%; height: 25px; background: #04aa6d; cursor: pointer; border-radius: 50%; } .path-mod-questionnaire .slider::-moz-range-thumb { width: 25px; height: 25px; background: #04aa6d; cursor: pointer; } .path-mod-questionnaire .question-slider { display: flex; align-items: baseline; } .path-mod-questionnaire .left-side-label { text-align: right; padding-right: 20px; margin-top: 40px; flex-grow: 1; } .path-mod-questionnaire .right-side-label { text-align: left; padding-left: 20px; margin-top: 40px; flex-grow: 1; } .path-mod-questionnaire .middle-side-content { flex-grow: 8; display: flex; flex-direction: column; align-items: center; justify-content: center; } .path-mod-questionnaire .middle-side-label { text-align: center; } .path-mod-questionnaire .bubble { background: #000; color: white; padding: 3px; border-radius: 10px; left: 50%; transform: translate(-52%, -50px); position: relative; text-align: center; width: 40px; } .path-mod-questionnaire .bubble::after { content: ""; position: absolute; width: 2px; height: 2px; left: 50%; } @charset "UTF-8"; #page-mod-quickquiz-view .breadcrumb { display: none; } #page-mod-quickquiz-view h2 { padding-top: 10px; } #page-mod-quickquiz-view #questions-answers-list-title { margin-top: 3rem; } #page-mod-quickquiz-view #quiz-info-jumbotron { padding: 1rem 0.5rem; background: #e4e4e4; } @media (min-width: 768px) { #page-mod-quickquiz-view #quiz-info-jumbotron { padding: 2rem 5rem 2rem 5rem; } } #page-mod-quickquiz-view #quiz-info-jumbotron .jumbotron-prefix { font-weight: bold; } #page-mod-quickquiz-view #quiz-info-jumbotron #edit-quiz-button, #page-mod-quickquiz-view #quiz-info-jumbotron #open-unpublish-quiz-modal-button { margin-left: 1rem; } #page-mod-quickquiz-view #mod_quickquiz_infopanel_wrapper { margin-top: 20px; height: 70px; z-index: 1; } #page-mod-quickquiz-view #mod_quickquiz_infopanel_wrapper #take-interactive-quiz-text { text-align: right; } #page-mod-quickquiz-view #mod_quickquiz_infopanel_wrapper .start-interactive-quiz-button { line-height: normal; padding: 0.3rem; } #page-mod-quickquiz-view #mod_quickquiz_infopanel_wrapper #mod_quickquiz_infopanel { position: absolute; height: 70px; box-sizing: border-box; width: 100%; } #page-mod-quickquiz-view #mod_quickquiz_infopanel_wrapper #mod_quickquiz_infopanel_inner { display: flex; height: fit-content; padding: 0 4px; margin: 0 auto; background: #e4e4e4; } @media screen and (max-width: 768px) { #page-mod-quickquiz-view #mod_quickquiz_infopanel_wrapper #mod_quickquiz_infopanel_inner .card-body { margin-top: 0.2rem; } #page-mod-quickquiz-view #mod_quickquiz_infopanel_wrapper #mod_quickquiz_infopanel_inner .inner-col { margin: 0; } #page-mod-quickquiz-view #mod_quickquiz_infopanel_wrapper #mod_quickquiz_infopanel_inner #end-quiz-button { padding: 0.1rem; margin-top: 0.5rem; } } @media screen and (min-width: 768px) { #page-mod-quickquiz-view #mod_quickquiz_infopanel_wrapper #mod_quickquiz_infopanel_inner { max-width: 80%; padding: 2px 20px; } #page-mod-quickquiz-view #mod_quickquiz_infopanel_wrapper #mod_quickquiz_infopanel_inner .prefix-col { text-align: right; } #page-mod-quickquiz-view #mod_quickquiz_infopanel_wrapper #mod_quickquiz_infopanel_inner .suffix-col { padding-left: 0; } } #page-mod-quickquiz-view #mod_quickquiz_infopanel_wrapper #mod_quickquiz_infopanel_inner p { margin-bottom: 0; } #page-mod-quickquiz-view #mod_quickquiz_infopanel_wrapper #mod_quickquiz_infopanel_inner #end-quiz-button-col { text-align: center; } #page-mod-quickquiz-view #mod_quickquiz_infopanel_wrapper #mod_quickquiz_infopanel_inner .mod_quickquiz_infoitem { flex: 1 1 0; font-size: 20px; line-height: 15px; } @media screen and (min-width: 768px) { #page-mod-quickquiz-view #mod_quickquiz_infopanel_wrapper #mod_quickquiz_infopanel_inner .mod_quickquiz_infoitem { line-height: initial; } } #page-mod-quickquiz-view #mod_quickquiz_infopanel_wrapper #mod_quickquiz_infopanel_inner .row { width: 100%; font-size: 0.9rem; float: right; } @media screen and (min-width: 768px) { #page-mod-quickquiz-view #mod_quickquiz_infopanel_wrapper #mod_quickquiz_infopanel_inner .row { align-items: center; font-size: initial; } } #page-mod-quickquiz-view .questions-list { /* removes the current list numbers */ list-style: none; /* creates a new counter */ counter-reset: list; } @media (max-width: 768px) { #page-mod-quickquiz-view .questions-list { padding-inline-start: 12px; } } #page-mod-quickquiz-view .questions-list li { border-bottom: 0.5px #e9ecef solid; } #page-mod-quickquiz-view .questions-list li::before { /* increment the counter by 1 */ counter-increment: list; /* output the counter, with a dot at the end */ content: counter(list) "."; z-index: 1; display: inline-block; } @media (min-width: 768px) { #page-mod-quickquiz-view .questions-list li::before { width: 2rem; } } #page-mod-quickquiz-view .questions-list .quickquiz-card { vertical-align: middle; display: inline-block; border: none; line-height: 1.1rem; width: 80%; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } @media (min-width: 768px) { #page-mod-quickquiz-view .questions-list .quickquiz-card { width: 90%; } } #page-mod-quickquiz-view .questions-list .quickquiz-card .form-control { -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; height: 1.5rem; } #page-mod-quickquiz-view .questions-list .quickquiz-card .card-body { flex: 1 1 auto; padding: 1.5px 2rem; height: min-content; } @media (max-width: 768px) { #page-mod-quickquiz-view .questions-list .quickquiz-card .card-body { padding-right: 0; } #page-mod-quickquiz-view .questions-list .quickquiz-card .card-body .question-col { padding-right: 0; } } #page-mod-quickquiz-view .questions-list .quickquiz-card .text-answer { font-weight: bold; line-height: 1.1rem; } #page-mod-quickquiz-view .questions-list .quickquiz-card .mod_quickquiz_question_answer { float: initial; } @media (max-width: 768px) { #page-mod-quickquiz-view .questions-list .quickquiz-card .mod_quickquiz_question_answer { margin-top: 0.5rem; margin-bottom: 0.5rem; } } #page-mod-quickquiz-view .questions-list .quickquiz-card .form-control.is-invalid { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9534f' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E"); } #page-mod-quickquiz-view .questions-list .quickquiz-card .form-control.is-invalid:after { content: "f00d"; font-family: "FontAwesome"; } #page-mod-quickquiz-view #questions-only-list .mcq-answers-list { margin-top: 0.5rem; margin-bottom: 0.4rem; counter-reset: answers; padding-left: 0; } #page-mod-quickquiz-view #questions-only-list .mcq-answers-list li { display: block; margin-bottom: 0.1rem; border-bottom: none; } #page-mod-quickquiz-view #questions-only-list .mcq-answers-list li::before { content: counter(answers, upper-alpha) "."; counter-increment: answers; } #page-mod-quickquiz-view .mod_quickquiz_question { padding-top: 5px; padding-bottom: 5px; } #page-mod-quickquiz-view .mcq-answers label { color: initial; } #page-mod-quickquiz-view .mcq-answers label.correct-answer-label { color: #009c00; } #page-mod-quickquiz-view .mcq-answers label.incorrect-answer-label { color: #c11313; } @media (min-width: 768px) { #page-mod-quickquiz-view .mod_quickquiz_question { padding-top: 10px; padding-bottom: 10px; display: flex; } #page-mod-quickquiz-view .mod_quickquiz_question_body { margin-right: 10px; } } #page-mod-quickquiz-view .card { position: relative; } #page-mod-quickquiz-view .mb-3, #page-mod-quickquiz-view .my-3 { margin-bottom: 0 !important; } #page-mod-quickquiz-view .mod_quickquiz_question form { margin-bottom: 1rem; } #page-mod-quickquiz-view .mqq_lt500 .mod_quickquiz_infoitem, #page-mod-quickquiz-view .mqq_lt400 .mod_quickquiz_infoitem { font-size: 16px; } #page-mod-quickquiz-view .mod_quickquiz_timer { flex-grow: 2; display: none; } #page-mod-quickquiz-view .mod_quickquiz_timer.active, #page-mod-quickquiz-view .mod_quickquiz_timer.visible { display: initial; } #page-mod-quickquiz-view .mod_quickquiz_scorenums { color: #666; font-weight: 700; display: inline-block; } #page-mod-quickquiz-view #mod_quickquiz_score { color: #333; } #page-mod-quickquiz-view #open-report-error-modal-button { margin-left: 0.9rem; } #page-mod-quickquiz-view #report-error-modal .login-buttons-row .btn { margin-right: 0.5rem; } #page-mod-quickquiz-edit_quiz #page-content #edit-quiz-buttons-container a, #page-mod-quickquiz-edit_quiz #page-content #edit-quiz-buttons-container button, #page-mod-quickquiz-edit_quiz #main #edit-quiz-buttons-container a, #page-mod-quickquiz-edit_quiz #main #edit-quiz-buttons-container button, #page-mod-quickquiz-user_submissions-submit #page-content #edit-quiz-buttons-container a, #page-mod-quickquiz-user_submissions-submit #page-content #edit-quiz-buttons-container button, #page-mod-quickquiz-user_submissions-submit #main #edit-quiz-buttons-container a, #page-mod-quickquiz-user_submissions-submit #main #edit-quiz-buttons-container button, #page-mod-quickquiz-user_submissions-review #page-content #edit-quiz-buttons-container a, #page-mod-quickquiz-user_submissions-review #page-content #edit-quiz-buttons-container button, #page-mod-quickquiz-user_submissions-review #main #edit-quiz-buttons-container a, #page-mod-quickquiz-user_submissions-review #main #edit-quiz-buttons-container button { margin-bottom: 1rem; margin-left: 0.2rem; } #page-mod-quickquiz-edit_quiz #page-content #edit-quiz-buttons-container #open-help-modal-button, #page-mod-quickquiz-edit_quiz #main #edit-quiz-buttons-container #open-help-modal-button, #page-mod-quickquiz-user_submissions-submit #page-content #edit-quiz-buttons-container #open-help-modal-button, #page-mod-quickquiz-user_submissions-submit #main #edit-quiz-buttons-container #open-help-modal-button, #page-mod-quickquiz-user_submissions-review #page-content #edit-quiz-buttons-container #open-help-modal-button, #page-mod-quickquiz-user_submissions-review #main #edit-quiz-buttons-container #open-help-modal-button { border-radius: 50%; float: right; } #page-mod-quickquiz-edit_quiz #page-content #questions-table tbody td, #page-mod-quickquiz-edit_quiz #main #questions-table tbody td, #page-mod-quickquiz-user_submissions-submit #page-content #questions-table tbody td, #page-mod-quickquiz-user_submissions-submit #main #questions-table tbody td, #page-mod-quickquiz-user_submissions-review #page-content #questions-table tbody td, #page-mod-quickquiz-user_submissions-review #main #questions-table tbody td { vertical-align: middle; } #page-mod-quickquiz-edit_quiz #page-content #questions-table .answers-list-title, #page-mod-quickquiz-edit_quiz #main #questions-table .answers-list-title, #page-mod-quickquiz-user_submissions-submit #page-content #questions-table .answers-list-title, #page-mod-quickquiz-user_submissions-submit #main #questions-table .answers-list-title, #page-mod-quickquiz-user_submissions-review #page-content #questions-table .answers-list-title, #page-mod-quickquiz-user_submissions-review #main #questions-table .answers-list-title { font-weight: bold !important; } @media (max-width: 768px) { #page-mod-quickquiz-edit_quiz #page-content #questions-table .inplaceeditable.inplaceeditingon input, #page-mod-quickquiz-edit_quiz #main #questions-table .inplaceeditable.inplaceeditingon input, #page-mod-quickquiz-user_submissions-submit #page-content #questions-table .inplaceeditable.inplaceeditingon input, #page-mod-quickquiz-user_submissions-submit #main #questions-table .inplaceeditable.inplaceeditingon input, #page-mod-quickquiz-user_submissions-review #page-content #questions-table .inplaceeditable.inplaceeditingon input, #page-mod-quickquiz-user_submissions-review #main #questions-table .inplaceeditable.inplaceeditingon input { width: auto; } } #page-mod-quickquiz-edit_quiz #page-content #edit-answers-modal input[type=radio], #page-mod-quickquiz-edit_quiz #main #edit-answers-modal input[type=radio], #page-mod-quickquiz-user_submissions-submit #page-content #edit-answers-modal input[type=radio], #page-mod-quickquiz-user_submissions-submit #main #edit-answers-modal input[type=radio], #page-mod-quickquiz-user_submissions-review #page-content #edit-answers-modal input[type=radio], #page-mod-quickquiz-user_submissions-review #main #edit-answers-modal input[type=radio] { margin: 0; position: relative; } #page-mod-quickquiz-edit_quiz #page-content #edit-answers-modal .delete-answer-button, #page-mod-quickquiz-edit_quiz #main #edit-answers-modal .delete-answer-button, #page-mod-quickquiz-user_submissions-submit #page-content #edit-answers-modal .delete-answer-button, #page-mod-quickquiz-user_submissions-submit #main #edit-answers-modal .delete-answer-button, #page-mod-quickquiz-user_submissions-review #page-content #edit-answers-modal .delete-answer-button, #page-mod-quickquiz-user_submissions-review #main #edit-answers-modal .delete-answer-button { border: none; padding: revert; background: transparent; outline: none; } #page-mod-quickquiz-export #quickquiz-nav-button-container, #page-mod-quickquiz-error_reports #quickquiz-nav-button-container, #page-mod-quickquiz-user_submissions-all #quickquiz-nav-button-container, #page-mod-quickquiz-user_submissions-my #quickquiz-nav-button-container, #page-mod-quickquiz-user_submissions-review #quickquiz-nav-button-container, #page-mod-quickquiz-user_submissions-index #quickquiz-nav-button-container, #page-mod-quickquiz-user_submissions-submit #quickquiz-nav-button-container { text-align: center; margin-bottom: 1rem; } @media (min-width: 768px) { #page-mod-quickquiz-export #quickquiz-nav-button-container, #page-mod-quickquiz-error_reports #quickquiz-nav-button-container, #page-mod-quickquiz-user_submissions-all #quickquiz-nav-button-container, #page-mod-quickquiz-user_submissions-my #quickquiz-nav-button-container, #page-mod-quickquiz-user_submissions-review #quickquiz-nav-button-container, #page-mod-quickquiz-user_submissions-index #quickquiz-nav-button-container, #page-mod-quickquiz-user_submissions-submit #quickquiz-nav-button-container { float: left; } #page-mod-quickquiz-export #quickquiz-nav-button-container .second-button, #page-mod-quickquiz-error_reports #quickquiz-nav-button-container .second-button, #page-mod-quickquiz-user_submissions-all #quickquiz-nav-button-container .second-button, #page-mod-quickquiz-user_submissions-my #quickquiz-nav-button-container .second-button, #page-mod-quickquiz-user_submissions-review #quickquiz-nav-button-container .second-button, #page-mod-quickquiz-user_submissions-index #quickquiz-nav-button-container .second-button, #page-mod-quickquiz-user_submissions-submit #quickquiz-nav-button-container .second-button { margin-left: 0.5rem; } } #page-mod-quickquiz-user_submissions-index #create-quiz-call-to-action { margin-top: 2rem; } #page-mod-quickquiz-user_submissions-index #create-quiz-call-to-action #signup-button { margin-left: 1rem; } #page-mod-quickquiz-user_submissions-submit #quiz-settings-container .title-row, #page-mod-quickquiz-user_submissions-review #quiz-settings-container .title-row { font-weight: bold; margin-bottom: 0.5rem; } #page-mod-quickquiz-user_submissions-submit #quiz-settings-container .content-row, #page-mod-quickquiz-user_submissions-review #quiz-settings-container .content-row { margin-bottom: 1.3rem; height: 1.8rem; } #page-mod-quickquiz-user_submissions-submit #quiz-settings-container .inplaceeditable.inplaceeditingon input, #page-mod-quickquiz-user_submissions-review #quiz-settings-container .inplaceeditable.inplaceeditingon input { width: auto; } #page-mod-quickquiz-user_submissions-submit #resubmit-quiz-button { margin-top: 1rem; font-weight: revert; color: white; } #page-mod-quickquiz-user_submissions-submit #quiz-instructions-container a:hover, #page-mod-quickquiz-user_submissions-submit #quiz-instructions-container a:focus { outline: none; text-decoration: none; } #page-mod-quickquiz-user_submissions-submit #quiz-instructions-container .tab { text-align: center; } #page-mod-quickquiz-user_submissions-submit #quiz-instructions-container .tab .nav-tabs { display: inline-flex; position: relative; border-bottom: none; margin-bottom: 5px; } #page-mod-quickquiz-user_submissions-submit #quiz-instructions-container .tab .nav-tabs li { margin: 0; } #page-mod-quickquiz-user_submissions-submit #quiz-instructions-container .tab .nav-tabs li a { display: block; padding: 80px 20px 10px; background: #fff; font-size: 17px; font-weight: 700; color: #999; text-transform: uppercase; text-align: center; border-radius: 0; border: none; border-bottom: 2px solid #fff; margin-right: 0; overflow: hidden; z-index: 1; position: relative; transition: all 0.3s ease 0s; } #page-mod-quickquiz-user_submissions-submit #quiz-instructions-container .tab .nav-tabs li a.active, #page-mod-quickquiz-user_submissions-submit #quiz-instructions-container .tab .nav-tabs li a:hover { color: #999; border: none; border-bottom: 2px solid #fff; } #page-mod-quickquiz-user_submissions-submit #quiz-instructions-container .tab .nav-tabs li a.active { border-bottom: 2px solid #29335c; } #page-mod-quickquiz-user_submissions-submit #quiz-instructions-container .tab .nav-tabs li a span { display: block; width: 50px; height: 50px; line-height: 50px; background: #f2f2f2; margin: auto; font-size: 22px; color: #999; border-radius: 5px; position: absolute; top: 10px; left: 0; right: 0; transform: rotate(45deg); } #page-mod-quickquiz-user_submissions-submit #quiz-instructions-container .tab .nav-tabs li.active a span { background: #29335c; color: #fff; } #page-mod-quickquiz-user_submissions-submit #quiz-instructions-container .tab .nav-tabs li a span i { transform: rotate(-45deg); } #page-mod-quickquiz-user_submissions-submit #quiz-instructions-container .tab .tab-content { padding: 20px; margin-top: -5px; font-size: 15px; color: #757575; line-height: 26px; text-align: left; border-top: 1px solid #e5e5e5; } #page-mod-quickquiz-user_submissions-submit #quiz-instructions-container .tab .tab-content h3 { font-size: 24px; margin-top: 0; } @media only screen and (max-width: 479px) { #page-mod-quickquiz-user_submissions-submit #quiz-instructions-container .tab .nav-tabs li { width: 100%; text-align: center; margin-bottom: 5px; } #page-mod-quickquiz-user_submissions-submit #quiz-instructions-container .tab .nav-tabs li:last-child { margin-bottom: 0; } } #page-mod-quickquiz-user_submissions-submit .instructions-list li { margin-top: 1rem; } #page-mod-quickquiz-user_submissions-submit .help-gif { max-width: 100%; display: block; } #page-mod-quickquiz-user_submissions-review #submission-status-prefix { font-weight: bold; } #page-mod-quickquiz-user_submissions-review #open-submission-status-modal-button { margin-left: 1rem; } #page-mod-quickquiz-user_submissions-review #edit-quiz-button { margin-left: 0.7rem; font-weight: 400; } #page-mod-quickquiz-export .dataTables_wrapper, #page-mod-quickquiz-error_reports .dataTables_wrapper { overflow: visible; clear: both; } #page-mod-quickquiz-export .dataTables_wrapper .direct-datatable-wrapper, #page-mod-quickquiz-error_reports .dataTables_wrapper .direct-datatable-wrapper { overflow-x: auto; width: 100%; } #page-mod-quickquiz-export .dataTables_wrapper table.dataTable, #page-mod-quickquiz-error_reports .dataTables_wrapper table.dataTable { width: 100% !important; } #page-mod-quickquiz-export .dataTables_wrapper .paginate_button, #page-mod-quickquiz-error_reports .dataTables_wrapper .paginate_button { padding: initial; } #page-mod-quickquiz-export .dt-buttons button, #page-mod-quickquiz-error_reports .dt-buttons button { margin-right: 1rem; float: left; } @media screen and (max-width: 768px) { #page-mod-quickquiz-export .filter-button, #page-mod-quickquiz-error_reports .filter-button { margin-left: 40%; margin-bottom: 1rem; } } #page-mod-quickquiz-export .download-csv-button, #page-mod-quickquiz-error_reports .download-csv-button { float: left; margin-right: 1rem; } #page-mod-quickquiz-export .filter-container, #page-mod-quickquiz-export .filter-collapse, #page-mod-quickquiz-error_reports .filter-container, #page-mod-quickquiz-error_reports .filter-collapse { padding: 0; } #page-mod-quickquiz-export .filter-container .form-check-input, #page-mod-quickquiz-export .filter-collapse .form-check-input, #page-mod-quickquiz-error_reports .filter-container .form-check-input, #page-mod-quickquiz-error_reports .filter-collapse .form-check-input { margin-left: -12.5px; } #page-mod-quickquiz-export .filter-container .form-group > .row, #page-mod-quickquiz-export .filter-collapse .form-group > .row, #page-mod-quickquiz-error_reports .filter-container .form-group > .row, #page-mod-quickquiz-error_reports .filter-collapse .form-group > .row { margin-right: 0; } #page-mod-quickquiz-export .filter-container .card, #page-mod-quickquiz-export .filter-collapse .card, #page-mod-quickquiz-error_reports .filter-container .card, #page-mod-quickquiz-error_reports .filter-collapse .card { padding-top: 0; } #page-mod-quickquiz-export .filter-col-container, #page-mod-quickquiz-error_reports .filter-col-container { max-height: 10rem; overflow-y: auto; overflow-x: hidden; margin-bottom: 1rem; } #page-mod-quickquiz-export .filter-col-container .row, #page-mod-quickquiz-error_reports .filter-col-container .row { margin-left: 0; margin-right: 0; } #page-mod-quickquiz-export .form-check-label, #page-mod-quickquiz-error_reports .form-check-label { margin-left: 0.5rem; font-weight: normal; } #page-mod-quickquiz-export a.select-all-button, #page-mod-quickquiz-error_reports a.select-all-button { display: block; outline: none; font-weight: normal; } #page-mod-quickquiz-export .popover-button, #page-mod-quickquiz-error_reports .popover-button { line-height: 1; vertical-align: middle; border: none; padding: 0; margin-left: 0.25rem; } #page-mod-quickquiz-export .popover-button:hover, #page-mod-quickquiz-export .popover-button:active, #page-mod-quickquiz-export .popover-button:focus, #page-mod-quickquiz-error_reports .popover-button:hover, #page-mod-quickquiz-error_reports .popover-button:active, #page-mod-quickquiz-error_reports .popover-button:focus { box-shadow: unset; border: none; outline: none; } #page-mod-quickquiz-export .fancy-checkbox, #page-mod-quickquiz-error_reports .fancy-checkbox { margin-top: 0; margin-bottom: 0; } #page-mod-quickquiz-export .fancy-checkbox .fancy-checkbox-label, #page-mod-quickquiz-error_reports .fancy-checkbox .fancy-checkbox-label { font-size: 1.5em; padding-left: 0; margin: 0; } #page-mod-quickquiz-export .fancy-checkbox .hidden-checkbox, #page-mod-quickquiz-error_reports .fancy-checkbox .hidden-checkbox { display: none; } #page-mod-quickquiz-export .fancy-checkbox .fancy-checkbox-icon-container, #page-mod-quickquiz-error_reports .fancy-checkbox .fancy-checkbox-icon-container { position: relative; border: 1px solid #bfbfbf; border-radius: 0.25em; width: 1.3em; height: 1.3em; float: left; margin-right: 0.5em; background: #fff; } #page-mod-quickquiz-export .fancy-checkbox .fancy-checkbox-icon, #page-mod-quickquiz-error_reports .fancy-checkbox .fancy-checkbox-icon { position: absolute; font-size: 0.8em; line-height: 0; top: 46%; left: 17%; color: #01af81; opacity: 0; transform: scale(2) rotateZ(-20deg); transition: all 0.15s ease-in; } #page-mod-quickquiz-export .fancy-checkbox input[type=checkbox]:checked + .fancy-checkbox-icon-container .fancy-checkbox-icon, #page-mod-quickquiz-error_reports .fancy-checkbox input[type=checkbox]:checked + .fancy-checkbox-icon-container .fancy-checkbox-icon { opacity: 1; transform: scale(1) rotateZ(0deg); } #page-mod-quickquiz-export .fancy-checkbox input[type=checkbox]:disabled + .fancy-checkbox-icon-container, #page-mod-quickquiz-error_reports .fancy-checkbox input[type=checkbox]:disabled + .fancy-checkbox-icon-container { opacity: 0.5; background: #eee; cursor: not-allowed; } #page-mod-quickquiz-export .dataTable td, #page-mod-quickquiz-error_reports .dataTable td { vertical-align: middle; } #page-mod-quickquiz-export .dataTable td.details-control:before, #page-mod-quickquiz-error_reports .dataTable td.details-control:before { content: ""; font-family: FontAwesome; display: table-cell; padding-left: 25%; color: #26c726; } #page-mod-quickquiz-export .dataTable tr.shown .details-control:before, #page-mod-quickquiz-error_reports .dataTable tr.shown .details-control:before { content: ""; font-family: FontAwesome; display: table-cell; padding-left: 25%; color: #f62626; } #page-mod-quickquiz-export div.slider, #page-mod-quickquiz-error_reports div.slider { display: none; position: relative; cursor: initial; background: transparent; } @media screen and (max-width: 768px) { #page-mod-quickquiz-export .dataTables_length, #page-mod-quickquiz-export .dataTables_filter, #page-mod-quickquiz-error_reports .dataTables_length, #page-mod-quickquiz-error_reports .dataTables_filter { float: none; } #page-mod-quickquiz-export th, #page-mod-quickquiz-export td, #page-mod-quickquiz-error_reports th, #page-mod-quickquiz-error_reports td { padding: 0.3em !important; } } #page-mod-quickquiz-user_submissions-my #no-quizzes-cell { text-align: center; } /*# sourceMappingURL=styles.css.map */ /** Bits that can appear on any page. */ .path-mod-quiz .statedetails { display: block; font-size: 0.7em; } /** Attempt and review pages **/ #page-mod-quiz-attempt #page .controls, #page-mod-quiz-summary #page .controls, #page-mod-quiz-review #page .controls { text-align: center; margin: 8px auto; } #page-mod-quiz-attempt .submitbtns, #page-mod-quiz-review .submitbtns { display: flex; } #page-mod-quiz-attempt .submitbtns .mod_quiz-next-nav, #page-mod-quiz-review .submitbtns .mod_quiz-next-nav { margin-left: auto; } .path-mod-quiz .mod_quiz-redo_question_button { margin: 0; } .path-mod-quiz input[type="submit"].mod_quiz-redo_question_button { padding: 2px 0.8em; font-size: 1em; } #page-mod-quiz-attempt .mod_quiz-blocked_question_warning .que .formulation, #page-mod-quiz-review .mod_quiz-blocked_question_warning .que .formulation { background: #eee; border: 1px solid #dcdcdc; } #page-mod-quiz-attempt #connection-ok, #page-mod-quiz-attempt #connection-error { position: fixed; top: 0; width: 80%; left: 10%; color: #555; border-radius: 0 0 10px 10px; box-shadow: 5px 5px 20px 0 #666; padding: 1em 1em 0; z-index: 10000; } #page-mod-quiz-attempt #connection-error { background-color: #fcc; } #page-mod-quiz-attempt #connection-ok { background-color: #cfb; width: 60%; left: 20%; } /** Mod quiz attempt **/ .generalbox#passwordbox { /* Should probably match .generalbox#intro above */ width: 70%; margin-left: auto; margin-right: auto; } #passwordform { margin: 1em 0; } /* Question navigation block. */ #quiznojswarning { color: red; } #quiznojswarning { font-size: 0.7em; line-height: 1.1; } .jsenabled #quiznojswarning { display: none; } .path-mod-quiz #user-picture { margin: 0.5em 0; } .path-mod-quiz #user-picture img { width: auto; height: auto; vertical-align: bottom; } .path-mod-quiz #mod_quiz_navblock h3.mod_quiz-section-heading { padding: 0.7em 0 0; margin: 0; clear: both; } .path-mod-quiz #mod_quiz_navblock h3.mod_quiz-section-heading:first-child { padding-top: 0; } .path-mod-quiz .qnbutton { display: block; position: relative; float: left; width: 1.5em; height: 1.5em; overflow: hidden; margin: 0.3em 0.3em 0.3em 0; padding: 0; border: 1px solid #bbb; background: #ddd; text-align: center; line-height: 1.5em; font-weight: bold; text-decoration: none; } .path-mod-quiz .qnbutton:visited:hover, .path-mod-quiz .qnbutton:link:hover { text-decoration: underline; } .path-mod-quiz .qnbutton .trafficlight, .path-mod-quiz .qnbutton .thispageholder { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .path-mod-quiz .qnbutton.thispage { border-color: #666; } .path-mod-quiz .qnbutton.thispage .thispageholder { border: 1px solid #666; } .path-mod-quiz .qnbutton.flagged .trafficlight { background: url(/theme/image.php/wui/quiz/1742904535/navflagged) no-repeat top right; } .path-mod-quiz .qnbutton.blocked, .path-mod-quiz .qnbutton.notyetanswered, .path-mod-quiz .qnbutton.requiresgrading, .path-mod-quiz .qnbutton.invalidanswer { background-color: white; } .path-mod-quiz .qnbutton.correct { background-color: #cfc; } .path-mod-quiz .qnbutton.correct .trafficlight { border-bottom: 3px solid #080; } .path-mod-quiz .qnbutton.partiallycorrect { background-color: #ffa; } .path-mod-quiz .qnbutton.notanswered, .path-mod-quiz .qnbutton.incorrect { background-color: #fcc; } .path-mod-quiz .qnbutton.blocked { color: #999; } .path-mod-quiz .qnbutton.notanswered .trafficlight, .path-mod-quiz .qnbutton.incorrect .trafficlight { border-top: 3px solid #800; } .path-mod-quiz .othernav { clear: both; margin: 0.5em 0; } .path-mod-quiz .othernav a, .path-mod-quiz .othernav input { display: block; margin: 0.5em 0; } #mod_quiz_navblock.nav-disabled > * { opacity: .65; pointer-events: none; cursor: not-allowed; } /** mod quiz mod **/ #page-mod-quiz-mod #id_reviewoptionshdr .fitem { width: 23%; margin-left: 10px; } #page-mod-quiz-mod #id_reviewoptionshdr fieldset.fgroup { width: 100%; text-align: left; margin-left: 0; } #page-mod-quiz-mod #id_reviewoptionshdr .fitem { float: left; width: 23%; clear: none; } #page-mod-quiz-mod #id_reviewoptionshdr .fitemtitle { width: 100%; font-weight: bold; text-align: left; height: 2.5em; margin-left: 0; } #page-mod-quiz-mod #id_reviewoptionshdr fieldset.fgroup { clear: left; margin: 0 0 1em; } #page-mod-quiz-mod #id_reviewoptionshdr fieldset.fgroup > span { float: left; clear: left; line-height: 1.7; } #page-mod-quiz-mod #id_reviewoptionshdr fieldset.fgroup span label { margin-left: 0.4em; } /** Mod quiz view **/ #page-mod-quiz-view .quizinfo, #page-mod-quiz-view #page .quizgradefeedback { text-align: center; } #page-mod-quiz-view #page .quizattemptsummary td p { margin-top: 0; } #page-mod-quiz-view table.quizattemptsummary tr.bestrow td { border-color: #bce8f1; background-color: #d9edf7; } table.quizattemptsummary .noreviewmessage { color: gray; } #page-mod-quiz-view .generaltable.quizattemptsummary { margin-left: auto; margin-right: auto; } #page-mod-quiz-view .generalbox#feedback .overriddennotice { text-align: center; font-size: 0.7em; } .quizstartbuttondiv.quizsecuremoderequired input, .quizstartbuttondiv.quizsecuremoderequired button { display: none; } .jsenabled .quizstartbuttondiv.quizsecuremoderequired input, .jsenabled .quizstartbuttondiv.quizsecuremoderequired button { display: inline; } .quizattempt #mod_quiz_preflight_form { display: none; } #mod_quiz_preflight_form .femptylabel .fitemtitle { display: none; } .moodle-dialogue-base .moodle-dialogue.mod_quiz_preflight_popup { width: 600px; } .moodle-dialogue-base .moodle-dialogue.mod_quiz_preflight_popup .moodle-dialogue-wrap { overflow: hidden; } .moodle-dialogue-base .moodle-dialogue.mod_quiz_preflight_popup .moodle-dialogue-bd { padding: 1rem; } /* Standard Moodle rule that needs to be more specific here. */ .moodle-dialogue-bd #mod_quiz_preflight_form fieldset.hidden { display: inherit; visibility: inherit; } body.path-mod-quiz .gradedattempt, body.path-mod-quiz table tbody tr.gradedattempt > td, body.path-mod-quiz table tbody tr.gradedattempt > td.sticky-column { border-color: #bce8f1; background-color: #d9edf7; } /** Mod quiz summary **/ #page-mod-quiz-summary #content { text-align: center; } #page-mod-quiz-summary .questionflag { vertical-align: text-bottom; } #page-mod-quiz-summary #quiz-timer { text-align: center; margin-top: 1em; } #page-mod-quiz-summary .submitbtns { margin-top: 1.5em; } #page-mod-quiz-edit .section .activity .actions .version-selection { width: 8em; padding: 0; } @media print { .quiz-secure-window * { display: none; } } /** Mod quiz review **/ table.quizreviewsummary { width: 100%; } table.quizreviewsummary th.cell { padding: 1px 0.5em 1px 1em; font-weight: bold; text-align: right; width: 10em; background: #f0f0f0; } table.quizreviewsummary td.cell { padding: 1px 1em 1px 0.5em; text-align: left; background: #fafafa; } /** Mod quiz make comment or override grade popup. **/ #page-mod-quiz-comment .mform { width: 100%; } #page-mod-quiz-comment .mform fieldset { margin: 0; border-bottom: none; } #page-mod-quiz-comment .que { margin: 0; } /** Mod quiz report **/ #page-mod-quiz-report h2.main { clear: both; } #page-mod-quiz-report .controls { text-align: center; } #page-mod-quiz-report .dubious { background-color: #fcc; } #page-mod-quiz-report .highlight { border: 1px solid #bce8f1; background-color: #d9edf7; } #page-mod-quiz-report .negcovar { border: medium solid pink; } #page-mod-quiz-report .gradetheselink { font-size: 0.8em; } #page-mod-quiz-report .mform fieldset.fgroup span label { margin-right: 14px; } #page-mod-quiz-report table th { white-space: normal; } #page-mod-quiz-report table#attempts td, #page-mod-quiz-report table.quizresponseanalysis td { word-wrap: break-word; max-width: 20em; } #page-mod-quiz-report table.titlesleft td.c0 { font-weight: bold; } #page-mod-quiz-report table .numcol { text-align: center; vertical-align: middle; } #page-mod-quiz-report table#attempts { clear: both; margin: 0.2em auto; } #page-mod-quiz-report table#attempts .header, #page-mod-quiz-report table#attempts .cell { padding: 4px; } #page-mod-quiz-report table#attempts .header .commands { display: inline; } #page-mod-quiz-report table#attempts .picture { width: 40px; } #page-mod-quiz-report table#attempts td { border-left-width: 1px; border-right-width: 1px; border-left-style: solid; border-right-style: solid; vertical-align: middle; } #page-mod-quiz-report table#attempts .header { text-align: left; } #page-mod-quiz-report table#attempts .picture { text-align: center; } #page-mod-quiz-report table#attempts.grades span.que, #page-mod-quiz-report table#attempts span.avgcell { white-space: nowrap; } #page-mod-quiz-report table#attempts span.que .requiresgrading { white-space: normal; } #page-mod-quiz-report table#attempts .questionflag { vertical-align: text-bottom; padding-left: 6px; } #page-mod-quiz-report .graph.flexible-wrap { text-align: center; overflow: auto; } #page-mod-quiz-report #cachingnotice { margin-bottom: 1em; padding: 0.2em; } #page-mod-quiz-report #cachingnotice .singlebutton { margin: 0.5em 0 0; } #page-mod-quiz-report .bold .reviewlink { font-weight: normal; } #page-mod-quiz-report tr.lastrowforattempt { border-bottom: lightgrey solid 0.2em; } #page-mod-quiz-report tr.quiz_statistics-summaryrow td.cell { padding-top: 1px; padding-bottom: 1px; border-top: none; } /** Mod quiz edit **/ #page-mod-quiz-edit .statusdisplay { background-color: #ffc; clear: both; margin: 0.3em 0; padding: 1px 10px; } #page-mod-quiz-edit .statusdisplay p { margin: 4px 0; } #page-mod-quiz-edit .mod_quiz-edit-top-controls { position: relative; } #page-mod-quiz-edit .mod_quiz-edit-action-buttons { display: block; min-height: 2.85em; } @media (max-width: 576px) { #page-mod-quiz-edit .maxgrade { margin-bottom: 0.6em; } #page-mod-quiz-edit .maxgrade .form-control { display: inline-block; vertical-align: middle; } } #page-mod-quiz-edit .maxgrade label { display: inline; } #page-mod-quiz-edit .maxgrade input[type="submit"] { margin: 0; } #page-mod-quiz-edit li.activity > div, #page-mod-quiz-edit li.pagenumber { position: relative; } #page-mod-quiz-edit ul.section li.pagenumber:first-child .add-menu-outer .menu > :last-child, #page-mod-quiz-edit .last-add-menu .add-menu-outer .menu > :last-child { display: none; } #page-mod-quiz-edit .last-add-menu { position: relative; height: 1.5em; margin: 0 20px; } #page-mod-quiz-edit .add-menu-outer { position: absolute; right: 0; } #page-mod-quiz-edit .slotnumber { text-align: center; margin: 0.1em 0.5em; min-width: 2em; display: inline-block; } #page-mod-quiz-edit li.section .slotnumber.unshuffled { display: inline-block; } #page-mod-quiz-edit li.section .slotnumber.shuffled { display: none; } #page-mod-quiz-edit li.section.shuffled .slotnumber.unshuffled { display: none; } #page-mod-quiz-edit li.section.shuffled .slotnumber.shuffled { display: inline-block; } #page-mod-quiz-edit .section-heading { margin-left: 20px; margin-bottom: 0; height: 40px; } #page-mod-quiz-edit .section-heading .instancesectioncontainer { display: inline; } #page-mod-quiz-edit .section-heading .instancesectioncontainer h3 { display: inline; color: #555; } #page-mod-quiz-edit .section-heading .editing_section, #page-mod-quiz-edit .section-heading .editing_delete { margin-left: 10px; } #page-mod-quiz-edit .section-heading .sectioninstance { position: relative; } #page-mod-quiz-edit .section-heading .instancesection { white-space: nowrap; max-width: 72%; display: inline-block; text-overflow: ellipsis; overflow: hidden; vertical-align: bottom; } #page-mod-quiz-edit .section-heading form { display: inline; position: relative; top: 3px; left: -7px; } #page-mod-quiz-edit .section-heading form input { font-size: 24px; font-weight: bold; width: 50%; } #page-mod-quiz-edit .section-heading .instanceshufflequestions { float: right; margin: 0.3em 20px 0 0; } .instanceshufflequestions [type="checkbox"] { vertical-align: middle; margin-right: .5rem; } #page-mod-quiz-edit ul.section { margin: 0; padding: 0 20px; } #page-mod-quiz-edit ul.slots { margin: 0; padding: 0; } #page-mod-quiz-edit ul.slots li.section { border: 0; } #page-mod-quiz-edit ul.slots li.section .content { background-color: #fafafa; padding: 1px 0; } #page-mod-quiz-edit ul.slots li.section { list-style: none; margin: 0; padding: 0; } #page-mod-quiz-edit ul.slots li.section li.activity { background: #e6e6e6; margin: 3px 0; padding: 0.2em; position: relative; } #page-mod-quiz-edit ul.slots li.section li.activity.page { background: transparent; } #page-mod-quiz-edit ul.slots li.section li.activity.page h4 { display: inline; font-weight: normal; font-size: 1em; } #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer { background: white; padding: 0.5em 0 0.5em 0.1em; margin: 2px; } #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer .editicon { width: 13px; } #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer.infoitem { background: transparent; } #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer form { display: inline; } #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark { display: inline-block; text-align: right; } #page-mod-quiz-edit ul.slots li.section li.activity .page_split_join_wrapper { position: absolute; left: -20px; bottom: -11px; } #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_0 { min-width: 1.3em; } #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_1 { min-width: 2em; } #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_2 { min-width: 2.6em; } #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_3 { min-width: 3.2em; } #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_4 { min-width: 3.7em; } #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_5 { min-width: 4.3em; } #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_6 { min-width: 4.8em; } #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_7 { min-width: 5.45em; } #page-mod-quiz-edit ul.slots li.section li.activity .edit_icon, #page-mod-quiz-edit ul.slots li.section li.activity a.preview, #page-mod-quiz-edit ul.slots li.section li.activity .editing_delete, #page-mod-quiz-edit ul.slots li.section li.activity .editing_maxmark { margin: 0 2px; } #page-mod-quiz-edit ul.slots li.section.only-has-one-slot li.activity .editing_move, #page-mod-quiz-edit ul.slots li.section.only-has-one-slot li.activity .editing_delete { visibility: hidden; } #page-mod-quiz-edit ul.slots.only-one-section li.section.only-has-one-slot li.activity .editing_delete { visibility: visible; } #page-mod-quiz-edit ul.slots li.section li.activity .question_dependency_wrapper { position: absolute; top: -1em; right: -20px; } #page-mod-quiz-edit ul.slots li.section li.activity .question_dependency_wrapper.question_dependency_cannot_depend { display: none; } #page-mod-quiz-edit ul.slots li.section li.activity .activityinstance { display: flex; flex: 1 1 auto; min-height: 1.7em; padding-right: 2px; } #page-mod-quiz-edit ul.slots li.section li.activity .mod-indent-outer { display: flex; padding-left: 22px; } #page-mod-quiz-edit ul.slots .activityinstance form { display: inline; } #page-mod-quiz-edit span.editinstructions { right: 0; } #page-mod-quiz-edit ul.slots .activityinstance span.instancename { overflow-x: hidden; overflow-y: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; height: 20px; } #page-mod-quiz-edit ul.slots .activityinstance span.instancename img { margin: 0 0.2em; } #page-mod-quiz-edit .question-bank-table .questionname, #page-mod-quiz-edit ul.slots li.activity div.activityinstance .questionname { font-weight: bold; color: #555; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #page-mod-quiz-edit ul.slots li.activity div.activityinstance .questiontext { color: #555; } #page-mod-quiz-edit .section .activity .editing_move { position: absolute; left: 0; top: 0; } #page-mod-quiz-edit ul.slots li.activity div.activityinstance .mod_quiz_random_qbank_link { font-size: 0.8em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-left: 0.25rem; } #page-mod-quiz-edit ul.slots .activityinstance img.activityicon { float: inherit; margin: .2em 0 0; padding: 0; } #page-mod-quiz-edit .section .activity .actions { position: inherit; white-space: nowrap; background: #e6e6e6; padding: 0.1em 0; } #page-mod-quiz-edit .mod_quiz_edit_forms { display: none; } #page-mod-quiz-edit .question-bank-table { width: auto; } #page-mod-quiz-edit .question-bank-table .header { text-align: center; padding: 0 2px; border: 0 none; vertical-align: top; width: auto; } #page-mod-quiz-edit .question-bank-table .header.checkbox { vertical-align: bottom; text-align: center; } #page-mod-quiz-edit .question-bank-table .header.qtype .sorters { white-space: nowrap; } #page-mod-quiz-edit .question-bank-table th .sorters { font-weight: normal; font-size: 0.8em; } #page-mod-quiz-edit .question-bank-table td.modifiername, #page-mod-quiz-edit .question-bank-table td.creatorname, #page-mod-quiz-edit .question-bank-table td.questionlastused { line-height: 1em; } #page-mod-quiz-edit .question-bank-table td.modifiername span.date, #page-mod-quiz-edit .question-bank-table td.creatorname span.date { font-weight: normal; font-size: 0.8em; } #page-mod-quiz-edit table.question-bank-table { table-layout: fixed; overflow-x: visible; border-collapse: separate; border-spacing: 0; } #page-mod-quiz-edit .question-bank-table .iconcol { width: 16px; text-align: center; padding: 0; } #page-mod-quiz-edit .question-bank-table .iconcol .icon { width: 16px; } #page-mod-quiz-edit .question-bank-table .checkbox { width: 32px; text-align: center; padding: 0; } #page-mod-quiz-edit .question-bank-table .editmenu { width: 5em; } #page-mod-quiz-edit .question-bank-table .qtype { text-align: center; } #page-mod-quiz-edit .question-bank-table .qtype { width: 28px; padding: 0; } #page-mod-quiz-edit .question-bank-table .questionnametext { padding: 0 0.2em; } #page-mod-quiz-edit .question-bank-table .questiontext { position: relative; zoom: 1; padding: 0.3em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #page-mod-quiz-edit .question-bank-table .questionname { white-space: nowrap; overflow: hidden; zoom: 1; position: relative; } #page-mod-quiz-edit .question-bank-table .questiontext p { margin: 0; } #page-mod-quiz-edit table.question-bank-table td, #page-mod-quiz-edit table.question-bank-table th { overflow: hidden; white-space: nowrap; } .mod_quiz_qbank_dialogue { width: 80%; min-height: 200px; } .mod_quiz_qbank_dialogue.moodle-dialogue-fullscreen { width: 100%; } .mod_quiz_qbank_dialogue .questionbankloading { position: absolute; top: 30px; bottom: 0; left: 0; right: 0; background: #fff; text-align: center; opacity: 0.5; padding-top: 50px; } .mod_quiz_qbank_dialogue #advancedsearch label { font-size: 100%; } .quizquestionlistcontrols { text-align: center; } .categoryinfo { padding: 0.3em; } .path-mod-quiz .gradingdetails { font-size: small; } #page-mod-quiz-edit div#repaginatedialog .mform { margin-left: auto; margin-right: auto; } #page-mod-quiz-edit div.container div.generalbox { position: relative; display: block; border: 0 none; margin: 0; padding: 0; } #page-mod-quiz-edit .paging { margin-top: 0; margin-bottom: 0; padding: 0.1em 0.3em; display: block; background-color: #ddd; } #page-mod-quiz-edit #page-footer { clear: both; padding-top: 1em; } #page-mod-quiz-edit .categoryinfofield { font-style: italic; } #page-mod-quiz-edit .categorynamefield { font-weight: bold; } #page-mod-quiz-edit .questionsortoptions { background-color: #ddd; } #page-mod-quiz-edit div.questionbank .categorysortopotionscontainer { padding-top: 0.5em; margin-top: 0.3em; } #page-mod-quiz-edit div.questionbank .categoryquestionscontainer, .questionbank .categorysortopotionscontainer, .questionbank .categorypagingbarcontainer, .questionbank .categoryselectallcontainer { background-color: #fff; } /* Bulk edit actions */ #page-mod-quiz-edit .btn-group.selectmultiplecommand, #page-mod-quiz-edit .selectmultiplecommandbuttons, #page-mod-quiz-edit .select-multiple-checkbox { display: none; } #page-mod-quiz-edit.select-multiple .selectmultiplecommand, #page-mod-quiz-edit.select-multiple .selectmultiplecommandbuttons, #page-mod-quiz-edit.select-multiple .select-multiple-checkbox { display: inline-block; } #page-mod-quiz-edit.select-multiple input.select-multiple-checkbox[type="checkbox"] { display: inline; } #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section .activity .editing_move, #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section .activity .commands { display: none; } #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section .page_split_join_wrapper { display: none; } #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section .activity .actions .editing_delete, #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section .activity .actions .editing_maxmark { display: none; } #page-mod-quiz-edit.select-multiple#page-mod-quiz-edit .maxgrade, #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .last-add-menu { display: none; } #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section-heading a, #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section-heading form, #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section-heading .instanceshufflequestions { display: none; } #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .edit-toolbar .mb-1 { display: none; } #page-mod-quiz-edit.select-multiple#page-mod-quiz-edit ul.slots li.section li.activity .mod-indent-outer { padding-left: 3px; } #page-mod-quiz-edit .section .summary .iconsmall, #page-mod-quiz-edit .section .activity .iconsmall { float: left; } /* Base theme needs extra support. */ #page-mod-quiz-edit ul.slots li.section ul.section { list-style: none; } #page-mod-quiz-edit .inplaceeditable { box-sizing: border-box; background: #fdfdfe; display: inline-block; margin: 2px; padding: 0.5em 0 0.5em 0.1em; } #page-mod-quiz-edit .inplaceeditable.inplaceeditingon input { width: 64px; vertical-align: middle; } #page-mod-quiz-edit .inplaceeditable-text { color: #000; text-align: right; } #page-mod-quiz-edit .inplaceeditable .quickeditlink { color: var(--primary); text-decoration: none; background-color: transparent; padding-left: 1px; margin: 0; } #page-mod-quiz-edit .quickeditlink .aalink { color: var(--primary); text-align: right; width: 10px; margin: 2px; } #page-mod-quiz-edit .quickedition { color: var(--primary); text-align: right; width: 10px; margin: 2px; } #page-mod-quiz-edit .quickedition .visibleifjs { text-align: right; } #page-mod-quiz-edit .quickeditlink { text-align: right; } @media (max-width: 576px) { #page-mod-quiz-edit ul.slots li.section li.activity { padding-top: 30px; } #page-mod-quiz-edit ul.slots li.section li.activity .activityinstance { top: -30px; left: 0; padding-right: 0; overflow: hidden; align-items: center; position: absolute; width: 100%; } } /** Print formatting for attempt and review pages **/ @media print { #page-mod-quiz-attempt header.navbar, #page-mod-quiz-review header.navbar { display: none; } #page-mod-quiz-attempt #dock, #page-mod-quiz-review #dock { display: none; } #page-mod-quiz-attempt #page #page-header h1, #page-mod-quiz-review #page #page-header h1 { display: none; } #page-mod-quiz-attempt #region-main, #page-mod-quiz-review #region-main { width: 100%; } #page-mod-quiz-attempt #block-region-side-pre, #page-mod-quiz-attempt #block-region-side-post, #page-mod-quiz-review #block-region-side-pre, #page-mod-quiz-review #block-region-side-post { display: none; } #page-mod-quiz-attempt #page-footer, #page-mod-quiz-review #page-footer { display: none; } #page-mod-quiz-attempt .editquestion, #page-mod-quiz-review .editquestion, #page-mod-quiz-attempt .questionflag, #page-mod-quiz-review .questionflag { display: none; } #page-mod-quiz-attempt .submitbtns, #page-mod-quiz-review .submitbtns { display: none; } #page-mod-quiz-review .que .commentlink { display: none; } #page-mod-quiz-attempt .que, #page-mod-quiz-review .que { page-break-inside: avoid; } } .path-mod-resource .resourcecontent { text-align: center; } .path-mod-resource .resourcedetails { font-size: 0.8em; color: #555; } .resourcelinkdetails { font-size: 0.8em; color: #555; } .path-mod-scorm .top { vertical-align: top; } .path-mod-scorm .scorm-left { text-align: left; } .path-mod-scorm .scorm-right { text-align: right; } .path-mod-scorm .scoframe { position: relative; width: 100%; height: 100%; } .ios #scormpage #scorm_content { -webkit-overflow-scrolling: touch; overflow: scroll; } #page-mod-scorm-player #scormtop { position: relative; width: 100%; height: 30px; } #page-mod-scorm-player #scormbrowse { position: absolute; left: 5px; top: 0; } #page-mod-scorm-player #scormnav { position: absolute; right: 5px; text-align: center; top: 3px; width: 100%; } #page-mod-scorm-player #scormbox { width: 74%; height: 100%; position: absolute; right: 0; top: 0; } #page-mod-scorm-player #scormpage { position: relative; width: 100%; height: 100%; } #page-mod-scorm-player #scormpage #toctree { position: relative; width: 100%; } #page-mod-scorm-player #tocbox { position: relative; left: 0; width: 100%; height: 100%; font-size: 0.8em; } #page-mod-scorm-player #toctree { overflow: visible; } #page-mod-scorm-player #tochead { position: relative; text-align: center; top: 3px; height: 30px; } #page-mod-scorm-player #scormpage .scoframe { border: 0; } #page-mod-scorm-player #scormpage #scorm_object { border: none; width: 98%; height: 98%; } #page-mod-scorm-player #scormpage #scorm_object.scorm_nav_under_content { height: 95%; } #page-mod-scorm-player #scormpage #scorm_content { height: 100%; } #page-mod-scorm-player #scormpage #scorm_toc { position: relative; } #page-mod-scorm-player #scormpage #scorm_toc_title { font-size: 1.2em; font-weight: bold; } #page-mod-scorm-player #scormpage #scorm_tree { border-right: 5px solid rgb(239, 245, 255); } #page-mod-scorm-player #scormpage #scorm_navpanel { text-align: center; } #page-mod-scorm-player .toc, #page-mod-scorm-player .no-toc { width: 100%; } #page-mod-scorm-player .structlist { list-style-type: none; white-space: nowrap; } #page-mod-scorm-player .structurelist { position: relative; list-style-type: none; width: 96%; margin: 0; padding: 0; } #page-mod-scorm-player .structurelist ul { padding-left: 0.5em; margin-left: 0.5em; } #page-mod-scorm-player #scormpage #scorm_toc.disabled, #page-mod-scorm-player #scormpage #scorm_toc.loading, #page-mod-scorm-player #scormpage #scorm_toc_toggle.disabled, #page-mod-scorm-player #scormpage #scorm_toc_toggle.loading { display: none; } #page-mod-scorm-view .structurelist { list-style-type: none; white-space: nowrap; } #page-mod-scorm-view .structurelist { list-style-type: none; white-space: nowrap; } #page-mod-scorm-view .exceededmaxattempts { color: #c00; } #page-mod-scorm-player #altfinishlink { font-size: 140%; border: 0; padding: 0; } #page-mod-scorm-player #scormmode { float: left; border: 0; } #page-mod-scorm-player.pagelayout-popup #page-content .region-content { padding: 0; } #page-mod-scorm-player.pagelayout-popup #page-wrapper { width: 100%; } #page-mod-scorm-player .yui-layout-scroll div.yui-layout-bd { overflow: visible; } #page-mod-scorm-player .yui-layout-unit-left div.yui-layout-bd { overflow: auto; } .path-mod-scorm.forcejavascript .toc { display: none; } .path-mod-scorm.forcejavascript #scormpage #tocbox { display: none; } .path-mod-scorm.jsenabled .forcejavascriptmessage { display: none; } .path-mod-scorm.jsenabled .toc { display: block; } .path-mod-scorm.jsenabled #scormpage #tocbox { display: block; } #page-mod-scorm-report-userreporttracks table .c1 { word-wrap: break-word; word-break: break-all; } #page-mod-scorm-report .scormattemptcounts { clear: left; text-align: center; display: inline; margin-left: 20%; } #page-mod-scorm-player #scormpage span.yui3-treeview-icon { display: none; } #page-mod-scorm-player #scormpage li.yui3-treeview-has-children > div.yui3-treeview-row > span.yui3-treeview-icon { display: block; } #page-mod-scorm-player #scormpage div.yui3-u-1, #page-mod-scorm-player #scormpage div.yui3-u-3-4, #page-mod-scorm-player #scormpage div.yui3-u-1-5, #page-mod-scorm-player #scormpage div.yui3-u-1-24 { display: inline-block; *display: inline; /* stylelint-disable-line */ zoom: 1; letter-spacing: normal; word-spacing: normal; vertical-align: top; text-rendering: auto; } #page-mod-scorm-player #scormpage div.yui3-u-1 { display: block; } #page-mod-scorm-player #scormpage div.yui3-u-3-4 { width: 75%; } #page-mod-scorm-player #scormpage div.yui3-u-1-5 { width: 20%; } #page-mod-scorm-player #scormpage div.yui3-u-1-24 { width: 4.1666%; } #page-mod-scorm-player #scormpage div.yui3-g-r { letter-spacing: normal; word-spacing: -0.43em; } #scorm_layout { margin-bottom: 50px; } /** * Opera as of 12 on Windows needs word-spacing. * The ".opera-only" selector is used to prevent actual prefocus styling * and is not required in markup. */ #page-mod-scorm-player .opera-only :-o-prefocus, #page-mod-scorm-player #scormpage div.yui3-g-r img { max-width: 100%; } .path-mod-studentquiz #filterform { background-color: #f5f5f5; border: 1px solid #e3e3e3; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); display: inline-block; margin-bottom: 20px; min-height: 20px; padding: 9px; } .path-mod-studentquiz #filterform blockquote { border-color: rgba(0, 0, 0, 0.15); } .path-mod-studentquiz #filterform .fitem { display: inline-block; line-height: 40px; margin-right: .3em; white-space: nowrap; } .path-mod-studentquiz #filterform .fitem label { display: inline; line-height: 20px; padding-right: .3em; } .path-mod-studentquiz #filterform .fitem:before, .path-mod-studentquiz #filterform .fitem:after { display: inline; } .path-mod-studentquiz #filterform div, .path-mod-studentquiz #filterform fieldset { clear: none; display: inline; float: none; } .path-mod-studentquiz input[type="checkbox"].toggle label { cursor: pointer; position: relative; user-select: none; -moz-user-select: none; } .path-mod-studentquiz input[type="checkbox"].toggle { display: none; } .path-mod-studentquiz input[type="checkbox"].toggle + a, .path-mod-studentquiz input[type="checkbox"].toggle + label a { background: #eee; border-bottom: 2px solid darkgray; border-radius: 4px; display: inline-block; margin-right: 5px; padding: 5px; transition: all 0.4s ease; text-decoration: none; color: inherit; } .path-mod-studentquiz input[type="checkbox"].toggle:checked + a, .path-mod-studentquiz input[type="checkbox"].toggle:checked + label a { border-bottom: 2px solid #1177d1; color: #1177d1; display: inline-block; transition: all 0.4s ease; } .path-mod-studentquiz #page .quizattemptsummary td p { margin-top: 0; } .path-mod-studentquiz table.quizattemptsummary tr.bestrow td { background-color: #d9edf7; border-color: #bce8f1; } .path-mod-studentquiz table.quizattemptsummary .noreviewmessage { color: gray; } .path-mod-studentquiz .generaltable.quizattemptsummary { margin-left: auto; margin-right: auto; } .path-mod-studentquiz .statedetails { display: block; font-size: 0.7em; } .path-mod-studentquiz .mod-studentquiz-attempt-nav { margin-bottom: 20px; } .path-mod-studentquiz .mod-studentquiz-attempt-nav .col-md-4 { box-sizing: border-box; float: left; width: 33.33333%; } .path-mod-studentquiz .mod-studentquiz-attempt-nav:after { display: table; clear: both; content: ''; } .path-mod-studentquiz .error { color: #f00; font-weight: bold; } .path-mod-studentquiz .mod-studentquiz-summary-highlight { background-color: #d9edf7; font-weight: bold; } .path-mod-studentquiz .reportquiz_total_heading { border-bottom: 1px solid #e5e5e5; } .path-mod-studentquiz .mod_quiz_edit_forms { display: none; } .path-mod-studentquiz .question-approved { color: #0a0; } .path-mod-studentquiz .question-unapproved { color: #7b1400; } .path-mod-studentquiz table#categoryquestions { table-layout: auto; } .path-mod-studentquiz #categoryquestions .header { text-align: left; white-space: nowrap; } .path-mod-studentquiz #categoryquestions th.checkbox, .path-mod-studentquiz #categoryquestions td.checkbox { padding-left: 10px; padding-right: 7px; } .path-mod-studentquiz #categoryquestions .qtype { width: auto; } .path-mod-studentquiz #categoryquestions td.state { width: 28px; text-align: center; padding: 0; } .path-mod-studentquiz #categoryquestions .questionname { min-width: 180px; } .path-mod-studentquiz #categoryquestions .iconcol { width: 12px; } .path-mod-studentquiz #categoryquestions .rates, .path-mod-studentquiz #categoryquestions .difficultylevel, .path-mod-studentquiz #categoryquestions .attempts { width: 115px; } .path-mod-studentquiz #categoryquestions .tag { width: 12ch; } .path-mod-studentquiz #categoryquestions th.attempts .sorters, .path-mod-studentquiz #categoryquestions th.difficultylevel .sorters, .path-mod-studentquiz #categoryquestions th.rates .sorters { font-size: .8em; font-weight: 400; } .path-mod-studentquiz #categoryquestions th .sorters { font-size: 0.8em; font-weight: normal; } .path-mod-studentquiz #categoryquestions th { font-weight: 400; } .path-mod-studentquiz #categoryquestions td { vertical-align: inherit; } .path-mod-studentquiz #categoryquestions td, .path-mod-studentquiz #categoryquestions th { padding: 0.2em; } .path-mod-studentquiz .question-bank-table td.modifiername span.date, .path-mod-studentquiz .question-bank-table td.creatorname span.date { font-weight: normal; font-size: 0.8em; } .path-mod-studentquiz #categoryquestions td.questionname, .path-mod-studentquiz #categoryquestions td.creatorname { white-space: normal; line-height: 1em; } .path-mod-studentquiz #categoryquestions td.state .icon, .path-mod-studentquiz #categoryquestions td.qtype .icon { margin-right: 0; } .path-mod-studentquiz .studentquiz_behaviour { margin: 0 0 10px 5px; } .path-mod-studentquiz .studentquiz_behaviour label, .path-mod-studentquiz .im-feedback .studentquiz_behaviour label, .path-mod-studentquiz .studentquiz_behaviour span.label { margin-right: 15px; } .path-mod-studentquiz .studentquiz_behaviour .rate { margin-top: 20px; margin-bottom: 20px; } .path-mod-studentquiz .studentquiz_behaviour textarea { box-sizing: border-box; height: 100px; width: 100%; } .path-mod-studentquiz .studentquiz_behaviour .comment_list > div.studentquiz-comment-container { border-bottom: 1px solid #fff; border-top: 1px solid #bfe2ef; margin: 15px 0; position: relative; padding: 0; } .path-mod-studentquiz .studentquiz_behaviour .comment_list div span.remove_action { cursor: pointer; position: absolute; right: 0; text-decoration: underline; } .path-mod-studentquiz .studentquiz_behaviour .comment_list div span.remove_action:hover { text-decoration: none; } .path-mod-studentquiz .studentquiz_behaviour .comment_list .editor_atto_content_wrap.no-content .editor_atto_content p { margin: 0; /** When in no content state, p has no margin. */ } .path-mod-studentquiz .studentquiz_behaviour .rate .rating { cursor: not-allowed; display: inline-block; unicode-bidi: bidi-override; height: 0; vertical-align: text-top; } .path-mod-studentquiz .studentquiz_behaviour .rate .error { margin-top: 5px; } .path-mod-studentquiz .studentquiz_behaviour .star, .path-mod-studentquiz .studentquiz_behaviour .rate .rating:hover .rateable.star-empty { background-image: url(/theme/image.php/wui/mod_studentquiz/1742904535/star_icon); } .path-mod-studentquiz .studentquiz_behaviour .star, .path-mod-studentquiz .studentquiz_behaviour .star-empty { display: inline-block; height: 20px; width: 20px; } .path-mod-studentquiz .studentquiz_behaviour .rate .rating .rateable { cursor: pointer; } .path-mod-studentquiz .studentquiz_behaviour .star-empty, .path-mod-studentquiz .studentquiz_behaviour .rate .rating .rateable:hover ~ .rateable.star-empty, .path-mod-studentquiz .studentquiz_behaviour .rate .rating .rateable.star-empty:hover ~ .rateable.star-empty { background-image: url(/theme/image.php/wui/mod_studentquiz/1742904535/star_empty_icon); } .path-mod-studentquiz .change-question-state { display: block; } .path-mod-studentquiz .change-question-state button#change_state { margin-left: 10px; } .path-mod-studentquiz .change-question-state button#change_state { margin-right: 10px; } .path-mod-studentquiz .pagination .form-control { width: 60px; } .path-mod-studentquiz .modulespecificbuttonscontainer input.btn { margin-right: 5px; } .path-mod-studentquiz #mod_studentquiz_statblock .report_more_url, .path-mod-studentquiz #mod_studentquiz_rankingblock .report_more_url { text-align: right; } .path-mod-studentquiz #mod_studentquiz_statblock .card-text.content > div, .path-mod-studentquiz #mod_studentquiz_rankingblock .card-text.content > div { display: flex; justify-content: space-between; } .path-mod-studentquiz .mod_studentquiz_submission_info { margin-top: 10px; margin-bottom: 10px; } /** Student quiz comment */ .path-mod-studentquiz .studentquiz-comment-container { padding-top: 8px; padding-left: 10px; padding-right: 12px; } .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-activity-icon { float: left; width: 36px; display: inline-block; padding-top: 5px; } .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-unavailable { margin: 10px 0; border: 1px dotted #888; background: #f8f8f8; padding: 10px; } .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-activity-icon > img.icon { width: 32px; height: 32px; } /* Atto in ie need the scroll and max height. */ .ie .path-mod-studentquiz .studentquiz-comment-container .editor_atto_content { max-height: 148px; overflow-y: scroll; } .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-subject { font-size: 1.14285em; color: #000; font-weight: bold; padding-top: 10px; } .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-introduction { display: inline-block; color: #000; padding-top: 2px; } .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-postform { margin-top: 20px; clear: both; } .path-mod-studentquiz .studentquiz-comment-container .editor_atto_content { resize: vertical; padding: 5px; } .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-postform input.disabled, .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-postfragmentform input.disabled { cursor: default; background: #f0f0f1; color: #676463; border-color: #d4d2d2; opacity: 1.0; pointer-events: none; font-weight: normal; } .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-postform .editor_atto_toolbar { display: none; } .path-mod-studentquiz .studentquiz-comment-container .editor_atto_content_wrap { position: relative; } .path-mod-studentquiz .studentquiz-comment-container .editor_atto_content_wrap:before { content: attr(data-placeholder); color: gray; position: absolute; top: 5px; left: 5px; pointer-events: none; } .path-mod-studentquiz .studentquiz-comment-container .studentquiz_customeditor .editor_atto_notification, .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-postform .editor_atto_notification { position: relative; bottom: 0; height: auto; } .path-mod-studentquiz .studentquiz-comment-container .editor_atto_content { border: 1px solid #bbb; } .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-expand, .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-collapse { color: #fff; padding: 5px 36px 5px 10px; border-radius: 3px 3px 0 0; border: 1px solid #1177d1; background-color: #1177d1; font-size: 1em; display: none; margin: 0; position: relative; background-image: none; } .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-expand::after { content: url(/theme/image.php/wui/mod_studentquiz/1742904535/switch_plus_white); position: absolute; right: 10px; top: 7px; width: 16px; display: block; } .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-collapse::after { content: url(/theme/image.php/wui/mod_studentquiz/1742904535/switch_minus_white); position: absolute; right: 10px; top: 7px; width: 16px; display: block; } .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-expand:hover, .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-expand:active, .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-expand:focus, .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-collapse:hover, .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-collapse:active, .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-collapse:focus { background-color: #fff; color: #1177d1; cursor: pointer; border: 1px solid #1177d1; } .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-expand:hover::after, .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-expand:active::after, .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-expand:focus::after { content: url(/theme/image.php/wui/mod_studentquiz/1742904535/switch_plus); } .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-expand[disabled]::after, .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-expand[disabled]:hover::after { content: url(/theme/image.php/wui/mod_studentquiz/1742904535/switch_plus_white); } .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-collapse:hover::after, .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-collapse:active::after, .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-collapse:focus::after { content: url(/theme/image.php/wui/mod_studentquiz/1742904535/switch_minus); } .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-collapse[disabled]::after, .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-collapse[disabled]:hover::after { content: url(/theme/image.php/wui/mod_studentquiz/1742904535/switch_minus_white); } .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-expand[disabled], .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-expand[disabled]:hover, .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-collapse[disabled], .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-collapse[disabled]:hover { background: #f0f0f1; color: #676463; border-color: #d4d2d2; opacity: 1.0; } .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-postcount { display: inline-block; font-size: 0.9375em; margin: auto 0 auto 10px; } /* Style the comment element. */ .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-item { border-top: 1px solid #bfe2ef; } .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-item .studentquiz-comment-item-outerbox { padding-top: 12px; padding-bottom: 12px; } .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-item .studentquiz-comment-item-outerbox.deleted-comment { margin-top: 20px; margin-bottom: 20px; } .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-item.highlighted { background: #def2f8; } .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-item.highlighted .studentquiz-comment-replies { background: #fff; } .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-author { line-height: 1; color: #000; font-size: 1em; padding-right: 20px; position: relative; } .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-expandlink, .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-collapselink { position: absolute; right: 0; } .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-text, .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-text-deleted { background-color: #f4fafc; min-height: 70px; margin-right: 26px; font-size: 1em; color: #000; padding: 2px 8px 2px 8px; margin-top: 10px; overflow: auto; } .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-text .studentquiz-comment-history { color: #b1b1b1; font-style: italic; } .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-text .studentquiz-comment-history a { color: #45a4dc; text-decoration: none; } .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-text-deleted { color: #a5a5a5; background-color: #fff; } .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-text-deleted .studentquiz-comment-delete-info { color: #000; } .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-replies .studentquiz-comment-postfooter { text-align: left; } .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-postfooter { text-align: right; display: inline-block; width: 100%; padding: 12px 0 2px 0; } .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-postfooter .studentquiz-comment-commands-box > div { margin-bottom: 10px; } .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-commands-buttons { display: inline-block; } .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-commands-buttons button { margin-right: 9px; line-height: 1; height: 28px; padding-left: 8px; padding-right: 8px; } .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-totalreply { display: inline-block; font-size: 1em; color: #000; line-height: 28px; } .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-replies { position: relative; } .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-replies .studentquiz-comment-item { padding-left: 57px; } .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-replies .studentquiz-comment-replyicon { position: absolute; transform: rotate(180deg); left: 0; } .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-replies .studentquiz-comment-replyicon > img { padding-right: 0; } .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-loading { display: none; text-align: center; margin-top: 60px; margin-bottom: 60px; } .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-delete-message { margin: 20px 0 20px 54px; } .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-delete-message { margin: 20px 0 31px 54px; padding-right: 25px; position: relative; } .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-delete-message .studentquiz-comment-expandlink, .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-delete-message .studentquiz-comment-collapselink { position: absolute; right: 0; height: 16px; } .path-mod-studentquiz .studentquiz-comment-show-dates { border: #9e9e9e 2px solid; margin-bottom: 12px; margin-top: 6px; padding-left: 10px; height: 29px; padding-top: 5px; } .path-mod-studentquiz .studentquiz-comment-container .comment_editor_container .felement { width: 100%; flex: unset; max-width: 100%; display: block; } .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-postfragmentform { position: relative; background: #fff; color: #000; } .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-postfragmentform .comment-area-form { padding-right: 27px; margin-left: 54px; padding-top: 1rem; padding-bottom: 1rem; } .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-postfragmentform.edit .comment-area-form { margin-left: 0; } .path-mod-studentquiz .comment-area-form .buttonar .fitem:not(:first-child) { margin-left: 5px; } .path-mod-studentquiz .studentquiz-comment-expandlink, .path-mod-studentquiz .studentquiz-comment-collapselink { padding: 0 8px; } #page-mod-studentquiz-preview .modal, #page-mod-studentquiz-attempt .modal { background-color: transparent; } .path-mod-studentquiz .comment-label-content { margin-bottom: 0.5rem; } .path-mod-studentquiz .comment-label-content label.add-comment-label { margin: 0; padding-right: 5px; } .path-mod-studentquiz .studentquiz-comment-container .hide-comment-filter { display: none; } .path-mod-studentquiz .studentquiz-comment-container .no-comment { padding: 12px 0; margin-top: 35px; border-top: 1px solid #bfe2ef; display: none; } .path-mod-studentquiz .studentquiz-comment-container .comment-errors .comment-error { margin-bottom: 1rem; } .path-mod-studentquiz div[data-groupname="report-comment-conditions"] span { display: block; } .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-filter-info { display: table; width: 100%; } .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-filter-info .studentquiz-comment-expand-section { text-align: right; } .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-filter-info .studentquiz-comment-postcount { font-weight: 700; } .path-mod-studentquiz .studentquiz-comment-filters .studentquiz-comment-filter-item { font-size: 1em; position: relative; cursor: pointer; text-decoration: none; } .path-mod-studentquiz .studentquiz-comment-filters .studentquiz-comment-filter-item span.studentquiz-comment-filter-name { padding: 0 5px; } .path-mod-studentquiz .studentquiz-comment-filters .studentquiz-comment-filter-item span:hover { text-decoration: underline; } .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-filter .studentquiz-comment-filter-info { padding-top: 15px; } .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-filter-info .filter-item { display: table-cell; } .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-filter-item + .studentquiz-comment-filter-item::before { content: "/"; color: #000; } .path-mod-studentquiz .studentquiz-comment-filters .studentquiz-comment-filter-item .studentquiz-comment-filter-type { visibility: hidden; } .path-mod-studentquiz .studentquiz-comment-filters .studentquiz-comment-filter-item.current .studentquiz-comment-filter-type { visibility: visible; } .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-filter-item > div { display: inline-block; } .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-filter-item .studentquiz-comment-filter-type i { vertical-align: text-top; margin: 0; } .path-mod-studentquiz .studentquiz-comment-container .filter-asc.current .studentquiz-comment-filter-type i::before { content: url(/theme/image.php/wui/mod_studentquiz/1742904535/switch_minus); } .path-mod-studentquiz .studentquiz-comment-container .filter-desc.current .studentquiz-comment-filter-type i::before { content: url(/theme/image.php/wui/mod_studentquiz/1742904535/switch_plus); } .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-commands-buttons .studentquiz-comment-btneditreply img, .path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-commands-buttons .studentquiz-comment-btnedit img { width: 20px; height: 20px; vertical-align: middle; margin: 0 9px 0 0; } .path-mod-studentquiz span.stat { float: right; font-size: 100%; margin-top: 0.1rem; margin-bottom: 0.1rem; } .path-mod-studentquiz span.stat.approvals, .path-mod-studentquiz span.stat.last-attempt-correct { color: #000; background-color: #28a745; } .path-mod-studentquiz span.stat.disapprovals, .path-mod-studentquiz span.stat.last-attempt-incorrect { color: #fff; background-color: #dc3545; } .path-mod-studentquiz span.stat.changed, .path-mod-studentquiz span.stat.never-answered { color: #212529; background-color: #ffc107; } .path-mod-studentquiz .studentquiz_behaviour .rate .btn { vertical-align: baseline; } .path-mod-studentquiz #categoryquestions td.state .icon { padding-bottom: 5px; } .path-mod-studentquiz #categoryquestions .header.qtype, .path-mod-studentquiz #categoryquestions .header.state, .path-mod-studentquiz .studentquizerrormessage { text-align: center; } /* Specific CSS override align-items-center, we need to prevent align-items: center in the form-group. */ .path-mod-studentquiz #fgroup_id_rate_grp div.align-items-center, .path-mod-studentquiz #fgroup_id_rate_grp div.align-items-center, .path-mod-studentquiz #fgroup_id_difficultylevel_grp div.align-items-center, .path-mod-studentquiz #fgroup_id_publiccomment_grp div.align-items-center, .path-mod-studentquiz #fgroup_id_myrate_grp div.align-items-center, .path-mod-studentquiz #fgroup_id_myattempts_grp div.align-items-center, .path-mod-studentquiz #fgroup_id_mydifficulty_grp div.align-items-center { /* stylelint-disable-next-line declaration-no-important */ align-items: flex-start !important; } /* This css styling won't work in 4.0.x until MDL-75917 is done. */ body.cm-type-studentquiz.path-question-type #fitem_id_status { display: none; } .path-mod-survey .smalltext { font-size: 0.75em; } .path-mod-survey .surveytable .rblock label { display: block; } .path-mod-survey .surveytable .foundthat, .path-mod-survey .surveytable .preferthat { white-space: nowrap; } .path-mod-survey .surveytable .buttoncell { width: 5%; } .path-mod-survey .surveytable .optioncell, .path-mod-survey .surveytable .questioncell { width: 50%; vertical-align: top; } .path-mod-survey .surveytable .whitecell { background-color: white; } .path-mod-survey #surveyform th { font-weight: normal; text-align: left; } .path-mod-survey #surveyform th.hresponse { text-align: center; width: 9%; } #page-mod-survey-report .fullnamecell { width: 10%; vertical-align: top; white-space: nowrap; } .path-mod-url .resourcecontent { text-align: center; } .path-mod-url .resourcecontent { text-align: center; } /* This file is part of Moodle - http://moodle.org/ Moodle is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version. Moodle is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. You should have received a copy of the GNU General Public License along with Moodle. If not, see . */ /** * Wiki module style sheet * * @package mod-wiki-2.0 * @copyright 2009 Marc Alier, Jordi Piguillem marc.alier@upc.edu * @copyright 2009 Universitat Politecnica de Catalunya http://www.upc.edu * * @author Jordi Piguillem * @author Marc Alier * @author David Jimenez * @author Josep Arus * @author Kenneth Riba * * @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later */ .wiki_contentbox { width: 80%; margin: auto; min-width: 200px; min-height: 100px; } .wiki_previewbox { width: 50%; margin: auto; border: thin solid blue; } .wiki_button { margin: 5px; } .wiki_warning { color: red; } .emptycomments { color: red; display: inline; } .wiki-toc { border: 1px solid #bbb; background: #eee; margin: 16px; padding: 8px; } .wiki-toc-title { color: #666; font-size: 1.1em; font-variant: small-caps; text-align: center; } .wiki-toc-section { padding: 0; margin: 2px 8px; } .wiki-toc-section-2 { padding-left: 12px; } .wiki-toc-section-3 { padding-left: 24px; } .wiki_form-button { margin-left: 0%; } .wiki-upload-table { margin: 8px auto; clear: both; } .wiki-upload-table table { margin: auto; } .wiki-upload-table h3 { margin: 4px 0; text-align: center; } .wiki-upload-section { border: 1px solid #eee; width: 400px; margin: 8px auto; } .wiki-upload-section legend { font-weight: bold; font-size: 0.9em; margin-left: 16px; } .wiki-tags { text-align: right; } .wiki_modifieduser p { line-height: 35px; } .wiki_modifieduser img { border: thin solid black; } .wiki_restoreform, .wiki_deletecommentform { width: 10%; margin: auto; } .wiki_versionuser { float: left; } .wiki_diffuserleft, .wiki_diffuserright { font-weight: normal; padding-top: 1%; } .wiki_diffuserleft { float: right; } .wiki_diffuserright { float: left; } .wiki_compareheading { font-weight: normal; } .wiki_restore, .wiki_diffview, .wiki_difftime, .wiki_headingtime { font-size: 0.8em; font-weight: normal; } .wiki_difftime, .wiki_headingtime { font-style: oblique; text-align: center; } .wiki_diff_oldpaging { float: left; width: 40%; min-width: 200px; margin-left: 5%; } .wiki_diff_newpaging { float: right; width: 40%; min-width: 200px; margin-right: 5%; } .wiki_diff_old, .wiki_diff_new { float: left; min-width: 200px; width: 40%; } .wiki_difftable td { width: 50%; float: left; } .wiki_histdate { text-align: left; } .wiki_histnewdate { border-top: 1px dotted gray; } .ouw_deleted { background: #ffa; color: red; text-decoration: line-through; } .ouw_added { background: #cfc; color: red; } a.wiki_newentry:link, a.wiki_newentry:visited { color: red; font-style: italic; } .wiki_newentry a { color: red; font-style: italic; } .wiki_navigation_container { margin: 0 auto; } .wiki_navigation_from { float: left; width: 40%; min-width: 200px; margin-left: 5%; } .wiki_navigation_to { float: left; width: 40%; min-width: 200px; margin-right: 5%; } .wiki_headingtitle { text-align: center; } .wiki_clear { clear: both; } .wiki_right { text-align: right; } .wiki_index { text-align: right; } .notunderlined { text-decoration: none; } a.wiki_edit_section { font-size: 0.6em; position: relative; float: right; } .midpad { text-align: center; margin-top: 0.4em; margin-bottom: 0.4em; } .block_wiki_search ul { margin-top: 0.5em; margin-bottom: 3px; } .wiki-attachment:before { content: url(/mod/wiki/pix/attachment.png); padding-right: 2px; } /** Print CSS */ #wiki_printable_content { text-align: left; } #wiki_printable_content a { color: black; } #wiki_printable_title { font-size: 2.2em; text-decoration: underline; } .wiki_diff_boxes { width: 100%; clear: both; } .wiki_diff_paging { width: 100%; clear: both; } .wiki_grayline { color: gray; } .wikisearchresults { padding-left: 50px; padding-top: 20px; } .wiki-diff-container { width: 95%; margin: 10px auto; } .wiki-diff-container .wiki-diff-leftside, .wiki-diff-container .wiki-diff-rightside { width: 49.5%; margin: 0; padding: 0; float: left; } .wiki-diff-container .wiki-diff-rightside { margin-left: 1%; } .wiki-diff-container .wiki-diff-heading, .wiki-diff-container .no-overflow { padding: 10px; border: 1px solid #ddd; } .wiki-diff-container .wiki-diff-rightside .wiki_diffversion { text-align: right; } .path-mod-wiki .printicon { background: url(/theme/image.php/wui/core/1742904535/t/print) no-repeat scroll 2px center transparent; padding-left: 20px; } #page-mod-wiki-prettyview .displayprinticon { text-align: right; } #page-mod-wiki-prettyview { background-image: none; } .path-mod-wordcloud #mod-wordcloud-div { overflow: hidden; min-width: 450px; } .path-mod-wordcloud #mod-wordcloud-new-word { width: 100%; height: 100%; border: 0; border-radius: .25rem; padding-left: 1em; } .path-mod-wordcloud #mod-wordcloud-words-box { border: 1px solid #e5e5e5; border-radius: 0 0 5px 5px; padding: 1em; overflow: auto; } .path-mod-wordcloud #mod-wordcloud-btn { width: 100%; } .path-mod-wordcloud .wordcloud-header { border-radius: 5px 5px 0 0; padding: 1em; } .path-mod-wordcloud .wordcloud-header-color { background-color: #e5e5e5; border: 1px solid #e5e5e5; } .path-mod-wordcloud .word { padding-left: 0.5em; padding-right: 0.5em; } .path-mod-wordcloud .center { margin: auto; } .path-mod-wordcloud .w1 { font-size: 18px; } .path-mod-wordcloud .w2 { font-size: 24px; } .path-mod-wordcloud .w3 { font-size: 30px; } .path-mod-wordcloud .w4 { font-size: 36px; } .path-mod-wordcloud .w5 { font-size: 42px; } .path-mod-wordcloud .w6 { font-size: 58px; } .path-mod-wordcloud .wordcloud-export { display: block; text-align: center; } .path-mod-wordcloud #mod-wordcloud-content:fullscreen { background-color: white; padding-top: 5em; } .path-mod-wordcloud .heading.col-md-auto { padding-left: 0; } .path-mod-wordcloud .success { color: green; opacity: 0; } .path-mod-wordcloud .fade { animation-name: mod-wordcloud-fade-effect; animation-duration: 4s; } @keyframes mod-wordcloud-fade-effect { 0% { opacity: 1; } 80% { opacity: 1; } 100% { opacity: 0; } } .path-mod-wordcloud th.remove, .path-mod-wordcloud td.remove, .path-mod-wordcloud th.save, .path-mod-wordcloud td.save { width: 10%; text-align: center; } .path-mod-wordcloud th.count, .path-mod-wordcloud td.count { width: 20%; text-align: center; } .path-mod-wordcloud th.word, .path-mod-wordcloud td.word { width: 40%; text-align: center; } .path-mod-wordcloud .tablewidth { max-width: 1024px; margin: auto; } .path-mod-wordcloud #mod-wordcloud-div { visibility: hidden; } .path-mod-wordcloud #mod-wordcloud-list-export { padding-top: 2em; padding-bottom: 2em; } .path-mod-wordcloud .wc-right-align { float: right; } .path-mod-wordcloud .wc-padding-y { margin-top: 1em; margin-bottom: 1em; } .path-mod-workshop .collapsibleregion { margin-bottom: 0.75em; } .path-mod-workshop .collapsibleregioncaption { font-weight: bold; font-size: 120%; } .path-mod-workshop div.singlebutton { text-align: center; margin: 0.75em auto; } .path-mod-workshop #workshop-viewlet-assignedassessments div.singlebutton, .path-mod-workshop #workshop-viewlet-allexamples div.singlebutton, .path-mod-workshop #workshop-viewlet-examples div.singlebutton { text-align: left; } .path-mod-workshop .groupwidget { text-align: center; margin: 0.75em auto; } .path-mod-workshop .perpagewidget { text-align: center; margin: 0.75em auto; } /** * Submission - one line summary display */ .path-mod-workshop .submission-summary { position: relative; margin-bottom: 10px; } .path-mod-workshop .submission-summary .title, .path-mod-workshop .submission-summary .author, .path-mod-workshop .submission-summary .author .fullname, .path-mod-workshop .submission-summary .author .picture { display: inline; } .path-mod-workshop .submission-summary .title, .path-mod-workshop .submission-summary .userdate, .path-mod-workshop .submission-summary .grade-status { margin: 0 0 0 40px; } .path-mod-workshop .submission-summary .author { margin-left: 1ex; } .path-mod-workshop .submission-summary.anonymous .title, .path-mod-workshop .submission-summary.anonymous .author, .path-mod-workshop .submission-summary.anonymous .userdate, .path-mod-workshop .submission-summary.anonymous .grade-status { margin: 0 0 0 5px; } .path-mod-workshop .submission-summary .userdate { font-size: x-small; color: #333; } .path-mod-workshop .submission-summary .userdate span { font-style: italic; } .path-mod-workshop .submission-summary .author .picture { position: absolute; top: 0; left: 0; } /** * Submission - full display */ .path-mod-workshop .submission-full { border: 1px solid #ddd; margin: 0 0 1em 0; } .path-mod-workshop .submission-full .header { position: relative; background-color: #ddd; padding: 3px; min-height: 67px; } .path-mod-workshop .submission-full .header .title, .path-mod-workshop .submission-full .header .author, .path-mod-workshop .submission-full .header .userdate { margin: 0 0 0 80px; } .path-mod-workshop .submission-full.anonymous .header .title, .path-mod-workshop .submission-full.anonymous .header .author, .path-mod-workshop .submission-full.anonymous .header .userdate { margin: 0 0 0 5px; } .path-mod-workshop .submission-full .header .userdate.created { padding-right: 10px; } .path-mod-workshop .submission-full .header .userdate.modified { padding-left: 10px; margin-left: 0; border-left: 1px solid #000; } .path-mod-workshop .submission-full .header .userdate { font-size: x-small; color: #333; display: inline; } .path-mod-workshop .submission-full .header .userdate span { font-style: italic; } .path-mod-workshop .submission-full .header .author .picture { position: absolute; top: 3px; left: 3px; } .path-mod-workshop .submission-full .content, .path-mod-workshop .submission-full .attachments { padding: 5px 10px; } .path-mod-workshop .submission-full .attachments .files img.icon { margin-right: 5px; } .path-mod-workshop .submission-full .attachments .images div { display: inline-block; margin: 5px; padding: 5px; border: 1px solid #ddd; } /** * Example submission - summary display */ .path-mod-workshop .submission-summary.example .title, .path-mod-workshop .submission-summary.example .userdate { margin: 0 0 0 0; } /** * Example submission - full display */ .path-mod-workshop .submission-full.example .header { min-height: 0; } .path-mod-workshop .submission-full.example .header .title { margin: 0 0 0 0; } /** * Elements generated by the workshop renderer */ .path-mod-workshop .message { padding: 5px 5em 5px 15px; margin: 0 auto 20px auto; width: 100%; font-size: 80%; position: relative; } .path-mod-workshop .message .singlebutton { text-align: left; margin: 0; } .path-mod-workshop .message.ok { color: #547c22; background-color: #e7f1c3; } .path-mod-workshop .message.error { color: #dd0221; background-color: #ffd3d9; } .path-mod-workshop .message.info { color: #1666a9; background-color: #d2ebff; } /** * Allocators */ .path-mod-workshop .allocation-init-results { margin: 10px auto; width: 100%; font-size: 80%; } .path-mod-workshop .allocation-init-results .indent { margin-left: 20px; } .path-mod-workshop .allocation-init-results .ok { color: #547c22; background-color: #e7f1c3; } .path-mod-workshop .allocation-init-results .error { color: #dd0221; background-color: #ffd3d9; } .path-mod-workshop .allocation-init-results .info { color: #1666a9; background-color: #d2ebff; } .path-mod-workshop .allocation-init-results .debug { color: black; background-color: #ddd; } /** * User plan */ .path-mod-workshop .userplan { width: 100%; margin: 1em auto 1em auto; font-size: 80%; border: 1px solid #ddd; position: relative; overflow: hidden; } .path-mod-workshop .userplan dt { vertical-align: bottom; white-space: normal; color: #999; border-bottom: 1px solid #ddd; padding: 3px; } .path-mod-workshop .userplan dt.active { vertical-align: top; color: black; border: 1px solid #ddd; border-bottom: 0; border-top: 0; background: #e7f1c3; } .path-mod-workshop .userplan dt.active .phasetitle { font-size: 140%; } .path-mod-workshop .userplan dl { width: 20%; float: left; margin: 0; } @media only screen and (max-width: 768px) { .path-mod-workshop .userplan { border-right: none; border-top: none; } .path-mod-workshop .userplan dl { width: 102%; border-right: none; } .path-mod-workshop .userplan dt { float: left; width: 30%; border-bottom: none; border-top: 1px solid #ddd; } .path-mod-workshop .userplan dt.active { border: none; } .path-mod-workshop .userplan dd { float: left; width: 65%; border-left: 1px solid #ddd; border-top: 1px solid #ddd; } } @media only screen and (max-width: 420px) { .path-mod-workshop .userplan { border-bottom: none; } .path-mod-workshop .userplan dt { float: left; width: 70%; border-bottom: none; border-right: 1px solid #ddd; border-left: 1px solid #ddd; margin: 0; padding: 5px; } .path-mod-workshop .userplan dd { float: left; width: 70%; border-left: 1px solid #ddd; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } } .path-mod-workshop .userplan dd { vertical-align: top; border-right: 1px solid #ddd; background-color: #f5f5f5; margin: 0; min-height: 180px; padding: 5px; } .path-mod-workshop .userplan dd, .path-mod-workshop .userplan dd a, .path-mod-workshop .userplan dd a:link, .path-mod-workshop .userplan dd a:hover, .path-mod-workshop .userplan dd a:visited, .path-mod-workshop .userplan dd a:active { color: #999; } .path-mod-workshop .userplan dd.active, .path-mod-workshop .userplan dd.active a, .path-mod-workshop .userplan dd.active a:link, .path-mod-workshop .userplan dd.active a:hover, .path-mod-workshop .userplan dd.active a:visited, .path-mod-workshop .userplan dd.active a:active { color: black; } .path-mod-workshop .userplan dd.lastcol { border-right: 0; } .path-mod-workshop .userplan dd.active { border-left: 1px solid #ddd; border-right: 1px solid #ddd; background-color: #e7f1c3; } .path-mod-workshop .userplan dt .actions { font-size: smaller; } .path-mod-workshop .userplan dd.phasetasks li { background-image: url(/theme/image.php/wui/mod_workshop/1742904535/userplan/task-todo); background-position: top left; background-repeat: no-repeat; list-style-type: none; min-height: 16px; margin: .3em 0; } .dir-rtl.path-mod-workshop .userplan dd.phasetasks li { background-position: top right; } .path-mod-workshop .userplan dd.phasetasks li.completed { background-image: url(/theme/image.php/wui/mod_workshop/1742904535/userplan/task-done); } .path-mod-workshop .userplan dd.phasetasks li.fail { background-image: url(/theme/image.php/wui/mod_workshop/1742904535/userplan/task-fail); } .path-mod-workshop .userplan dd.phasetasks li.info { background-image: url(/theme/image.php/wui/mod_workshop/1742904535/userplan/task-info); } .path-mod-workshop .userplan dd.phasetasks .tasks { list-style: none; margin: 0; padding: 0; } .path-mod-workshop .userplan dd.phasetasks .title { padding: 0 10px 0 20px; } .dir-rtl.path-mod-workshop .userplan dd.phasetasks .title { padding: 0 20px 0 10px; } .path-mod-workshop .userplan dd.phasetasks .details { padding: 0 10px 0 25px; font-size: 80%; } .dir-rtl.path-mod-workshop .userplan dd.phasetasks .details { padding: 0 25px 0 10px; } /** * Assessment - full display */ .path-mod-workshop .assessment-full { border: 1px solid #ddd; margin: 0 auto 1em auto; } .path-mod-workshop .assessment-full .header { position: relative; background-color: #ddd; padding: 3px; min-height: 35px; } .path-mod-workshop .assessment-full .header .title { font-weight: bold; } .path-mod-workshop .assessment-full .header .title, .path-mod-workshop .assessment-full .header .reviewer, .path-mod-workshop .assessment-full .header .grade, .path-mod-workshop .assessment-full .header .weight { margin: 0 0 0 40px; } .path-mod-workshop .assessment-full.anonymous .header .title, .path-mod-workshop .assessment-full.anonymous .header .reviewer, .path-mod-workshop .assessment-full.anonymous .header .grade, .path-mod-workshop .assessment-full.anonymous .header .weight { margin: 0 0 0 5px; } .path-mod-workshop .assessment-full .header .reviewer .picture { position: absolute; top: 3px; left: 3px; } .dir-rtl.path-mod-workshop .assessment-full .header .reviewer .picture { right: 3px; left: auto; } .path-mod-workshop .assessment-full .header .actions { position: absolute; top: 5px; right: 5px; text-align: right; } .path-mod-workshop .assessment-full .header .actions .singlebutton, .path-mod-workshop .assessment-full .header .actions .singlebutton form, .path-mod-workshop .assessment-full .header .actions .singlebutton form div { display: inline; } .path-mod-workshop .assessment-full .assessment-form-wrapper, .path-mod-workshop .assessment-full .overall-feedback-wrapper { margin-top: 0.5em; padding: 0 1em; } .path-mod-workshop .assessment-summary.graded .singlebutton input[type="submit"], .path-mod-workshop .example-summary.graded .singlebutton input[type="submit"] { background-color: #e7f1c3; } .path-mod-workshop .assessment-summary.notgraded .singlebutton input[type="submit"], .path-mod-workshop .example-summary.notgraded .singlebutton input[type="submit"] { background-color: #ffd3d9; } /** * Overall feedback */ .path-mod-workshop .assessment-full .overallfeedback .content, .path-mod-workshop .assessment-full .overallfeedback .attachments { padding: 5px 10px; } .path-mod-workshop .assessment-full .overallfeedback .attachments .files img.icon { margin-right: 5px; } .path-mod-workshop .assessment-full .overallfeedback .attachments .images div { display: inline-block; margin: 5px; padding: 5px; border: 1px solid #ddd; } /** * Assessment form */ .path-mod-workshop .assessmentform .description { margin: 0 1em; } /** * Grading report */ .path-mod-workshop .grading-report { width: 100%; margin: 1em auto 1em auto; font-size: 80%; border: 1px solid #ddd; } .path-mod-workshop .grading-report .userpicture { margin: 0 3px; vertical-align: middle; } .path-mod-workshop .grading-report del { color: red; font-size: 90%; text-decoration: line-through; } .path-mod-workshop .grading-report ins { color: green; font-weight: bold; text-decoration: underline; } .path-mod-workshop .grading-report th { white-space: normal; } .path-mod-workshop .grading-report td { vertical-align: top; border: 1px solid #ddd; } .path-mod-workshop .grading-report tr.published td.submission { background-color: #d2ebff; } .path-mod-workshop .grading-report tr.published td.submission a { font-weight: bold; } .path-mod-workshop .grading-report .assessmentdetails { white-space: nowrap; } .path-mod-workshop .grading-report .receivedgrade span.grade, .path-mod-workshop .grading-report .givengrade span.gradinggrade { font-weight: bold; } .path-mod-workshop .grading-report .submissiongrade.cell, .path-mod-workshop .grading-report .gradinggrade.cell { text-align: center; font-size: 200%; white-space: nowrap; } .path-mod-workshop .grading-report .givengrade.null .user, .path-mod-workshop .grading-report .receivedgrade.null .user { color: #e00; } /** * Final grades */ .path-mod-workshop #workshop-viewlet-yourgrades .finalgrades { text-align: center; } .path-mod-workshop #workshop-viewlet-yourgrades .finalgrades .grade { border: 1px solid #ddd; margin: 1em; padding: 2em; display: inline-block; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .path-mod-workshop #workshop-viewlet-yourgrades .finalgrades .grade.submissiongrade { background-color: #d2ebff; } .path-mod-workshop #workshop-viewlet-yourgrades .finalgrades .grade.assessmentgrade { background-color: #eee; /*background-color: #e7f1c3;*/ } .path-mod-workshop #workshop-viewlet-yourgrades .finalgrades .grade .gradevalue { font-weight: bold; font-size: x-large; margin: 10px; } /** * Edit assessment form */ #mod-workshop-editform fieldset.fgroup * { vertical-align: top; } /** * Feedback */ .path-mod-workshop .feedback { border: 1px solid #ddd; margin: 0 auto 1em auto; width: 100%; } .path-mod-workshop .feedback .header { position: relative; background-color: #ddd; padding: 3px; min-height: 35px; } .path-mod-workshop .feedback .header .title { margin: 0 0 0 40px; } .path-mod-workshop .feedback .header .picture { position: absolute; top: 3px; left: 3px; } .path-mod-workshop .feedback .content { padding: 5px 10px; } /** * Misc */ .path-mod-workshop div.buttonsbar { text-align: center; } .path-mod-workshop div.buttonsbar .singlebutton { display: inline; } .path-mod-workshop .toolboxaction { margin-right: 1em; } .path-mod-workshop .toolboxaction, .path-mod-workshop .toolboxaction .singlebutton, .path-mod-workshop .toolboxaction .singlebutton form, .path-mod-workshop .toolboxaction .singlebutton form div { display: inline; } .path-mod-workshop div.buttonwithhelp div { display: inline; } .path-mod-workshop #evaluationmethodchooser { margin: 2em auto; text-align: center; } .path-mod-workshop .lastmodified { line-height: 1.0em; } .path-mod-workshop .nothingfound { font-size: 150%; color: #ff4500; } .path-mod-workshop .workshop-risk-dataloss { vertical-align: text-bottom; } .checkboxgroup-school-not-found { /* Make the checkbox full width and prevent the next element being pushed to the new line*/ /*noinspection Stylelint*/ display: inline-flex !important; } #page-auth-saml2-selectidp .mform .fitem div.fitemtitle { width: 0; } #page-auth-saml2-selectidp .mform .fitem .felement { margin-left: 0; } #page-auth-saml2-selectidp .idpbtn { margin-bottom: 10px; } #page-auth-saml2-availableidps .femptylabel .fitemtitle { display: none; } #page-auth-saml2-availableidps .femptylabel .felement { margin-left: 10px; } #page-enrol-index .carousel-item, #page-local-accipio-one-shop-access_restriction .carousel-item { margin: 0 0 10px 0; } @media (min-width: 768px) and (max-width: 991px) { #page-enrol-index .discover-horizontal, #page-enrol-index .discover-vertical, #page-local-accipio-one-shop-access_restriction .discover-horizontal, #page-local-accipio-one-shop-access_restriction .discover-vertical { /* show 2 items */ /* left or forward direction */ /* farthest right hidden item must be absolue position for animations */ /* right or prev direction */ } #page-enrol-index .discover-horizontal .carousel-inner .active, #page-enrol-index .discover-horizontal .carousel-inner .active + .carousel-item, #page-enrol-index .discover-vertical .carousel-inner .active, #page-enrol-index .discover-vertical .carousel-inner .active + .carousel-item, #page-local-accipio-one-shop-access_restriction .discover-horizontal .carousel-inner .active, #page-local-accipio-one-shop-access_restriction .discover-horizontal .carousel-inner .active + .carousel-item, #page-local-accipio-one-shop-access_restriction .discover-vertical .carousel-inner .active, #page-local-accipio-one-shop-access_restriction .discover-vertical .carousel-inner .active + .carousel-item { display: block; } #page-enrol-index .discover-horizontal .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left), #page-enrol-index .discover-horizontal .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item, #page-enrol-index .discover-vertical .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left), #page-enrol-index .discover-vertical .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item, #page-local-accipio-one-shop-access_restriction .discover-horizontal .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left), #page-local-accipio-one-shop-access_restriction .discover-horizontal .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item, #page-local-accipio-one-shop-access_restriction .discover-vertical .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left), #page-local-accipio-one-shop-access_restriction .discover-vertical .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item { transition: none; } #page-enrol-index .discover-horizontal .carousel-inner .carousel-item-next, #page-enrol-index .discover-horizontal .carousel-inner .carousel-item-prev, #page-enrol-index .discover-vertical .carousel-inner .carousel-item-next, #page-enrol-index .discover-vertical .carousel-inner .carousel-item-prev, #page-local-accipio-one-shop-access_restriction .discover-horizontal .carousel-inner .carousel-item-next, #page-local-accipio-one-shop-access_restriction .discover-horizontal .carousel-inner .carousel-item-prev, #page-local-accipio-one-shop-access_restriction .discover-vertical .carousel-inner .carousel-item-next, #page-local-accipio-one-shop-access_restriction .discover-vertical .carousel-inner .carousel-item-prev { position: relative; transform: translate3d(0, 0, 0); } #page-enrol-index .discover-horizontal .active.carousel-item-left + .carousel-item-next.carousel-item-left, #page-enrol-index .discover-horizontal .carousel-item-next.carousel-item-left + .carousel-item, #page-enrol-index .discover-horizontal .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item, #page-enrol-index .discover-vertical .active.carousel-item-left + .carousel-item-next.carousel-item-left, #page-enrol-index .discover-vertical .carousel-item-next.carousel-item-left + .carousel-item, #page-enrol-index .discover-vertical .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item, #page-local-accipio-one-shop-access_restriction .discover-horizontal .active.carousel-item-left + .carousel-item-next.carousel-item-left, #page-local-accipio-one-shop-access_restriction .discover-horizontal .carousel-item-next.carousel-item-left + .carousel-item, #page-local-accipio-one-shop-access_restriction .discover-horizontal .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item, #page-local-accipio-one-shop-access_restriction .discover-vertical .active.carousel-item-left + .carousel-item-next.carousel-item-left, #page-local-accipio-one-shop-access_restriction .discover-vertical .carousel-item-next.carousel-item-left + .carousel-item, #page-local-accipio-one-shop-access_restriction .discover-vertical .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item { position: relative; transform: translate3d(-100%, 0, 0); visibility: visible; } #page-enrol-index .discover-horizontal .carousel-inner .carousel-item-prev.carousel-item-right, #page-enrol-index .discover-vertical .carousel-inner .carousel-item-prev.carousel-item-right, #page-local-accipio-one-shop-access_restriction .discover-horizontal .carousel-inner .carousel-item-prev.carousel-item-right, #page-local-accipio-one-shop-access_restriction .discover-vertical .carousel-inner .carousel-item-prev.carousel-item-right { position: absolute; top: 0; left: 0; z-index: -1; display: block; visibility: visible; } #page-enrol-index .discover-horizontal .active.carousel-item-right + .carousel-item-prev.carousel-item-right, #page-enrol-index .discover-horizontal .carousel-item-prev.carousel-item-right + .carousel-item, #page-enrol-index .discover-horizontal .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item, #page-enrol-index .discover-vertical .active.carousel-item-right + .carousel-item-prev.carousel-item-right, #page-enrol-index .discover-vertical .carousel-item-prev.carousel-item-right + .carousel-item, #page-enrol-index .discover-vertical .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item, #page-local-accipio-one-shop-access_restriction .discover-horizontal .active.carousel-item-right + .carousel-item-prev.carousel-item-right, #page-local-accipio-one-shop-access_restriction .discover-horizontal .carousel-item-prev.carousel-item-right + .carousel-item, #page-local-accipio-one-shop-access_restriction .discover-horizontal .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item, #page-local-accipio-one-shop-access_restriction .discover-vertical .active.carousel-item-right + .carousel-item-prev.carousel-item-right, #page-local-accipio-one-shop-access_restriction .discover-vertical .carousel-item-prev.carousel-item-right + .carousel-item, #page-local-accipio-one-shop-access_restriction .discover-vertical .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item { position: relative; transform: translate3d(100%, 0, 0); display: block; visibility: visible; } } @media (min-width: 992px) and (max-width: 1199px) { #page-enrol-index .discover-horizontal, #page-enrol-index .discover-vertical, #page-local-accipio-one-shop-access_restriction .discover-horizontal, #page-local-accipio-one-shop-access_restriction .discover-vertical { /* show 3 items */ /* left or forward direction */ /* farthest right hidden item must be absolue position for animations */ /* right or prev direction */ } #page-enrol-index .discover-horizontal .carousel-inner .active, #page-enrol-index .discover-horizontal .carousel-inner .active + .carousel-item, #page-enrol-index .discover-horizontal .carousel-inner .active + .carousel-item + .carousel-item, #page-enrol-index .discover-vertical .carousel-inner .active, #page-enrol-index .discover-vertical .carousel-inner .active + .carousel-item, #page-enrol-index .discover-vertical .carousel-inner .active + .carousel-item + .carousel-item, #page-local-accipio-one-shop-access_restriction .discover-horizontal .carousel-inner .active, #page-local-accipio-one-shop-access_restriction .discover-horizontal .carousel-inner .active + .carousel-item, #page-local-accipio-one-shop-access_restriction .discover-horizontal .carousel-inner .active + .carousel-item + .carousel-item, #page-local-accipio-one-shop-access_restriction .discover-vertical .carousel-inner .active, #page-local-accipio-one-shop-access_restriction .discover-vertical .carousel-inner .active + .carousel-item, #page-local-accipio-one-shop-access_restriction .discover-vertical .carousel-inner .active + .carousel-item + .carousel-item { display: block; } #page-enrol-index .discover-horizontal .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left), #page-enrol-index .discover-horizontal .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item, #page-enrol-index .discover-horizontal .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item, #page-enrol-index .discover-vertical .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left), #page-enrol-index .discover-vertical .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item, #page-enrol-index .discover-vertical .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item, #page-local-accipio-one-shop-access_restriction .discover-horizontal .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left), #page-local-accipio-one-shop-access_restriction .discover-horizontal .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item, #page-local-accipio-one-shop-access_restriction .discover-horizontal .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item, #page-local-accipio-one-shop-access_restriction .discover-vertical .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left), #page-local-accipio-one-shop-access_restriction .discover-vertical .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item, #page-local-accipio-one-shop-access_restriction .discover-vertical .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item { transition: none; } #page-enrol-index .discover-horizontal .carousel-inner .carousel-item-next, #page-enrol-index .discover-horizontal .carousel-inner .carousel-item-prev, #page-enrol-index .discover-vertical .carousel-inner .carousel-item-next, #page-enrol-index .discover-vertical .carousel-inner .carousel-item-prev, #page-local-accipio-one-shop-access_restriction .discover-horizontal .carousel-inner .carousel-item-next, #page-local-accipio-one-shop-access_restriction .discover-horizontal .carousel-inner .carousel-item-prev, #page-local-accipio-one-shop-access_restriction .discover-vertical .carousel-inner .carousel-item-next, #page-local-accipio-one-shop-access_restriction .discover-vertical .carousel-inner .carousel-item-prev { position: relative; transform: translate3d(0, 0, 0); } #page-enrol-index .discover-horizontal .active.carousel-item-left + .carousel-item-next.carousel-item-left, #page-enrol-index .discover-horizontal .carousel-item-next.carousel-item-left + .carousel-item, #page-enrol-index .discover-horizontal .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item, #page-enrol-index .discover-horizontal .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item, #page-enrol-index .discover-vertical .active.carousel-item-left + .carousel-item-next.carousel-item-left, #page-enrol-index .discover-vertical .carousel-item-next.carousel-item-left + .carousel-item, #page-enrol-index .discover-vertical .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item, #page-enrol-index .discover-vertical .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item, #page-local-accipio-one-shop-access_restriction .discover-horizontal .active.carousel-item-left + .carousel-item-next.carousel-item-left, #page-local-accipio-one-shop-access_restriction .discover-horizontal .carousel-item-next.carousel-item-left + .carousel-item, #page-local-accipio-one-shop-access_restriction .discover-horizontal .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item, #page-local-accipio-one-shop-access_restriction .discover-horizontal .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item, #page-local-accipio-one-shop-access_restriction .discover-vertical .active.carousel-item-left + .carousel-item-next.carousel-item-left, #page-local-accipio-one-shop-access_restriction .discover-vertical .carousel-item-next.carousel-item-left + .carousel-item, #page-local-accipio-one-shop-access_restriction .discover-vertical .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item, #page-local-accipio-one-shop-access_restriction .discover-vertical .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item { position: relative; transform: translate3d(-100%, 0, 0); visibility: visible; } #page-enrol-index .discover-horizontal .carousel-inner .carousel-item-prev.carousel-item-right, #page-enrol-index .discover-vertical .carousel-inner .carousel-item-prev.carousel-item-right, #page-local-accipio-one-shop-access_restriction .discover-horizontal .carousel-inner .carousel-item-prev.carousel-item-right, #page-local-accipio-one-shop-access_restriction .discover-vertical .carousel-inner .carousel-item-prev.carousel-item-right { position: absolute; top: 0; left: 0; z-index: -1; display: block; visibility: visible; } #page-enrol-index .discover-horizontal .active.carousel-item-right + .carousel-item-prev.carousel-item-right, #page-enrol-index .discover-horizontal .carousel-item-prev.carousel-item-right + .carousel-item, #page-enrol-index .discover-horizontal .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item, #page-enrol-index .discover-horizontal .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item, #page-enrol-index .discover-vertical .active.carousel-item-right + .carousel-item-prev.carousel-item-right, #page-enrol-index .discover-vertical .carousel-item-prev.carousel-item-right + .carousel-item, #page-enrol-index .discover-vertical .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item, #page-enrol-index .discover-vertical .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item, #page-local-accipio-one-shop-access_restriction .discover-horizontal .active.carousel-item-right + .carousel-item-prev.carousel-item-right, #page-local-accipio-one-shop-access_restriction .discover-horizontal .carousel-item-prev.carousel-item-right + .carousel-item, #page-local-accipio-one-shop-access_restriction .discover-horizontal .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item, #page-local-accipio-one-shop-access_restriction .discover-horizontal .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item, #page-local-accipio-one-shop-access_restriction .discover-vertical .active.carousel-item-right + .carousel-item-prev.carousel-item-right, #page-local-accipio-one-shop-access_restriction .discover-vertical .carousel-item-prev.carousel-item-right + .carousel-item, #page-local-accipio-one-shop-access_restriction .discover-vertical .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item, #page-local-accipio-one-shop-access_restriction .discover-vertical .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item { position: relative; transform: translate3d(100%, 0, 0); display: block; visibility: visible; } } @media (min-width: 1200px) { #page-enrol-index .discover-horizontal, #page-enrol-index .discover-vertical, #page-local-accipio-one-shop-access_restriction .discover-horizontal, #page-local-accipio-one-shop-access_restriction .discover-vertical { /* show 4 items */ /* left or forward direction */ /* farthest right hidden item must be absolue position for animations */ /* right or prev direction */ } #page-enrol-index .discover-horizontal .carousel-inner .active, #page-enrol-index .discover-horizontal .carousel-inner .active + .carousel-item, #page-enrol-index .discover-horizontal .carousel-inner .active + .carousel-item + .carousel-item, #page-enrol-index .discover-horizontal .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item, #page-enrol-index .discover-vertical .carousel-inner .active, #page-enrol-index .discover-vertical .carousel-inner .active + .carousel-item, #page-enrol-index .discover-vertical .carousel-inner .active + .carousel-item + .carousel-item, #page-enrol-index .discover-vertical .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item, #page-local-accipio-one-shop-access_restriction .discover-horizontal .carousel-inner .active, #page-local-accipio-one-shop-access_restriction .discover-horizontal .carousel-inner .active + .carousel-item, #page-local-accipio-one-shop-access_restriction .discover-horizontal .carousel-inner .active + .carousel-item + .carousel-item, #page-local-accipio-one-shop-access_restriction .discover-horizontal .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item, #page-local-accipio-one-shop-access_restriction .discover-vertical .carousel-inner .active, #page-local-accipio-one-shop-access_restriction .discover-vertical .carousel-inner .active + .carousel-item, #page-local-accipio-one-shop-access_restriction .discover-vertical .carousel-inner .active + .carousel-item + .carousel-item, #page-local-accipio-one-shop-access_restriction .discover-vertical .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item { display: block; } #page-enrol-index .discover-horizontal .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left), #page-enrol-index .discover-horizontal .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item, #page-enrol-index .discover-horizontal .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item, #page-enrol-index .discover-horizontal .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item, #page-enrol-index .discover-vertical .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left), #page-enrol-index .discover-vertical .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item, #page-enrol-index .discover-vertical .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item, #page-enrol-index .discover-vertical .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item, #page-local-accipio-one-shop-access_restriction .discover-horizontal .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left), #page-local-accipio-one-shop-access_restriction .discover-horizontal .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item, #page-local-accipio-one-shop-access_restriction .discover-horizontal .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item, #page-local-accipio-one-shop-access_restriction .discover-horizontal .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item, #page-local-accipio-one-shop-access_restriction .discover-vertical .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left), #page-local-accipio-one-shop-access_restriction .discover-vertical .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item, #page-local-accipio-one-shop-access_restriction .discover-vertical .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item, #page-local-accipio-one-shop-access_restriction .discover-vertical .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item { transition: none; } #page-enrol-index .discover-horizontal .carousel-inner .carousel-item-next, #page-enrol-index .discover-horizontal .carousel-inner .carousel-item-prev, #page-enrol-index .discover-vertical .carousel-inner .carousel-item-next, #page-enrol-index .discover-vertical .carousel-inner .carousel-item-prev, #page-local-accipio-one-shop-access_restriction .discover-horizontal .carousel-inner .carousel-item-next, #page-local-accipio-one-shop-access_restriction .discover-horizontal .carousel-inner .carousel-item-prev, #page-local-accipio-one-shop-access_restriction .discover-vertical .carousel-inner .carousel-item-next, #page-local-accipio-one-shop-access_restriction .discover-vertical .carousel-inner .carousel-item-prev { position: relative; transform: translate3d(0, 0, 0); } #page-enrol-index .discover-horizontal .active.carousel-item-left + .carousel-item-next.carousel-item-left, #page-enrol-index .discover-horizontal .carousel-item-next.carousel-item-left + .carousel-item, #page-enrol-index .discover-horizontal .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item, #page-enrol-index .discover-horizontal .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item, #page-enrol-index .discover-horizontal .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item, #page-enrol-index .discover-vertical .active.carousel-item-left + .carousel-item-next.carousel-item-left, #page-enrol-index .discover-vertical .carousel-item-next.carousel-item-left + .carousel-item, #page-enrol-index .discover-vertical .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item, #page-enrol-index .discover-vertical .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item, #page-enrol-index .discover-vertical .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item, #page-local-accipio-one-shop-access_restriction .discover-horizontal .active.carousel-item-left + .carousel-item-next.carousel-item-left, #page-local-accipio-one-shop-access_restriction .discover-horizontal .carousel-item-next.carousel-item-left + .carousel-item, #page-local-accipio-one-shop-access_restriction .discover-horizontal .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item, #page-local-accipio-one-shop-access_restriction .discover-horizontal .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item, #page-local-accipio-one-shop-access_restriction .discover-horizontal .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item, #page-local-accipio-one-shop-access_restriction .discover-vertical .active.carousel-item-left + .carousel-item-next.carousel-item-left, #page-local-accipio-one-shop-access_restriction .discover-vertical .carousel-item-next.carousel-item-left + .carousel-item, #page-local-accipio-one-shop-access_restriction .discover-vertical .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item, #page-local-accipio-one-shop-access_restriction .discover-vertical .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item, #page-local-accipio-one-shop-access_restriction .discover-vertical .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item { position: relative; transform: translate3d(-100%, 0, 0); visibility: visible; } #page-enrol-index .discover-horizontal .carousel-inner .carousel-item-prev.carousel-item-right, #page-enrol-index .discover-vertical .carousel-inner .carousel-item-prev.carousel-item-right, #page-local-accipio-one-shop-access_restriction .discover-horizontal .carousel-inner .carousel-item-prev.carousel-item-right, #page-local-accipio-one-shop-access_restriction .discover-vertical .carousel-inner .carousel-item-prev.carousel-item-right { position: absolute; top: 0; left: 0; z-index: -1; display: block; visibility: visible; } #page-enrol-index .discover-horizontal .active.carousel-item-right + .carousel-item-prev.carousel-item-right, #page-enrol-index .discover-horizontal .carousel-item-prev.carousel-item-right + .carousel-item, #page-enrol-index .discover-horizontal .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item, #page-enrol-index .discover-horizontal .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item, #page-enrol-index .discover-horizontal .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item, #page-enrol-index .discover-vertical .active.carousel-item-right + .carousel-item-prev.carousel-item-right, #page-enrol-index .discover-vertical .carousel-item-prev.carousel-item-right + .carousel-item, #page-enrol-index .discover-vertical .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item, #page-enrol-index .discover-vertical .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item, #page-enrol-index .discover-vertical .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item, #page-local-accipio-one-shop-access_restriction .discover-horizontal .active.carousel-item-right + .carousel-item-prev.carousel-item-right, #page-local-accipio-one-shop-access_restriction .discover-horizontal .carousel-item-prev.carousel-item-right + .carousel-item, #page-local-accipio-one-shop-access_restriction .discover-horizontal .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item, #page-local-accipio-one-shop-access_restriction .discover-horizontal .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item, #page-local-accipio-one-shop-access_restriction .discover-horizontal .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item, #page-local-accipio-one-shop-access_restriction .discover-vertical .active.carousel-item-right + .carousel-item-prev.carousel-item-right, #page-local-accipio-one-shop-access_restriction .discover-vertical .carousel-item-prev.carousel-item-right + .carousel-item, #page-local-accipio-one-shop-access_restriction .discover-vertical .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item, #page-local-accipio-one-shop-access_restriction .discover-vertical .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item, #page-local-accipio-one-shop-access_restriction .discover-vertical .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item { position: relative; transform: translate3d(100%, 0, 0); display: block; visibility: visible; } } @media (max-width: 576px) { #page-enrol-index .discover-horizontal .carousel-item, #page-enrol-index .discover-vertical .carousel-item, #page-local-accipio-one-shop-access_restriction .discover-horizontal .carousel-item, #page-local-accipio-one-shop-access_restriction .discover-vertical .carousel-item { padding: 0; } #page-enrol-index .discover-horizontal .carousel-inner, #page-enrol-index .discover-vertical .carousel-inner, #page-local-accipio-one-shop-access_restriction .discover-horizontal .carousel-inner, #page-local-accipio-one-shop-access_restriction .discover-vertical .carousel-inner { padding: 0; margin: 0; } } #page-enrol-index .no-resources-message, #page-local-accipio-one-shop-access_restriction .no-resources-message { margin-top: 1rem; margin-bottom: 1rem; } #page-enrol-index .carousel-inner.no-chunks, #page-local-accipio-one-shop-access_restriction .carousel-inner.no-chunks { height: fit-content; } #page-enrol-index .carousel-inner.no-chunks .card, #page-local-accipio-one-shop-access_restriction .carousel-inner.no-chunks .card { margin-top: 1rem; margin-bottom: 1rem; } #page-enrol-index .card, #page-local-accipio-one-shop-access_restriction .card { margin: 0; border: 1px solid rgba(0, 0, 0, 0.125) !important; border-radius: 0.25rem; overflow: inherit; } #page-enrol-index .card.accipio-border-top-right-0, #page-enrol-index .card .accipio-border-top-right-0, #page-local-accipio-one-shop-access_restriction .card.accipio-border-top-right-0, #page-local-accipio-one-shop-access_restriction .card .accipio-border-top-right-0 { border-top-right-radius: 0px; } #page-enrol-index .card.accipio-border-top-left-0, #page-enrol-index .card .accipio-border-top-left-0, #page-local-accipio-one-shop-access_restriction .card.accipio-border-top-left-0, #page-local-accipio-one-shop-access_restriction .card .accipio-border-top-left-0 { border-top-left-radius: 0px; } #page-enrol-index .card.accipio-border-bottom-right-0, #page-enrol-index .card .accipio-border-bottom-right-0, #page-local-accipio-one-shop-access_restriction .card.accipio-border-bottom-right-0, #page-local-accipio-one-shop-access_restriction .card .accipio-border-bottom-right-0 { border-bottom-right-radius: 0px; } #page-enrol-index .card.accipio-border-bottom-left-0, #page-enrol-index .card .accipio-border-bottom-left-0, #page-local-accipio-one-shop-access_restriction .card.accipio-border-bottom-left-0, #page-local-accipio-one-shop-access_restriction .card .accipio-border-bottom-left-0 { border-bottom-left-radius: 0px; } #page-enrol-index .card.accipio-border-top-right-5, #page-enrol-index .card .accipio-border-top-right-5, #page-local-accipio-one-shop-access_restriction .card.accipio-border-top-right-5, #page-local-accipio-one-shop-access_restriction .card .accipio-border-top-right-5 { border-top-right-radius: 5px; } #page-enrol-index .card.accipio-border-top-left-5, #page-enrol-index .card .accipio-border-top-left-5, #page-local-accipio-one-shop-access_restriction .card.accipio-border-top-left-5, #page-local-accipio-one-shop-access_restriction .card .accipio-border-top-left-5 { border-top-left-radius: 5px; } #page-enrol-index .card.accipio-border-bottom-right-5, #page-enrol-index .card .accipio-border-bottom-right-5, #page-local-accipio-one-shop-access_restriction .card.accipio-border-bottom-right-5, #page-local-accipio-one-shop-access_restriction .card .accipio-border-bottom-right-5 { border-bottom-right-radius: 5px; } #page-enrol-index .card.accipio-border-bottom-left-5, #page-enrol-index .card .accipio-border-bottom-left-5, #page-local-accipio-one-shop-access_restriction .card.accipio-border-bottom-left-5, #page-local-accipio-one-shop-access_restriction .card .accipio-border-bottom-left-5 { border-bottom-left-radius: 5px; } #page-enrol-index .card.accipio-border-top-right-10, #page-enrol-index .card .accipio-border-top-right-10, #page-local-accipio-one-shop-access_restriction .card.accipio-border-top-right-10, #page-local-accipio-one-shop-access_restriction .card .accipio-border-top-right-10 { border-top-right-radius: 10px; } #page-enrol-index .card.accipio-border-top-left-10, #page-enrol-index .card .accipio-border-top-left-10, #page-local-accipio-one-shop-access_restriction .card.accipio-border-top-left-10, #page-local-accipio-one-shop-access_restriction .card .accipio-border-top-left-10 { border-top-left-radius: 10px; } #page-enrol-index .card.accipio-border-bottom-right-10, #page-enrol-index .card .accipio-border-bottom-right-10, #page-local-accipio-one-shop-access_restriction .card.accipio-border-bottom-right-10, #page-local-accipio-one-shop-access_restriction .card .accipio-border-bottom-right-10 { border-bottom-right-radius: 10px; } #page-enrol-index .card.accipio-border-bottom-left-10, #page-enrol-index .card .accipio-border-bottom-left-10, #page-local-accipio-one-shop-access_restriction .card.accipio-border-bottom-left-10, #page-local-accipio-one-shop-access_restriction .card .accipio-border-bottom-left-10 { border-bottom-left-radius: 10px; } #page-enrol-index .card.accipio-border-top-right-15, #page-enrol-index .card .accipio-border-top-right-15, #page-local-accipio-one-shop-access_restriction .card.accipio-border-top-right-15, #page-local-accipio-one-shop-access_restriction .card .accipio-border-top-right-15 { border-top-right-radius: 15px; } #page-enrol-index .card.accipio-border-top-left-15, #page-enrol-index .card .accipio-border-top-left-15, #page-local-accipio-one-shop-access_restriction .card.accipio-border-top-left-15, #page-local-accipio-one-shop-access_restriction .card .accipio-border-top-left-15 { border-top-left-radius: 15px; } #page-enrol-index .card.accipio-border-bottom-right-15, #page-enrol-index .card .accipio-border-bottom-right-15, #page-local-accipio-one-shop-access_restriction .card.accipio-border-bottom-right-15, #page-local-accipio-one-shop-access_restriction .card .accipio-border-bottom-right-15 { border-bottom-right-radius: 15px; } #page-enrol-index .card.accipio-border-bottom-left-15, #page-enrol-index .card .accipio-border-bottom-left-15, #page-local-accipio-one-shop-access_restriction .card.accipio-border-bottom-left-15, #page-local-accipio-one-shop-access_restriction .card .accipio-border-bottom-left-15 { border-bottom-left-radius: 15px; } #page-enrol-index .card.accipio-border-top-right-20, #page-enrol-index .card .accipio-border-top-right-20, #page-local-accipio-one-shop-access_restriction .card.accipio-border-top-right-20, #page-local-accipio-one-shop-access_restriction .card .accipio-border-top-right-20 { border-top-right-radius: 20px; } #page-enrol-index .card.accipio-border-top-left-20, #page-enrol-index .card .accipio-border-top-left-20, #page-local-accipio-one-shop-access_restriction .card.accipio-border-top-left-20, #page-local-accipio-one-shop-access_restriction .card .accipio-border-top-left-20 { border-top-left-radius: 20px; } #page-enrol-index .card.accipio-border-bottom-right-20, #page-enrol-index .card .accipio-border-bottom-right-20, #page-local-accipio-one-shop-access_restriction .card.accipio-border-bottom-right-20, #page-local-accipio-one-shop-access_restriction .card .accipio-border-bottom-right-20 { border-bottom-right-radius: 20px; } #page-enrol-index .card.accipio-border-bottom-left-20, #page-enrol-index .card .accipio-border-bottom-left-20, #page-local-accipio-one-shop-access_restriction .card.accipio-border-bottom-left-20, #page-local-accipio-one-shop-access_restriction .card .accipio-border-bottom-left-20 { border-bottom-left-radius: 20px; } #page-enrol-index .card.accipio-border-top-right-25, #page-enrol-index .card .accipio-border-top-right-25, #page-local-accipio-one-shop-access_restriction .card.accipio-border-top-right-25, #page-local-accipio-one-shop-access_restriction .card .accipio-border-top-right-25 { border-top-right-radius: 25px; } #page-enrol-index .card.accipio-border-top-left-25, #page-enrol-index .card .accipio-border-top-left-25, #page-local-accipio-one-shop-access_restriction .card.accipio-border-top-left-25, #page-local-accipio-one-shop-access_restriction .card .accipio-border-top-left-25 { border-top-left-radius: 25px; } #page-enrol-index .card.accipio-border-bottom-right-25, #page-enrol-index .card .accipio-border-bottom-right-25, #page-local-accipio-one-shop-access_restriction .card.accipio-border-bottom-right-25, #page-local-accipio-one-shop-access_restriction .card .accipio-border-bottom-right-25 { border-bottom-right-radius: 25px; } #page-enrol-index .card.accipio-border-bottom-left-25, #page-enrol-index .card .accipio-border-bottom-left-25, #page-local-accipio-one-shop-access_restriction .card.accipio-border-bottom-left-25, #page-local-accipio-one-shop-access_restriction .card .accipio-border-bottom-left-25 { border-bottom-left-radius: 25px; } #page-enrol-index .card .accipio-align-top, #page-local-accipio-one-shop-access_restriction .card .accipio-align-top { background-position: top !important; } #page-enrol-index .card .accipio-align-center, #page-local-accipio-one-shop-access_restriction .card .accipio-align-center { background-position: center !important; } #page-enrol-index .card .accipio-align-bottom, #page-local-accipio-one-shop-access_restriction .card .accipio-align-bottom { background-position: bottom !important; } #page-enrol-index .a1-completion, #page-local-accipio-one-shop-access_restriction .a1-completion { position: absolute; right: 15px; color: white; height: 32px; padding: 5px; border-radius: 10px; } #page-enrol-index .accipio-height-60 .a1-completion, #page-local-accipio-one-shop-access_restriction .accipio-height-60 .a1-completion { top: calc(60px - 42px); } #page-enrol-index .accipio-height-80 .a1-completion, #page-local-accipio-one-shop-access_restriction .accipio-height-80 .a1-completion { top: calc(80px - 42px); } #page-enrol-index .accipio-height-100 .a1-completion, #page-local-accipio-one-shop-access_restriction .accipio-height-100 .a1-completion { top: calc(100px - 42px); } #page-enrol-index .accipio-height-120 .a1-completion, #page-local-accipio-one-shop-access_restriction .accipio-height-120 .a1-completion { top: calc(120px - 42px); } #page-enrol-index .accipio-height-150 .a1-completion, #page-local-accipio-one-shop-access_restriction .accipio-height-150 .a1-completion { top: calc(150px - 42px); } #page-enrol-index .card-img-top .a1-resource-type, #page-local-accipio-one-shop-access_restriction .card-img-top .a1-resource-type { position: absolute; left: 15px; color: white; font-weight: bold; height: 32px; border-bottom-right-radius: 10px; border-top-left-radius: 10px; padding: 5px 10px; line-height: 100%; } #page-enrol-index .card-img-top .a1-resource-type .tfont-var-collection_handle_fill, #page-local-accipio-one-shop-access_restriction .card-img-top .a1-resource-type .tfont-var-collection_handle_fill { height: calc(1rem + 5px); } #page-enrol-index .card-img-top .a1-resource-type .tfont-var-collection_handle_fill:before, #page-local-accipio-one-shop-access_restriction .card-img-top .a1-resource-type .tfont-var-collection_handle_fill:before { display: block; } #page-enrol-index .card-img-top.accipio-height-60, #page-local-accipio-one-shop-access_restriction .card-img-top.accipio-height-60 { height: 60px; } #page-enrol-index .card-img-top.accipio-height-60 .a1-resource-type, #page-local-accipio-one-shop-access_restriction .card-img-top.accipio-height-60 .a1-resource-type { top: calc(60px - 42px); } #page-enrol-index .card-img-top.accipio-height-80, #page-local-accipio-one-shop-access_restriction .card-img-top.accipio-height-80 { height: 80px; } #page-enrol-index .card-img-top.accipio-height-80 .a1-resource-type, #page-local-accipio-one-shop-access_restriction .card-img-top.accipio-height-80 .a1-resource-type { top: calc(80px - 42px); } #page-enrol-index .card-img-top.accipio-height-100, #page-local-accipio-one-shop-access_restriction .card-img-top.accipio-height-100 { height: 100px; } #page-enrol-index .card-img-top.accipio-height-100 .a1-resource-type, #page-local-accipio-one-shop-access_restriction .card-img-top.accipio-height-100 .a1-resource-type { top: calc(100px - 42px); } #page-enrol-index .card-img-top.accipio-height-120, #page-local-accipio-one-shop-access_restriction .card-img-top.accipio-height-120 { height: 120px; } #page-enrol-index .card-img-top.accipio-height-120 .a1-resource-type, #page-local-accipio-one-shop-access_restriction .card-img-top.accipio-height-120 .a1-resource-type { top: calc(120px - 42px); } #page-enrol-index .card-img-top.accipio-height-150, #page-local-accipio-one-shop-access_restriction .card-img-top.accipio-height-150 { height: 150px; } #page-enrol-index .card-img-top.accipio-height-150 .a1-resource-type, #page-local-accipio-one-shop-access_restriction .card-img-top.accipio-height-150 .a1-resource-type { top: calc(150px - 42px); } #page-enrol-index .card-img-top.accipio-shadow-10, #page-local-accipio-one-shop-access_restriction .card-img-top.accipio-shadow-10 { box-shadow: inset 0 120px 1500px rgba(0, 0, 0, 0.1); } #page-enrol-index .card-img-top.accipio-shadow-20, #page-local-accipio-one-shop-access_restriction .card-img-top.accipio-shadow-20 { box-shadow: inset 0 120px 1500px rgba(0, 0, 0, 0.2); } #page-enrol-index .card-img-top.accipio-shadow-30, #page-local-accipio-one-shop-access_restriction .card-img-top.accipio-shadow-30 { box-shadow: inset 0 120px 1500px rgba(0, 0, 0, 0.3); } #page-enrol-index .card-img-top.accipio-shadow-40, #page-local-accipio-one-shop-access_restriction .card-img-top.accipio-shadow-40 { box-shadow: inset 0 120px 1500px rgba(0, 0, 0, 0.4); } #page-enrol-index .card-img-top.accipio-shadow-50, #page-local-accipio-one-shop-access_restriction .card-img-top.accipio-shadow-50 { box-shadow: inset 0 120px 1500px rgba(0, 0, 0, 0.5); } #page-enrol-index .card-img-top.accipio-shadow-60, #page-local-accipio-one-shop-access_restriction .card-img-top.accipio-shadow-60 { box-shadow: inset 0 120px 1500px rgba(0, 0, 0, 0.6); } #page-enrol-index .card-img-top.accipio-shadow-70, #page-local-accipio-one-shop-access_restriction .card-img-top.accipio-shadow-70 { box-shadow: inset 0 120px 1500px rgba(0, 0, 0, 0.7); } #page-enrol-index .card-img-top.accipio-shadow-80, #page-local-accipio-one-shop-access_restriction .card-img-top.accipio-shadow-80 { box-shadow: inset 0 120px 1500px rgba(0, 0, 0, 0.8); } #page-enrol-index .card-img-top.accipio-shadow-90, #page-local-accipio-one-shop-access_restriction .card-img-top.accipio-shadow-90 { box-shadow: inset 0 120px 1500px rgba(0, 0, 0, 0.9); } #page-enrol-index .card-img-top.accipio-shadow-100, #page-local-accipio-one-shop-access_restriction .card-img-top.accipio-shadow-100 { box-shadow: inset 0 120px 1500px rgb(0, 0, 0); } #page-enrol-index .card-text, #page-enrol-index .card-text p, #page-local-accipio-one-shop-access_restriction .card-text, #page-local-accipio-one-shop-access_restriction .card-text p { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical; color: #333; } #page-enrol-index .card-body, #page-local-accipio-one-shop-access_restriction .card-body { padding: 5px 0; margin: 0; } #page-enrol-index .card-title, #page-local-accipio-one-shop-access_restriction .card-title { margin: 0.25rem 0; width: 100%; display: block; line-height: 1.5rem; font-weight: bold; } #page-enrol-index .card .card-title, #page-local-accipio-one-shop-access_restriction .card .card-title { min-height: 3rem; } #page-enrol-index .resource-views, #page-enrol-index .resource-likes, #page-enrol-index .resource-saves, #page-local-accipio-one-shop-access_restriction .resource-views, #page-local-accipio-one-shop-access_restriction .resource-likes, #page-local-accipio-one-shop-access_restriction .resource-saves { display: block; } #page-enrol-index .carousel-control-next, #page-enrol-index .carousel-control-prev, #page-local-accipio-one-shop-access_restriction .carousel-control-next, #page-local-accipio-one-shop-access_restriction .carousel-control-prev { color: #000000; top: 50%; bottom: 50%; } @media (min-width: 768px) { #page-enrol-index .carousel-control-next, #page-enrol-index .carousel-control-prev, #page-local-accipio-one-shop-access_restriction .carousel-control-next, #page-local-accipio-one-shop-access_restriction .carousel-control-prev { top: 0; bottom: 0; } } #page-enrol-index .carousel-control-next:focus, #page-enrol-index .carousel-control-prev:focus, #page-local-accipio-one-shop-access_restriction .carousel-control-next:focus, #page-local-accipio-one-shop-access_restriction .carousel-control-prev:focus { box-shadow: none; font-weight: bold; } #page-enrol-index .carousel-control-next, #page-local-accipio-one-shop-access_restriction .carousel-control-next { right: -2rem; } #page-enrol-index .carousel-control-prev, #page-local-accipio-one-shop-access_restriction .carousel-control-prev { left: -2rem; } #page-enrol-index .discover-lxp-buttons, #page-local-accipio-one-shop-access_restriction .discover-lxp-buttons { text-align: center; } #page-enrol-index.discover-horizontal, #page-local-accipio-one-shop-access_restriction.discover-horizontal { width: 100%; } #page-enrol-index.discover-horizontal .carousel-item, #page-local-accipio-one-shop-access_restriction.discover-horizontal .carousel-item { width: 100%; } #page-enrol-index.discover-horizontal .carousel-control-next, #page-enrol-index.discover-horizontal .carousel-control-prev, #page-local-accipio-one-shop-access_restriction.discover-horizontal .carousel-control-next, #page-local-accipio-one-shop-access_restriction.discover-horizontal .carousel-control-prev { width: 45px; } #page-enrol-index.discover-horizontal .card-group, #page-local-accipio-one-shop-access_restriction.discover-horizontal .card-group { width: 100%; } #page-enrol-index.discover-horizontal .card, #page-local-accipio-one-shop-access_restriction.discover-horizontal .card { width: 100%; } #page-enrol-index.discover-vertical .carousel-inner, #page-local-accipio-one-shop-access_restriction.discover-vertical .carousel-inner { height: min-content; } #page-enrol-index.discover-vertical .carousel-item, #page-local-accipio-one-shop-access_restriction.discover-vertical .carousel-item { padding: 0; } #page-enrol-index.discover-vertical .carousel-item .card, #page-local-accipio-one-shop-access_restriction.discover-vertical .carousel-item .card { margin-bottom: 5px; } #page-enrol-index.discover-vertical .carousel-control-next, #page-enrol-index.discover-vertical .carousel-control-prev, #page-local-accipio-one-shop-access_restriction.discover-vertical .carousel-control-next, #page-local-accipio-one-shop-access_restriction.discover-vertical .carousel-control-prev { width: 29px; } /*# sourceMappingURL=styles.css.map */ /* enrol_lti styles */ #registration-tab-content .input-group-append button.btn { border: solid 1px #8f959e; } form#auto_submit { display: none; } #registration-tab-content .input-group-append button.btn span.pix { padding-left: 0.5rem; } .block_a1_curate .content .resource-card .card-img-top { background-position: top !important; } .block_a1_curate .content .resource-card .card-title { font-size: larger; } .block_a1_curate .content .resource-card .card-subtitle { margin-top: 0.1rem; } .block_a1_curate .content .resource-card .card-body { padding-top: 1.25rem !important; } /*# sourceMappingURL=styles.css.map */ .block_a1_dashboard .tab-content > .tab-pane.active { height: auto; visibility: visible; } .block_a1_dashboard .tab-content > .tab-pane { visibility: hidden; display: block; height: 0; overflow: hidden; } .block_a1_dashboard .a1RagSummarySelectedQual, .block_a1_dashboard .a1RagSummarySelectedUser, .block_a1_dashboard .a1RagSummarySelectedQualStatus { background: #0a4b84; cursor: pointer; } .block_a1_dashboard .a1RagSummaryQualSearchList, .block_a1_dashboard .a1RagSummaryQualSearchList { cursor: pointer; } .accipio-category-image { box-shadow: inset 0 -100px 100px 100px #000029 !important; } #accipio-datatable-wrapper-combined-user-progress-table [type="search"] { border-radius: 0.5rem; } .a1DashBoardRag { box-shadow: 0 10px 20px 0 rgba(232, 232, 236, .3137254902) !important; border: 1px solid #eee; border-radius: 10px !important; } #a1DashBoardMainFilterDiv tbody th{ font-weight: normal; border: none; } #a1DashBoardMainFilterDiv thead th{ border: none; } #a1DashBoardMainFilterDiv { background: #fafafa; padding: 1px 20px 20px 20px; margin-top: 20px; } #dashboardFilterShowAllTutors, #dashboardFilterShowAllQuals { cursor: pointer; text-align: left; padding-left: 20px; margin-top: 5px; } #projectPluginStudentMyProjectsDT_wrapper{ overflow: hidden; } .block_accessreview_success, .block_accessreview.block_accessreview_success.hasinfo { color: #1e451e; background: #d7e6d7; border-color: #c8ddc8; } .block_accessreview_danger, .block_accessreview.block_accessreview_danger.hasinfo { color: #6e211e; background: #f6d9d8; border-color: #f3c9c8; } .block_accessreview_warning, .block_accessreview.block_accessreview_warning.hasinfo { color: #7d5a29; background: #fcefdc; border-color: #fbe8cd; } .block_accessreview_table { border-bottom: 1px solid; border-color: #eee8e8; } .block_accessreview_links { display: flex; flex-flow: row; flex-wrap: wrap; justify-content: center; } .block_accessreview_link { padding-left: 10px; padding-right: 10px; } .block_accessreview_analysisbutton { text-align: center; } .block_activity_results h1 { margin: 4px; font-size: 1.1em; } .block_activity_results table.grades { text-align: left; width: 100%; } .block_activity_results table.grades .number { text-align: left; width: 10%; } .block_activity_results table.grades .name { text-align: left; width: 77%; } .block_activity_results table.grades .grade { text-align: right; } .block_blog_tags .s20 { font-size: 1.5em; font-weight: bold; } .block_blog_tags .s19 { font-size: 1.5em; } .block_blog_tags .s18 { font-size: 1.4em; font-weight: bold; } .block_blog_tags .s17 { font-size: 1.4em; } .block_blog_tags .s16 { font-size: 1.3em; font-weight: bold; } .block_blog_tags .s15 { font-size: 1.3em; } .block_blog_tags .s14 { font-size: 1.2em; font-weight: bold; } .block_blog_tags .s13 { font-size: 1.2em; } .block_blog_tags .s12, .block_blog_tags .s11 { font-size: 1.1em; font-weight: bold; } .block_blog_tags .s10, .block_blog_tags .s9 { font-size: 1.1em; } .block_blog_tags .s8, .block_blog_tags .s7 { font-size: 1em; font-weight: bold; } .block_blog_tags .s6, .block_blog_tags .s5 { font-size: 1em; } .block_blog_tags .s4, .block_blog_tags .s3 { font-size: 0.9em; font-weight: bold; } .block_blog_tags .s2, .block_blog_tags .s1 { font-size: 0.9em; } .block_completion_progress .content { text-align: left; } .block_completion_progress .barContainer { position: relative; padding: 0; clear: both; } .block_completion_progress .left-arrow-svg, .block_completion_progress .right-arrow-svg { position: absolute; top: calc(50% - 10px); display: none; z-index: 10; } .block_completion_progress .left-arrow-svg { /* rtl:ignore */ left: 5px; } .block_completion_progress .right-arrow-svg { /* rtl:ignore */ right: 5px; } .block_completion_progress .triangle-polygon { fill: rgba(0, 0, 0, 0.3); stroke: white; stroke-width: 3px; } .block_completion_progress .barRow { padding: 0; width: 100%; margin: 0; min-height: 1.6rem; overflow: hidden; scroll-behavior: smooth; } .block_completion_progress .progressBarCell { height: 1.6rem; margin: 0; padding: 0; text-align: center; vertical-align: middle; border-left: solid 1px #e3e3e3; border-top: solid 1px #e3e3e3; position: relative; } .block_completion_progress .progressBarCell[data-haslink=true] { cursor: pointer; } .block_completion_progress .progressBarCell[data-haslink=not-allowed] { cursor: not-allowed; } .block_completion_progress .barModeScroll .barRowCells { white-space: nowrap; } .block_completion_progress .barModeScroll .progressBarCell { display: inline-block; width: 1.6rem; } .block_completion_progress .barModeSqueeze .barRowCells { display: flex; } .block_completion_progress .barModeSqueeze .progressBarCell { display: inline-block; flex: 1 1 0; } .block_completion_progress .barModeWrap .barRowCells { display: flex; flex-wrap: wrap; } .block_completion_progress .barModeWrap .progressBarCell { display: inline-block; flex-grow: 0; flex-shrink: 0; flex-basis: inherit; /* Will be computed and declared inline on the .barRow element. */ } .block_completion_progress .barWithNow .barRowCells { margin-top: 1.6rem; } .block_completion_progress .progressBarCell .nowDiv { position: absolute; top: -100%; white-space: nowrap; width: 100px; } .block_completion_progress .progressBarCell .firstNow { left: 0; text-align: left; } .block_completion_progress .progressBarCell .firstHalfNow { left: 100%; text-align: left; } .block_completion_progress .progressBarCell .lastHalfNow { right: 0; text-align: right; } .block_completion_progress .progressBarCell .nowicon { width: 15px; height: 15px; margin: 0; padding: 0; } .block_completion_progress .barModeScroll .progressBarCell:first-of-type, .block_completion_progress .barModeSqueeze .progressBarCell:first-of-type { border-top-left-radius: 0.26rem; border-bottom-left-radius: 0.26rem; } .block_completion_progress .barModeScroll .progressBarCell:last-of-type, .block_completion_progress .barModeSqueeze .progressBarCell:last-of-type { border-top-right-radius: 0.26rem; border-bottom-right-radius: 0.26rem; border-right: solid 1px #e3e3e3; } .block_completion_progress .barWithIcons .progressBarCell::before { display: inline-block; content: ''; width: 100%; height: 100%; max-width: 16px; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; } .block_completion_progress .barWithIcons .progressBarCell.completed::before { background-image: url(/theme/image.php/wui/block_completion_progress/1742904535/tick); } .block_completion_progress .barWithIcons .progressBarCell.notCompleted::before { background-image: url(/theme/image.php/wui/block_completion_progress/1742904535/cross); } .block_completion_progress .progressEventInfo, .block_completion_progress .progressPercentage { font-size: x-small; text-align: left; white-space: pre; overflow: hidden; padding: 0; margin: 5px; } .block_completion_progress .progressEventInfo { white-space: pre-wrap; } .block_completion_progress .progressEventInfo .iconInInfo, #fitem_id_config_progressBarIcons .iconOnConfig { height: 1.2em; width: 1.2em; } #page-blocks-completion_progress-overview .overviewTable { table-layout: fixed; } #page-blocks-completion_progress-overview .overviewTable .col-select { width: 2rem; text-align: center; } #page-blocks-completion_progress-overview .overviewTable .col-fullname { width: 20%; } #page-blocks-completion_progress-overview .overviewTable .col-timeaccess { width: 15%; } #page-blocks-completion_progress-overview .overviewTable .col-progressbar { min-width: 200px; } #page-blocks-completion_progress-overview .overviewTable .col-progress { width: 6rem; text-align: center; } .block_completion_progress .progressEventInfo img { vertical-align: middle; } .block_completion_progress .moduleIcon { float: left; margin-right: 5px; max-width: 24px; } .block_completion_progress .progressBarHeader { font-size: 90%; margin: 0; padding: 0; } .block_completion_progress h3 { margin-bottom: 0; } .block_completion_progress .expectedBy { margin: 5px auto; } .block_completion_progress .overviewButton { margin: 10px; text-align: center; } #page-blocks-completion_progress-overview .progressoverviewmenus { margin-bottom: 1rem; } #page-blocks-completion_progress-overview .progressoverviewmenus .singleselect + .singleselect { margin-left: 1rem; } .block_course_list .footer { margin-top: 5px; } .block_course_list .content li { margin-bottom: .3em; } .block_course_summary .content { padding: 10px; } .block_course_summary .editbutton { text-align: right; } /** * All styles are built from the file css/styles.css. */ /** Base styles as preflight is disabled. */ .block_gearup *, .block_gearup *::before, .block_gearup *::after { box-sizing: border-box; border-width: 0px; border-style: solid; } .block_gearup dd, .block_gearup dl { margin: 0px; } *, ::before, ::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } ::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } .block_gearup :is(.gu-sr-only) { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .block_gearup :is(.gu-pointer-events-none) { pointer-events: none; } .block_gearup :is(.gu-invisible) { visibility: hidden; } .block_gearup :is(.gu-fixed) { position: fixed; } .block_gearup :is(.gu-absolute) { position: absolute; } .block_gearup :is(.gu-relative) { position: relative; } .block_gearup :is(.gu-sticky) { position: sticky; } .block_gearup :is(.gu--inset-1) { inset: -0.25rem; } .block_gearup :is(.gu-inset-0) { inset: 0px; } .block_gearup :is(.gu-inset-x-0) { left: 0px; right: 0px; } .block_gearup :is(.gu-inset-y-0) { top: 0px; bottom: 0px; } .block_gearup :is(.gu--left-1) { left: -0.25rem; } .block_gearup :is(.gu--left-\[100000px\]) { left: -100000px; } .block_gearup :is(.gu--top-1) { top: -0.25rem; } .block_gearup :is(.gu--top-3) { top: -0.75rem; } .block_gearup :is(.gu--top-6) { top: -1.5rem; } .block_gearup :is(.gu-bottom-0) { bottom: 0px; } .block_gearup :is(.gu-left-0) { left: 0px; } .block_gearup :is(.gu-left-2) { left: 0.5rem; } .block_gearup :is(.gu-left-2\.5) { left: 0.625rem; } .block_gearup :is(.gu-right-6) { right: 1.5rem; } .block_gearup :is(.gu-top-0) { top: 0px; } .block_gearup :is(.gu-top-3) { top: 0.75rem; } .block_gearup :is(.gu-z-10) { z-index: 10; } .block_gearup :is(.gu-order-1) { order: 1; } .block_gearup :is(.gu-order-2) { order: 2; } .block_gearup :is(.gu-col-span-1) { grid-column: span 1 / span 1; } .block_gearup :is(.gu-col-span-2) { grid-column: span 2 / span 2; } .block_gearup :is(.gu-col-span-3) { grid-column: span 3 / span 3; } .block_gearup :is(.gu-col-span-full) { grid-column: 1 / -1; } .block_gearup :is(.gu--m-1) { margin: -0.25rem; } .block_gearup :is(.gu-m-0) { margin: 0px; } .block_gearup :is(.gu--mx-1) { margin-left: -0.25rem; margin-right: -0.25rem; } .block_gearup :is(.gu-mx-auto) { margin-left: auto; margin-right: auto; } .block_gearup :is(.gu-my-2) { margin-top: 0.5rem; margin-bottom: 0.5rem; } .block_gearup :is(.gu-my-4) { margin-top: 1rem; margin-bottom: 1rem; } .block_gearup :is(.gu-my-6) { margin-top: 1.5rem; margin-bottom: 1.5rem; } .block_gearup :is(.gu--ml-1) { margin-left: -0.25rem; } .block_gearup :is(.gu--mt-1) { margin-top: -0.25rem; } .block_gearup :is(.gu-mb-1) { margin-bottom: 0.25rem; } .block_gearup :is(.gu-mb-2) { margin-bottom: 0.5rem; } .block_gearup :is(.gu-mb-4) { margin-bottom: 1rem; } .block_gearup :is(.gu-mb-6) { margin-bottom: 1.5rem; } .block_gearup :is(.gu-mb-8) { margin-bottom: 2rem; } .block_gearup :is(.gu-ml-1) { margin-left: 0.25rem; } .block_gearup :is(.gu-ml-2) { margin-left: 0.5rem; } .block_gearup :is(.gu-ml-3) { margin-left: 0.75rem; } .block_gearup :is(.gu-ml-4) { margin-left: 1rem; } .block_gearup :is(.gu-ml-auto) { margin-left: auto; } .block_gearup :is(.gu-mr-1) { margin-right: 0.25rem; } .block_gearup :is(.gu-mr-2) { margin-right: 0.5rem; } .block_gearup :is(.gu-mr-4) { margin-right: 1rem; } .block_gearup :is(.gu-mt-0) { margin-top: 0px; } .block_gearup :is(.gu-mt-0\.5) { margin-top: 0.125rem; } .block_gearup :is(.gu-mt-1) { margin-top: 0.25rem; } .block_gearup :is(.gu-mt-2) { margin-top: 0.5rem; } .block_gearup :is(.gu-mt-4) { margin-top: 1rem; } .block_gearup :is(.gu-mt-6) { margin-top: 1.5rem; } .block_gearup :is(.gu-line-clamp-2) { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .block_gearup :is(.gu-block) { display: block; } .block_gearup :is(.gu-inline-block) { display: inline-block; } .block_gearup :is(.gu-flex) { display: flex; } .block_gearup :is(.gu-inline-flex) { display: inline-flex; } .block_gearup :is(.gu-grid) { display: grid; } .block_gearup :is(.gu-hidden) { display: none; } .block_gearup :is(.gu-aspect-square) { aspect-ratio: 1 / 1; } .block_gearup :is(.gu-size-10) { width: 2.5rem; height: 2.5rem; } .block_gearup :is(.gu-size-12) { width: 3rem; height: 3rem; } .block_gearup :is(.gu-size-16) { width: 4rem; height: 4rem; } .block_gearup :is(.gu-size-2) { width: 0.5rem; height: 0.5rem; } .block_gearup :is(.gu-size-4) { width: 1rem; height: 1rem; } .block_gearup :is(.gu-size-6) { width: 1.5rem; height: 1.5rem; } .block_gearup :is(.gu-size-8) { width: 2rem; height: 2rem; } .block_gearup :is(.gu-h-12) { height: 3rem; } .block_gearup :is(.gu-h-16) { height: 4rem; } .block_gearup :is(.gu-h-2) { height: 0.5rem; } .block_gearup :is(.gu-h-20) { height: 5rem; } .block_gearup :is(.gu-h-24) { height: 6rem; } .block_gearup :is(.gu-h-28) { height: 7rem; } .block_gearup :is(.gu-h-3) { height: 0.75rem; } .block_gearup :is(.gu-h-4) { height: 1rem; } .block_gearup :is(.gu-h-5) { height: 1.25rem; } .block_gearup :is(.gu-h-6) { height: 1.5rem; } .block_gearup :is(.gu-h-64) { height: 16rem; } .block_gearup :is(.gu-h-8) { height: 2rem; } .block_gearup :is(.gu-h-\[500px\]) { height: 500px; } .block_gearup :is(.gu-h-\[54px\]) { height: 54px; } .block_gearup :is(.gu-h-auto) { height: auto; } .block_gearup :is(.gu-h-full) { height: 100%; } .block_gearup :is(.gu-h-px) { height: 1px; } .block_gearup :is(.gu-max-h-full) { max-height: 100%; } .block_gearup :is(.gu-min-h-full) { min-height: 100%; } .block_gearup :is(.gu-w-12) { width: 3rem; } .block_gearup :is(.gu-w-16) { width: 4rem; } .block_gearup :is(.gu-w-2) { width: 0.5rem; } .block_gearup :is(.gu-w-20) { width: 5rem; } .block_gearup :is(.gu-w-24) { width: 6rem; } .block_gearup :is(.gu-w-28) { width: 7rem; } .block_gearup :is(.gu-w-4) { width: 1rem; } .block_gearup :is(.gu-w-5) { width: 1.25rem; } .block_gearup :is(.gu-w-6) { width: 1.5rem; } .block_gearup :is(.gu-w-8) { width: 2rem; } .block_gearup :is(.gu-w-full) { width: 100%; } .block_gearup :is(.gu-min-w-1) { min-width: 0.25rem; } .block_gearup :is(.gu-min-w-\[1rem\]) { min-width: 1rem; } .block_gearup :is(.gu-min-w-\[2\.5rem\]) { min-width: 2.5rem; } .block_gearup :is(.gu-min-w-\[4rem\]) { min-width: 4rem; } .block_gearup :is(.gu-max-w-2xl) { max-width: 42rem; } .block_gearup :is(.gu-max-w-3xl) { max-width: 48rem; } .block_gearup :is(.gu-max-w-full) { max-width: 100%; } .block_gearup :is(.gu-max-w-lg) { max-width: 32rem; } .block_gearup :is(.gu-max-w-md) { max-width: 28rem; } .block_gearup :is(.gu-max-w-sm) { max-width: 24rem; } .block_gearup :is(.gu-max-w-xl) { max-width: 36rem; } .block_gearup :is(.gu-max-w-xs) { max-width: 20rem; } .block_gearup :is(.gu-flex-1) { flex: 1 1 0%; } .block_gearup :is(.gu-flex-shrink-0) { flex-shrink: 0; } .block_gearup :is(.gu-shrink-0) { flex-shrink: 0; } .block_gearup :is(.gu-grow) { flex-grow: 1; } .block_gearup :is(.gu-grow-0) { flex-grow: 0; } .block_gearup :is(.gu--translate-x-1\/2) { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .block_gearup :is(.gu--translate-x-3) { --tw-translate-x: -0.75rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .block_gearup :is(.gu--translate-x-full) { --tw-translate-x: -100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .block_gearup :is(.gu--translate-y-0) { --tw-translate-y: -0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .block_gearup :is(.gu--translate-y-0\.5) { --tw-translate-y: -0.125rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .block_gearup :is(.gu--translate-y-1) { --tw-translate-y: -0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .block_gearup :is(.gu--translate-y-1\.5) { --tw-translate-y: -0.375rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .block_gearup :is(.gu-translate-x-full) { --tw-translate-x: 100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .block_gearup :is(.-gu-rotate-6) { --tw-rotate: -6deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .block_gearup :is(.gu-transform) { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .block_gearup :is(.gu-transform-gpu) { transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } @keyframes gu-bounce { 0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(0.8,0,1,1); } 50% { transform: none; animation-timing-function: cubic-bezier(0,0,0.2,1); } } .block_gearup :is(.gu-animate-bounce) { animation: gu-bounce 1s infinite; } @keyframes gu-ping { 75%, 100% { transform: scale(2); opacity: 0; } } .block_gearup :is(.gu-animate-ping) { animation: gu-ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; } @keyframes gu-pulse { 50% { opacity: .5; } } .block_gearup :is(.gu-animate-pulse) { animation: gu-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } @keyframes gu-typing { 0% { transform: translateY(0); opacity: 0.5; } 8% { transform: translateY(-4px); opacity: 1; } 16% { transform: translateY(0); } 100% { transform: translateY(0); opacity: 0.5; } } .block_gearup :is(.gu-animate-typing) { animation: gu-typing 1500ms linear infinite; } .block_gearup :is(.gu-cursor-not-allowed) { cursor: not-allowed; } .block_gearup :is(.gu-cursor-pointer) { cursor: pointer; } .block_gearup :is(.gu-select-none) { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .block_gearup :is(.gu-snap-y) { scroll-snap-type: y var(--tw-scroll-snap-strictness); } .block_gearup :is(.gu-list-inside) { list-style-position: inside; } .block_gearup :is(.gu-list-outside) { list-style-position: outside; } .block_gearup :is(.gu-list-disc) { list-style-type: disc; } .block_gearup :is(.gu-list-none) { list-style-type: none; } .block_gearup :is(.gu-grid-cols-1) { grid-template-columns: repeat(1, minmax(0, 1fr)); } .block_gearup :is(.gu-grid-cols-2) { grid-template-columns: repeat(2, minmax(0, 1fr)); } .block_gearup :is(.gu-grid-cols-3) { grid-template-columns: repeat(3, minmax(0, 1fr)); } .block_gearup :is(.gu-grid-cols-4) { grid-template-columns: repeat(4, minmax(0, 1fr)); } .block_gearup :is(.gu-grid-cols-5) { grid-template-columns: repeat(5, minmax(0, 1fr)); } .block_gearup :is(.gu-grid-cols-\[50px_1fr\]) { grid-template-columns: 50px 1fr; } .block_gearup :is(.gu-flex-row) { flex-direction: row; } .block_gearup :is(.gu-flex-row-reverse) { flex-direction: row-reverse; } .block_gearup :is(.gu-flex-col) { flex-direction: column; } .block_gearup :is(.gu-flex-wrap) { flex-wrap: wrap; } .block_gearup :is(.gu-flex-nowrap) { flex-wrap: nowrap; } .block_gearup :is(.gu-items-start) { align-items: flex-start; } .block_gearup :is(.gu-items-end) { align-items: flex-end; } .block_gearup :is(.gu-items-center) { align-items: center; } .block_gearup :is(.gu-justify-start) { justify-content: flex-start; } .block_gearup :is(.gu-justify-end) { justify-content: flex-end; } .block_gearup :is(.gu-justify-center) { justify-content: center; } .block_gearup :is(.gu-gap-0) { gap: 0px; } .block_gearup :is(.gu-gap-0\.5) { gap: 0.125rem; } .block_gearup :is(.gu-gap-1) { gap: 0.25rem; } .block_gearup :is(.gu-gap-2) { gap: 0.5rem; } .block_gearup :is(.gu-gap-4) { gap: 1rem; } .block_gearup :is(.gu-gap-y-2) { row-gap: 0.5rem; } .block_gearup :is(.gu-gap-y-4) { row-gap: 1rem; } .block_gearup :is(.gu--space-y-px > :not([hidden]) ~ :not([hidden])) { --tw-space-y-reverse: 0; margin-top: calc(-1px * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(-1px * var(--tw-space-y-reverse)); } .block_gearup :is(.gu-space-x-1 > :not([hidden]) ~ :not([hidden])) { --tw-space-x-reverse: 0; margin-right: calc(0.25rem * var(--tw-space-x-reverse)); margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse))); } .block_gearup :is(.gu-space-y-1 > :not([hidden]) ~ :not([hidden])) { --tw-space-y-reverse: 0; margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)); } .block_gearup :is(.gu-space-y-1\.5 > :not([hidden]) ~ :not([hidden])) { --tw-space-y-reverse: 0; margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.375rem * var(--tw-space-y-reverse)); } .block_gearup :is(.gu-space-y-2 > :not([hidden]) ~ :not([hidden])) { --tw-space-y-reverse: 0; margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); } .block_gearup :is(.gu-space-y-6 > :not([hidden]) ~ :not([hidden])) { --tw-space-y-reverse: 0; margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)); } .block_gearup :is(.gu-divide-gray-200 > :not([hidden]) ~ :not([hidden])) { --tw-divide-opacity: 1; border-color: rgb(229 231 235 / var(--tw-divide-opacity)); } .block_gearup :is(.gu-self-start) { align-self: flex-start; } .block_gearup :is(.gu-self-stretch) { align-self: stretch; } .block_gearup :is(.gu-overflow-hidden) { overflow: hidden; } .block_gearup :is(.gu-overflow-y-auto) { overflow-y: auto; } .block_gearup :is(.gu-overflow-x-hidden) { overflow-x: hidden; } .block_gearup :is(.gu-scroll-smooth) { scroll-behavior: smooth; } .block_gearup :is(.gu-truncate) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .block_gearup :is(.gu-whitespace-nowrap) { white-space: nowrap; } .block_gearup :is(.gu-rounded) { border-radius: 0.25rem; } .block_gearup :is(.gu-rounded-full) { border-radius: 9999px; } .block_gearup :is(.gu-rounded-lg) { border-radius: 0.5rem; } .block_gearup :is(.gu-rounded-bl-none) { border-bottom-left-radius: 0px; } .block_gearup :is(.gu-border) { border-width: 1px; } .block_gearup :is(.gu-border-0) { border-width: 0px; } .block_gearup :is(.gu-border-2) { border-width: 2px; } .block_gearup :is(.gu-border-4) { border-width: 4px; } .block_gearup :is(.gu-border-b) { border-bottom-width: 1px; } .block_gearup :is(.gu-border-t) { border-top-width: 1px; } .block_gearup :is(.gu-border-solid) { border-style: solid; } .block_gearup :is(.gu-border-dashed) { border-style: dashed; } .block_gearup :is(.gu-border-black) { --tw-border-opacity: 1; border-color: rgb(0 0 0 / var(--tw-border-opacity)); } .block_gearup :is(.gu-border-gray-200) { --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity)); } .block_gearup :is(.gu-border-gray-300) { --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity)); } .block_gearup :is(.gu-border-transparent) { border-color: transparent; } .block_gearup :is(.gu-bg-amber-50) { --tw-bg-opacity: 1; background-color: rgb(255 251 235 / var(--tw-bg-opacity)); } .block_gearup :is(.gu-bg-black) { --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity)); } .block_gearup :is(.gu-bg-blue-200) { --tw-bg-opacity: 1; background-color: rgb(191 219 254 / var(--tw-bg-opacity)); } .block_gearup :is(.gu-bg-blue-50) { --tw-bg-opacity: 1; background-color: rgb(239 246 255 / var(--tw-bg-opacity)); } .block_gearup :is(.gu-bg-blue-600) { --tw-bg-opacity: 1; background-color: rgb(37 99 235 / var(--tw-bg-opacity)); } .block_gearup :is(.gu-bg-blue-700) { --tw-bg-opacity: 1; background-color: rgb(29 78 216 / var(--tw-bg-opacity)); } .block_gearup :is(.gu-bg-blue-800) { --tw-bg-opacity: 1; background-color: rgb(30 64 175 / var(--tw-bg-opacity)); } .block_gearup :is(.gu-bg-gray-100) { --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity)); } .block_gearup :is(.gu-bg-gray-200) { --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity)); } .block_gearup :is(.gu-bg-gray-300) { --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity)); } .block_gearup :is(.gu-bg-gray-50) { --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity)); } .block_gearup :is(.gu-bg-gray-600) { --tw-bg-opacity: 1; background-color: rgb(75 85 99 / var(--tw-bg-opacity)); } .block_gearup :is(.gu-bg-green-50) { --tw-bg-opacity: 1; background-color: rgb(240 253 244 / var(--tw-bg-opacity)); } .block_gearup :is(.gu-bg-green-700) { --tw-bg-opacity: 1; background-color: rgb(21 128 61 / var(--tw-bg-opacity)); } .block_gearup :is(.gu-bg-indigo-200) { --tw-bg-opacity: 1; background-color: rgb(199 210 254 / var(--tw-bg-opacity)); } .block_gearup :is(.gu-bg-indigo-600) { --tw-bg-opacity: 1; background-color: rgb(79 70 229 / var(--tw-bg-opacity)); } .block_gearup :is(.gu-bg-red-100) { --tw-bg-opacity: 1; background-color: rgb(254 226 226 / var(--tw-bg-opacity)); } .block_gearup :is(.gu-bg-red-500) { --tw-bg-opacity: 1; background-color: rgb(239 68 68 / var(--tw-bg-opacity)); } .block_gearup :is(.gu-bg-red-700) { --tw-bg-opacity: 1; background-color: rgb(185 28 28 / var(--tw-bg-opacity)); } .block_gearup :is(.gu-bg-yellow-100) { --tw-bg-opacity: 1; background-color: rgb(254 249 195 / var(--tw-bg-opacity)); } .block_gearup :is(.gu-bg-yellow-300) { --tw-bg-opacity: 1; background-color: rgb(253 224 71 / var(--tw-bg-opacity)); } .block_gearup :is(.gu-bg-opacity-0) { --tw-bg-opacity: 0; } .block_gearup :is(.gu-p-0) { padding: 0px; } .block_gearup :is(.gu-p-1) { padding: 0.25rem; } .block_gearup :is(.gu-p-2) { padding: 0.5rem; } .block_gearup :is(.gu-p-4) { padding: 1rem; } .block_gearup :is(.gu-p-6) { padding: 1.5rem; } .block_gearup :is(.gu-p-\[0\.2rem\]) { padding: 0.2rem; } .block_gearup :is(.gu-px-1) { padding-left: 0.25rem; padding-right: 0.25rem; } .block_gearup :is(.gu-px-1\.5) { padding-left: 0.375rem; padding-right: 0.375rem; } .block_gearup :is(.gu-px-2) { padding-left: 0.5rem; padding-right: 0.5rem; } .block_gearup :is(.gu-px-4) { padding-left: 1rem; padding-right: 1rem; } .block_gearup :is(.gu-py-0) { padding-top: 0px; padding-bottom: 0px; } .block_gearup :is(.gu-py-0\.5) { padding-top: 0.125rem; padding-bottom: 0.125rem; } .block_gearup :is(.gu-py-1) { padding-top: 0.25rem; padding-bottom: 0.25rem; } .block_gearup :is(.gu-py-2) { padding-top: 0.5rem; padding-bottom: 0.5rem; } .block_gearup :is(.gu-py-4) { padding-top: 1rem; padding-bottom: 1rem; } .block_gearup :is(.gu-py-5) { padding-top: 1.25rem; padding-bottom: 1.25rem; } .block_gearup :is(.gu-py-8) { padding-top: 2rem; padding-bottom: 2rem; } .block_gearup :is(.gu-pb-2) { padding-bottom: 0.5rem; } .block_gearup :is(.gu-pb-4) { padding-bottom: 1rem; } .block_gearup :is(.gu-pl-1) { padding-left: 0.25rem; } .block_gearup :is(.gu-pl-2) { padding-left: 0.5rem; } .block_gearup :is(.gu-pr-1) { padding-right: 0.25rem; } .block_gearup :is(.gu-pr-2) { padding-right: 0.5rem; } .block_gearup :is(.gu-pt-0) { padding-top: 0px; } .block_gearup :is(.gu-pt-0\.5) { padding-top: 0.125rem; } .block_gearup :is(.gu-pt-4) { padding-top: 1rem; } .block_gearup :is(.gu-text-left) { text-align: left; } .block_gearup :is(.gu-text-center) { text-align: center; } .block_gearup :is(.gu-text-right) { text-align: right; } .block_gearup :is(.gu-text-2xl) { font-size: 1.5rem; line-height: 2rem; } .block_gearup :is(.gu-text-2xs) { font-size: 0.6875rem; line-height: 1; } .block_gearup :is(.gu-text-3xl) { font-size: 1.875rem; line-height: 2.25rem; } .block_gearup :is(.gu-text-4xl) { font-size: 2.25rem; line-height: 2.5rem; } .block_gearup :is(.gu-text-5xl) { font-size: 3rem; line-height: 1; } .block_gearup :is(.gu-text-base) { font-size: 1rem; line-height: 1.5rem; } .block_gearup :is(.gu-text-lg) { font-size: 1.125rem; line-height: 1.75rem; } .block_gearup :is(.gu-text-sm) { font-size: 0.875rem; line-height: 1.25rem; } .block_gearup :is(.gu-text-xl) { font-size: 1.25rem; line-height: 1.75rem; } .block_gearup :is(.gu-text-xs) { font-size: 0.75rem; line-height: 1rem; } .block_gearup :is(.gu-font-bold) { font-weight: 700; } .block_gearup :is(.gu-font-medium) { font-weight: 500; } .block_gearup :is(.gu-uppercase) { text-transform: uppercase; } .block_gearup :is(.gu-lowercase) { text-transform: lowercase; } .block_gearup :is(.gu-italic) { font-style: italic; } .block_gearup :is(.gu-leading-5) { line-height: 1.25rem; } .block_gearup :is(.gu-leading-6) { line-height: 1.5rem; } .block_gearup :is(.gu-leading-none) { line-height: 1; } .block_gearup :is(.gu-leading-snug) { line-height: 1.375; } .block_gearup :is(.gu-leading-tight) { line-height: 1.25; } .block_gearup :is(.gu-tracking-tight) { letter-spacing: -0.025em; } .block_gearup :is(.\!gu-text-blue-600) { --tw-text-opacity: 1 !important; color: rgb(37 99 235 / var(--tw-text-opacity)) !important; } .block_gearup :is(.gu-text-black) { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .block_gearup :is(.gu-text-current) { color: currentColor; } .block_gearup :is(.gu-text-gray-200) { --tw-text-opacity: 1; color: rgb(229 231 235 / var(--tw-text-opacity)); } .block_gearup :is(.gu-text-gray-300) { --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity)); } .block_gearup :is(.gu-text-gray-500) { --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity)); } .block_gearup :is(.gu-text-gray-600) { --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity)); } .block_gearup :is(.gu-text-gray-700) { --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); } .block_gearup :is(.gu-text-green-700) { --tw-text-opacity: 1; color: rgb(21 128 61 / var(--tw-text-opacity)); } .block_gearup :is(.gu-text-indigo-600) { --tw-text-opacity: 1; color: rgb(79 70 229 / var(--tw-text-opacity)); } .block_gearup :is(.gu-text-inherit) { color: inherit; } .block_gearup :is(.gu-text-red-500) { --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity)); } .block_gearup :is(.gu-text-red-800) { --tw-text-opacity: 1; color: rgb(153 27 27 / var(--tw-text-opacity)); } .block_gearup :is(.gu-text-white) { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .block_gearup :is(.gu-no-underline) { text-decoration-line: none; } .block_gearup :is(.gu-opacity-0) { opacity: 0; } .block_gearup :is(.gu-opacity-60) { opacity: 0.6; } .block_gearup :is(.gu-drop-shadow) { --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06)); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .block_gearup :is(.gu-transition) { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .block_gearup :is(.gu-transition-all) { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .block_gearup :is(.gu-transition-colors) { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .block_gearup :is(.gu-transition-opacity) { transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .block_gearup :is(.gu-transition-transform) { transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .block_gearup :is(.gu-duration-1000) { transition-duration: 1000ms; } .block_gearup :is(.gu-duration-300) { transition-duration: 300ms; } .block_gearup :is(.gu-ease-out) { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } .block_gearup :is(.gu-animation-delay-200) { animation-delay: 200ms; } .block_gearup :is(.gu-animation-delay-400) { animation-delay: 400ms; } .block_gearup :is(.gu-divide-x > :not([hidden]) ~ :not([hidden])) { border-left-width: 1px; border-right-width: 0; } .block_gearup :is(.gu-divide-y > :not([hidden]) ~ :not([hidden])) { border-top-width: 1px; border-bottom-width: 0; } .block_gearup :is(.gu-space-x-1 > :not([hidden]) ~ :not([hidden])) { margin-right: 0; margin-left: 0.25rem; } .block_gearup :is(.gu-space-y-1 > :not([hidden]) ~ :not([hidden])) { margin-top: 0.25rem; margin-bottom: 0; } .block_gearup :is(.gu-space-y-1\.5 > :not([hidden]) ~ :not([hidden])) { margin-top: 0.375rem; margin-bottom: 0; } .block_gearup :is(.gu-space-y-2 > :not([hidden]) ~ :not([hidden])) { margin-top: 0.5rem; margin-bottom: 0; } .block_gearup :is(.gu-space-y-6 > :not([hidden]) ~ :not([hidden])) { margin-top: 1.5rem; margin-bottom: 0; } /* Expand form textarea to full width. */ .block_gearup :is( .fitem textarea) { width: 100%; } /** Static form elements do not expand beyond their container's width. */ .block_gearup :is( .form-control-static) { max-width: 100%; } /* Remove right margin when icon along in button. */ .block_gearup :is( .btn .icon:last-child) { margin-right: 0px; } /* Remove the bottom border of the last fieldset in modals. */ .block_gearup :is(.modal form > fieldset:last-of-type) { border-bottom-width: 0px; } /* Prevent Bootstrap rows from creating a horizontal scroll. */ .block_gearup :is( .gu-dynamic-form .row) { margin-left: 0px; max-width: 100%; } /** Heading in the block. */ .block_gearup :is( .gu-heading-xs) { margin-bottom: 1rem; border-width: 0px; border-bottom-width: 1px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity)); font-size: 0.75rem; line-height: 1rem; font-weight: 400; text-transform: uppercase; letter-spacing: 0em; --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity)); } /** Hide accepted file types from some filemanager. **/ .block_gearup :is( .gu-accepted-types-hidden fieldset input[type='hidden'] + p),:is( .block_gearup .gu-accepted-types-hidden fieldset .form-filetypes-descriptions) { display: none; } .block_gearup :is( .gu-toast) { visibility: hidden; } .block_gearup .gu-toast { max-width: 54px; } .block_gearup :is( .gu-toast-wrapper) { position: relative; display: flex; height: 100%; width: 100%; } .block_gearup .gu-toast-img { flex: 0 0 54px; } .block_gearup :is( .gu-toast-img) { display: flex; align-items: center; justify-content: center; } .block_gearup .gu-toast-desc { flex: 1 1 100%; } .block_gearup :is( .gu-toast-show) { visibility: visible; } .block_gearup .gu-toast-show { animation: gu-toast-fadein 0.5s, gu-toast-expand 0.5s 0.5s; animation-fill-mode: forwards; } .block_gearup .gu-toast-hide { bottom: 30px; min-width: 300px; opacity: 1; animation: gu-toast-shrink 0.5s, gu-toast-fadeout 0.5s 0.5s; animation-fill-mode: forwards; } @keyframes gu-toast-fadein { from { bottom: 0; opacity: 0; } to { bottom: 30px; opacity: 1; } } @keyframes gu-toast-expand { from { min-width: 50px; } to { min-width: 300px; } } @keyframes gu-toast-shrink { from { min-width: 300px; } to { min-width: 50px; } } @keyframes gu-toast-fadeout { from { bottom: 30px; opacity: 1; } to { bottom: 0; opacity: 0; } } .block_gearup :is(.after\:gu-absolute)::after { content: var(--tw-content); position: absolute; } .block_gearup :is(.after\:gu--bottom-2)::after { content: var(--tw-content); bottom: -0.5rem; } .block_gearup :is(.after\:gu-left-0)::after { content: var(--tw-content); left: 0px; } .block_gearup :is(.after\:gu-hidden)::after { content: var(--tw-content); display: none; } .block_gearup :is(.after\:gu-h-0)::after { content: var(--tw-content); height: 0px; } .block_gearup :is(.after\:gu-w-0)::after { content: var(--tw-content); width: 0px; } .block_gearup :is(.after\:gu-border-l-8)::after { content: var(--tw-content); border-left-width: 8px; } .block_gearup :is(.after\:gu-border-r-8)::after { content: var(--tw-content); border-right-width: 8px; } .block_gearup :is(.after\:gu-border-t-8)::after { content: var(--tw-content); border-top-width: 8px; } .block_gearup :is(.after\:gu-border-transparent)::after { content: var(--tw-content); border-color: transparent; } .block_gearup :is(.after\:gu-border-t-blue-50)::after { content: var(--tw-content); --tw-border-opacity: 1; border-top-color: rgb(239 246 255 / var(--tw-border-opacity)); } .block_gearup :is(.after\:gu-content-\[\'\'\])::after { --tw-content: ''; content: var(--tw-content); } .block_gearup :is(.first\:gu-border-none:first-child) { border-style: none; } .block_gearup :is(.first\:gu-pt-0:first-child) { padding-top: 0px; } .block_gearup :is(.last\:gu-mb-0:last-child) { margin-bottom: 0px; } .block_gearup :is(.last\:gu-hidden:last-child) { display: none; } .block_gearup :is(.last\:gu-pb-0:last-child) { padding-bottom: 0px; } .block_gearup :is(.empty\:gu-hidden:empty) { display: none; } .block_gearup :is(.hover\:gu-scale-105:hover) { --tw-scale-x: 1.05; --tw-scale-y: 1.05; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .block_gearup :is(.hover\:gu-bg-gray-100:hover) { --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity)); } .block_gearup :is(.hover\:gu-bg-gray-200:hover) { --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity)); } .block_gearup :is(.hover\:gu-bg-opacity-100:hover) { --tw-bg-opacity: 1; } .block_gearup :is(.hover\:gu-text-inherit:hover) { color: inherit; } .block_gearup :is(.hover\:gu-text-white:hover) { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .block_gearup :is(.hover\:gu-no-underline:hover) { text-decoration-line: none; } .block_gearup :is(.focus\:gu-z-10:focus) { z-index: 10; } .block_gearup :is(.gu-group:hover .group-hover\:gu-text-current) { color: currentColor; } .block_gearup :is(.gu-group:hover .group-hover\:gu-text-indigo-800) { --tw-text-opacity: 1; color: rgb(55 48 163 / var(--tw-text-opacity)); } .block_gearup :is(.gu-group:hover .group-hover\:gu-text-inherit) { color: inherit; } .block_gearup :is(.gu-group:hover .group-hover\:gu-opacity-100) { opacity: 1; } .block_gearup :is(.gu-group:focus .group-focus\:gu-opacity-100) { opacity: 1; } .block_gearup :is(.gu-peer:checked ~ .peer-checked\:gu-border-blue-500) { --tw-border-opacity: 1; border-color: rgb(59 130 246 / var(--tw-border-opacity)); } .block_gearup :is(.gu-peer:checked ~ .peer-checked\:gu-bg-blue-200) { --tw-bg-opacity: 1; background-color: rgb(191 219 254 / var(--tw-bg-opacity)); } .block_gearup :is(.gu-peer:empty ~ .peer-empty\:gu-hidden) { display: none; } @media (min-width: 640px) { .block_gearup :is(.sm\:gu-col-span-2) { grid-column: span 2 / span 2; } .block_gearup :is(.sm\:gu-mt-0) { margin-top: 0px; } .block_gearup :is(.sm\:gu-block) { display: block; } .block_gearup :is(.sm\:gu-grid) { display: grid; } .block_gearup :is(.sm\:gu-h-32) { height: 8rem; } .block_gearup :is(.sm\:gu-w-32) { width: 8rem; } .block_gearup :is(.sm\:gu-grid-cols-2) { grid-template-columns: repeat(2, minmax(0, 1fr)); } .block_gearup :is(.sm\:gu-grid-cols-3) { grid-template-columns: repeat(3, minmax(0, 1fr)); } .block_gearup :is(.sm\:gu-flex-row) { flex-direction: row; } .block_gearup :is(.sm\:gu-gap-4) { gap: 1rem; } .block_gearup :is(.sm\:gu-p-0) { padding: 0px; } .block_gearup :is(.sm\:gu-py-4) { padding-top: 1rem; padding-bottom: 1rem; } .block_gearup :is(.sm\:gu-py-5) { padding-top: 1.25rem; padding-bottom: 1.25rem; } } @media (min-width: 768px) { .block_gearup :is(.md\:gu-ml-0) { margin-left: 0px; } .block_gearup :is(.md\:gu-grid-flow-col) { grid-auto-flow: column; } .block_gearup :is(.md\:gu-grid-cols-1fr) { grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); } .block_gearup :is(.md\:gu-grid-cols-2) { grid-template-columns: repeat(2, minmax(0, 1fr)); } .block_gearup :is(.md\:gu-grid-cols-4) { grid-template-columns: repeat(4, minmax(0, 1fr)); } .block_gearup :is(.md\:gu-flex-nowrap) { flex-wrap: nowrap; } } @media (min-width: 1024px) { .block_gearup :is(.lg\:gu-mx-6) { margin-left: 1.5rem; margin-right: 1.5rem; } .block_gearup :is(.lg\:gu-h-64) { height: 16rem; } .block_gearup :is(.lg\:gu-w-64) { width: 16rem; } .block_gearup :is(.lg\:gu-grid-cols-6) { grid-template-columns: repeat(6, minmax(0, 1fr)); } } .block_gearup :is(.\[\&\>\.chart-area\]\:gu-min-h-\[4rem\]>.chart-area) { min-height: 4rem; } .block_gearup :is(.\[\&_\.chart-image\]\:gu-aspect-square .chart-image) { aspect-ratio: 1 / 1; } .block_gearup :is(.\[\&_\.chart-image\]\:gu-h-auto .chart-image) { height: auto; } .block_gearup :is(.\[\&_\.chart-image\]\:gu-max-h-full .chart-image) { max-height: 100%; } .block_gearup :is(.\[\&_\.chart-image\]\:gu-max-w-full .chart-image) { max-width: 100%; } @media (min-width: 1024px) { .block_gearup :is(.\[\&_\.chart-image\]\:lg\:gu-max-h-\[48vh\] .chart-image) { max-height: 48vh; } } .block_gearup :is(.last-of-type\:\[\&_p\]\:gu-mb-0 p:last-of-type) { margin-bottom: 0px; } .block_gearup :is(.\[\&_pre\]\:gu-bg-gray-100 pre) { --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity)); } .block_gearup :is(.\[\&_pre\]\:gu-p-2 pre) { padding: 0.5rem; } .block_globalsearch .searchform { text-align: center; } .block_globalsearch .footer { text-align: center; } .block_lp.block .content h3 { padding: 0; text-transform: none; } .block_lp .sub-content { padding: 0 15px; } .block_lp ul { list-style: none; margin: 0; } .block_lp ul .more { padding-top: 10px; } body:not(.editing) .block_myavailable .coursecarousel-controls { margin-top: -1.3rem; } .block_myavailable .card-body .content { margin-top: 0 !important;/* stylelint-disable-line declaration-no-important */ } /* MyLearning block */ .mylearning-view .programimage, .mylearning-view .courseimage { width: 75px; height: 55px; background-size: cover; } .mylearning-view .viewcards .element-type, .mylearning-view .viewlist .element-type, .mylearning-view .programinfomodal .element-type, .mylearning-view .courseinfomodal .element-type { color: #495057; text-transform: uppercase; font-size: 0.75rem; } .mylearning-view .viewlist .element-type, .mylearning-view .viewlist .element-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .mylearning-view .viewcards .element-name { font-weight: 600; font-size: 1.5rem; } .mylearning-view .viewlist .element-name { display: block; font-size: 1rem; } .mylearning-view .viewlist .togglesectionicon { width: 1.3rem; } .mylearning-view .viewlist .togglesectionicon .icon { margin: 0; font-size: 1rem; width: initial; } .mylearning-view .viewlist .calltoaction { min-width: 10rem; } .mylearning-view .viewlist .media-body { min-width: 0; } .mylearning-view .btn-info-small .icon { font-size: 1rem; margin: 0; color: #495057; width: auto; } .mylearning-view .completed .icon { color: #357a32; } .mylearning-view .programitem:hover { background-color: #f8f9fa; } .mylearning-view .programitem:not(.programrow):hover { cursor: pointer; } .mylearning-view .programitem:hover .middle { opacity: 1; } .mylearning-view .middle { opacity: 0; } .mylearning-view .itemrow { min-height: 60px; } @media (min-width: 576px) { .mylearning-view .indent-2 { padding-left: 2rem; } .mylearning-view .indent-3 { padding-left: 4rem; } .mylearning-view .indent-4 { padding-left: 6rem; } .mylearning-view .indent-5 { padding-left: 8rem; } .mylearning-view .indent-6 { padding-left: 10rem; } .mylearning-view .indent-7 { padding-left: 12rem; } .mylearning-view .indent-8 { padding-left: 14rem; } .mylearning-view .indent-9 { padding-left: 16rem; } .mylearning-view .indent-10 { padding-left: 18rem; } } .mylearning-view .icon { color: #6a737b; font-size: 1.3rem; height: 1.3rem; width: 1.3rem; line-height: 1.3rem; margin: 0.25rem 0 0 0; } .mylearning-view .icon.small { font-size: 1rem; } .mylearning-view .togglesectionicon .icon { color: #6a737b; margin-right: 0.7rem; } .mylearning-view .text-info .icon { color: #008196; } .mylearning-view .alert .icon { color: inherit; } .mylearning-view .programprogress { width: 75px; } .mylearning-view .programprogress.progress-thin { height: 3px; } .mylearning-view .courseinfomodal .modal-body .progress-container, .mylearning-view .courseinfomodal .modal-body .coursename-container { margin-left: 5px; margin-right: 5px; } .mylearning-view .courseinfomodal .modal-header, .mylearning-view .programinfomodal .modal-header { padding: 0; margin: 0; position: relative; display: block; overflow-y: hidden; min-width: 10px; height: 140px; width: 100%; } .mylearning-view .courseinfomodal .modal-body, .mylearning-view .programinfomodal .modal-body { padding: 0; margin: 0; height: 400px; overflow-y: auto; } .mylearning-view .courseinfomodal .modal-body .coursebox, .mylearning-view .programinfomodal .modal-body .coursebox { margin: 0; } .mylearning-view .courseinfomodal .modal-body .coursebox .info .coursename, .mylearning-view .programinfomodal .modal-body .coursebox .info .coursename { /* TODO: WP-1597 Remove this when course renderer is split in different methods. */ display: none; } .mylearning-view .courseinfomodal .modal-body .coursebox .summary, .mylearning-view .programinfomodal .modal-body .coursebox .summary { float: initial; width: initial; } .mylearning-view .courseinfomodal .modal-body .coursebox .courseimage, .mylearning-view .programinfomodal .modal-body .coursebox .courseimage { display: none; } /* Compact specific styles (mobile and region-side-pre block). */ .block-region:not(#block-region-content) .block_mylearning .dashboard-learning .programimage, .block-region:not(#block-region-content) .block_mylearning .dashboard-learning .courseimage { display: none; } .block-region:not(#block-region-content) .block_mylearning .dashboard-learning .programinfo .content > div { flex-direction: column; } .block-region:not(#block-region-content) .block_mylearning .dashboard-learning .programinfo .content > div > * { margin: 0 0 0.5rem 0 !important; /* stylelint-disable-line declaration-no-important */ } .block-region:not(#block-region-content) .block_mylearning .dashboard-learning .viewlist .calltoaction { display: none; } .block-region:not(#block-region-content) .block_mylearning .dashboard-learning .dashboard-control { flex-direction: column; } .block-region:not(#block-region-content) .block_mylearning .dashboard-learning .dashboard-control .dropdown > button { width: 100%; } @media (max-width: 767.98px) { .dashboard-learning .programimage, .dashboard-learning .courseimage { display: none; } .dashboard-learning .programinfo .content > div { flex-direction: column; } .dashboard-learning .programinfo .content > div > * { margin: 0 0 0.5rem 0 !important; /* stylelint-disable-line declaration-no-important */ } .dashboard-learning .viewlist .calltoaction { display: none; } .dashboard-learning .dashboard-control { flex-direction: column; } .dashboard-learning .dashboard-control .dropdown > button { width: 100%; } } /* Mylearning items visibility control */ .mylearning-view .dashboard-item > .view { display: none; } .mylearning-view .dashboard-item > .view.viewlist { margin-bottom: -1px; } .mylearning-view.viewlist .dashboard-item > .view.viewlist { display: block; } .mylearning-view:not(.viewlist) .dashboard-item > .view.viewcards { display: block; } .mylearning-view .search-hidden { display: none; } .mylearning-view .search-visible { display: block; } .mylearning-view .filter-visible { display: block; } .mylearning-view .filter-visible.search-hidden { display: none; } .mylearning-view .filter-hidden { display: none; } .mylearning-view .filter-hidden.search-visible { display: none; } /* Mylearning control form */ .dashboard-control { gap: 0.5rem; } .dashboard-control .mylearning-display .buttontext { display: none; } .dashboard-control .mylearning-display.viewlist .buttontext.viewlist { display: block; } .dashboard-control .mylearning-display.viewcards .buttontext.viewcards { display: block; } .dashboard-control .mylearning-sorting .buttontext { display: none; } .dashboard-control .mylearning-sorting.mylearningname .buttontext.mylearningname { display: block; } .dashboard-control .mylearning-sorting.duedate .buttontext.duedate { display: block; } .dashboard-control .mylearning-sorting.mylearningname .buttontext.mylearningname { display: block; } .dashboard-control .mylearning-sorting.lastaccess .buttontext.lastaccess { display: block; } /* Mylearning progress pie*/ .mylearning-view .progress-wrapper { width: 32px; height: 32px; margin: auto; } .mylearning-view .progress-wrapper img.icon { width: 32px; height: 32px; vertical-align: top; margin: 0; } .mylearning-view .pie { width: 100%; height: 100%; background-color: #e9ecef; border-radius: 100%; overflow: hidden; position: relative; margin: auto; } .mylearning-view .pie-progress { height: 100%; position: absolute; transform: translate(0, -50%) rotate(90deg); transform-origin: 50% 100%; width: 100%; } .mylearning-view .pie-progress:after, .mylearning-view .pie-progress:before { background: #17a2b8; content: ''; height: 100%; position: absolute; width: 100%; } .mylearning-view .pie-progress.progress-0 { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); z-index: 1; } .mylearning-view .pie-progress.progress-0:before { transform: translate(0, 100%) rotate(0deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-0:after { opacity: 0; } .mylearning-view .pie-progress.progress-1 { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); z-index: 1; } .mylearning-view .pie-progress.progress-1:before { transform: translate(0, 100%) rotate(3.6deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-1:after { opacity: 0; } .mylearning-view .pie-progress.progress-2 { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); z-index: 1; } .mylearning-view .pie-progress.progress-2:before { transform: translate(0, 100%) rotate(7.2deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-2:after { opacity: 0; } .mylearning-view .pie-progress.progress-3 { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); z-index: 1; } .mylearning-view .pie-progress.progress-3:before { transform: translate(0, 100%) rotate(10.8deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-3:after { opacity: 0; } .mylearning-view .pie-progress.progress-4 { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); z-index: 1; } .mylearning-view .pie-progress.progress-4:before { transform: translate(0, 100%) rotate(14.4deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-4:after { opacity: 0; } .mylearning-view .pie-progress.progress-5 { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); z-index: 1; } .mylearning-view .pie-progress.progress-5:before { transform: translate(0, 100%) rotate(18deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-5:after { opacity: 0; } .mylearning-view .pie-progress.progress-6 { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); z-index: 1; } .mylearning-view .pie-progress.progress-6:before { transform: translate(0, 100%) rotate(21.6deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-6:after { opacity: 0; } .mylearning-view .pie-progress.progress-7 { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); z-index: 1; } .mylearning-view .pie-progress.progress-7:before { transform: translate(0, 100%) rotate(25.2deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-7:after { opacity: 0; } .mylearning-view .pie-progress.progress-8 { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); z-index: 1; } .mylearning-view .pie-progress.progress-8:before { transform: translate(0, 100%) rotate(28.8deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-8:after { opacity: 0; } .mylearning-view .pie-progress.progress-9 { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); z-index: 1; } .mylearning-view .pie-progress.progress-9:before { transform: translate(0, 100%) rotate(32.4deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-9:after { opacity: 0; } .mylearning-view .pie-progress.progress-10 { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); z-index: 1; } .mylearning-view .pie-progress.progress-10:before { transform: translate(0, 100%) rotate(36deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-10:after { opacity: 0; } .mylearning-view .pie-progress.progress-11 { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); z-index: 1; } .mylearning-view .pie-progress.progress-11:before { transform: translate(0, 100%) rotate(39.6deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-11:after { opacity: 0; } .mylearning-view .pie-progress.progress-12 { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); z-index: 1; } .mylearning-view .pie-progress.progress-12:before { transform: translate(0, 100%) rotate(43.2deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-12:after { opacity: 0; } .mylearning-view .pie-progress.progress-13 { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); z-index: 1; } .mylearning-view .pie-progress.progress-13:before { transform: translate(0, 100%) rotate(46.8deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-13:after { opacity: 0; } .mylearning-view .pie-progress.progress-14 { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); z-index: 1; } .mylearning-view .pie-progress.progress-14:before { transform: translate(0, 100%) rotate(50.4deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-14:after { opacity: 0; } .mylearning-view .pie-progress.progress-15 { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); z-index: 1; } .mylearning-view .pie-progress.progress-15:before { transform: translate(0, 100%) rotate(54deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-15:after { opacity: 0; } .mylearning-view .pie-progress.progress-16 { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); z-index: 1; } .mylearning-view .pie-progress.progress-16:before { transform: translate(0, 100%) rotate(57.6deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-16:after { opacity: 0; } .mylearning-view .pie-progress.progress-17 { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); z-index: 1; } .mylearning-view .pie-progress.progress-17:before { transform: translate(0, 100%) rotate(61.2deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-17:after { opacity: 0; } .mylearning-view .pie-progress.progress-18 { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); z-index: 1; } .mylearning-view .pie-progress.progress-18:before { transform: translate(0, 100%) rotate(64.8deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-18:after { opacity: 0; } .mylearning-view .pie-progress.progress-19 { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); z-index: 1; } .mylearning-view .pie-progress.progress-19:before { transform: translate(0, 100%) rotate(68.4deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-19:after { opacity: 0; } .mylearning-view .pie-progress.progress-20 { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); z-index: 1; } .mylearning-view .pie-progress.progress-20:before { transform: translate(0, 100%) rotate(72deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-20:after { opacity: 0; } .mylearning-view .pie-progress.progress-21 { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); z-index: 1; } .mylearning-view .pie-progress.progress-21:before { transform: translate(0, 100%) rotate(75.6deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-21:after { opacity: 0; } .mylearning-view .pie-progress.progress-22 { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); z-index: 1; } .mylearning-view .pie-progress.progress-22:before { transform: translate(0, 100%) rotate(79.2deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-22:after { opacity: 0; } .mylearning-view .pie-progress.progress-23 { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); z-index: 1; } .mylearning-view .pie-progress.progress-23:before { transform: translate(0, 100%) rotate(82.8deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-23:after { opacity: 0; } .mylearning-view .pie-progress.progress-24 { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); z-index: 1; } .mylearning-view .pie-progress.progress-24:before { transform: translate(0, 100%) rotate(86.4deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-24:after { opacity: 0; } .mylearning-view .pie-progress.progress-25 { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); z-index: 1; } .mylearning-view .pie-progress.progress-25:before { transform: translate(0, 100%) rotate(90deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-25:after { opacity: 0; } .mylearning-view .pie-progress.progress-26 { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); z-index: 1; } .mylearning-view .pie-progress.progress-26:before { transform: translate(0, 100%) rotate(93.6deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-26:after { opacity: 0; } .mylearning-view .pie-progress.progress-27 { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); z-index: 1; } .mylearning-view .pie-progress.progress-27:before { transform: translate(0, 100%) rotate(97.2deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-27:after { opacity: 0; } .mylearning-view .pie-progress.progress-28 { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); z-index: 1; } .mylearning-view .pie-progress.progress-28:before { transform: translate(0, 100%) rotate(100.8deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-28:after { opacity: 0; } .mylearning-view .pie-progress.progress-29 { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); z-index: 1; } .mylearning-view .pie-progress.progress-29:before { transform: translate(0, 100%) rotate(104.4deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-29:after { opacity: 0; } .mylearning-view .pie-progress.progress-30 { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); z-index: 1; } .mylearning-view .pie-progress.progress-30:before { transform: translate(0, 100%) rotate(108deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-30:after { opacity: 0; } .mylearning-view .pie-progress.progress-31 { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); z-index: 1; } .mylearning-view .pie-progress.progress-31:before { transform: translate(0, 100%) rotate(111.6deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-31:after { opacity: 0; } .mylearning-view .pie-progress.progress-32 { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); z-index: 1; } .mylearning-view .pie-progress.progress-32:before { transform: translate(0, 100%) rotate(115.2deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-32:after { opacity: 0; } .mylearning-view .pie-progress.progress-33 { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); z-index: 1; } .mylearning-view .pie-progress.progress-33:before { transform: translate(0, 100%) rotate(118.8deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-33:after { opacity: 0; } .mylearning-view .pie-progress.progress-34 { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); z-index: 1; } .mylearning-view .pie-progress.progress-34:before { transform: translate(0, 100%) rotate(122.4deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-34:after { opacity: 0; } .mylearning-view .pie-progress.progress-35 { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); z-index: 1; } .mylearning-view .pie-progress.progress-35:before { transform: translate(0, 100%) rotate(126deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-35:after { opacity: 0; } .mylearning-view .pie-progress.progress-36 { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); z-index: 1; } .mylearning-view .pie-progress.progress-36:before { transform: translate(0, 100%) rotate(129.6deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-36:after { opacity: 0; } .mylearning-view .pie-progress.progress-37 { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); z-index: 1; } .mylearning-view .pie-progress.progress-37:before { transform: translate(0, 100%) rotate(133.2deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-37:after { opacity: 0; } .mylearning-view .pie-progress.progress-38 { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); z-index: 1; } .mylearning-view .pie-progress.progress-38:before { transform: translate(0, 100%) rotate(136.8deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-38:after { opacity: 0; } .mylearning-view .pie-progress.progress-39 { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); z-index: 1; } .mylearning-view .pie-progress.progress-39:before { transform: translate(0, 100%) rotate(140.4deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-39:after { opacity: 0; } .mylearning-view .pie-progress.progress-40 { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); z-index: 1; } .mylearning-view .pie-progress.progress-40:before { transform: translate(0, 100%) rotate(144deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-40:after { opacity: 0; } .mylearning-view .pie-progress.progress-41 { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); z-index: 1; } .mylearning-view .pie-progress.progress-41:before { transform: translate(0, 100%) rotate(147.6deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-41:after { opacity: 0; } .mylearning-view .pie-progress.progress-42 { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); z-index: 1; } .mylearning-view .pie-progress.progress-42:before { transform: translate(0, 100%) rotate(151.2deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-42:after { opacity: 0; } .mylearning-view .pie-progress.progress-43 { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); z-index: 1; } .mylearning-view .pie-progress.progress-43:before { transform: translate(0, 100%) rotate(154.8deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-43:after { opacity: 0; } .mylearning-view .pie-progress.progress-44 { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); z-index: 1; } .mylearning-view .pie-progress.progress-44:before { transform: translate(0, 100%) rotate(158.4deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-44:after { opacity: 0; } .mylearning-view .pie-progress.progress-45 { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); z-index: 1; } .mylearning-view .pie-progress.progress-45:before { transform: translate(0, 100%) rotate(162deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-45:after { opacity: 0; } .mylearning-view .pie-progress.progress-46 { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); z-index: 1; } .mylearning-view .pie-progress.progress-46:before { transform: translate(0, 100%) rotate(165.6deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-46:after { opacity: 0; } .mylearning-view .pie-progress.progress-47 { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); z-index: 1; } .mylearning-view .pie-progress.progress-47:before { transform: translate(0, 100%) rotate(169.2deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-47:after { opacity: 0; } .mylearning-view .pie-progress.progress-48 { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); z-index: 1; } .mylearning-view .pie-progress.progress-48:before { transform: translate(0, 100%) rotate(172.8deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-48:after { opacity: 0; } .mylearning-view .pie-progress.progress-49 { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); z-index: 1; } .mylearning-view .pie-progress.progress-49:before { transform: translate(0, 100%) rotate(176.4deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-49:after { opacity: 0; } .mylearning-view .pie-progress.progress-50 { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); z-index: 1; } .mylearning-view .pie-progress.progress-50:before { transform: translate(0, 100%) rotate(180deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-50:after { opacity: 0; } .mylearning-view .pie-progress.progress-51 { clip-path: polygon(-100% -100%, 200% -100%, 200% 200%, -100% 200%); z-index: 2; } .mylearning-view .pie-progress.progress-51:before { transform: translate(0, 100%) rotate(183.6deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-51:after { opacity: 1; } .mylearning-view .pie-progress.progress-52 { clip-path: polygon(-100% -100%, 200% -100%, 200% 200%, -100% 200%); z-index: 2; } .mylearning-view .pie-progress.progress-52:before { transform: translate(0, 100%) rotate(187.2deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-52:after { opacity: 1; } .mylearning-view .pie-progress.progress-53 { clip-path: polygon(-100% -100%, 200% -100%, 200% 200%, -100% 200%); z-index: 2; } .mylearning-view .pie-progress.progress-53:before { transform: translate(0, 100%) rotate(190.8deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-53:after { opacity: 1; } .mylearning-view .pie-progress.progress-54 { clip-path: polygon(-100% -100%, 200% -100%, 200% 200%, -100% 200%); z-index: 2; } .mylearning-view .pie-progress.progress-54:before { transform: translate(0, 100%) rotate(194.4deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-54:after { opacity: 1; } .mylearning-view .pie-progress.progress-55 { clip-path: polygon(-100% -100%, 200% -100%, 200% 200%, -100% 200%); z-index: 2; } .mylearning-view .pie-progress.progress-55:before { transform: translate(0, 100%) rotate(198deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-55:after { opacity: 1; } .mylearning-view .pie-progress.progress-56 { clip-path: polygon(-100% -100%, 200% -100%, 200% 200%, -100% 200%); z-index: 2; } .mylearning-view .pie-progress.progress-56:before { transform: translate(0, 100%) rotate(201.6deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-56:after { opacity: 1; } .mylearning-view .pie-progress.progress-57 { clip-path: polygon(-100% -100%, 200% -100%, 200% 200%, -100% 200%); z-index: 2; } .mylearning-view .pie-progress.progress-57:before { transform: translate(0, 100%) rotate(205.2deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-57:after { opacity: 1; } .mylearning-view .pie-progress.progress-58 { clip-path: polygon(-100% -100%, 200% -100%, 200% 200%, -100% 200%); z-index: 2; } .mylearning-view .pie-progress.progress-58:before { transform: translate(0, 100%) rotate(208.8deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-58:after { opacity: 1; } .mylearning-view .pie-progress.progress-59 { clip-path: polygon(-100% -100%, 200% -100%, 200% 200%, -100% 200%); z-index: 2; } .mylearning-view .pie-progress.progress-59:before { transform: translate(0, 100%) rotate(212.4deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-59:after { opacity: 1; } .mylearning-view .pie-progress.progress-60 { clip-path: polygon(-100% -100%, 200% -100%, 200% 200%, -100% 200%); z-index: 2; } .mylearning-view .pie-progress.progress-60:before { transform: translate(0, 100%) rotate(216deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-60:after { opacity: 1; } .mylearning-view .pie-progress.progress-61 { clip-path: polygon(-100% -100%, 200% -100%, 200% 200%, -100% 200%); z-index: 2; } .mylearning-view .pie-progress.progress-61:before { transform: translate(0, 100%) rotate(219.6deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-61:after { opacity: 1; } .mylearning-view .pie-progress.progress-62 { clip-path: polygon(-100% -100%, 200% -100%, 200% 200%, -100% 200%); z-index: 2; } .mylearning-view .pie-progress.progress-62:before { transform: translate(0, 100%) rotate(223.2deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-62:after { opacity: 1; } .mylearning-view .pie-progress.progress-63 { clip-path: polygon(-100% -100%, 200% -100%, 200% 200%, -100% 200%); z-index: 2; } .mylearning-view .pie-progress.progress-63:before { transform: translate(0, 100%) rotate(226.8deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-63:after { opacity: 1; } .mylearning-view .pie-progress.progress-64 { clip-path: polygon(-100% -100%, 200% -100%, 200% 200%, -100% 200%); z-index: 2; } .mylearning-view .pie-progress.progress-64:before { transform: translate(0, 100%) rotate(230.4deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-64:after { opacity: 1; } .mylearning-view .pie-progress.progress-65 { clip-path: polygon(-100% -100%, 200% -100%, 200% 200%, -100% 200%); z-index: 2; } .mylearning-view .pie-progress.progress-65:before { transform: translate(0, 100%) rotate(234deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-65:after { opacity: 1; } .mylearning-view .pie-progress.progress-66 { clip-path: polygon(-100% -100%, 200% -100%, 200% 200%, -100% 200%); z-index: 2; } .mylearning-view .pie-progress.progress-66:before { transform: translate(0, 100%) rotate(237.6deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-66:after { opacity: 1; } .mylearning-view .pie-progress.progress-67 { clip-path: polygon(-100% -100%, 200% -100%, 200% 200%, -100% 200%); z-index: 2; } .mylearning-view .pie-progress.progress-67:before { transform: translate(0, 100%) rotate(241.2deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-67:after { opacity: 1; } .mylearning-view .pie-progress.progress-68 { clip-path: polygon(-100% -100%, 200% -100%, 200% 200%, -100% 200%); z-index: 2; } .mylearning-view .pie-progress.progress-68:before { transform: translate(0, 100%) rotate(244.8deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-68:after { opacity: 1; } .mylearning-view .pie-progress.progress-69 { clip-path: polygon(-100% -100%, 200% -100%, 200% 200%, -100% 200%); z-index: 2; } .mylearning-view .pie-progress.progress-69:before { transform: translate(0, 100%) rotate(248.4deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-69:after { opacity: 1; } .mylearning-view .pie-progress.progress-70 { clip-path: polygon(-100% -100%, 200% -100%, 200% 200%, -100% 200%); z-index: 2; } .mylearning-view .pie-progress.progress-70:before { transform: translate(0, 100%) rotate(252deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-70:after { opacity: 1; } .mylearning-view .pie-progress.progress-71 { clip-path: polygon(-100% -100%, 200% -100%, 200% 200%, -100% 200%); z-index: 2; } .mylearning-view .pie-progress.progress-71:before { transform: translate(0, 100%) rotate(255.6deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-71:after { opacity: 1; } .mylearning-view .pie-progress.progress-72 { clip-path: polygon(-100% -100%, 200% -100%, 200% 200%, -100% 200%); z-index: 2; } .mylearning-view .pie-progress.progress-72:before { transform: translate(0, 100%) rotate(259.2deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-72:after { opacity: 1; } .mylearning-view .pie-progress.progress-73 { clip-path: polygon(-100% -100%, 200% -100%, 200% 200%, -100% 200%); z-index: 2; } .mylearning-view .pie-progress.progress-73:before { transform: translate(0, 100%) rotate(262.8deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-73:after { opacity: 1; } .mylearning-view .pie-progress.progress-74 { clip-path: polygon(-100% -100%, 200% -100%, 200% 200%, -100% 200%); z-index: 2; } .mylearning-view .pie-progress.progress-74:before { transform: translate(0, 100%) rotate(266.4deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-74:after { opacity: 1; } .mylearning-view .pie-progress.progress-75 { clip-path: polygon(-100% -100%, 200% -100%, 200% 200%, -100% 200%); z-index: 2; } .mylearning-view .pie-progress.progress-75:before { transform: translate(0, 100%) rotate(270deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-75:after { opacity: 1; } .mylearning-view .pie-progress.progress-76 { clip-path: polygon(-100% -100%, 200% -100%, 200% 200%, -100% 200%); z-index: 2; } .mylearning-view .pie-progress.progress-76:before { transform: translate(0, 100%) rotate(273.6deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-76:after { opacity: 1; } .mylearning-view .pie-progress.progress-77 { clip-path: polygon(-100% -100%, 200% -100%, 200% 200%, -100% 200%); z-index: 2; } .mylearning-view .pie-progress.progress-77:before { transform: translate(0, 100%) rotate(277.2deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-77:after { opacity: 1; } .mylearning-view .pie-progress.progress-78 { clip-path: polygon(-100% -100%, 200% -100%, 200% 200%, -100% 200%); z-index: 2; } .mylearning-view .pie-progress.progress-78:before { transform: translate(0, 100%) rotate(280.8deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-78:after { opacity: 1; } .mylearning-view .pie-progress.progress-79 { clip-path: polygon(-100% -100%, 200% -100%, 200% 200%, -100% 200%); z-index: 2; } .mylearning-view .pie-progress.progress-79:before { transform: translate(0, 100%) rotate(284.4deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-79:after { opacity: 1; } .mylearning-view .pie-progress.progress-80 { clip-path: polygon(-100% -100%, 200% -100%, 200% 200%, -100% 200%); z-index: 2; } .mylearning-view .pie-progress.progress-80:before { transform: translate(0, 100%) rotate(288deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-80:after { opacity: 1; } .mylearning-view .pie-progress.progress-81 { clip-path: polygon(-100% -100%, 200% -100%, 200% 200%, -100% 200%); z-index: 2; } .mylearning-view .pie-progress.progress-81:before { transform: translate(0, 100%) rotate(291.6deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-81:after { opacity: 1; } .mylearning-view .pie-progress.progress-82 { clip-path: polygon(-100% -100%, 200% -100%, 200% 200%, -100% 200%); z-index: 2; } .mylearning-view .pie-progress.progress-82:before { transform: translate(0, 100%) rotate(295.2deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-82:after { opacity: 1; } .mylearning-view .pie-progress.progress-83 { clip-path: polygon(-100% -100%, 200% -100%, 200% 200%, -100% 200%); z-index: 2; } .mylearning-view .pie-progress.progress-83:before { transform: translate(0, 100%) rotate(298.8deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-83:after { opacity: 1; } .mylearning-view .pie-progress.progress-84 { clip-path: polygon(-100% -100%, 200% -100%, 200% 200%, -100% 200%); z-index: 2; } .mylearning-view .pie-progress.progress-84:before { transform: translate(0, 100%) rotate(302.4deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-84:after { opacity: 1; } .mylearning-view .pie-progress.progress-85 { clip-path: polygon(-100% -100%, 200% -100%, 200% 200%, -100% 200%); z-index: 2; } .mylearning-view .pie-progress.progress-85:before { transform: translate(0, 100%) rotate(306deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-85:after { opacity: 1; } .mylearning-view .pie-progress.progress-86 { clip-path: polygon(-100% -100%, 200% -100%, 200% 200%, -100% 200%); z-index: 2; } .mylearning-view .pie-progress.progress-86:before { transform: translate(0, 100%) rotate(309.6deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-86:after { opacity: 1; } .mylearning-view .pie-progress.progress-87 { clip-path: polygon(-100% -100%, 200% -100%, 200% 200%, -100% 200%); z-index: 2; } .mylearning-view .pie-progress.progress-87:before { transform: translate(0, 100%) rotate(313.2deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-87:after { opacity: 1; } .mylearning-view .pie-progress.progress-88 { clip-path: polygon(-100% -100%, 200% -100%, 200% 200%, -100% 200%); z-index: 2; } .mylearning-view .pie-progress.progress-88:before { transform: translate(0, 100%) rotate(316.8deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-88:after { opacity: 1; } .mylearning-view .pie-progress.progress-89 { clip-path: polygon(-100% -100%, 200% -100%, 200% 200%, -100% 200%); z-index: 2; } .mylearning-view .pie-progress.progress-89:before { transform: translate(0, 100%) rotate(320.4deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-89:after { opacity: 1; } .mylearning-view .pie-progress.progress-90 { clip-path: polygon(-100% -100%, 200% -100%, 200% 200%, -100% 200%); z-index: 2; } .mylearning-view .pie-progress.progress-90:before { transform: translate(0, 100%) rotate(324deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-90:after { opacity: 1; } .mylearning-view .pie-progress.progress-91 { clip-path: polygon(-100% -100%, 200% -100%, 200% 200%, -100% 200%); z-index: 2; } .mylearning-view .pie-progress.progress-91:before { transform: translate(0, 100%) rotate(327.6deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-91:after { opacity: 1; } .mylearning-view .pie-progress.progress-92 { clip-path: polygon(-100% -100%, 200% -100%, 200% 200%, -100% 200%); z-index: 2; } .mylearning-view .pie-progress.progress-92:before { transform: translate(0, 100%) rotate(331.2deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-92:after { opacity: 1; } .mylearning-view .pie-progress.progress-93 { clip-path: polygon(-100% -100%, 200% -100%, 200% 200%, -100% 200%); z-index: 2; } .mylearning-view .pie-progress.progress-93:before { transform: translate(0, 100%) rotate(334.8deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-93:after { opacity: 1; } .mylearning-view .pie-progress.progress-94 { clip-path: polygon(-100% -100%, 200% -100%, 200% 200%, -100% 200%); z-index: 2; } .mylearning-view .pie-progress.progress-94:before { transform: translate(0, 100%) rotate(338.4deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-94:after { opacity: 1; } .mylearning-view .pie-progress.progress-95 { clip-path: polygon(-100% -100%, 200% -100%, 200% 200%, -100% 200%); z-index: 2; } .mylearning-view .pie-progress.progress-95:before { transform: translate(0, 100%) rotate(342deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-95:after { opacity: 1; } .mylearning-view .pie-progress.progress-96 { clip-path: polygon(-100% -100%, 200% -100%, 200% 200%, -100% 200%); z-index: 2; } .mylearning-view .pie-progress.progress-96:before { transform: translate(0, 100%) rotate(345.6deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-96:after { opacity: 1; } .mylearning-view .pie-progress.progress-97 { clip-path: polygon(-100% -100%, 200% -100%, 200% 200%, -100% 200%); z-index: 2; } .mylearning-view .pie-progress.progress-97:before { transform: translate(0, 100%) rotate(349.2deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-97:after { opacity: 1; } .mylearning-view .pie-progress.progress-98 { clip-path: polygon(-100% -100%, 200% -100%, 200% 200%, -100% 200%); z-index: 2; } .mylearning-view .pie-progress.progress-98:before { transform: translate(0, 100%) rotate(352.8deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-98:after { opacity: 1; } .mylearning-view .pie-progress.progress-99 { clip-path: polygon(-100% -100%, 200% -100%, 200% 200%, -100% 200%); z-index: 2; } .mylearning-view .pie-progress.progress-99:before { transform: translate(0, 100%) rotate(356.4deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-99:after { opacity: 1; } .mylearning-view .pie-progress.progress-100 { clip-path: polygon(-100% -100%, 200% -100%, 200% 200%, -100% 200%); z-index: 2; } .mylearning-view .pie-progress.progress-100:before { transform: translate(0, 100%) rotate(360deg); transform-origin: 50% 0%; } .mylearning-view .pie-progress.progress-100:after { opacity: 1; } .mylearning-view .programitem .progress-wrapper, .mylearning-view .viewlist .progress-wrapper { width: 16px; height: 16px; } .mylearning-view .programitem .progress-wrapper img.icon, .mylearning-view .viewlist .progress-wrapper img.icon { width: 16px; height: 16px; } /* Hide the first dropdown-divider if no filter option element is listed before it. This can happen for some subset configurations of the block_myoverview course filter. */ .block_myoverview button#groupingdropdown + .dropdown-menu li:first-of-type.dropdown-divider:first-of-type { display: none; } .block_myoverview .whitebutton .btn-secondary { background: white; border-color: var(--primary); color: var(--primary); } .block_myprofile img.profilepicture { height: 50px; width: 50px; } .block_myprofile .myprofileitem.fullname { font-size: 1.5em; font-weight: bold; margin-bottom: 0.5rem; } .block_myprofile .myprofileitem.edit { text-align: right; } .block_myprofile .content { display: flex; } .block_myprofile .myprofileitem.picture img { width: 50px; height: 50px; margin-right: 1rem; } .block_myprofile .myprofileitem span { font-weight: bold; } .block_navigation .block_tree .depth_1 > .tree_item.branch { padding-left: 0; background-image: none; } .block_navigation .block_tree .depth_1 > ul { margin: 0; } .block_navigation .block_tree ul { margin-left: 18px; } .block_navigation .block_tree p.hasicon { text-indent: -21px; padding-left: 21px; } .block_navigation .block_tree p.hasicon img { width: 16px; height: 16px; margin-top: 3px; margin-right: 5px; vertical-align: top; } .block_navigation .block_tree p.hasicon.visibleifjs { display: block; } .block_navigation .block_tree .tree_item { cursor: pointer; padding-left: 0; margin: 3px 0; background-position: 0 50%; background-repeat: no-repeat; word-wrap: break-word; } .block_navigation .block_tree .tree_item.branch { padding-left: 21px; } .block_navigation .block_tree .active_tree_node { font-weight: bold; } .block_navigation .block_tree [aria-expanded="true"] { background-image: url(/theme/image.php/wui/core/1742904535/t/expanded); } .block_navigation .block_tree [aria-expanded="false"] { background-image: url(/theme/image.php/wui/core/1742904535/t/collapsed); } .block_navigation .block_tree [aria-expanded="true"].emptybranch { background-image: url(/theme/image.php/wui/core/1742904535/t/collapsed_empty); } .block_navigation .block_tree [aria-expanded="false"] p.loading { background-image: url(/theme/image.php/wui/core/1742904535/i/loading_small); } /*rtl:raw: .block_navigation .block_tree [aria-expanded="false"] {background-image: url(/theme/image.php/wui/core/1742904535/t/collapsed_rtl);} .block_navigation .block_tree [aria-expanded="true"].emptybranch {background-image: url(/theme/image.php/wui/core/1742904535/t/collapsed_empty_rtl);} .block_navigation .block_tree [aria-expanded="false"].loading {background-image: url(/theme/image.php/wui/core/1742904535/i/loading_small);} */ .block_navigation .block_tree [aria-hidden="false"] { display: block; } .block_navigation .block_tree [aria-hidden="true"]:not(.icon) { display: none; } .block_online_users .content .list li.listentry { clear: both; } .block_online_users .content .list li.listentry:not(:first-child) { padding-top: 3px; } .block_online_users .content .list li.listentry .user { float: left; position: relative; } .block_online_users .content .list li.listentry .otherusers { margin-left: 1.5rem; } .block_online_users .content .list li.listentry .user .userpicture { vertical-align: text-bottom; } .block_online_users .content .list li.listentry .message, .block_online_users .content .list li.listentry .uservisibility { float: right; margin-top: 3px; } .block_online_users .content .info { text-align: center; } .block_openai_chat #openai_chat_log { display: flex; flex-direction: column; max-height: 20rem; overflow-y: scroll; margin-bottom: 0.5rem; } .block_openai_chat #openai_chat_log p { margin: 0; } .block_openai_chat #openai_chat_log a { color: white; text-decoration: underline; } .block_openai_chat #control_bar { display: flex; gap: 0.5rem; } .block_openai_chat #control_bar button:hover { filter: brightness(0.8); } .block_openai_chat #control_bar #go { border-radius: 0 0.5rem 0.5rem 0; } .block_openai_chat #control_bar button { transition: filter 0.2s ease; border: none; border-radius: 0.5rem; width: 2.5rem; } .openai_input_submit_btn { background-color: var(--primary); color: var(--white); } .openai_input_refresh_btn { background-color: var(--secondary); color: black; } .block_openai_chat .openai_input_popout_btn { position: absolute; top: 0.75rem; right: 0.5rem; width: 2rem; height: 2rem; border-radius: 99rem; padding: 0.4rem; display: flex; border: none; z-index: 2; } .openai_input_submit_btn_icon, .openai_input_refresh_btn_icon { width: 80%; } .openai_input_bar { display: flex; width: 100%; } .block_openai_chat img { transform: scale(0.7); } .block_openai_chat #openai_input, .openai_input_bar input { padding: 0.5rem; border-radius: 0.5rem 0 0 0.5rem; border: 1px solid gray; width: 100%; transition: background 0.4s ease; } .block_openai_chat #openai_input.error { border: 1px solid red; } .block_openai_chat .openai_message { padding: 0.75rem 1rem; background: #f4f4f4; border-radius: 0.5rem; margin-bottom: 1.75rem; width: fit-content; max-width: 90%; animation: block_openai_chat_popup 0.4s cubic-bezier(0.87, 0, 0.13, 1); position: relative; } .block_openai_chat .openai_message:before { position: absolute; top: -1.5rem; left: 0; color: gray; opacity: 0; animation: block_openai_chat_fade-in 0.4s ease 0.4s forwards; } .block_openai_chat .openai_message.user { align-self: flex-end; text-align: right; } .block_openai_chat .openai_message.user:before { right: 0; left: unset; } .block_openai_chat .openai_message.bot { background: var(--blue); color: var(--white); } .block_openai_chat .openai_message.loading { animation: block_openai_chat_thinking 1s ease infinite; } .block_openai_chat .openai_message.loading:before { animation: none; opacity: 0; } .block_openai_chat.disabled, .block_openai_chat .disabled { opacity: 0.25; pointer-events: none; } .block_openai_chat.expanded { position: fixed; height: 70vh; width: 30rem; left: 50%; top: 50%; transform: translate(-50%, -50%); outline: 100vw solid #00000029; z-index: 2; } .block_openai_chat.expanded .card-body { overflow-y: auto; } .block_openai_chat.expanded #openai_chat_log { max-height: unset; overflow-y: unset; padding-bottom: 3rem !important; padding-top: 1rem; } .block_openai_chat.expanded #control_bar { display: flex; gap: .5rem; position: fixed; bottom: 1rem; width: calc(100% - 2rem); } .block_openai_chat.expanded .openai_message { width: fit-content !important; } .block_openai_chat .recording { width: 0.5rem; height: 0.5rem; background: #ff0000; position: absolute; top: 1.5rem; right: 3rem; border-radius: 99rem; filter: opacity(0.5); animation: block_openai_chat_thinking 3s linear infinite; } .block_openai_chat input { padding: 0.5rem; border-radius: 0.5rem; border: 1px solid grey; } .block_openai_chat .report_container { display: flex; gap: 1rem; margin-bottom: 1rem; } @media screen and (max-width: 750px) { .drawerheader { pointer-events: none; } .drawerheader button { pointer-events: all; } .block_openai_chat.expanded { transform: unset; top: 0; left: 0; width: 100vw; height: 100vh; } .block_openai_chat.expanded .openai_input_popout_btn { right: 3rem; } .block_openai_chat.expanded .recording { right: 5.5rem; } .block_openai_chat .report_container { flex-direction: column; } } @keyframes block_openai_chat_popup { 0% { opacity: 0; transform: translateY(5px); } 70% { opacity: 1; transform: translateY(-2.5px); } 85% { transform: translateY(2.5px); } 100% { transform: translateY(0); } } @keyframes block_openai_chat_thinking { 0% { opacity: 1; } 50% { opacity: 0.25; } 100% { opacity: 1; } } @keyframes block_openai_chat_fade-in { from { opacity: 0; } to { opacity: 1; } } /* Rule so that the table tree view works with word-wrap: break-word. */ .block_private_files .content table { table-layout: fixed; width: 100%; } .block_private_files .content .footer { padding: 10px 0 0; margin-top: .5em; } .block_private_files ul[role="tree"] { margin: 0; padding: 0; } .block_private_files ul, .block_private_files li { list-style: none; } .block_private_files [role="treeitem"] { padding-left: 22px; cursor: pointer; } .block_private_files [role="treeitem"] p { margin-bottom: 0; } .block_private_files [role="treeitem"][aria-expanded] { padding-left: 0; } .block_private_files [role="treeitem"][aria-expanded="false"] > p::before { /*rtl:remove*/ content: url(/theme/image.php/wui/core/1742904535/t/collapsed); /*rtl:raw: content: url(/theme/image.php/wui/core/1742904535/t/collapsed_rtl); */ vertical-align: sub; margin-right: 5px; } .block_private_files [role="treeitem"][aria-expanded="true"] > p::before { content: url(/theme/image.php/wui/core/1742904535/t/expanded); vertical-align: sub; margin-right: 5px; } .block_private_files [role="treeitem"]:not([aria-expanded]) { background-image: repeating-linear-gradient( to right, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .5) 1px, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0) 2px ), repeating-linear-gradient( to top, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.5) 1px, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0) 2px ); background-repeat: no-repeat, no-repeat; /*rtl:remove*/ background-position: left 10px top 50%, left 8px top 0; /*rtl:raw: background-position: right 10px top 50%, right 8px top 0; */ background-size: 11px 1px, 1px 100%; } .block_private_files [role="treeitem"]:not([aria-expanded]):last-child { background-size: 11px 1px, 1px 50%; } .block_private_files [role="group"] { background-image: repeating-linear-gradient( to top, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.5) 1px, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0) 2px ); background-repeat: no-repeat; background-position: left 8px top 100%; background-size: 1px 100%; margin-left: 0; } .block_private_files [aria-hidden="true"]:not(.icon) { display: none; } /* stylelint-disable */ /* Do not edit! To generate the file make modifications in blocks/rbreport/scss/styles.scss and execute /path/to/php blocks/rbreport/cli/compilescss.php */ /* Reports from core reportbuilder displayed in a block */ .block-region .block_rbreport [data-action="showcount"][data-target-page-size] { display: none; } .block-region .block_rbreport [data-region="core_reportbuilder/report"] .dataformatselector { display: none !important; } .block-region .block_rbreport .table-dynamic > div { overflow-x: auto; scrollbar-width: thin; scrollbar-color: #6c757d #f8f9fa; } .block-region .block_rbreport .table-dynamic > div::-webkit-scrollbar { width: 12px; } .block-region .block_rbreport .table-dynamic > div::-webkit-scrollbar-track { background: #f8f9fa; } .block-region .block_rbreport .table-dynamic > div::-webkit-scrollbar-thumb { background-color: #6c757d; border-radius: 20px; border: 3px solid #f8f9fa; } .block-region .block_rbreport .table-dynamic > div::-webkit-scrollbar-thumb:hover { background-color: #495057; } .block-region .block_rbreport .table-dynamic > div::-webkit-scrollbar { height: 12px; } .block-region:not(#block-region-content) .block_rbreport .reportbuilder-report:not([data-force-table]) table.reportbuilder-table thead, .block-region:not(#block-region-content) .block_rbreport .rblayout:not(.rblayout-table) table.reportbuilder-table thead { display: none; } .block-region:not(#block-region-content) .block_rbreport .reportbuilder-report:not([data-force-table]) table.reportbuilder-table tr, .block-region:not(#block-region-content) .block_rbreport .rblayout:not(.rblayout-table) table.reportbuilder-table tr { display: flex; flex-direction: column; margin: 0.5rem 0; padding: 0.25rem 0.5rem 0 0.5rem; background-color: white !important; word-wrap: break-word; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.5rem; } .block-region:not(#block-region-content) .block_rbreport .reportbuilder-report:not([data-force-table]) table.reportbuilder-table tr:hover, .block-region:not(#block-region-content) .block_rbreport .rblayout:not(.rblayout-table) table.reportbuilder-table tr:hover { background-color: white !important; } .block-region:not(#block-region-content) .block_rbreport .reportbuilder-report:not([data-force-table]) table.reportbuilder-table tr.emptyrow, .block-region:not(#block-region-content) .block_rbreport .rblayout:not(.rblayout-table) table.reportbuilder-table tr.emptyrow { display: none; } .block-region:not(#block-region-content) .block_rbreport .reportbuilder-report:not([data-force-table]) table.reportbuilder-table tr:not(.show) td[data-cardviewhidden], .block-region:not(#block-region-content) .block_rbreport .rblayout:not(.rblayout-table) table.reportbuilder-table tr:not(.show) td[data-cardviewhidden] { display: none; } .block-region:not(#block-region-content) .block_rbreport .reportbuilder-report:not([data-force-table]) table.reportbuilder-table tr td, .block-region:not(#block-region-content) .block_rbreport .rblayout:not(.rblayout-table) table.reportbuilder-table tr td { display: block; min-height: 3.6rem; padding: 0.5rem 0.25rem; border: none; } .block-region:not(#block-region-content) .block_rbreport .reportbuilder-report:not([data-force-table]) table.reportbuilder-table tr td::before, .block-region:not(#block-region-content) .block_rbreport .rblayout:not(.rblayout-table) table.reportbuilder-table tr td::before { content: attr(data-cardtitle); display: block; text-transform: uppercase; font-size: 70%; color: #343a40; } .block-region:not(#block-region-content) .block_rbreport .reportbuilder-report:not([data-force-table]) table.reportbuilder-table tr td:not([data-cardtitle]), .block-region:not(#block-region-content) .block_rbreport .rblayout:not(.rblayout-table) table.reportbuilder-table tr td:not([data-cardtitle]) { min-height: 3rem; } .block-region:not(#block-region-content) .block_rbreport .reportbuilder-report:not([data-force-table]) table.reportbuilder-table tr td:not(:first-child):not(.card-toggle), .block-region:not(#block-region-content) .block_rbreport .rblayout:not(.rblayout-table) table.reportbuilder-table tr td:not(:first-child):not(.card-toggle) { border-top: 1px solid rgba(0, 0, 0, 0.125); } .block-region:not(#block-region-content) .block_rbreport .reportbuilder-report:not([data-force-table]) table.reportbuilder-table tr td:first-child, .block-region:not(#block-region-content) .block_rbreport .rblayout:not(.rblayout-table) table.reportbuilder-table tr td:first-child { padding-right: 2rem; } .block-region:not(#block-region-content) .block_rbreport .reportbuilder-report:not([data-force-table]) table.reportbuilder-table tr td.card-toggle, .block-region:not(#block-region-content) .block_rbreport .rblayout:not(.rblayout-table) table.reportbuilder-table tr td.card-toggle { display: block !important; position: absolute; right: 10px; } .block-region:not(#block-region-content) .block_rbreport .reportbuilder-report:not([data-force-table]) table.reportbuilder-table tr td.card-toggle button, .block-region:not(#block-region-content) .block_rbreport .rblayout:not(.rblayout-table) table.reportbuilder-table tr td.card-toggle button { padding: 0 0.5rem; color: #6c757d; } .block-region:not(#block-region-content) .block_rbreport .reportbuilder-report:not([data-force-table]) table.reportbuilder-table tr td.card-toggle button i, .block-region:not(#block-region-content) .block_rbreport .rblayout:not(.rblayout-table) table.reportbuilder-table tr td.card-toggle button i { font-size: 1.5em; font-weight: bold; } .block-region:not(#block-region-content) .block_rbreport .reportbuilder-wrapper .filters-dropdown { width: 100%; } .block_recent_activity .unlist li { margin-bottom: 1em; } .block_recent_activity li .head .date { float: right; } /* RSS Feeds -------------------------*/ .block_rss_client .list li:first-child { border-top-width: 0; } .block_rss_client .list li { border-top: 1px solid; padding: 5px; } .block_search_forums .searchform { text-align: center; } .block_search_forums .searchform img { vertical-align: middle; } .block_search_forums .searchform img.resize { width: 1em; height: 1.1em; } .block_search_forums .invisiblefieldset { display: block; } .block_settings .block_tree ul { margin-left: 18px; } .block_settings .block_tree p.hasicon { text-indent: -21px; padding-left: 21px; } .block_settings .block_tree p.hasicon img { width: 16px; height: 16px; margin-top: 3px; margin-right: 5px; vertical-align: top; } .block_settings .block_tree p.hasicon.visibleifjs { display: block; } .block_settings .block_tree .tree_item.branch { padding-left: 21px; } .block_settings .block_tree .tree_item { cursor: pointer; margin: 3px 0; background-position: 0 50%; background-repeat: no-repeat; } .block_settings .block_tree .active_tree_node { font-weight: bold; } .block_settings .block_tree [aria-expanded="true"] { background-image: url(/theme/image.php/wui/core/1742904535/t/expanded); } .block_settings .block_tree [aria-expanded="false"] { background-image: url(/theme/image.php/wui/core/1742904535/t/collapsed); } .block_settings .block_tree [aria-expanded="true"].emptybranch { background-image: url(/theme/image.php/wui/core/1742904535/t/collapsed_empty); } .block_settings .block_tree [aria-expanded="false"] p.loading { background-image: url(/theme/image.php/wui/core/1742904535/i/loading_small); } /*rtl:raw: .block_settings .block_tree [aria-expanded="false"] {background-image: url(/theme/image.php/wui/core/1742904535/t/collapsed_rtl);} .block_settings .block_tree [aria-expanded="true"].emptybranch {background-image: url(/theme/image.php/wui/core/1742904535/t/collapsed_empty_rtl);} .block_settings .block_tree [aria-expanded="false"].loading {background-image: url(/theme/image.php/wui/core/1742904535/i/loading_small);} */ .block_settings .block_tree [aria-hidden="false"] { display: block; } .block_settings .block_tree [aria-hidden="true"]:not(.icon) { display: none; } .block_site_main_menu li { clear: both; } .block_site_main_menu.block .content > .unlist > li > .column { /* Made specific to win over .block.list_block .unlist > li > .column. */ width: 100%; display: table; margin-bottom: 0.5rem; } .block_site_main_menu li .buttons a img { vertical-align: text-bottom; } .block_site_main_menu .footer { margin-top: 1em; } .block_site_main_menu .section_add_menus noscript div { display: inline; } .block_site_main_menu .instancename { word-break: break-all; } .block_social_activities li { clear: both; } .block_social_activities li .column { width: 100%; } .block_social_activities li .buttons a img { vertical-align: text-bottom; } .block_social_activities .instancename { word-break: break-all; } .block_tag_flickr .flickr-photos { padding: 3px; } .block_tag_youtube .youtube-thumb { padding: 3px; padding-bottom: 0.5em; display: block; float: left; } .block_tag_youtube .yt-video-entry li { clear: left; } #block-region-side-pre .block_timeline .nav-search { flex: 0 0 100%; max-width: 100%; } .block_timeline .input-group.searchbar { width: 100%; } #block-region-side-pre .block_timeline h6.event-action { flex-basis: 100%; } #block-region-side-pre .block_timeline .event-name-container { flex-basis: 50%; } #block-region-side-pre .block_timeline h6.event-action a.btn { width: auto; } .block_timeline .timeline-action-button { margin-left: auto; } @media (max-width: 480px) { .block_timeline .timeline-name { width: 100%; } .block_timeline .timeline-action-button { margin-left: 0; } } /** * All Level Up XP styles are built from the file css/styles.css. */ .block_xp * { /** For older themes. */ box-sizing: border-box; } *, ::before, ::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; } ::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; } .block_xp :is(.xp-sr-only) { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .block_xp :is(.xp-pointer-events-none) { pointer-events: none; } .block_xp :is(.xp-invisible) { visibility: hidden; } .block_xp :is(.xp-absolute) { position: absolute; } .block_xp :is(.xp-relative) { position: relative; } .block_xp :is(.xp-sticky) { position: sticky; } .block_xp :is(.xp-inset-0) { inset: 0px; } .block_xp :is(.xp-inset-y-0) { top: 0px; bottom: 0px; } .block_xp :is(.xp--left-8) { left: -2rem; } .block_xp :is(.xp--top-4) { top: -1rem; } .block_xp :is(.xp-left-0) { left: 0px; } .block_xp :is(.xp-left-0\.5) { left: 0.125rem; } .block_xp :is(.xp-right-0) { right: 0px; } .block_xp :is(.xp-top-0) { top: 0px; } .block_xp :is(.xp-top-0\.5) { top: 0.125rem; } .block_xp :is(.xp-z-10) { z-index: 10; } .block_xp :is(.xp-z-20) { z-index: 20; } .block_xp :is(.xp-order-1) { order: 1; } .block_xp :is(.xp-col-span-2) { grid-column: span 2 / span 2; } .block_xp :is(.xp-m-0) { margin: 0px; } .block_xp :is(.xp-mx-2) { margin-left: 0.5rem; margin-right: 0.5rem; } .block_xp :is(.xp-my-2) { margin-top: 0.5rem; margin-bottom: 0.5rem; } .block_xp :is(.xp-my-3) { margin-top: 0.75rem; margin-bottom: 0.75rem; } .block_xp :is(.xp-my-4) { margin-top: 1rem; margin-bottom: 1rem; } .block_xp :is(.\!xp-mr-1) { margin-right: 0.25rem !important; } .block_xp :is(.xp--mr-2) { margin-right: -0.5rem; } .block_xp :is(.xp-mb-1) { margin-bottom: 0.25rem; } .block_xp :is(.xp-mb-1\.5) { margin-bottom: 0.375rem; } .block_xp :is(.xp-mb-2) { margin-bottom: 0.5rem; } .block_xp :is(.xp-mb-4) { margin-bottom: 1rem; } .block_xp :is(.xp-mb-6) { margin-bottom: 1.5rem; } .block_xp :is(.xp-ml-1) { margin-left: 0.25rem; } .block_xp :is(.xp-ml-2) { margin-left: 0.5rem; } .block_xp :is(.xp-ml-3) { margin-left: 0.75rem; } .block_xp :is(.xp-ml-4) { margin-left: 1rem; } .block_xp :is(.xp-mr-4) { margin-right: 1rem; } .block_xp :is(.xp-mt-0) { margin-top: 0px; } .block_xp :is(.xp-mt-0\.5) { margin-top: 0.125rem; } .block_xp :is(.xp-mt-1) { margin-top: 0.25rem; } .block_xp :is(.xp-mt-2) { margin-top: 0.5rem; } .block_xp :is(.xp-mt-4) { margin-top: 1rem; } .block_xp :is(.xp-mt-6) { margin-top: 1.5rem; } .block_xp :is(.xp-mt-8) { margin-top: 2rem; } .block_xp :is(.xp-block) { display: block; } .block_xp :is(.xp-inline-block) { display: inline-block; } .block_xp :is(.xp-flex) { display: flex; } .block_xp :is(.xp-inline-flex) { display: inline-flex; } .block_xp :is(.xp-grid) { display: grid; } .block_xp :is(.xp-hidden) { display: none; } .block_xp :is(.xp-h-10) { height: 2.5rem; } .block_xp :is(.xp-h-3) { height: 0.75rem; } .block_xp :is(.xp-h-4) { height: 1rem; } .block_xp :is(.xp-h-5) { height: 1.25rem; } .block_xp :is(.xp-h-6) { height: 1.5rem; } .block_xp :is(.xp-h-8) { height: 2rem; } .block_xp :is(.xp-h-\[500px\]) { height: 500px; } .block_xp :is(.xp-h-auto) { height: auto; } .block_xp :is(.xp-h-full) { height: 100%; } .block_xp :is(.xp-min-h-10) { min-height: 2.5rem; } .block_xp :is(.xp-min-h-28) { min-height: 7rem; } .block_xp :is(.xp-min-h-full) { min-height: 100%; } .block_xp :is(.xp-w-16) { width: 4rem; } .block_xp :is(.xp-w-24) { width: 6rem; } .block_xp :is(.xp-w-4) { width: 1rem; } .block_xp :is(.xp-w-5) { width: 1.25rem; } .block_xp :is(.xp-w-56) { width: 14rem; } .block_xp :is(.xp-w-6) { width: 1.5rem; } .block_xp :is(.xp-w-8) { width: 2rem; } .block_xp :is(.xp-w-auto) { width: auto; } .block_xp :is(.xp-w-full) { width: 100%; } .block_xp :is(.xp-min-w-48) { min-width: 12rem; } .block_xp :is(.xp-min-w-\[0\.25rem\]) { min-width: 0.25rem; } .block_xp :is(.xp-min-w-\[2\.25rem\]) { min-width: 2.25rem; } .block_xp :is(.xp-min-w-\[3rem\]) { min-width: 3rem; } .block_xp :is(.xp-min-w-\[4ch\]) { min-width: 4ch; } .block_xp :is(.xp-min-w-\[86px\]) { min-width: 86px; } .block_xp :is(.xp-min-w-px) { min-width: 1px; } .block_xp :is(.xp-max-w-\[4rem\]) { max-width: 4rem; } .block_xp :is(.xp-max-w-\[6rem\]) { max-width: 6rem; } .block_xp :is(.xp-max-w-\[80\%\]) { max-width: 80%; } .block_xp :is(.xp-max-w-\[99\%\]) { max-width: 99%; } .block_xp :is(.xp-max-w-full) { max-width: 100%; } .block_xp :is(.xp-flex-0) { flex: 0 0 auto; } .block_xp :is(.xp-flex-1) { flex: 1 1 0%; } .block_xp :is(.xp-flex-2) { flex: 2 2 0%; } .block_xp :is(.xp-flex-none) { flex: none; } .block_xp :is(.xp-shrink-0) { flex-shrink: 0; } .block_xp :is(.xp-flex-grow) { flex-grow: 1; } .block_xp :is(.xp-grow) { flex-grow: 1; } .block_xp :is(.xp-grow-0) { flex-grow: 0; } .block_xp :is(.xp-basis-auto) { flex-basis: auto; } .block_xp :is(.xp-origin-top-right) { transform-origin: top right; } .block_xp :is(.xp--translate-x-full) { --tw-translate-x: -100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .block_xp :is(.xp-translate-x-full) { --tw-translate-x: 100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .block_xp :is(.xp-rotate-90) { --tw-rotate: 90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .block_xp :is(.xp-transform-gpu) { transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } @keyframes xp-pulse-in { 0% { transform: scale(0.8); opacity: 0; } 50% { opacity: .5; transform: scale(1); } 80% { opacity: 1; transform: scale(1.25); } 100% { transform: scale(1); } } .block_xp :is(.xp-animate-badge-incoming) { animation: xp-pulse-in 500ms ease-in-out 2000ms both; } @keyframes xp-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes xp-wiggle { 0%, 100% { transform: rotate(-3deg); } 50% { transform: rotate(3deg); } } @keyframes xp-scale-out { 0% { opacity: 1; } 100% { opacity: 0; transform: scale(2); } } .block_xp :is(.xp-animate-badge-leaving) { animation: xp-fade-in 300ms 1.5s backwards, xp-wiggle 200ms ease-in-out 2.5s 1, xp-scale-out 500ms ease-in-out 3.5s forwards; } @keyframes xp-ping-sm { 0% { opacity: 1; } 50%, 100% { transform: scale(1.25); opacity: 0; } } .block_xp :is(.xp-animate-badge-ping) { animation: xp-ping-sm 2s cubic-bezier(0, 0, 0.2, 1) infinite 4000ms; } @keyframes xp-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } .block_xp :is(.xp-animate-fade-in) { animation: xp-fade-in 300ms both; } @keyframes xp-pulse { 50% { opacity: .5; } } .block_xp :is(.xp-animate-pulse) { animation: xp-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } .block_xp :is(.xp-cursor-pointer) { cursor: pointer; } .block_xp :is(.xp-grid-cols-2) { grid-template-columns: repeat(2, minmax(0, 1fr)); } .block_xp :is(.xp-grid-cols-6) { grid-template-columns: repeat(6, minmax(0, 1fr)); } .block_xp :is(.xp-flex-row) { flex-direction: row; } .block_xp :is(.xp-flex-col) { flex-direction: column; } .block_xp :is(.xp-flex-wrap) { flex-wrap: wrap; } .block_xp :is(.xp-items-start) { align-items: flex-start; } .block_xp :is(.xp-items-end) { align-items: flex-end; } .block_xp :is(.xp-items-center) { align-items: center; } .block_xp :is(.xp-justify-end) { justify-content: flex-end; } .block_xp :is(.xp-justify-center) { justify-content: center; } .block_xp :is(.xp-gap-1) { gap: 0.25rem; } .block_xp :is(.xp-gap-2) { gap: 0.5rem; } .block_xp :is(.xp-gap-3) { gap: 0.75rem; } .block_xp :is(.xp-gap-4) { gap: 1rem; } .block_xp :is(.xp-gap-6) { gap: 1.5rem; } .block_xp :is(.xp-gap-x-2) { -moz-column-gap: 0.5rem; column-gap: 0.5rem; } .block_xp :is(.xp-gap-y-1) { row-gap: 0.25rem; } .block_xp :is(.xp-divide-gray-100 > :not([hidden]) ~ :not([hidden])) { border-color: #f3f4f6; } .block_xp :is(.xp-divide-gray-200 > :not([hidden]) ~ :not([hidden])) { border-color: #e5e7eb; } .block_xp :is(.xp-self-end) { align-self: flex-end; } .block_xp :is(.xp-overflow-hidden) { overflow: hidden; } .block_xp :is(.xp-overflow-y-auto) { overflow-y: auto; } .block_xp :is(.xp-truncate) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .block_xp :is(.xp-whitespace-nowrap) { white-space: nowrap; } .block_xp :is(.xp-rounded) { border-radius: 0.25rem; } .block_xp :is(.xp-rounded-full) { border-radius: 9999px; } .block_xp :is(.xp-rounded-lg) { border-radius: 0.5rem; } .block_xp :is(.xp-rounded-md) { border-radius: 0.375rem; } .block_xp :is(.xp-rounded-none) { border-radius: 0px; } .block_xp :is(.xp-rounded-xl) { border-radius: 0.75rem; } .block_xp :is(.xp-rounded-l) { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .block_xp :is(.xp-rounded-r) { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .block_xp :is(.xp-border) { border-width: 1px; } .block_xp :is(.xp-border-0) { border-width: 0px; } .block_xp :is(.xp-border-2) { border-width: 2px; } .block_xp :is(.xp-border-b) { border-bottom-width: 1px; } .block_xp :is(.xp-border-b-2) { border-bottom-width: 2px; } .block_xp :is(.xp-border-l) { border-left-width: 1px; } .block_xp :is(.xp-border-r) { border-right-width: 1px; } .block_xp :is(.xp-border-t) { border-top-width: 1px; } .block_xp :is(.xp-border-solid) { border-style: solid; } .block_xp :is(.xp-border-dashed) { border-style: dashed; } .block_xp :is(.xp-border-gray-100) { border-color: #f3f4f6; } .block_xp :is(.xp-border-gray-200) { border-color: #e5e7eb; } .block_xp :is(.xp-border-gray-300) { border-color: #d1d5db; } .block_xp :is(.xp-border-red-600) { border-color: #dc2626; } .block_xp :is(.xp-border-sky-400) { border-color: #38bdf8; } .block_xp :is(.xp-border-b-white) { border-bottom-color: #fff; } .block_xp :is(.xp-bg-black) { background-color: #000; } .block_xp :is(.xp-bg-blue-100) { background-color: #dbeafe; } .block_xp :is(.xp-bg-gray-100) { background-color: #f3f4f6; } .block_xp :is(.xp-bg-gray-200) { background-color: #e5e7eb; } .block_xp :is(.xp-bg-green-400) { background-color: #4ade80; } .block_xp :is(.xp-bg-red-100) { background-color: #fee2e2; } .block_xp :is(.xp-bg-slate-50) { background-color: #f8fafc; } .block_xp :is(.xp-bg-transparent) { background-color: transparent; } .block_xp :is(.xp-bg-white) { background-color: #fff; } .block_xp :is(.xp-bg-yellow-200) { background-color: #fef08a; } .block_xp :is(.xp-p-0) { padding: 0px; } .block_xp :is(.xp-p-0\.5) { padding: 0.125rem; } .block_xp :is(.xp-p-1) { padding: 0.25rem; } .block_xp :is(.xp-p-2) { padding: 0.5rem; } .block_xp :is(.xp-p-3) { padding: 0.75rem; } .block_xp :is(.xp-p-4) { padding: 1rem; } .block_xp :is(.xp-p-\[0\.2rem\]) { padding: 0.2rem; } .block_xp :is(.xp-px-1) { padding-left: 0.25rem; padding-right: 0.25rem; } .block_xp :is(.xp-px-1\.5) { padding-left: 0.375rem; padding-right: 0.375rem; } .block_xp :is(.xp-px-2) { padding-left: 0.5rem; padding-right: 0.5rem; } .block_xp :is(.xp-px-3) { padding-left: 0.75rem; padding-right: 0.75rem; } .block_xp :is(.xp-px-4) { padding-left: 1rem; padding-right: 1rem; } .block_xp :is(.xp-px-6) { padding-left: 1.5rem; padding-right: 1.5rem; } .block_xp :is(.xp-px-\[0\.2rem\]) { padding-left: 0.2rem; padding-right: 0.2rem; } .block_xp :is(.xp-py-0) { padding-top: 0px; padding-bottom: 0px; } .block_xp :is(.xp-py-0\.5) { padding-top: 0.125rem; padding-bottom: 0.125rem; } .block_xp :is(.xp-py-1) { padding-top: 0.25rem; padding-bottom: 0.25rem; } .block_xp :is(.xp-py-2) { padding-top: 0.5rem; padding-bottom: 0.5rem; } .block_xp :is(.xp-py-6) { padding-top: 1.5rem; padding-bottom: 1.5rem; } .block_xp :is(.xp-pb-0) { padding-bottom: 0px; } .block_xp :is(.xp-pb-0\.5) { padding-bottom: 0.125rem; } .block_xp :is(.xp-pb-1) { padding-bottom: 0.25rem; } .block_xp :is(.xp-pb-4) { padding-bottom: 1rem; } .block_xp :is(.xp-pl-2) { padding-left: 0.5rem; } .block_xp :is(.xp-pl-3) { padding-left: 0.75rem; } .block_xp :is(.xp-pl-6) { padding-left: 1.5rem; } .block_xp :is(.xp-pr-2) { padding-right: 0.5rem; } .block_xp :is(.xp-pr-6) { padding-right: 1.5rem; } .block_xp :is(.xp-pt-8) { padding-top: 2rem; } .block_xp :is(.xp-text-left) { text-align: left; } .block_xp :is(.xp-text-center) { text-align: center; } .block_xp :is(.xp-text-right) { text-align: right; } .block_xp :is(.xp-align-top) { vertical-align: top; } .block_xp :is(.xp-align-middle) { vertical-align: middle; } .block_xp :is(.xp-font-mono) { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } .block_xp :is(.xp-text-2xs) { font-size: 0.6875rem; line-height: 1; } .block_xp :is(.xp-text-3xl) { font-size: 1.875rem; line-height: 2.25rem; } .block_xp :is(.xp-text-\[10rem\]) { font-size: 10rem; } .block_xp :is(.xp-text-base) { font-size: 1rem; line-height: 1.5rem; } .block_xp :is(.xp-text-lg) { font-size: 1.125rem; line-height: 1.75rem; } .block_xp :is(.xp-text-sm) { font-size: 0.875rem; line-height: 1.25rem; } .block_xp :is(.xp-text-xl) { font-size: 1.25rem; line-height: 1.75rem; } .block_xp :is(.xp-text-xs) { font-size: 0.75rem; line-height: 1rem; } .block_xp :is(.xp-font-bold) { font-weight: 700; } .block_xp :is(.xp-font-medium) { font-weight: 500; } .block_xp :is(.xp-font-normal) { font-weight: 400; } .block_xp :is(.xp-uppercase) { text-transform: uppercase; } .block_xp :is(.xp-normal-case) { text-transform: none; } .block_xp :is(.xp-italic) { font-style: italic; } .block_xp :is(.xp-leading-none) { line-height: 1; } .block_xp :is(.xp-leading-tight) { line-height: 1.25; } .block_xp :is(.xp-tracking-wide) { letter-spacing: 0.025em; } .block_xp :is(.xp-text-gray-300) { color: #d1d5db; } .block_xp :is(.xp-text-gray-50) { color: #f9fafb; } .block_xp :is(.xp-text-gray-500) { color: #6b7280; } .block_xp :is(.xp-text-gray-600) { color: #4b5563; } .block_xp :is(.xp-text-gray-700) { color: #374151; } .block_xp :is(.xp-text-gray-900) { color: #111827; } .block_xp :is(.xp-text-inherit) { color: inherit; } .block_xp :is(.xp-text-red-600) { color: #dc2626; } .block_xp :is(.xp-text-white) { color: #fff; } .block_xp :is(.xp-no-underline) { text-decoration-line: none; } .block_xp :is(.xp-opacity-0) { opacity: 0; } .block_xp :is(.xp-opacity-60) { opacity: 0.6; } .block_xp :is(.xp-shadow-sm) { --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .block_xp :is(.xp-transition-height) { transition-property: height; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .block_xp :is(.xp-transition-opacity) { transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .block_xp :is(.xp-transition-transform) { transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .block_xp :is(.xp-duration-1000) { transition-duration: 1000ms; } .block_xp :is(.xp-duration-300) { transition-duration: 300ms; } .block_xp :is(.xp-duration-500) { transition-duration: 500ms; } .block_xp :is(.xp-space-x-1 > :not([hidden]) ~ :not([hidden])) { margin-right: 0; margin-left: 0.25rem; } .block_xp :is(.xp-space-x-4 > :not([hidden]) ~ :not([hidden])) { margin-right: 0; margin-left: 1rem; } .block_xp :is(.xp-space-y-0 > :not([hidden]) ~ :not([hidden])) { margin-top: 0px; margin-bottom: 0; } .block_xp :is(.xp-space-y-0\.5 > :not([hidden]) ~ :not([hidden])) { margin-top: 0.125rem; margin-bottom: 0; } .block_xp :is(.xp-space-y-2 > :not([hidden]) ~ :not([hidden])) { margin-top: 0.5rem; margin-bottom: 0; } .block_xp :is(.xp-space-y-4 > :not([hidden]) ~ :not([hidden])) { margin-top: 1rem; margin-bottom: 0; } .block_xp :is(.xp-divide-y > :not([hidden]) ~ :not([hidden])) { border-style: solid; border-width: 0; border-top-width: 1px; } .block_xp :is(.xp-animation-delay-\[3\.8s\]) { animation-delay: 3.8s; } .block_xp :is(.xp-animation-delay-\[4\.5s\]) { animation-delay: 4.5s; } .block_xp :is(.xp-animation-delay-\[500ms\]) { animation-delay: 500ms; } .block_xp :is(.xp-animation-delay-\[5s\]) { animation-delay: 5s; } .block_xp :is(.xp-animation-delay-\[6s\]) { animation-delay: 6s; } /** Cancel overflow of .no-overflow */ .block_xp .xp-cancel-overflow .no-overflow { overflow: visible; } /** Legacy styles. */ .block_xp-level { background: url(/theme/image.php/wui/block_xp/1742904535/10) no-repeat; background-size: 100px 100px; color: #fff; font-size: 4em; height: 100px; line-height: 100px; text-align: center; width: 100px; cursor: default; -webkit-user-select: none; -moz-user-select: none; user-select: none; } a .block_xp-level { cursor: inherit; } .block_xp-level.level-1 { background-image: url(/theme/image.php/wui/block_xp/1742904535/1); } .block_xp-level.level-2 { background-image: url(/theme/image.php/wui/block_xp/1742904535/2); } .block_xp-level.level-3 { background-image: url(/theme/image.php/wui/block_xp/1742904535/3); } .block_xp-level.level-4 { background-image: url(/theme/image.php/wui/block_xp/1742904535/4); } .block_xp-level.level-5 { background-image: url(/theme/image.php/wui/block_xp/1742904535/5); } .block_xp-level.level-6 { background-image: url(/theme/image.php/wui/block_xp/1742904535/6); } .block_xp-level.level-7 { background-image: url(/theme/image.php/wui/block_xp/1742904535/7); } .block_xp-level.level-8 { background-image: url(/theme/image.php/wui/block_xp/1742904535/8); } .block_xp-level.level-9 { background-image: url(/theme/image.php/wui/block_xp/1742904535/9); } .block_xp-level.small { height: 35px; width: 35px; font-size: 18px; line-height: 40px; margin: 0 auto; background-size: cover; } .block_xp-level.medium { height: 50px; width: 50px; font-size: 24px; line-height: 54px; margin: 0 auto; background-size: cover; } .block_xp-level.level-badge, .block_xp-level.level-badge.small, .block_xp-level.level-badge.medium { background: none; height: auto; width: auto; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .block_xp-level.level-badge { line-height: 100px; } .block_xp-level.level-badge.small { line-height: 35px; } .block_xp-level.level-badge.medium { line-height: 50px; } .block_xp-level.level-badge img { width: 100px; } .block_xp-level.level-badge.small img, .block_xp-level.level-badge.medium img { width: auto; max-width: 100px; } .block_xp-level.level-badge.small img { height: 35px; } .block_xp-level.level-badge.medium img { height: 50px; } .block_xp-instructions { margin-bottom: 2em; } /** Block content. */ .block.block_xp .block_xp-level { margin-left: auto; margin-right: auto; } .block.block_xp .alert.alert-block { padding: 0.5rem; padding-top: 0.375rem; padding-bottom: 0.375rem; } .block.block_xp .block_xp-level-progress [role='progressbar'] { height: 1rem; } .block.block_xp .block_xp-heading { margin-bottom: 1rem; border-width: 0px; border-bottom-width: 1px; border-style: solid; border-color: #e5e7eb; font-size: 0.75rem; line-height: 1rem; text-transform: uppercase; letter-spacing: 0em; color: #4b5563; } .block.block_xp nav { text-align: center; align-content: stretch; display: flex; flex-wrap: wrap; align-items: stretch; border-width: 0px; border-top-width: 1px; border-style: solid; border-color: #e5e7eb; } .block.block_xp nav .nav-button { flex: 1 1 0%; align-self: auto; text-decoration: none; color: #333; font-size: 80%; padding: 5px 5px 0; } .block.block_xp nav .nav-button .icon { margin: 0; padding: 0; } .block.block_xp nav .nav-button:hover { background: #eee; } /** Use over defined class name to re-use it through the block pages. */ .block_xp-xp { display: inline-block; white-space: nowrap; } .block_xp-xp .pts, .block_xp-xp .sign { display: inline-block; letter-spacing: 0; } .block_xp-xp .sign-sup { vertical-align: super; font-size: 0.6428571428571429em; /* 9px. */ line-height: 0.6428571428571429em; } /** Use our own highlight because of discrepencies between various themes. Sorry themers, it's a nightmare to maintain a plugin for multiple themes... */ .block_xp-table tr.highlight-row > td { background-color: #fef9c3 !important; } /** * Ladder table. */ .block_xp-table td { /* Using !important because it's late and I can't be bothered looking for an alternative. */ vertical-align: middle !important; /* stylelint-disable-line declaration-no-important */ } .block_xp-table .col-lvl { width: 50px; text-align: center; } .block_xp-table .col-rank { white-space: nowrap; width: 50px; } .block_xp-table .col-userpic { width: 35px; } .block_xp-table .userpicture { /* Margin only present in recent Moodle. */ margin-right: 5px; } .dir-rtl .block_xp-table .userpicture { margin-left: 5px; margin-right: 0; } /** * Report table. */ .block_xp-report-table td { vertical-align: middle !important; /* stylelint-disable-line declaration-no-important */ } /** * Page navigation. */ .block_xp-page-nav a { position: relative; } .block_xp-page-nav .has-new { border-radius: 50%; width: 7px; height: 7px; position: absolute; top: 4px; right: 4px; background-color: #d9534f; } .dir-rtl .block_xp-page-nav .has-new { left: 4px; } /** * Dismissable notice. */ .block_xp-dismissable-notice .alert { /** We override the padding, because else the close button doesn't align well... */ padding: 14px; } .block_xp-dismissable-notice .dismiss-action { float: right; line-height: 12px; } .block_xp-dismissable-notice .dismiss-action .icon { padding: 0; margin: 0; width: 12px; height: 12px; } .dir-rtl .block_xp-dismissable-notice .dismiss-action { float: left; } /** * Notification dialogue. */ .block_xp-notification-hidden { display: none; } .block_xp-notification .moodle-dialogue-bd, .block_xp-notification .moodle-dialogue-ft { text-align: center !important; /* stylelint-disable-line declaration-no-important */ } .block_xp-notification .level-headline { font-size: 1.4em; font-weight: bold; } .block_xp-notification .level-name { margin-top: 1em; font-size: 16px; font-weight: bold; } .block_xp-notification .moodle-dialogue-ft button { /* Helps centering the button in the dialogue */ margin-left: 0; margin-right: 0; } /** * Rule picker dialogue. */ .block_xp-rulepicker-hidden { display: none; } .block_xp-rulepicker-content .rule { cursor: pointer; padding: 0.5rem; border-bottom: 1px solid #efefef; } .block_xp-rulepicker-content .rule:last-child { border-bottom-width: 0; } .block_xp-rulepicker-content .rule:focus, .block_xp-rulepicker-content .rule:hover { background-color: #efefef; } .block_xp-rulepicker-content .rule h3 { font-size: 1.125rem; font-weight: 500; margin: 0 !important; } .block_xp-rulepicker-content .rule .info { margin-top: 0.5rem; font-size: 0.875rem; } /** * Rules pages. * * Note: We find the very first rule using .filter-rules > .rule */ .block-xp-filters-group .block-xp-filters-submit-actions { margin-top: 2em; } .block-xp-filters-group h4:not(:first-of-type) { margin-top: 1em; } .block-xp-filters-wrapper ul { list-style: none; padding-left: 0; padding-right: 0; } .block-xp-filters-wrapper p, .block-xp-filters-wrapper ul, .block-xp-filters-wrapper ul.filters-list, /** Made more specific for RTL. */ .block-xp-filters-wrapper input[type], .block-xp-filters-wrapper button, .block-xp-filters-wrapper select { margin: 0; } .block-xp-filters-wrapper input[type], .block-xp-filters-wrapper select { /* In Edge the line height is inherited when we do not do this. */ line-height: 18px; max-width: 100%; } .block-xp-filters-wrapper .filter-rules { margin-left: 20px; margin-top: 5px; } .block-xp-filters-wrapper .filter { border: 1px solid #ddd; margin: 10px 0; padding: 8px 4px; } .block-xp-filters-wrapper .filter-add { margin: 10px 0; } .block-xp-filters-wrapper .rule-rules { margin-left: 35px; } .block-xp-filters-wrapper .filter-rules > .rule { border: 0; padding-left: 0; } .block-xp-filters-wrapper .filter-rules > .rule::before { border: 0; } .block-xp-filters-wrapper .filter-rules > .rule > .rule-rules { margin-left: 20px; } .block-xp-filters-wrapper .filter-rules > .rule > .rule-definition { padding-left: 5px; } .block-xp-filters-wrapper .rule-type-ruleset, .block-xp-filters-wrapper .rule-type-ruleset .rule-rules > .rule:first-child { padding-top: 5px; } .block-xp-filters-wrapper .rule-type-ruleset > .rule-definition { background-color: #f1f1f1; padding-bottom: 2px; } .block-xp-filters-wrapper .rule-rules .rule { border-left: 1px dotted #ccc; min-height: 40px; padding-left: 15px; position: relative; } .block-xp-filters-wrapper .rule-rules .rule::before { border-top: 1px dotted #ccc; content: ''; display: block; left: 0; position: absolute; top: 20px; width: 15px; } .block-xp-filters-wrapper .rule-type-ruleset .rule-rules > .rule:first-child::before, .block-xp-filters-wrapper .rule.rule-type-ruleset::before { top: 25px; } .block-xp-filters-wrapper .rule-add { padding: 10px 17px; position: relative; line-height: 20px; } .block-xp-filters-wrapper .rule-add::before, .block-xp-filters-wrapper .rule-rules .rule:last-child::before { border-bottom: 1px dotted #ccc; border-left: 1px dotted #ccc; border-top: 0; content: ''; display: block; height: 20px; left: 0; position: absolute; top: 0; width: 15px; } .block-xp-filters-wrapper .rule-rules .rule:last-child { border: 0; } .block-xp-filters-wrapper .rule-move, .block-xp-filters-wrapper .filter-move { cursor: move; margin: 0 0.5rem; } .block-xp-filters-wrapper .filter-delete, .block-xp-filters-wrapper .rule-delete { margin-left: 0.5rem; } .block-xp-filters-wrapper .filter-rules > .rule > .rule-definition .rule-delete, .block-xp-filters-wrapper .filter-rules > .rule > .rule-definition .rule-move { /** Hide the move/delete button on the top rule. */ display: none; } /** Readonly filters. */ .block-xp-filters-wrapper .filters-readonly .filter { padding: 10px; } .block-xp-filters-wrapper .filters-readonly .filter-rules > .rule > .rule-definition, .block-xp-filters-wrapper .filters-readonly .rule-rules .rule { line-height: 30px; min-height: 30px; } .block-xp-filters-wrapper .filters-readonly .filter-rules > .rule > .rule-definition { padding: 0 10px; } .block-xp-filters-wrapper .filters-readonly .rule-type-ruleset .rule-rules > .rule:first-child::before, .block-xp-filters-wrapper .filters-readonly .rule.rule-type-ruleset::before { top: 20px; } .block-xp-filters-wrapper .filters-readonly .rule-rules .rule::before { top: 15px; } .block-xp-filters-wrapper .filters-readonly .rule-rules .rule:last-child::before { top: 0; height: 15px; } /** Level grid */ .block_xp-level-grid { display: flex; flex-wrap: wrap; } .block_xp-level-grid .block_xp-level-no { position: absolute; left: 10px; top: 10px; font-size: 20px; font-weight: bold; color: #fff; } .block_xp-level-grid .block_xp-level-boxed { flex: 1 1 25%; display: flex; justify-content: center; padding-right: 1em; padding-bottom: 1em; box-sizing: border-box; } .block_xp-level-grid .block_xp-level-boxed-with-desc { flex-basis: 50%; flex-grow: 2; } .block_xp-level-grid .block_xp-level-box { position: relative; flex: 1; flex-direction: column; justify-content: flex-start; align-items: center; background-color: #efefef; border-radius: 5px; padding: 1em; display: flex; } .block_xp-level-grid .level-name { font-size: 16px; font-weight: bold; text-align: center; } .block_xp-level-grid .block_xp-level-desc { margin-top: 1em; font-size: 12px; line-height: 16px; overflow: auto; } @media (min-width: 768px) { .block_xp-level-grid .block_xp-level-boxed { max-width: 50%; } } /** Support inline input fields. */ .form-control.block_xp-form-control-inline { min-width: 0; width: auto; display: inline; } /** Hide accepted file types from level badges filemanager. **/ .block_xp #fitem_id_badges fieldset [name=badges] + p, .block_xp #fitem_id_badges fieldset .form-filetypes-descriptions { display: none; } /** Remove margin on last row of modal forms. */ .block_xp .modal-form-dialogue form > .row:last-child { margin-bottom: 0px !important; } /** * CM rule. */ .block_xp-cm-rule-widget .cm-selected { display: none; } .block_xp-cm-rule-widget.has-cm .cm-selection { display: none; } .block_xp-cm-rule-widget.has-cm .cm-selected { display: inline; } /** RTL styles. */ .dir-rtl .block-xp-filters-wrapper .filter-rules { margin-left: 0; margin-right: 20px; } .dir-rtl .block-xp-filters-wrapper .rule-rules { margin-left: 0; margin-right: 40px; } .dir-rtl .block-xp-filters-wrapper .filter-rules > .rule > .rule-rules { margin-left: 0; margin-right: 20px; } .dir-rtl .block-xp-filters-wrapper .filter-rules > .rule > .rule-definition { padding-left: 0; padding-right: 5px; } .dir-rtl .block-xp-filters-wrapper .rule-rules .rule { border-left: 0; border-right: 1px dotted #ccc; padding-left: 0; padding-right: 15px; } .dir-rtl .block-xp-filters-wrapper .rule-rules .rule::before { right: 0; } .dir-rtl .block-xp-filters-wrapper .rule-add::before, .dir-rtl .block-xp-filters-wrapper .rule-rules .rule:last-child::before { border-left: 0; border-right: 1px dotted #ccc; right: 0; } .block_xp :is(.after\:xp-hidden)::after { content: var(--tw-content); display: none; } .block_xp :is(.first\:xp-mt-0:first-child) { margin-top: 0px; } .block_xp :is(.hover\:xp-bg-gray-100:hover) { background-color: #f3f4f6; } .block_xp :is(.hover\:xp-bg-gray-50:hover) { background-color: #f9fafb; } .block_xp :is(.hover\:xp-text-gray-900:hover) { color: #111827; } .block_xp :is(.focus\:xp-pointer-events-auto:focus) { pointer-events: auto; } .block_xp :is(.focus\:xp-z-10:focus) { z-index: 10; } .block_xp :is(.focus\:xp-opacity-100:focus) { opacity: 1; } .block_xp :is(.xp-group:hover .group-hover\:xp-pointer-events-auto) { pointer-events: auto; } .block_xp :is(.xp-group:hover .group-hover\:xp-opacity-100) { opacity: 1; } .block_xp :is(.xp-group:focus .group-focus\:xp-opacity-100) { opacity: 1; } @media (hover: hover) and (pointer: fine) { .block_xp :is(.supports-hover\:xp-pointer-events-none) { pointer-events: none; } .block_xp :is(.supports-hover\:xp-opacity-0) { opacity: 0; } } @media (min-width: 640px) { .block_xp :is(.sm\:xp--mr-3) { margin-right: -0.75rem; } .block_xp :is(.sm\:xp--mt-3) { margin-top: -0.75rem; } .block_xp :is(.sm\:xp--mt-3\.5) { margin-top: -0.875rem; } .block_xp :is(.sm\:xp-ml-\[100px\]) { margin-left: 100px; } .block_xp :is(.sm\:xp-mr-1) { margin-right: 0.25rem; } .block_xp :is(.sm\:xp-block) { display: block; } .block_xp :is(.sm\:xp-w-2\/3) { width: 66.666667%; } .block_xp :is(.sm\:xp-basis-52) { flex-basis: 13rem; } .block_xp :is(.sm\:xp-grid-cols-10) { grid-template-columns: repeat(10, minmax(0, 1fr)); } .block_xp :is(.sm\:xp-grid-cols-2) { grid-template-columns: repeat(2, minmax(0, 1fr)); } .block_xp :is(.sm\:xp-flex-row) { flex-direction: row; } .block_xp :is(.sm\:xp-gap-8) { gap: 2rem; } .block_xp :is(.sm\:xp-pl-8) { padding-left: 2rem; } } @media (min-width: 1024px) { .block_xp :is(.lg\:xp-w-36) { width: 9rem; } .block_xp :is(.lg\:xp-w-full) { width: 100%; } .block_xp :is(.lg\:xp-flex-row) { flex-direction: row; } .block_xp :is(.lg\:xp-flex-col) { flex-direction: column; } .block_xp :is(.lg\:xp-flex-nowrap) { flex-wrap: nowrap; } .block_xp :is(.lg\:xp-gap-0) { gap: 0px; } .block_xp :is(.lg\:xp-border-b-0) { border-bottom-width: 0px; } .block_xp :is(.lg\:xp-pb-0) { padding-bottom: 0px; } .block_xp :is(.lg\:xp-space-y-1 > :not([hidden]) ~ :not([hidden])) { margin-top: 0.25rem; margin-bottom: 0; } } .block_xp :is(.\[\&\>div\]\:xp-col-start-1>div) { grid-column-start: 1; } .block_xp :is(.\[\&\>div\]\:xp-row-start-1>div) { grid-row-start: 1; } .block_xp :is(.\[\&\>div\]\:xp-border-0>div) { border-width: 0px; } .block_xp :is(.\[\&\>div\]\:xp-border-b>div) { border-bottom-width: 1px; } .block_xp :is(.\[\&\>div\]\:xp-border-solid>div) { border-style: solid; } .block_xp :is(.\[\&\>div\]\:xp-border-gray-200>div) { border-color: #e5e7eb; } .block_xp :is(.\[\&_\.block\\_xp-level\]\:xp-mx-0 .block_xp-level) { margin-left: 0px; margin-right: 0px; } .block_xp :is(.\[\&_\.icon\]\:xp-m-0 .icon) { margin: 0px; } .block_xp :is(.\[\&_a\]\:xp-font-normal a) { font-weight: 400; } .block_xp :is(.\[\&_a\]\:xp-underline a) { text-decoration-line: underline; } .block_xp :is(.\[\&_li\]\:xp-mb-1 li) { margin-bottom: 0.25rem; } .block_xp :is(.\[\&_ul\]\:xp-pl-4 ul) { padding-left: 1rem; } /* stylelint-disable */ @charset "UTF-8"; .vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before { text-align: center; } @font-face { font-family: VideoJS; src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABUgAAsAAAAAItAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV33Y21hcAAAAYQAAAEJAAAD5p42+VxnbHlmAAACkAAADwwAABdk9R/WHmhlYWQAABGcAAAAKwAAADYn8kSnaGhlYQAAEcgAAAAdAAAAJA+RCL1obXR4AAAR6AAAABMAAAC8Q44AAGxvY2EAABH8AAAAYAAAAGB7SIHGbWF4cAAAElwAAAAfAAAAIAFAAI9uYW1lAAASfAAAASUAAAIK1cf1oHBvc3QAABOkAAABfAAAAnXdFqh1eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGR7xDiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGPHcRdyA4RZgQRADbZCycAAHic7dPXbcMwAEXRK1vuvffem749XAbKV3bjBA6fXsaIgMMLEWoQJaAEFKNnlELyQ4K27zib5PNF6vl8yld+TKr5kH0+cUw0xv00Hwvx2DResUyFKrV4XoMmLdp06NKjz4AhI8ZMmDJjzoIlK9Zs2LJjz4EjJ85cuHLjziPe/0UWL17mf2tqKLz/9jK9f8tXpGCoRdPKhtS0RqFkWvVQNtSKoVYNtWaoddPXEBqG2jQ9XWgZattQO4baNdSeofYNdWCoQ0MdGerYUCeGOjXUmaHODXVhqEtDXRnq2lA3hro11J2h7g31YKhHQz0Z6tlQL4Z6NdSbod4N9WGoT9MfHF6GmhnZLxyDcRMAAAB4nJ1YC1gUV5auc6urCmxEGrq6VRD6ATQP5dHPKK8GRIyoKApoEBUDAiGzGmdUfKNRM4qLZrUZdGKcGN/GZJKd0SyOWTbfbmZ2NxqzM5IxRtNZd78vwYlJdtREoO7sudVNq6PmmxmKqrqPU+eee173P80Bh39Cu9DOEY4DHZBK3i20D/QRLcfxbE5sEVtwLpZzclw4ibFIkSCJUcZ4MBpMnnzwuKNsGWBL5i3qy6kO2dVpvUpKbkAP9fq62rdeGJ+TM/7C1nbIutfuWrWk5ci4zMxxR1qW/N+9JsmCGXj9VKWhFx/6tr/nz78INDm2C9yPF/fDcxLuyKxLBZ1ZBz2QTi+RSkiH5RrDQJ/GgGQadX9m0YSURs7GpSG905Zsk41uj14yul1OtieZ7QUk5GRG/YiS7PYYPSAZNRed9sq3+bOpz00rKb7pe/ZEZvbALxZAHT3AFoH8GXP3rt67QFn40kt8W13FjLTDb48c+fSi5/7h0P4dL5yz7DPtbmgmYxfQA9RL2+EOfTcvdp+1vmuBpvOll1As1S6ak0IvJzC7sKWJFtJgBd2uWcg+0Zyg7dzQfhcjXRgXGZRf5/a4A58IDU777Nl252AUk4m2ByRRjqTNqIDCEJeAnU3iCFwrkrNwXEzg4yFevBwypzxkcX+AIfk3VEKl3XmWbT8788SzvpvFJaiOezL6QyuSr9VNf97csNu0z3LuhR0wATUxZAfVBwVOy+nQFhxYdWaXlXe4HC4zWGWzzsrLDtmhI9pOWOHv7PTT7XybH1Z0+v2d5Abd3kmG+TsH23CS/KwTxx/JkzEwx6jcQOUc42LLwHJ/J93uZ9ygh3HuZGwqsY9dWDHQ58dxNqyqKRQTYdxwTubiOSs3FiMDkq0WSZQgCT0GBDOg2lxOAd1FlPVGs4AKBAcYHHaP2wPkHaivmLF5zYqnIZrvcHx5gN4k/6tchNW1DtdgNL2KrxEkS/kfnIHoVnp1VjmjpTf5r0lTzLj0mdS28tX+XGorU364eMPmnWVl8J36nlKGw3CZhjEiuMw8h8mKvhGD+4/lElBWjAhLJMg6fTw4zPZ8cOmcGQBm2Qxml1nAm13CpYGq1JKUlJJUzQn1PTAO0mgv6VMMpA/DuRfSWEu4lDIxdbAtdWIKvnn2Vk766CWfz9fpY0sH/UpdP50rfszaVpdVRmvIejEdLMk45s4Bu0EWHjeOySmFyZSiMahvZdNSn29peoI/YexYfKQTLeurTXXwEVLeSfInTWHkkMaeUx7sBvOCSTSj3AlcKjfueyS36tCrXDlgRtF0etFq9jhc1kfKuBT/OwMr0F4UUTTh1AN0g20+H/ScPcsIEsYu9d/zN5PmjprPtNwI1ZZcDK6iC97Mcjp2y2aX36f+QbpGHrgRuHlXJ+Zf6PFRL2uQSp8vxHeF2IoRb8Rd2rhMzsNxSRmEuKK4JFnkojhMcx6jzqHzGMGFcW+MhBj0bhf6cowN+45I4LHvwT6fteu7M42wGRI/pxcg6/MZdEvt1U1XaulHFXuLmqov/MukvRVL35/b3ODM1+4aPjtzeK7zmUkV2h3DN54HaQ9GzJvxHRb6Ks2gB81fwqraT+A7GvZJrRLRofU6G0urNL+zFw3v0FaVDFxsKEZW56F31r6ip6vOL+FCObBPuIMRiXld9RaMdLzRIOGhPey2T9vA/35DmZPK9IWaT9d/WgOGMieYqJ/dzjLIhZU118gbysxrNUGefxD6UO/hyNNllpFTOIbx32kSFQctnweV5PxTMHLjRqiAN+fQE9gL+Xy5WB6MOS4GJJuYbDUHhcKDhHGRbLzOpjsjdM1+iwAZLGeieehACX2hhI7SjK/ZUTNrvVje31TxJiFBGYViWFkCn9PMeX9fS6qVbzfCj4fOCTzDnuWy2c4xA7mdNkA3RS9FH2VeqzdCBlixxbzXjvkHU1I8BOYFb1pZvPIHSSIj4svT8xpzcxtXN+ZKyjdDvbz08niiF3PqV9Tn5NST8vg48MTaY8E5xqSSIsWoWHo+LtAzxdH/GDUyp37CBEYfso04F/NlMTcDJUTpECLY0HFGQHImE8xsEUdgnrQlixIvGhJA1BvxpDHGxEMBYFeNOHcBJlSjwe2JcSfbBEsGOPPBHg/6SBBOCsLLw0SpUxod0Z1bFMfLkbQ3UiZxEyd0Dx8t+SRBu18Q9msFbI4e3p1THEfkSEh7kEJ5orR10qTWDvbgPWn5aWvCYyOAjwgXyjJi34uMjo58L25cmRAeQZWI2PA1QQLsPESAH8WGFwZZ4SPoR73BHPzIPMJj9AreBzKUmrH4todT18ANvi1oc3YGjUT/0j+ExUwq8PI9BLaCQIpvewwYu2evAG/Vo/5avPdY7o+BemLLXw3y+AdkzP9bpIxB1wm5EYq8fesHbPEPtm6HrHvtx4jcGPR8fDDpkZBefIjB46QnlUNRltv4Z/pO/J6dxEjhYAtmoMeq+GozvUVvNYOW3m6GCIhoprcfr97B8AcIQYsfD8ljUvGNjvkrpj0ETA48ZMIxCeqsRIsQALE0gi2GB+glSOfbOjW3GSBM9yPq8/rpJXrJDz0BPxV6xdN4uiCGDQed3WhgFkBUZEFsmeyyBpzXrm7UGTBZG8Lh5aubFufk5eUsbrrFGr7McYdbltxa0nKYqRKbQjvikXYkTGM0f2xuyM3Ly21oXnWfvf6I1BmZwfh7EWWIYsg2nHhsDhOnczhJcmI6eBAmy3jZ3RiJmKQR/JA99FcwsfaVbNDDyi1rL9NPj9hfo61wjM6BjzOLijLpeTgk/pL+ip6tfYWupzeOgPny2tcUu9J/9mhxJlgyi985NFRbvCVewXUNXLJaW0RxZqtRYtnfYdcYomXQWdnJHQA3jiEEkeTQWcWxdDP9IvvVWvo2TK553XEMEq+s69/QDU1Q7p0zxwsm9qS379whr8NI2PJqLUyGyfNeX3eFfnJU2U+uHR9cVV1IqgurqwuV44XVp0h2qN55X5XJwtk59yP0IZuHrqBOBIuIYhkcoT6Kx79Pu2HS/IPZIMOqLWs/pteOOk4NPgEb6QAIdAPsyZk5Mwd+wVaHMexJv719W7xCu2l37UG6lvYdBcvHa08p89741zd63phTRGqL5ggo6SlvdbWXzCqsPq78NnSu7wnKy2HNZbVoRCI7UJEOyRj+sPE002tOOY7Qa5fXboFWkLNeqYUSZRocp9XwSUZxcQZ9Hw6LV2pOoVmvHQEDbGIENEG5i6bLgMSM4n8+FNLTtAds99DaWEvgcf4o5SyYe9x+kF6/tGoTPAdRmS/XQIEy//QxKC2oqioAI3tS5auvxCtzT6y6RK8fhChYcwCJaMJhxc0vqSxQ/qmgsrKAlBZUHlauheTpvd9uj5DnLzJct6qfq5fXbYHVIGcfrIVJihbaVLu1wW7Vbs8zK0A8e9Jvb91S9cVMjPrazD6gpfeZTXzYbCFMcppVRsGMpp55OWgx1/3JeAxW1Y7AORgM/m3rWrsdLkQVmEVSU16cX/e7uvkvpqRiQsG06XJ0t64Tf+l0nG1dt025gyOIZlvq5u9KSU1N2TW/rsWnnMRPyTDkctbhvIcNvYIXWyLzdwYLoYesUbaQG4iK2cWO2gdpeUYLqDD0MUTOPhDIGnZEs58yArR86FznuWEsU4YDi2x26dA4klkn8Qa6vhk2QUfX4Jxm/ngX9r7ogn1dmlmwqZmuhxtdg9XN/DEcUgqb+9hMyNansfaQET2mcROCmGEMVqxm5u+h6kN2MOwgqykV2wH9yQG9DvVFU38Pogaf4FVuE62KI/oJ02RDdWW2w5dqQwU/8+N1q1DlvsL863u61KLE7x/o8w0VJQM/Y/SQ3unIrqxueEa1BqT5VFNsO7p39/UC771a77RowpaKe9nvJQIT1Pog5LGx8XblBKmCNGTf3xMogAQvPnz9PYKX/08sVDTG1OKUlOLUgS/UaZtm1NAaYTsl7i9ZQ+L6O4Rl0OGa577LuWvc+C+x96/vYh0lLBuM+7XwI/dTLtdT7v4d6rRTWDnku0IBrqFnZ5bVIqKP8lasJlithWnaLhTsr8qFJBulF/70p4undou36HeTJ5+jv1fCybeQ8nH3+Xv6aENczmOFlab+hqMDg1rLOt12A+tiUFrYDwQ6c3RUJp601nzegTNX6WlYAI2zSUV945F6zU56ZmZVQaWspWcIADxJ9GmljQUnL2p2Dpr5T8H+5KJFu+vqBq8qvyHRzStLHPEO5SPYCV9nZe0yZT2RcH0oHvegSzNEJ0oGWU8iQWM12dgPEugngVceGIwZgPFp0BiT1a0a3R5Rcot7ihfA1J/20v96jX7zmTX9s583H0kwx6WnLd09cXrR9LGroOa9sHNbdyz8wcKk5lqhaVFJZNwmqtw884MXNdvJujpBa3xzuSaZH9sxa06Z7x+HJSduPbdYHv/DgmEhfbehvlmGN7JUkcG78GDM12CeyFFTPNqVeNxC1gzjz+c2nVo63Xxs8rKJWXoBJM0tmEbfGm4qzpoOH3xpzQfyxLzW1gnE9NHo6tol1eMEic4ZVPrjnVi0kqAe2sQ2bgqupScaq8WGlUWgWHI51SKJl/UYT6zccNsCSkBtiVZLsiefuFSDYT3Fi8Zk7EUnmjTRYtsFeuDDJS05MW79M3mr3mla+d8dzac31KTPmBYfFiYSUef48PhPjm9ryZsSGZZkdNvzq0Y9rdNcwDq5Dg5C3QW+7UN64IKptvS3tvHbvu5c9pv1Exau21rc9LIpwpQwUjTq8576yeVDz5+4WZ1nXT43wV60rPLJbDp/UksNrP3iQ2SA63Pst058gOYDbhRnRUw8l/sRt4HbxPzO4WYpInCpuVgSbVh6JXuwnnJngKTTCwaPWmG5Xbhpm1U0Yt3FyBGpGYemPM77p2TD904JjgJ2QFpFLeYpGx8X15Qx1Zk31p5ki9ZLUuXE0lmuJlcakJMVLeFS1iIvrB8drY0aloilakqCZwzwRORtxlgwxS4IThggJd4TDxoiaAIT80fFPGrCPPru+puFn504P/ybr4ihA/6dKASLshEJic7xE8tmzu3KzA7TABBe8y5fNbWo3ilQn/SuFKM16b2l5bOeayqfGhYmhIulU+fVNDdWVv4NMzX10MBHyPR5uhWUu8D9P1VnIMt4nGNgZGBgAOJ/1bf64vltvjJwszOAwAOlmqvINEc/WJyDgQlEAQA+dgnjAHicY2BkYGBnAAGOPgaG//85+hkYGVCBPgBGJwNkAAAAeJxjYGBgYB/EmKMPtxwAhg4B0gAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAe4CLgKKAtAC/ANiA4wDqAPgBDAEsATaBQgFWgXABggGLgZwBqwG9gdOB4oH0ggqCHAIhgicCMgJJAlWCYgJrAnyCkAKdgrkC7J4nGNgZGBg0GdoZmBnAAEmIOYCQgaG/2A+AwAaqwHQAHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkXlT2zAQxf1C4thJAwRajt4HRy8VMwwfSJHXsQZZcnUQ+PYoTtwpM+wf2t9brWZ2n5JBsol58nJcYYAdDDFCijEy5JhgileYYRd72MccBzjEa7zBEY5xglO8xTu8xwd8xCd8xhd8xTec4RwXuMR3/MBP/MJvMPzBFYpk2Cr+OF0fTEgrFI1aHhxN740KDbEmeJpsWZlVj40s+45aLuv9KijlhCXSjLQnu/d/4UH6sWul1mRzFxZeekUuE7z10mg3qMtM1FGQddPSrLQyvJR6OaukItYXDp6pCJrmz0umqkau5pZ2hFmm7m+ImG5W2t0kZoJXUtPhVnYTbbdOBdeCVGqpJe7XKTqSbRK7zbdwXfR0U+SVsStuS3Y76em6+Ic3xYiHUppc04Nn0lMzay3dSxNcp8auDlWlaCi48yetFD7Y9USsx87G45cuop1ZxQUtjLnL4j53FO0a+5X08UXqQ7NQNo92R0XOz7sxWEnxN2TneJI8Acttu4Q=) format("woff"); font-weight: normal; font-style: normal; } .vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before { content: "\f101"; } .vjs-icon-play-circle { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-play-circle:before { content: "\f102"; } .vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before { content: "\f103"; } .vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before { content: "\f104"; } .vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before { content: "\f105"; } .vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before { content: "\f106"; } .vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before { content: "\f107"; } .vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before { content: "\f108"; } .vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before { content: "\f109"; } .vjs-icon-spinner { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-spinner:before { content: "\f10a"; } .vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before { content: "\f10b"; } .vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before { content: "\f10c"; } .vjs-icon-hd { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-hd:before { content: "\f10d"; } .vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before { content: "\f10e"; } .vjs-icon-downloading { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-downloading:before { content: "\f10f"; } .vjs-icon-file-download { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-file-download:before { content: "\f110"; } .vjs-icon-file-download-done { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-file-download-done:before { content: "\f111"; } .vjs-icon-file-download-off { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-file-download-off:before { content: "\f112"; } .vjs-icon-share { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-share:before { content: "\f113"; } .vjs-icon-cog { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-cog:before { content: "\f114"; } .vjs-icon-square { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-square:before { content: "\f115"; } .vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before { content: "\f116"; } .vjs-icon-circle-outline { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-circle-outline:before { content: "\f117"; } .vjs-icon-circle-inner-circle { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-circle-inner-circle:before { content: "\f118"; } .vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before { content: "\f119"; } .vjs-icon-repeat { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-repeat:before { content: "\f11a"; } .vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before { content: "\f11b"; } .vjs-icon-replay-5, .video-js .vjs-skip-backward-5 .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-replay-5:before, .video-js .vjs-skip-backward-5 .vjs-icon-placeholder:before { content: "\f11c"; } .vjs-icon-replay-10, .video-js .vjs-skip-backward-10 .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-replay-10:before, .video-js .vjs-skip-backward-10 .vjs-icon-placeholder:before { content: "\f11d"; } .vjs-icon-replay-30, .video-js .vjs-skip-backward-30 .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-replay-30:before, .video-js .vjs-skip-backward-30 .vjs-icon-placeholder:before { content: "\f11e"; } .vjs-icon-forward-5, .video-js .vjs-skip-forward-5 .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-forward-5:before, .video-js .vjs-skip-forward-5 .vjs-icon-placeholder:before { content: "\f11f"; } .vjs-icon-forward-10, .video-js .vjs-skip-forward-10 .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-forward-10:before, .video-js .vjs-skip-forward-10 .vjs-icon-placeholder:before { content: "\f120"; } .vjs-icon-forward-30, .video-js .vjs-skip-forward-30 .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-forward-30:before, .video-js .vjs-skip-forward-30 .vjs-icon-placeholder:before { content: "\f121"; } .vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before { content: "\f122"; } .vjs-icon-next-item { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-next-item:before { content: "\f123"; } .vjs-icon-previous-item { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-previous-item:before { content: "\f124"; } .vjs-icon-shuffle { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-shuffle:before { content: "\f125"; } .vjs-icon-cast { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-cast:before { content: "\f126"; } .vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before { content: "\f127"; } .vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before { content: "\f128"; } .vjs-icon-facebook { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-facebook:before { content: "\f129"; } .vjs-icon-linkedin { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-linkedin:before { content: "\f12a"; } .vjs-icon-twitter { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-twitter:before { content: "\f12b"; } .vjs-icon-tumblr { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-tumblr:before { content: "\f12c"; } .vjs-icon-pinterest { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-pinterest:before { content: "\f12d"; } .vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before { content: "\f12e"; } .video-js { display: inline-block; vertical-align: top; box-sizing: border-box; color: #fff; background-color: #000; position: relative; padding: 0; font-size: 10px; line-height: 1; font-weight: normal; font-style: normal; font-family: Arial, Helvetica, sans-serif; word-break: initial; } .video-js:-moz-full-screen { position: absolute; } .video-js:-webkit-full-screen { width: 100% !important; height: 100% !important; } .video-js[tabindex="-1"] { outline: none; } .video-js *, .video-js *:before, .video-js *:after { box-sizing: inherit; } .video-js ul { font-family: inherit; font-size: inherit; line-height: inherit; list-style-position: outside; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; } .video-js.vjs-fluid, .video-js.vjs-16-9, .video-js.vjs-4-3, .video-js.vjs-9-16, .video-js.vjs-1-1 { width: 100%; max-width: 100%; } .video-js.vjs-fluid:not(.vjs-audio-only-mode), .video-js.vjs-16-9:not(.vjs-audio-only-mode), .video-js.vjs-4-3:not(.vjs-audio-only-mode), .video-js.vjs-9-16:not(.vjs-audio-only-mode), .video-js.vjs-1-1:not(.vjs-audio-only-mode) { height: 0; } .video-js.vjs-16-9:not(.vjs-audio-only-mode) { padding-top: 56.25%; } .video-js.vjs-4-3:not(.vjs-audio-only-mode) { padding-top: 75%; } .video-js.vjs-9-16:not(.vjs-audio-only-mode) { padding-top: 177.7777777778%; } .video-js.vjs-1-1:not(.vjs-audio-only-mode) { padding-top: 100%; } .video-js.vjs-fill:not(.vjs-audio-only-mode) { width: 100%; height: 100%; } .video-js .vjs-tech { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video-js.vjs-audio-only-mode .vjs-tech { display: none; } body.vjs-full-window, body.vjs-pip-window { padding: 0; margin: 0; height: 100%; } .vjs-full-window .video-js.vjs-fullscreen, body.vjs-pip-window .video-js { position: fixed; overflow: hidden; z-index: 1000; left: 0; top: 0; bottom: 0; right: 0; } .video-js.vjs-fullscreen:not(.vjs-ios-native-fs), body.vjs-pip-window .video-js { width: 100% !important; height: 100% !important; padding-top: 0 !important; } .video-js.vjs-fullscreen.vjs-user-inactive { cursor: none; } .vjs-pip-container .vjs-pip-text { position: absolute; bottom: 10%; font-size: 2em; background-color: rgba(0, 0, 0, 0.7); padding: 0.5em; text-align: center; width: 100%; } .vjs-layout-tiny.vjs-pip-container .vjs-pip-text, .vjs-layout-x-small.vjs-pip-container .vjs-pip-text, .vjs-layout-small.vjs-pip-container .vjs-pip-text { bottom: 0; font-size: 1.4em; } .vjs-hidden { display: none !important; } .vjs-disabled { opacity: 0.5; cursor: default; } .video-js .vjs-offscreen { height: 1px; left: -9999px; position: absolute; top: 0; width: 1px; } .vjs-lock-showing { display: block !important; opacity: 1 !important; visibility: visible !important; } .vjs-no-js { padding: 20px; color: #fff; background-color: #000; font-size: 18px; font-family: Arial, Helvetica, sans-serif; text-align: center; width: 300px; height: 150px; margin: 0px auto; } .vjs-no-js a, .vjs-no-js a:visited { color: #66A8CC; } .video-js .vjs-big-play-button { font-size: 3em; line-height: 1.5em; height: 1.63332em; width: 3em; display: block; position: absolute; top: 50%; left: 50%; padding: 0; margin-top: -0.81666em; margin-left: -1.5em; cursor: pointer; opacity: 1; border: 0.06666em solid #fff; background-color: #2B333F; background-color: rgba(43, 51, 63, 0.7); border-radius: 0.3em; transition: all 0.4s; } .video-js:hover .vjs-big-play-button, .video-js .vjs-big-play-button:focus { border-color: #fff; background-color: #73859f; background-color: rgba(115, 133, 159, 0.5); transition: all 0s; } .vjs-controls-disabled .vjs-big-play-button, .vjs-has-started .vjs-big-play-button, .vjs-using-native-controls .vjs-big-play-button, .vjs-error .vjs-big-play-button { display: none; } .vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button { display: block; } .video-js button { background: none; border: none; color: inherit; display: inline-block; font-size: inherit; line-height: inherit; text-transform: none; text-decoration: none; transition: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .vjs-control .vjs-button { width: 100%; height: 100%; } .video-js .vjs-control.vjs-close-button { cursor: pointer; height: 3em; position: absolute; right: 0; top: 0.5em; z-index: 2; } .video-js .vjs-modal-dialog { background: rgba(0, 0, 0, 0.8); background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0)); overflow: auto; } .video-js .vjs-modal-dialog > * { box-sizing: border-box; } .vjs-modal-dialog .vjs-modal-dialog-content { font-size: 1.2em; line-height: 1.5; padding: 20px 24px; z-index: 1; } .vjs-menu-button { cursor: pointer; } .vjs-menu-button.vjs-disabled { cursor: default; } .vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu { display: none; } .vjs-menu .vjs-menu-content { display: block; padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; overflow: auto; } .vjs-menu .vjs-menu-content > * { box-sizing: border-box; } .vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu { display: none; } .vjs-menu li { list-style: none; margin: 0; padding: 0.2em 0; line-height: 1.4em; font-size: 1.2em; text-align: center; text-transform: lowercase; } .vjs-menu li.vjs-menu-item:focus, .vjs-menu li.vjs-menu-item:hover, .js-focus-visible .vjs-menu li.vjs-menu-item:hover { background-color: #73859f; background-color: rgba(115, 133, 159, 0.5); } .vjs-menu li.vjs-selected, .vjs-menu li.vjs-selected:focus, .vjs-menu li.vjs-selected:hover, .js-focus-visible .vjs-menu li.vjs-selected:hover { background-color: #fff; color: #2B333F; } .video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible), .js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible) { background: none; } .vjs-menu li.vjs-menu-title { text-align: center; text-transform: uppercase; font-size: 1em; line-height: 2em; padding: 0; margin: 0 0 0.3em 0; font-weight: bold; cursor: default; } .vjs-menu-button-popup .vjs-menu { display: none; position: absolute; bottom: 0; width: 10em; left: -3em; height: 0em; margin-bottom: 1.5em; border-top-color: rgba(43, 51, 63, 0.7); } .vjs-pip-window .vjs-menu-button-popup .vjs-menu { left: unset; right: 1em; } .vjs-menu-button-popup .vjs-menu .vjs-menu-content { background-color: #2B333F; background-color: rgba(43, 51, 63, 0.7); position: absolute; width: 100%; bottom: 1.5em; max-height: 15em; } .vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content { max-height: 5em; } .vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content { max-height: 10em; } .vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content { max-height: 14em; } .vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content { max-height: 25em; } .vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu, .vjs-menu-button-popup .vjs-menu.vjs-lock-showing { display: block; } .video-js .vjs-menu-button-inline { transition: all 0.4s; overflow: hidden; } .video-js .vjs-menu-button-inline:before { width: 2.222222222em; } .video-js .vjs-menu-button-inline:hover, .video-js .vjs-menu-button-inline:focus, .video-js .vjs-menu-button-inline.vjs-slider-active { width: 12em; } .vjs-menu-button-inline .vjs-menu { opacity: 0; height: 100%; width: auto; position: absolute; left: 4em; top: 0; padding: 0; margin: 0; transition: all 0.4s; } .vjs-menu-button-inline:hover .vjs-menu, .vjs-menu-button-inline:focus .vjs-menu, .vjs-menu-button-inline.vjs-slider-active .vjs-menu { display: block; opacity: 1; } .vjs-menu-button-inline .vjs-menu-content { width: auto; height: 100%; margin: 0; overflow: hidden; } .video-js .vjs-control-bar { display: none; width: 100%; position: absolute; bottom: 0; left: 0; right: 0; height: 3em; background-color: #2B333F; background-color: rgba(43, 51, 63, 0.7); } .vjs-has-started .vjs-control-bar, .vjs-audio-only-mode .vjs-control-bar { display: flex; visibility: visible; opacity: 1; transition: visibility 0.1s, opacity 0.1s; } .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { visibility: visible; opacity: 0; pointer-events: none; transition: visibility 1s, opacity 1s; } .vjs-controls-disabled .vjs-control-bar, .vjs-using-native-controls .vjs-control-bar, .vjs-error .vjs-control-bar { display: none !important; } .vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar, .vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { opacity: 1; visibility: visible; pointer-events: auto; } .video-js .vjs-control { position: relative; text-align: center; margin: 0; padding: 0; height: 100%; width: 4em; flex: none; } .video-js .vjs-control.vjs-visible-text { width: auto; padding-left: 1em; padding-right: 1em; } .vjs-button > .vjs-icon-placeholder:before { font-size: 1.8em; line-height: 1.67; } .vjs-button > .vjs-icon-placeholder { display: block; } .video-js .vjs-control:focus:before, .video-js .vjs-control:hover:before, .video-js .vjs-control:focus { text-shadow: 0em 0em 1em white; } .video-js *:not(.vjs-visible-text) > .vjs-control-text { border: 0; clip: rect(0 0 0 0); height: 1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .video-js .vjs-custom-control-spacer { display: none; } .video-js .vjs-progress-control { cursor: pointer; flex: auto; display: flex; align-items: center; min-width: 4em; touch-action: none; } .video-js .vjs-progress-control.disabled { cursor: default; } .vjs-live .vjs-progress-control { display: none; } .vjs-liveui .vjs-progress-control { display: flex; align-items: center; } .video-js .vjs-progress-holder { flex: auto; transition: all 0.2s; height: 0.3em; } .video-js .vjs-progress-control .vjs-progress-holder { margin: 0 10px; } .video-js .vjs-progress-control:hover .vjs-progress-holder { font-size: 1.6666666667em; } .video-js .vjs-progress-control:hover .vjs-progress-holder.disabled { font-size: 1em; } .video-js .vjs-progress-holder .vjs-play-progress, .video-js .vjs-progress-holder .vjs-load-progress, .video-js .vjs-progress-holder .vjs-load-progress div { position: absolute; display: block; height: 100%; margin: 0; padding: 0; width: 0; } .video-js .vjs-play-progress { background-color: #fff; } .video-js .vjs-play-progress:before { font-size: 0.9em; position: absolute; right: -0.5em; line-height: 0.35em; z-index: 1; } .video-js .vjs-load-progress { background: rgba(115, 133, 159, 0.5); } .video-js .vjs-load-progress div { background: rgba(115, 133, 159, 0.75); } .video-js .vjs-time-tooltip { background-color: #fff; background-color: rgba(255, 255, 255, 0.8); border-radius: 0.3em; color: #000; float: right; font-family: Arial, Helvetica, sans-serif; font-size: 1em; padding: 6px 8px 8px 8px; pointer-events: none; position: absolute; top: -3.4em; visibility: hidden; z-index: 1; } .video-js .vjs-progress-holder:focus .vjs-time-tooltip { display: none; } .video-js .vjs-progress-control:hover .vjs-time-tooltip, .video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip { display: block; font-size: 0.6em; visibility: visible; } .video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip { font-size: 1em; } .video-js .vjs-progress-control .vjs-mouse-display { display: none; position: absolute; width: 1px; height: 100%; background-color: #000; z-index: 1; } .video-js .vjs-progress-control:hover .vjs-mouse-display { display: block; } .video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display { visibility: hidden; opacity: 0; transition: visibility 1s, opacity 1s; } .vjs-mouse-display .vjs-time-tooltip { color: #fff; background-color: #000; background-color: rgba(0, 0, 0, 0.8); } .video-js .vjs-slider { position: relative; cursor: pointer; padding: 0; margin: 0 0.45em 0 0.45em; /* iOS Safari */ -webkit-touch-callout: none; /* Safari */ -webkit-user-select: none; /* Konqueror HTML */ /* Firefox */ -moz-user-select: none; /* Internet Explorer/Edge */ /* Non-prefixed version, currently supported by Chrome and Opera */ user-select: none; background-color: #73859f; background-color: rgba(115, 133, 159, 0.5); } .video-js .vjs-slider.disabled { cursor: default; } .video-js .vjs-slider:focus { text-shadow: 0em 0em 1em white; box-shadow: 0 0 1em #fff; } .video-js .vjs-mute-control { cursor: pointer; flex: none; } .video-js .vjs-volume-control { cursor: pointer; margin-right: 1em; display: flex; } .video-js .vjs-volume-control.vjs-volume-horizontal { width: 5em; } .video-js .vjs-volume-panel .vjs-volume-control { visibility: visible; opacity: 0; width: 1px; height: 1px; margin-left: -1px; } .video-js .vjs-volume-panel { transition: width 1s; } .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active { visibility: visible; opacity: 1; position: relative; transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s; } .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal { width: 5em; height: 3em; margin-right: 0; } .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical { left: -3.5em; transition: left 0s; } .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active { width: 10em; transition: width 0.1s; } .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only { width: 4em; } .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical { height: 8em; width: 3em; left: -3000em; transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s; } .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal { transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s; } .video-js .vjs-volume-panel { display: flex; } .video-js .vjs-volume-bar { margin: 1.35em 0.45em; } .vjs-volume-bar.vjs-slider-horizontal { width: 5em; height: 0.3em; } .vjs-volume-bar.vjs-slider-vertical { width: 0.3em; height: 5em; margin: 1.35em auto; } .video-js .vjs-volume-level { position: absolute; bottom: 0; left: 0; background-color: #fff; } .video-js .vjs-volume-level:before { position: absolute; font-size: 0.9em; z-index: 1; } .vjs-slider-vertical .vjs-volume-level { width: 0.3em; } .vjs-slider-vertical .vjs-volume-level:before { top: -0.5em; left: -0.3em; z-index: 1; } .vjs-slider-horizontal .vjs-volume-level { height: 0.3em; } .vjs-slider-horizontal .vjs-volume-level:before { line-height: 0.35em; right: -0.5em; } .video-js .vjs-volume-panel.vjs-volume-panel-vertical { width: 4em; } .vjs-volume-bar.vjs-slider-vertical .vjs-volume-level { height: 100%; } .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level { width: 100%; } .video-js .vjs-volume-vertical { width: 3em; height: 8em; bottom: 8em; background-color: #2B333F; background-color: rgba(43, 51, 63, 0.7); } .video-js .vjs-volume-horizontal .vjs-menu { left: -2em; } .video-js .vjs-volume-tooltip { background-color: #fff; background-color: rgba(255, 255, 255, 0.8); border-radius: 0.3em; color: #000; float: right; font-family: Arial, Helvetica, sans-serif; font-size: 1em; padding: 6px 8px 8px 8px; pointer-events: none; position: absolute; top: -3.4em; visibility: hidden; z-index: 1; } .video-js .vjs-volume-control:hover .vjs-volume-tooltip, .video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip { display: block; font-size: 1em; visibility: visible; } .video-js .vjs-volume-vertical:hover .vjs-volume-tooltip, .video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip { left: 1em; top: -12px; } .video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip { font-size: 1em; } .video-js .vjs-volume-control .vjs-mouse-display { display: none; position: absolute; width: 100%; height: 1px; background-color: #000; z-index: 1; } .video-js .vjs-volume-horizontal .vjs-mouse-display { width: 1px; height: 100%; } .video-js .vjs-volume-control:hover .vjs-mouse-display { display: block; } .video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display { visibility: hidden; opacity: 0; transition: visibility 1s, opacity 1s; } .vjs-mouse-display .vjs-volume-tooltip { color: #fff; background-color: #000; background-color: rgba(0, 0, 0, 0.8); } .vjs-poster { display: inline-block; vertical-align: middle; cursor: pointer; margin: 0; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; } .vjs-has-started .vjs-poster, .vjs-using-native-controls .vjs-poster { display: none; } .vjs-audio.vjs-has-started .vjs-poster, .vjs-has-started.vjs-audio-poster-mode .vjs-poster, .vjs-pip-container.vjs-has-started .vjs-poster { display: block; } .vjs-poster img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .video-js .vjs-live-control { display: flex; align-items: flex-start; flex: auto; font-size: 1em; line-height: 3em; } .video-js:not(.vjs-live) .vjs-live-control, .video-js.vjs-liveui .vjs-live-control { display: none; } .video-js .vjs-seek-to-live-control { align-items: center; cursor: pointer; flex: none; display: inline-flex; height: 100%; padding-left: 0.5em; padding-right: 0.5em; font-size: 1em; line-height: 3em; width: auto; min-width: 4em; } .video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control, .video-js:not(.vjs-live) .vjs-seek-to-live-control { display: none; } .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge { cursor: auto; } .vjs-seek-to-live-control .vjs-icon-placeholder { margin-right: 0.5em; color: #888; } .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder { color: red; } .video-js .vjs-time-control { flex: none; font-size: 1em; line-height: 3em; min-width: 2em; width: auto; padding-left: 1em; padding-right: 1em; } .vjs-live .vjs-time-control, .vjs-live .vjs-time-divider, .video-js .vjs-current-time, .video-js .vjs-duration { display: none; } .vjs-time-divider { display: none; line-height: 3em; } .video-js .vjs-play-control { cursor: pointer; } .video-js .vjs-play-control .vjs-icon-placeholder { flex: none; } .vjs-text-track-display { position: absolute; bottom: 3em; left: 0; right: 0; top: 0; pointer-events: none; } .video-js.vjs-controls-disabled .vjs-text-track-display, .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display { bottom: 1em; } .video-js .vjs-text-track { font-size: 1.4em; text-align: center; margin-bottom: 0.1em; } .vjs-subtitles { color: #fff; } .vjs-captions { color: #fc6; } .vjs-tt-cue { display: block; } video::-webkit-media-text-track-display { transform: translateY(-3em); } .video-js.vjs-controls-disabled video::-webkit-media-text-track-display, .video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display { transform: translateY(-1.5em); } .video-js .vjs-picture-in-picture-control { cursor: pointer; flex: none; } .video-js.vjs-audio-only-mode .vjs-picture-in-picture-control, .vjs-pip-window .vjs-picture-in-picture-control { display: none; } .video-js .vjs-fullscreen-control { cursor: pointer; flex: none; } .video-js.vjs-audio-only-mode .vjs-fullscreen-control, .vjs-pip-window .vjs-fullscreen-control { display: none; } .vjs-playback-rate > .vjs-menu-button, .vjs-playback-rate .vjs-playback-rate-value { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .vjs-playback-rate .vjs-playback-rate-value { pointer-events: none; font-size: 1.5em; line-height: 2; text-align: center; } .vjs-playback-rate .vjs-menu { width: 4em; left: 0em; } .vjs-error .vjs-error-display .vjs-modal-dialog-content { font-size: 1.4em; text-align: center; } .vjs-error .vjs-error-display:before { color: #fff; content: "X"; font-family: Arial, Helvetica, sans-serif; font-size: 4em; left: 0; line-height: 1; margin-top: -0.5em; position: absolute; text-shadow: 0.05em 0.05em 0.1em #000; text-align: center; top: 50%; vertical-align: middle; width: 100%; } .vjs-loading-spinner { display: none; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; opacity: 0.85; text-align: left; border: 6px solid rgba(43, 51, 63, 0.7); box-sizing: border-box; background-clip: padding-box; width: 50px; height: 50px; border-radius: 25px; visibility: hidden; } .vjs-seeking .vjs-loading-spinner, .vjs-waiting .vjs-loading-spinner { display: block; animation: vjs-spinner-show 0s linear 0.3s forwards; } .vjs-loading-spinner:before, .vjs-loading-spinner:after { content: ""; position: absolute; margin: -6px; box-sizing: inherit; width: inherit; height: inherit; border-radius: inherit; opacity: 1; border: inherit; border-color: transparent; border-top-color: white; } .vjs-seeking .vjs-loading-spinner:before, .vjs-seeking .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:after { animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; } .vjs-seeking .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:before { border-top-color: rgb(255, 255, 255); } .vjs-seeking .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:after { border-top-color: rgb(255, 255, 255); animation-delay: 0.44s; } @keyframes vjs-spinner-show { to { visibility: visible; } } @keyframes vjs-spinner-spin { 100% { transform: rotate(360deg); } } @keyframes vjs-spinner-fade { 0% { border-top-color: #73859f; } 20% { border-top-color: #73859f; } 35% { border-top-color: white; } 60% { border-top-color: #73859f; } 100% { border-top-color: #73859f; } } .video-js.vjs-audio-only-mode .vjs-captions-button { display: none; } .vjs-chapters-button .vjs-menu ul { width: 24em; } .video-js.vjs-audio-only-mode .vjs-descriptions-button { display: none; } .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder { vertical-align: middle; display: inline-block; margin-bottom: -0.1em; } .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before { font-family: VideoJS; content: "\f10c"; font-size: 1.5em; line-height: inherit; } .video-js.vjs-audio-only-mode .vjs-subs-caps-button { display: none; } .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder { vertical-align: middle; display: inline-block; margin-bottom: -0.1em; } .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before { font-family: VideoJS; content: " \f12e"; font-size: 1.5em; line-height: inherit; } .video-js.vjs-layout-small .vjs-current-time, .video-js.vjs-layout-small .vjs-time-divider, .video-js.vjs-layout-small .vjs-duration, .video-js.vjs-layout-small .vjs-remaining-time, .video-js.vjs-layout-small .vjs-playback-rate, .video-js.vjs-layout-small .vjs-volume-control, .video-js.vjs-layout-x-small .vjs-current-time, .video-js.vjs-layout-x-small .vjs-time-divider, .video-js.vjs-layout-x-small .vjs-duration, .video-js.vjs-layout-x-small .vjs-remaining-time, .video-js.vjs-layout-x-small .vjs-playback-rate, .video-js.vjs-layout-x-small .vjs-volume-control, .video-js.vjs-layout-tiny .vjs-current-time, .video-js.vjs-layout-tiny .vjs-time-divider, .video-js.vjs-layout-tiny .vjs-duration, .video-js.vjs-layout-tiny .vjs-remaining-time, .video-js.vjs-layout-tiny .vjs-playback-rate, .video-js.vjs-layout-tiny .vjs-volume-control { display: none; } .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover { width: auto; width: initial; } .video-js.vjs-layout-x-small .vjs-progress-control, .video-js.vjs-layout-tiny .vjs-progress-control { display: none; } .video-js.vjs-layout-x-small .vjs-custom-control-spacer { flex: auto; display: block; } .vjs-modal-dialog.vjs-text-track-settings { background-color: #2B333F; background-color: rgba(43, 51, 63, 0.75); color: #fff; height: 70%; } .vjs-text-track-settings .vjs-modal-dialog-content { display: table; } .vjs-text-track-settings .vjs-track-settings-colors, .vjs-text-track-settings .vjs-track-settings-font, .vjs-text-track-settings .vjs-track-settings-controls { display: table-cell; } .vjs-text-track-settings .vjs-track-settings-controls { text-align: right; vertical-align: bottom; } @supports (display: grid) { .vjs-text-track-settings .vjs-modal-dialog-content { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr; padding: 20px 24px 0px 24px; } .vjs-track-settings-controls .vjs-default-button { margin-bottom: 20px; } .vjs-text-track-settings .vjs-track-settings-controls { grid-column: 1/-1; } .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content, .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content, .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content { grid-template-columns: 1fr; } } .vjs-track-setting > select { margin-right: 1em; margin-bottom: 0.5em; } .vjs-text-track-settings fieldset { margin: 10px; border: none; } .vjs-text-track-settings fieldset span { display: inline-block; padding: 0 6px 8px; } .vjs-text-track-settings fieldset span > select { max-width: 7.3em; } .vjs-text-track-settings legend { color: #fff; font-weight: bold; font-size: 14px; } .vjs-text-track-settings .vjs-label { clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); margin: 0 5px 5px 0; border: 0; height: 1px; width: 1px; overflow: hidden; } .vjs-track-settings-controls button:focus, .vjs-track-settings-controls button:active { outline-style: solid; outline-width: medium; background-image: linear-gradient(0deg, #fff 88%, #73859f 100%); } .vjs-track-settings-controls button:hover { color: rgba(43, 51, 63, 0.75); } .vjs-track-settings-controls button { background-color: #fff; background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%); color: #2B333F; cursor: pointer; border-radius: 2px; } .vjs-track-settings-controls .vjs-default-button { margin-right: 1em; } .vjs-title-bar { background: rgba(0, 0, 0, 0.9); background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 60%, rgba(0, 0, 0, 0) 100%); font-size: 1.2em; line-height: 1.5; transition: opacity 0.1s; padding: 0.666em 1.333em 4em; pointer-events: none; position: absolute; top: 0; width: 100%; } .vjs-title-bar-title, .vjs-title-bar-description { margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .vjs-title-bar-title { font-weight: bold; margin-bottom: 0.333em; } .vjs-playing.vjs-user-inactive .vjs-title-bar { opacity: 0; transition: opacity 1s; } .video-js .vjs-skip-forward-5 { cursor: pointer; } .video-js .vjs-skip-forward-10 { cursor: pointer; } .video-js .vjs-skip-forward-30 { cursor: pointer; } .video-js .vjs-skip-backward-5 { cursor: pointer; } .video-js .vjs-skip-backward-10 { cursor: pointer; } .video-js .vjs-skip-backward-30 { cursor: pointer; } @media print { .video-js > *:not(.vjs-tech):not(.vjs-poster) { visibility: hidden; } } .vjs-resize-manager { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; z-index: -1000; } .js-focus-visible .video-js *:focus:not(.focus-visible) { outline: none; } .video-js *:focus:not(:focus-visible) { outline: none; } /* Modifications of player made by Moodle: */ /* Audio: https://github.com/videojs/video.js/issues/2777 */ /* Audio: Remove big play button (leave only the button in controls). */ .video-js.vjs-audio .vjs-big-play-button { display: none; } /* Audio: Make the controlbar visible by default */ .video-js.vjs-audio .vjs-control-bar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } /* Make player height minimum to the controls height so when we hide video/poster area the controls are displayed correctly. */ .video-js.vjs-audio { min-height: 3em; } /* In case of error reset height to the default (otherwise no aspect ratio is available and height becomes 0). */ .video-js.vjs-error { height: 150px; } /* Minimum height for videos should not be less than the size of play button. */ .mediaplugin_videojs video { min-height: 32px; } /* MDL-61020: VideoJS timeline progress bar should not be flipped in RTL mode. */ /* Prevent the progress bar from being flipped in RTL. */ /*rtl:ignore*/ .video-js .vjs-progress-holder .vjs-play-progress, .video-js .vjs-progress-holder .vjs-load-progress, .video-js .vjs-progress-holder .vjs-load-progress div { left: 0; right: auto; } /* Keep the video scrubber button at the end of the progress bar in RTL. */ /*rtl:ignore*/ .video-js .vjs-play-progress:before { left: auto; right: -0.5em; } /* Prevent the volume slider from being flipped in RTL. */ /*rtl:ignore*/ .video-js .vjs-volume-level { left: 0; right: auto; } /* Keep the volume slider handle at the end of the volume slider in RTL. */ /*rtl:ignore*/ .vjs-slider-horizontal .vjs-volume-level:before { left: auto; right: -0.5em; } .dir-rtl .vjs-loading-spinner:before, .dir-rtl .vjs-loading-spinner:after { right: 0; } /** * prism.js default theme for JavaScript, CSS and HTML * Based on dabblet (http://dabblet.com) * @author Lea Verou */ pre[class*="language-"] { color: black; background: none; text-shadow: 0 1px white; font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; font-size: 1em; text-align: left; white-space: pre; word-spacing: normal; word-break: normal; word-wrap: normal; line-height: 1.5; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection { text-shadow: none; background: #b3d4fc; } pre[class*="language-"]::selection, pre[class*="language-"] ::selection { text-shadow: none; background: #b3d4fc; } @media print { pre[class*="language-"] { text-shadow: none; } } /* Code blocks */ pre[class*="language-"] { padding: 1em; margin: .5em 0; overflow: auto; } pre[class*="language-"] { background: #f5f2f0; } .token.comment, .token.prolog, .token.doctype, .token.cdata { color: slategray; } .token.punctuation { color: #999; } .token.namespace { opacity: .7; } .token.property, .token.tag, .token.boolean, .token.number, .token.constant, .token.symbol, .token.deleted { color: #905; } .token.selector, .token.attr-name, .token.string, .token.char, .token.builtin, .token.inserted { color: #690; } .token.operator, .token.entity, .token.url, .language-css .token.string, .style .token.string { color: #9a6e3a; /* This background color was intended by the author of this theme. */ background: hsla(0, 0%, 100%, .5); } .token.atrule, .token.attr-value, .token.keyword { color: #07a; } .token.function, .token.class-name { color: #dd4a68; } .token.regex, .token.important, .token.variable { color: #e90; } .token.important, .token.bold { font-weight: bold; } .token.italic { font-style: italic; } .token.entity { cursor: help; } .filter_embedquestion-iframe { display: block; width: 100%; height: 250px; border: 0 none; background: transparent; } body#page-filter-embedquestion-showquestion { height: auto; overflow-y: hidden; background: transparent; } body#page-filter-embedquestion-showquestion #ou-site-body, body#page-filter-embedquestion-showquestion #osep-pagewrapper, body#page-filter-embedquestion-showquestion #page-content, body#page-filter-embedquestion-showquestion #page { background: transparent; } body#page-filter-embedquestion-showquestion #region-main, body#page-filter-embedquestion-showquestion #osep-mainwrapper { padding: 0; } body#page-filter-embedquestion-showquestion #osep-bottomclearer { display: none; } body#page-filter-embedquestion-showquestion .que { margin: 0; border-top: none; padding-top: 0; } body#page-filter-embedquestion-showquestion .que .filter_embedquestion-fill-link button { padding: 0; font-size: 1em; text-align: left; } /* This needs to work both inside and outside the iframe. */ .filter_embedquestion-error { background-color: #f0f0f1; padding: 5px 10px; } form#embedqform select { max-width: 100%; } #glossaryfilteroverlayprogress { position: fixed; top: 50%; width: 100%; text-align: center; } .jsenabled #MathJax_ZoomFrame { position: absolute; } /** * Filters */ .mediaplugin { display: block; margin-top: 5px; margin-bottom: 5px; text-align: center; } .mediaplugin, .mediaplugin video { /* Make videos as wide as possible without being wider than their containers */ width: 100%; max-width: 100%; } .mediaplugin > div { margin: auto; } /* This is needed to display videos in an adequate size and without too much space withing the specific mod assign table views. */ .path-mod-assign .gradingtable .mediaplugin, .path-mod-assign .submissionsummarytable .mediaplugin { width: 400px; height: auto; } /* Make media plugin behave properly in mod summaries and labels */ .mod-indent-outer .mediaplugin { display: table-cell; } /* Make media plugin behave properly in Modal dialog. */ .modal-dialog .mediaplugin { width: 100vw; } body.wrs_plugin.wrs_filter { font-family: Arial; } span.wrs_plugin.wrs_filter { font-weight: bold; } span.wrs_ok.wrs_plugin.wrs_filter { color: #090; } span.wrs_error.wrs_plugin.wrs_filter { color: #d00; } table.wrs_plugin.wrs_filter, th.wrs_plugin.wrs_filter, td.wrs_plugin.wrs_filter, tr.wrs_plugin.wrs_filter { border: solid 1px #000; border-collapse: collapse; padding: 5px; } th.wrs_plugin.wrs_filter { background-color: #eee; } img.wrs_plugin.wrs_filter { border: none; } .jsenabled .tox-shadowhost.tox-fullscreen, .jsenabled .tox.tox-tinymce.tox-fullscreen { z-index: 1050; } /** * These styles are required to ensure that icons loaded from Moodle are displayed correctly in TinyMCE. * The first selector targets the menu. * The second selector targets the context menu. */ .tox .tox-tbtn svg[data-buttonsource="moodle"] image, .tox-collection__item-icon svg[data-buttonsource="moodle"] image { width: inherit; height: inherit; } .tox.tox-tinymce .tox-toolbar__group { padding-right: 0; } /* Prevent navbar obscuring modal content (ignores fullscreen). */ .tox.tox-tinymce:not(.tox-fullscreen) + .tox .tox-dialog-wrap { padding-top: var(--navbar-height); } /* Modify Tiny's max-height calculation here to factor in navbar height on small viewports (ignores fullscreen). */ @media only screen and (max-width: 767px) { body:not(.tox-force-desktop) .tox.tox-tinymce:not(.tox-fullscreen) + .tox .tox-dialog-wrap .tox-dialog { max-height: calc((100vh - 8px * 2) - var(--navbar-height)) !important; /* stylelint-disable-line declaration-no-important */ } } .accipio-immerse-header { height: 180px; opacity: 1; background: #f6f6f6; border: 15px solid transparent !important; box-shadow: inset 0 120px 1500px rgba(256, 256, 256, .9); color: black; padding: 20px; text-align: center; display: grid; background-size: cover; align-content: space-evenly; } .accipio-immerse-header.collapsed { background-size: cover; margin: 0 !important; opacity: .9; box-shadow: inset 0 120px 1500px rgba(0, 0, 0, .9); color: white; border-bottom: 15px solid white; } .accipio-immerse-header:not(.collapsed) { padding-bottom: 35px; } .accipio-immerse-header:not(.collapsed):after { height: 15px; display: block; background: #f6f6f6; content: ''; position: absolute; bottom: -15px; width: calc(100% + 1px); left: -0.5px; } .editing .accipio-immerse-header:not(.collapsed) { background: #f6f6f6 !important; border: 1px solid gainsboro !important; } .accipio-immerse-header.collapsed .accipio-immerse-section-title { color: #ffffff; } .editing .accipio-immerse-header { height: auto; border: 1px solid gainsboro; margin-bottom: 5px; text-align: left; background: white; } .accipio-immerse-header > .container-fluid, .accipio-immerse-row > .container-fluid { width: 100%; } .accipio-immerse-module-details .action-menu { display: inline-block !important; float: right; } .accipio-immerse-row .collapse > .card-body, .accipio-immerse-row .collapsing > .card-body { background: #f6f6f6; border: none; border-radius: 0; } .accipio-immerse-row > .col-12:not(.accipio-immerse-header) { padding: 0 !important; } .editing .accipio-immerse-row .col-12 { padding: 5px !important; } .accipio-immerse-module-image { height: 100px; background: black; background-size: cover; box-shadow: inset 0 80px 1500px rgba(0, 0, 0, .5); } .accipio-immerse-module-type { position: absolute; top: 70px; padding: 5px 10px; font-weight: 700; color: white; } .accipio-immerse-completion .autocompletion img { margin: 0; } .accipio-immerse-completion { float: right; } .accipio-immerse-completion .btn-link { padding: 0; } .accipio-immerse-label .moodle-actionmenu { float: right; } .accipio-immerse-completion .autocompletion { position: relative !important; } .accipio-immerse-module-details { min-height: 80px; padding: 10px; background: white; } .accipio-immerse-supporting-resources { font-weight: 700; } .accipio-immerse-module-description { display: block; } .accipio-immerse-parent-child-pair { width: 100%; display: flex; } .immerse-layout-quad .accipio-immerse-parent-child-pair { display: block; } .immerse-sortable-handle { margin: auto; height: 20px; width: 20px; font-size: 20px !important; } .accipio-immerse-supporting-resources-list { list-style: none; min-height: 100px; } .editing .immerse-layout, .editing .immerse-layout-default, .editing .immerse-layout-large-description { min-height: 180px; } .immerse-layout-double .accipio-immerse-parent-child-pair { padding: 0 !important; } .child-module { display: flex; } .immerse-layout-columns > .accipio-immerse-parent-child-pair > div > .container > .accipio-immerse-supporting-resources-list > .child-module { width: 50%; } .immerse-layout-large-description { padding-left: 30px !important; padding-right: 0 !important; } .accipio_immerse-progress { margin: 0 auto auto auto !important; width: 50%; display: inline-grid; } .accipio_immerse-progress .progress { margin-bottom: 0; height: 5px; border: none; box-shadow: none; } .accipio-immerse-header:not(.collapsed) .accipio_immerse-progress .progress { border: 1px solid black; } .accipio_immerse-progress-all-modules { position: absolute; width: 100%; top: 0; } .accipio_immerse-progress-all-modules .progress { height: 5px; border-radius: 0; background: transparent; border: none; box-shadow: none; } .accipio_immerse-progress-all-modules .progress .progress-bar { font-size: 10px; line-height: 10px; background-color: #B2DD45 } .accipio_immerse-progress .progress-bar { background-color: #B2DD45; } .accipio-immerse-module { margin-bottom: 5px; } .accipio-immerse-header .controls a { margin: 5px !important; } .immerse-placeholder, .immerse-section-placeholder { border: 1px dashed black; } .immerse-section-placeholder { height: 200px; width: 100%; } .immerse-section-sortable-handle { font-size: 30px; } .immerse-placeholder { flex: 0 0 100%; max-width: 100%; margin-bottom: 5px; } .sortable-sections > .container-fluid.ui-sortable-helper { height: 200px !important; overflow: hidden; } .immerse-layout-default .immerse-placeholder { height: 180px; padding-left: 15px; padding-right: 15px; } .immerse-layout-single .immerse-placeholder, .immerse-layout-columns .immerse-placeholder, .immerse-layout-double .immerse-placeholder { height: 200px; padding-left: 15px; padding-right: 15px; } .accipio-immerse-supporting-resources-list .immerse-placeholder { height: 50px; max-width: 100% !important; width: 100%; } .accipio-immerse-supporting-resources-list .row, .accipio-immerse-supporting-resources-list.row { margin: 0 !important; } .accipio-immerse-section-title { display: table; font-size: 1.1rem; font-weight: 700; white-space: normal; height: 100%; } .accipio-immerse-section-title span { display: table-cell; vertical-align: middle; } #section-0 > .accipio-immerse-section-title { background: transparent !important; } .accipio-immerse-module-title { display: block; width: calc(100% - 20px); } .accipio-immerse-icon { display: table; height: 100%; } .accipio-immerse-icon i { display: table-cell; vertical-align: middle; } .accipio-immerse-icon i.small { font-size: 1rem; } .accipio-immerse-icon i.medium { font-size: 2rem; } .accipio-immerse-icon i.large { font-size: 3rem; } .accipio-immerse-completion { float: right; position: absolute; right: 25px; } .accipio-immerse-module-details .availabilityinfo .tag-info, .accipio-immerse-supporting-resources-list .availabilityinfo .tag-info { background-color: #0bb2d4; display: inline-block; padding: .25rem .4em; font-size: 75%; font-weight: 700; line-height: 1; color: #fff; text-align: center; vertical-align: baseline; border-radius: .215rem; } .accipio-immerse-supporting-resources-list .activity > .col, .accipio-immerse-supporting-resources-list .activity > .col-auto { margin: auto; } .accipio-immerse-supporting-resources-list .activity .icon { margin: 5px; } .accipio-immerse-supporting-resources-list .immerse-rating { margin: 10px; } .accipio-immerse-supporting-resources-list .accipio-immerse-module-title { font-size: small; } #page-course-view-accipio_formats .card > .container-fluid > .no-overflow { margin-bottom: 10px; } .editing .accipio-immerse-row .no-overflow * { color: black; } .accipio-small-subsection { background: white; border: 10px solid transparent; border-radius: 15px; padding: 0 !important; max-width: calc(100% - 30px) !important; margin-left: 15px; min-height: 80px !important; } .immerse-layout-small-subsection ul li .accipio-immerse-module-details { min-height: auto; background: none; } .immerse-layout-small-subsection .accipio-immerse-completion { top: auto; margin-top: -20px; } .immerse-layout-large-description .accipio-immerse-completion { top: 0 !important; } .accipio-immerse-module-description .no-overflow { max-height: 90px; overflow-y: auto; } .accipio-immerse-lxp-buttons { display: flex; margin: 0; text-align: center; background: white; } .accipio-immerse-lxp-buttons .col-md-3 { padding: 0; } .accipio-flex-col { display: flex; } .completion-wrapper .flex-icon { height: 19px; width: 19px; } .immerse-section-editing { border: 1px solid gainsboro; padding: 5px; margin-bottom: 5px; } .accipio-immerse-header.open { max-width: 100%; flex: 0 0 100%; width: 100%; background: none !important; box-shadow: none !important; text-align: left; padding: 10px; max-height: 70px; border: none !important; } .collapse.open { display: block !important; } .open .accipio-immerse-section-title { min-height: auto !important; } .accipio-immerse-header.open .accipio-immerse-icon, .accipio-immerse-header.open .accipio_immerse-progress { display: none; } .collapse.open .card.card-body { background: none !important; } .open .accipio-immerse-section-title { background: #ffffff; color: black!important; border-top: 5px solid; border-image-slice: 1; border-image-source: linear-gradient(to left, #000, #000); } .accipio-immerse-section-title { padding: 5px; } .accipio-immerse-header-0 #accordion-0 { margin: 0; } .accipio-immerse-header-0 .container-fluid { padding: 0 15px; } .sortable_sections { min-height: 40px; } .accipio-immerse-row .collapse-2 { margin-top: -15px; } .accipio-immerse-row .collapse-2 > .card-body { background: white; padding-top: 10px } .accipio-immerse-header-2:not(.collapsed):after { background: white; z-index: 10; } .accipio-immerse-header-2:not(.collapsed):after { background: white; } .small-subsection-button[aria-expanded=false] { min-height: 60px; } .accipio-immerse-section-number { margin: auto; font-weight: 900; font-size: 1.5rem; } .accipio_formats .card.resource-card { margin-bottom: 15px; } .accipio_formats .large_description .a1-completion { display: none !important; } .accipio_formats .large_description .card { width: 100%; } #sortable_sections_parent li { border: 1px solid gainsboro; list-style: none; } #sortable_sections_parent .immerse-placeholder { min-height: 15px; } .sortable_sections { min-height: 40px; padding-bottom: 40px; } .autocompletion img.icon { margin: 0 5px 5px 5px; } .accipio_formats .dimmed a.col-12.card-title, .accipio_formats .dimmed .no-overflow { color: grey; } .accipio-process-module-navigation .accordion [data-toggle="collapse"] { color: var(--primary) } .accipio-process-module-navigation .accordion [data-toggle="collapse"][aria-expanded="true"] { background-color: #ffffff; } .accipio-process-module-navigation .accordion [data-toggle="collapse"]:before { margin-right: 10px; content: "\f054"; font-family: 'Font Awesome 6 Pro'; font-weight: 400; font-size: 1rem; transition: all 0.5s; } .accipio-process-module-navigation .accordion [data-toggle="collapse"][aria-expanded="true"]:before { content: "\f078"; transition: all 0.5s; } .sectionNavigation { /* border: 1px solid #d5d5d5;*/ position: relative; box-shadow: 0 0 0.5rem 0 rgb(0 0 0 / 15%) !important; } #sectionContent { height: max-content; } .sectionContentRow { height: max-content; position: relative; } .moduleCompletion { display: table-cell; vertical-align: middle; } .moduleCompletion .fa-solid { color: #27a427; } .moduleCompletion .fa-light { color: #b4b4b4; } .moduleNameContainer { display: table-cell; } .noModulesContainer { height: 300px; line-height: 50px; } .sectionContainer { align-items: center; justify-content: center; } .sectionContainer span { color: black !important; } .sectionContainer:link, .sectionContainer:visited, .sectionContainer:active, .sectionContainer:hover { text-decoration: none; } .sectionContainer.selected { background-color: #f0f0f0; } .moduleSelector.selected { background-color: #f0f0f0; } .moduleContentIframe { width: 100%; /*max-height: 100vh;*/ border: none; } #section-nav { width: calc(100% - 60px); margin: 0 30px; height: 65px; box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0.5rem 0px !important; } #section-nav::-webkit-scrollbar { display: none; } .sectionBackNavigation { position: absolute; left: 0; top: 0; font-size: 1.5rem; padding: 0 10px 0 10px; z-index: 5; background: var(--primary); color: white; height: 65px; cursor: pointer; border-radius: 5px 0 0 5px; } .sectionForwardNavigation { position: absolute; right: 0; top: 0; font-size: 1.5rem; padding: 0 10px 0 10px; z-index: 5; background: var(--primary); color: white; height: 65px; cursor: pointer; border-radius: 0 5px 5px 0; } .sectionBackNavigation i, .sectionForwardNavigation i { position: relative; top: 11px; font-size: 1rem; } .moduleSelector:link, .moduleSelector:visited, .moduleSelector:active { text-decoration: none; color: var(--primary); } .moduleSelector:hover { background-color: #cccccc; cursor: pointer; text-decoration: none; color: var(--primary); } /*.sectionContainer:before {*/ /* content: "";*/ /* position: absolute;*/ /* top: 0;*/ /* left: 0;*/ /* width: 100%;*/ /* height: 100%;*/ /* background-color: #cccccc;*/ /* opacity: 0.5;*/ /* z-index: -1;*/ /*}*/ .iconContainer { color: var(--primary); position: relative; } .dashedCircle { font-size: 1.3rem; position: relative; top: 11px; color: #c7c7c7; } .clickedDot { font-size: 1.4rem; position: relative; top: 12px; } .dotIconInsideDash { position: absolute; top: 20px; left: 7px; font-size: 0.7rem; } .sectionContainer .clicked { display: none; } .sectionContainer.selected .notClicked { display: none; } .sectionContainer.selected .clicked { display: inherit; } .openMobileModule { font-size: 1.5rem; position: fixed; z-index: 4; display: none; } .closeMobileModule { display: none !important; cursor: pointer; } .subsection_module_wrapper { position: relative; } .subsection_module_wrapper:before { content: " "; display: block; height: 1px; width: 1rem; position: absolute; top: 50%; left: -1rem; background: #dee2e6; } @media only screen and (max-width: 768px) { .modulePickContainer { min-width: 50% !important; position: absolute; background: white; z-index: 5; height: 100%; } .openMobileModule { display: block; } .closeMobileModule { display: flex !important; } .hideInMobile { display: none !important; } } .course-content ul.accipio_formats { padding: 0; margin: 0; list-style: none; } .course-content ul.accipio_formats li.section { padding-top: 1rem; } .course-content ul.accipio_formats li.section .content { margin: 0; padding: 0; } @media (min-width: 576px) { .course-content ul.accipio_formats li.section .summary, .course-content ul.accipio_formats li.section .content > .availabilityinfo { margin-left: 25px; } } .course-content ul.accipio_formats li.section .left, .course-content ul.accipio_formats li.section .right { padding: 0 6px 0; text-align: right; width: auto; } @media (max-width: 767.98px) { body:not(.editing) .course-content ul.accipio_formats li.section .left, body:not(.editing) .course-content ul.accipio_formats li.section .right { display: none; } } [data-accipio_formats-accordion="1"] .section-collapsemenu.collapsed .expandall { display: none; } /* accipio-format-immerse custom styles */ .accipio-formats-ul { padding: 0; margin: 0; list-style: none; width: 100%; } .accipio-format-immerse .collapse-1 .accipio-formats-ul { padding: 0; margin: 0; list-style: none; } .accipio-format-immerse .activity-item:not(.activityinline) { padding: 0; border: 0; box-shadow: none; } .accipio-format-immerse .a1-completion { z-index: 1; } .accipio-format-immerse .completion-wrapper .btn-completion { background: transparent; border: 0; box-shadow: none; } .accipio-format-immerse .a1-completion.btn-primary .completion-wrapper .btn-completion { padding: 0 0.2rem; color: #fff; } .accipio-format-immerse .resource-card .like-resource, .accipio-format-immerse .resource-card .save-resource { cursor: pointer; } .accipio-format-immerse .full-width { width: 100%; } .course-content ul.accipio_formats li.section.immerse-layout { border: 0; } .accipio-format-immerse .section .activity.col-xl-3 { padding-right: 15px; padding-left: 15px; } .accipio-format-immerse .activity button.section-modchooser i.icon { margin: 0; } .accipio-format-immerse .divider.divider-plus button.section-modchooser { margin-left: -1rem; } .accipio-format-immerse .section .activity.indented.large_description .activity-item { margin-left: 0; } .accipio-format-immerse .with-availability .summarytext { margin-top: 1rem; } .accipio-format-immerse.editing-on .section .accipio-immerse-parent-child-pair { padding-right: 0; } .accipio-format-immerse.editing-on .section.layout_small_subsection .resource-card.activity, .accipio-format-immerse.editing-on .section .accipio-immerse-supporting-resources-list .resource-card.activity { padding: 0.8rem 0; } .accipio-format-immerse.editing-on .section.layout_small_subsection .activity.indented + .indented .activity-item { border-top: 0; padding-top: 0; } .accipio-format-immerse.editing-on .course-section .changenumsections { margin-top: 1rem; } .editing .accipio-format-immerse.editing-on ul.immerse-layout { min-height: auto; } .accipio-format-immerse .section .activity.card.resource-card { padding: 0; } .accipio-format-immerse .section .activity.col-12 { width: 100%; padding-right: 15px; padding-left: 15px; } .accipio-format-immerse .section .accipio-immerse-supporting-resources-list .activity.col-12 { padding: 0; } .accipio-format-immerse .accipio-immerse-header.open, .accipio-format-immerse .accipio-immerse-header.collapsed.open { margin-top: 0.7rem !important; } .accipio-format-immerse .open.accipio-immerse-header > .accipio_immerse-progress-all-modules { top: -8px; padding: 0 10px; } .accipio-format-immerse.editing-on .activity-item.hiddenactivity .resource-card .card-title { color: #777777; } .immerse-section-editing .editing_show + .editing_assign, .immerse-section-editing .editing_hide + .editing_assign { margin-left: 0; } .accipio-format-immerse .immerse-layout .modtype_label .activity-information { margin-top: -10px; margin-right: -10px; } .accipio-format-immerse .immerse-layout .modtype_label .activity-information button { background-color: transparent; border: 0; box-shadow: none; } .editing .accipio-format-immerse .immerse-layout .accipio-immerse-parent-child-pair .modtype_label { min-height: auto; } .editing .accipio-format-immerse .course-section-header .section-image-preview img { max-height: 36px; } .accipio-format-immerse .immerse-layout .availabilityinfo-wrapper { padding: 0 0.8rem 0.5rem; } .accipio-format-immerse .immerse-layout .accipio-immerse-supporting-resources-list .availabilityinfo-wrapper { padding: 0 0 0.5rem; } .accipio-format-immerse .course-section .availabilityinfo-wrapper .availabilityinfo { margin-top: .5rem; padding: .25rem 1rem; background-color: #e9ecef; font-size: .875em; border-radius: 1rem; } .tooltip .completion-dialog { text-align: left; padding: 0.4rem 0; } .tooltip .completion-dialog strong { display: block; text-align: center; } .accipio-format-immerse .sectionname .quickeditlink .quickediticon { position: relative; width: 25px; height: 25px; display: inline-block; } .accipio-format-immerse .sectionname .quickeditlink .quickediticon i { position: absolute; top: 8px; left: 5px; } .accipio-format-immerse .immerse-layout .activity.accipio-immerse-label .activity-actions { position: absolute; top: 0; right: 0; } .accipio-format-immerse .immerse-layout .activity.accipio-immerse-label .activity-actions .dropdown-toggle { border-radius: 50px; } .accipio-format-immerse .immerse-layout .card.discover-resource-card.activity { padding-top: 0; } .accipio-format-immerse .layout_columns .immerse-layout .accipio-immerse-parent-child-pair .accipio-immerse-supporting-resources-list ul li.activity { padding-left: 3px; padding-right: 3px; } .accipio-format-immerse .layout_quad .immerse-layout .accipio-immerse-parent-child-pair .activity.activity-wrapper { padding-bottom: 7px; } .editing .accipio-format-immerse .layout_quad .immerse-layout .accipio-immerse-parent-child-pair .activity.activity-wrapper { width: 100%; } .accipio-format-immerse .section .activity .actions.cm_action_menu .dropdown-toggle { position: relative; z-index: 1; } .accipio-format-immerse .section .activity .actions.cm_action_menu .dropdown-toggle:after { display: none; } .accipio-format-immerse .section .activity .actions.cm_action_menu .dropdown-menu { z-index: 6; } /* Totara legacy styles */ .jsenabled .discover-resource-card .moodle-actionmenu.section-cm-edit-actions.commands { min-width: 48px; text-align: right; } .jsenabled .discover-resource-card .moodle-actionmenu.section-cm-edit-actions.commands .menu { top: 25px; } .accipio-immerse-label.label-legacy { position: relative; } .course-content ul.accipio_weeks { margin: 0; list-style: none; } .course-content ul.accipio_weeks li.section .content { margin: 0 40px; } .course-content ul.accipio_weeks li.section .left, .course-content ul.accipio_weeks li.section .right { width: 40px; padding: 0 6px; } .course-content ul.accipio_weeks li.section .right img.icon { padding: 0 0 4px 0; } .course-content ul.accipio_weeks li.section .left { padding-top: 22px; text-align: right; } .jsenabled .course-content ul.accipio_weeks li.section .left, .jsenabled .course-content ul.accipio_weeks li.section .right { width: auto; } .course-content ul.accipio_weeks li.section .left .section-handle img.icon { padding: 0; vertical-align: baseline; } .course-content ul.accipio_weeks li.section .section_action_menu .textmenu, .course-content ul.accipio_weeks li.section .section_action_menu .menu-action-text { white-space: nowrap; } body#page-course-view-accipio_weeks .course-content ul li.section.main { padding-top: 20px; padding-bottom: 10px; } .course-content ul.flexsections { padding: 0; margin: 0; list-style: none; } .course-content ul.flexsections li.section { padding-top: 1rem; padding-bottom: 1rem; } .course-content ul.flexsections li.section .content { margin: 0; padding: 0; } @media (min-width: 576px) { .course-content ul.flexsections li.section .summary, .course-content ul.flexsections li.section .content > .availabilityinfo { margin-left: 25px; } } .course-content ul.flexsections li.section .left, .course-content ul.flexsections li.section .right { padding: 0 6px 0; text-align: right; width: auto; } @media (max-width: 767.98px) { body:not(.editing) .course-content ul.flexsections li.section .left, body:not(.editing) .course-content ul.flexsections li.section .right { display: none; } } [data-flexsections-accordion="1"] .section-collapsemenu.collapsed .expandall { display: none; } @media (min-width: 768px) { #page.drawers .flexsections-activity-page-navigate-back { padding-left: 15px; padding-right: 15px; } } .format-singleactivity .tree_item.orphaned a { color: red; } /* Custom CSS for rotated header.. */ #page-report-activitycompletiontool-index .rotated-text-container { display: inline-block; width: 16px; } #page-report-activitycompletiontool-index .rotated-text { display: inline-block; white-space: nowrap; /*rtl:remove*/ transform: translate(0, 100%) rotate(-90deg); /*rtl:raw: transform: translate(0, 100%) rotate(90deg); */ transform-origin: 0 0; vertical-align: middle; } #page-report-activitycompletiontool-index .rotated-text:after { content: ""; float: left; margin-top: 100%; } #page-report-activitycompletiontool-index .modicon { padding-top: 5px; } #page-report-activitycompletiontool-index .modicon .icon { margin: 0; } #page-report-activitycompletiontool-index .dataTable th, #page-report-activitycompletiontool-index .dataTable td { text-align: center; } #page-report-activitycompletiontool-index .dataTable th:nth-child(1), #page-report-activitycompletiontool-index .dataTable th:nth-child(2), #page-report-activitycompletiontool-index .dataTable th:nth-child(3), #page-report-activitycompletiontool-index .dataTable td:nth-child(1), #page-report-activitycompletiontool-index .dataTable td:nth-child(2), #page-report-activitycompletiontool-index .dataTable td:nth-child(3) { text-align: left; } #page-report-activitycompletiontool-index .dataTable th:nth-child(3), #page-report-activitycompletiontool-index .dataTable td:nth-child(3) { max-width: 70px; } #page-report-activitycompletiontool-index .dataTable tfoot td { min-width: 80px; } #page-report-completion-index table#completion-progress { margin-top: 20px; margin-bottom: 30px; } #page-report-completion-index .export-actions { text-align: center; list-style: none; } #page-report-completion-index .criterianame, #page-report-completion-index .criteriaicon, #page-report-completion-index .completion-progresscell { text-align: center; } /* Custom CSS for rotated header.. */ #page-report-completion-index .rotated-text-container { display: inline-block; width: 16px; } /*rtl:begin:ignore*/ #page-report-completion-index .rotated-text { display: inline-block; white-space: nowrap; transform: translate(0, 100%) rotate(-90deg); transform-origin: 0 0; vertical-align: middle; } #page-report-completion-index .rotated-text:after { content: ""; float: left; margin-top: 100%; } /*rtl:end:ignore*/ #page-report-embedquestion-activity .groupselector, #page-report-embedquestion-index .groupselector { width: 100%; } #page-report-embedquestion-activity #selectgroup, #page-report-embedquestion-index #selectgroup { display: block; } #page-report-embedquestion-activity .que.correctness .state-icon, #page-report-embedquestion-index .que.correctness .state-icon { padding-left: 5px; } #page-report-embedquestion-activity .que.correctness, #page-report-embedquestion-index .que.correctness { font-weight: bold; } #page-report-embedquestion-activity .que.correctness.correct, #page-report-embedquestion-index .que.correctness.correct { color: #398439; } #page-report-embedquestion-activity .que.correctness.incorrect, #page-report-embedquestion-index .que.correctness.incorrect { color: #d43f3a; } #page-report-embedquestion-activity .que.correctness.partiallycorrect, #page-report-embedquestion-index .que.correctness.partiallycorrect { color: #b25a00; } #page-report-embedquestion-activity .generaltable, #page-report-embedquestion-index .generaltable { min-height: auto; } #page-report-embedquestion-activity div.commands, #page-report-embedquestion-index div.commands, #page-report-embedquestion-activity .download-response .download-response-infomation, #page-report-embedquestion-index .download-response .download-response-infomation, #page-report-embedquestion-activity .download-response .download-response-buttons, #page-report-embedquestion-index .download-response .download-response-buttons { padding-top: 10px; } #page-report-embedquestion-attemptdetail .closewindow { margin-top: 10px; } #page-report-embedquestion-activity .show-only-heading, #page-report-embedquestion-index .show-only-heading { padding: 10px 0; } #page-report-embedquestion-activity .show-only-heading .student-info, #page-report-embedquestion-index .show-only-heading .student-info { padding-right: 5px; } #page-report-embedquestion-activity #region-main form table span.view-all, #page-report-embedquestion-index #region-main form table span.view-all { display: block; font-size: 0.85714em; } #page-report-embedquestion-responsedownload .cloudexport-info-text { margin-bottom: 15px; } #page-report-embedquestion-responsedownload .downloadexport { padding: 8px 0; } #page-report-embedquestion-responsedownload .downloadexport img { height: 20px; padding-right: 5px; vertical-align: baseline; } #page-report-embedquestion-responsedownload .downloadexport.sizer { padding-left: 5px; color: #676463; } .report-eventlist-name { color: #888; font-size: 0.75em; } .report-eventlist-datatable-table > div > table { width: 100%; } #page-admin-report-eventlist-index dt { float: left; text-align: right; width: 20em; } #page-admin-report-eventlist-index dd { display: block; text-align: left; margin-left: 21em; } #page-admin-report-eventlist-index dd + dd { clear: left; } @media (max-width: 767px) { #page-admin-report-eventlist-index dt { width: 100%; text-align: left; } #page-admin-report-eventlist-index dd { margin-left: 0; } #page-admin-report-eventlist-index dd + dd { margin-left: 0; } } #page-report-log-index .info { margin: 10px; } #page-report-log-index .logselectform { margin: 10px auto; } #page-report-log-user .info { margin: 10px; text-align: center; } #page-report-loglive-index .info { margin: 10px; } table.flexible > tbody > tr:nth-child(n).newrow > td { background: #d4d4d4; } #page-report-outline-index td.numviews { text-align: right; } #page-report-outline-index tr.section { text-align: center; } #page-report-outline-index td.lastaccess { font-size: 0.8em; } #page-report-outline-user .section .content { margin-left: 30px; margin-right: 30px; } #page-report-outline-user .section h2 { margin-top: 0; } #page-report-outline-user .section { margin-left: 30px; margin-right: 30px; margin-bottom: 20px; } #page-report-outline-user .section { border-width: 1px; border-style: solid; padding: 10px; } #page-report-participation-index .participationselectform { margin: 10px auto; } #page-report-participation-index .participationselectform label { margin-left: 15px; margin-right: 5px; } /* Die to css conflicts with form-inline, we have to create a specific class to fix submit button alignment on clean */ #page-report-participation-index .participationselectform input[type="submit"] { margin-bottom: 0; } #page-report-progress-index #completion-progress th, #page-report-progress-index #completion-progress td { padding: 2px 2px; font-weight: normal; border-right: 1px solid #eee; } #page-report-progress-index .progress-actions { text-align: center; list-style: none; } #page-report-progress-index .completion_pagingbar { margin: 1em 0; text-align: center; } #page-report-progress-index .completion_prev { display: inline; margin-right: 2em; } #page-report-progress-index .completion_pagingbar p { display: inline; } #page-report-progress-index .completion_next { display: inline; margin-left: 2em; } #page-report-progress-index .completion-header, #page-report-progress-index .completion-progresscell { text-align: center; } /* Custom CSS for rotated header.. */ #page-report-progress-index .rotated-text-container { display: inline-block; width: 16px; } #page-report-progress-index .rotated-text { display: inline-block; white-space: nowrap; /*rtl:remove*/ transform: translate(0, 100%) rotate(-90deg); /*rtl:raw: transform: translate(0, 100%) rotate(90deg); */ transform-origin: 0 0; vertical-align: middle; } #page-report-progress-index .rotated-text:after { content: ""; float: left; margin-top: 100%; } #page-report-progress-index .modicon { padding-top: 5px; } #completion-progress .icon { margin-left: 0.5rem; } #page-report-stats-index .graph { margin-bottom: 1em; } /** * Container. */ .path-grade-report-grader .gradeparent { position: relative; } /** * The table. */ .path-grade-report-grader .gradeparent table { border: 1px solid #ccc; border-collapse: separate; border-spacing: 0; border-bottom-width: 0; border-right-width: 0; margin-bottom: 2em; height: 100%; } /** * All the cells. */ .path-grade-report-grader .gradeparent .cell { border: 1px solid #ccc; border-top-width: 0; border-left-width: 0; padding: 0.5rem 1rem; vertical-align: top; height: 100%; } .path-grade-report-grader .overriddengrade { color: #495057; border: none; -moz-appearance: none; -webkit-appearance: none; } .path-grade-report-grader .gradepass { color: #357a32; } .path-grade-report-grader .gradefail { color: #ca3120; } .path-grade-report-grader .grade_icons, .path-grade-report-grader .category_grade_icons { white-space: nowrap; margin-top: 0.5rem; } .path-grade-report-grader .grade_type_value .grade_icons { margin-left: auto; } .path-grade-report-grader .grade_icons .icon { margin-right: 1rem; } .path-grade-report-grader .grade_icons .icon:last-child { margin-right: 0; } /** * All the floating divs. */ .path-grade-report-grader .gradeparent .floater { display: none; } .path-grade-report-grader .gradeparent .floating { display: block; } /** * All the headers + floating cells. */ .path-grade-report-grader .gradeparent .heading .cell, .path-grade-report-grader .gradeparent .avg .cell, .path-grade-report-grader .gradeparent .user.cell { font-size: 14px; font-weight: normal; } .path-grade-report-grader .gradeparent .heading .header, .path-grade-report-grader .gradeparent .heading .userfield { white-space: nowrap; } .path-grade-report-grader .heading .gradeitemheader { text-indent: -1.5rem; padding-left: 1.5rem; padding-top: 6px; } .path-grade-report-grader .dropdown-item { text-align: left; } .path-grade-report-grader .heading .gradeitemheader .itemicon { text-align: right; } /** * The user cells. */ .path-grade-report-grader .gradeparent .user.cell { white-space: nowrap; } .path-grade-report-grader .gradeparent .highlightable.cell { min-width: 200px; } .path-grade-report-grader .gradeparent .highlightable.cell.collapsed { min-width: unset; } .path-grade-report-grader .gradeparent .user.cell .userpicture { border: none; vertical-align: middle; } .path-grade-report-grader .gradeitemheader { display: inline-block; overflow: hidden; text-overflow: ellipsis; max-width: 200px; vertical-align: middle; } /** * The footer's header. */ .path-grade-report-grader .gradeparent .range .header, .path-grade-report-grader .gradeparent .avg .header, .path-grade-report-grader .gradeparent .groupavg .header { font-weight: bold; text-align: right; } /** * The footer's floating cells. */ .path-grade-report-grader .gradeparent .avg.floating .cell { border-top-width: 1px; } /** * Content styling. */ .path-grade-report-grader .gradeparent .heading .cell .iconsmall { /* Fixes inconsistencies in cell height on IE. */ padding-top: 0; padding-bottom: 0; } .path-grade-report-grader .gradeparent .sorticon { vertical-align: middle; margin: 0; } .path-grade-report-grader .gradeparent td.grade_type_value, .path-grade-report-grader .gradeparent td.grade_type_value input, .path-grade-report-grader .gradeparent td.grade_type_value div { text-align: right; margin-left: auto; } .path-grade-report-grader .gradeparent .gradevalue { display: inline-block; } .path-grade-report-grader .header, .path-grade-report-grader td.userfield div { padding-top: 6px; } .path-grade-report-grader .gradeparent tr:nth-child(n) td.ajaxoverridden:nth-child(n) { /* Made very specific to override the default stripped style of the table. */ background-color: #ffe3a0; } .path-grade-report-grader .gradeparent .excludedfloater { font-weight: bold; color: red; font-size: 9px; float: left; } .path-grade-report-grader .gradeparent .category { text-align: left; } /** * Editing fields. * MDL-74286 - width 100% pushes action menu out of cell. */ .path-grade-report-grader .gradeparent select { text-overflow: ellipsis; min-width: 8rem; } .path-grade-report-grader .gradeparent .text { border: 1px solid #666; width: auto; margin: 0; padding: 0; text-align: center; } .path-grade-report-grader .gradeparent table .action-menu { display: inline-block; margin-right: -0.5rem; padding-left: 0.5rem; } .path-grade-report-grader .gradeparent table .heading .action-menu { padding-left: 0; } .path-grade-report-grader .dropdown-menu { width: max-content; } .path-grade-report-grader .initialsdropdown { width: 460px; } .path-grade-report-grader .initialsdropdown::after { content: ''; } .path-grade-report-grader .usersearchwidget::after { content: ''; } .path-grade-report-grader .usersearchwidget { pointer-events: none; } .path-grade-report-grader .usersearchwidget input { pointer-events: initial; z-index: 1; } .path-grade-report-grader .usersearchwidget button, .path-grade-report-grader .usersearchwidget a { pointer-events: initial; } .path-grade-report-grader .usersearchdropdown { /*Extra height to allow non result items.*/ max-height: 400px; width: 300px; pointer-events: all; padding: 0; } .path-grade-report-grader .usersearchdropdown .unsearchablecontentcontainer { position: sticky; bottom: 0; background-color: white; } .path-grade-report-grader .usersearchdropdown .footer { border-top: 1px solid #dee2e6; font-size: 90%; } .collapsecolumndropdown.show { width: 300px; max-height: 300px; } @media only screen and (min-width: 768px) { .path-grade-report-grader .gradeparent table { padding-right: 6em; } } /* History */ .path-grade-report-history div.gradeparent { overflow-x: scroll; } .path-grade-report-history .singlebutton div, .path-grade-report-history .singlebutton div input[type="button"] { margin: 0; } /* User Selector */ .yui3-gradereport_history_usp-hidden { display: none; } .gradereport_history_usp .usp-content { position: relative; } .gradereport_history_usp .usp-ajax-content { overflow: auto; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .gradereport_history_usp .usp-ajax-content, .gradereport_history_usp .usp-loading-lightbox { height: 375px; } .gradereport_history_usp .usp-loading-lightbox { background-color: #fff; opacity: .5; position: absolute; text-align: center; width: 100%; top: 0; left: 0; } .gradereport_history_usp .usp-loading-lightbox img { margin-top: 100px; opacity: 1; } .gradereport_history_usp .usp-search { text-align: center; } .gradereport_history_usp .usp-user { width: 100%; text-align: left; border-top: 1px solid #eee; } .gradereport_history_usp .usp-user:nth-child(odd) { background-color: #f9f9f9; } .gradereport_history_usp .usp-first-added { border-top: 1px solid #bbb; } .gradereport_history_usp .usp-checkbox { text-align: center; float: left; padding: 11px 6px 0 6px; } .gradereport_history_usp .usp-checkbox input[type=checkbox] { margin: 0; } .gradereport_history_usp .usp-picture { margin: 6px 3px 0 3px; float: left; } .gradereport_history_usp .usp-userpicture { cursor: pointer; } .gradereport_history_usp .usp-user .details { margin-left: 67px; padding: 3px 6px 0 6px; word-wrap: break-word; } .gradereport_history_usp .usp-user .details label { margin: 0; } .gradereport_history_usp .usp-more-results { padding: 5px; border-top: 1px solid #bbb; } .gradereport_history_usp .usp-finish { padding-top: 1em; text-align: center; } .gradereport_history_usp .usp-finish input { margin: 0; } .path-grade-report-singleview div.reporttable { margin: 20px 0 30px 0; padding: 10px 10px; background-color: #f8f9fa; text-align: center; } .path-grade-report-singleview div.groupselector, .path-grade-report-singleview div.selectitems { display: block; text-align: right; clear: both; } .path-grade-report-singleview div.singleselect + div.singleselect select, .path-grade-report-singleview div.groupselector select { margin-right: 0; } .path-grade-report-singleview div.reporttable div.singleselect form div { text-align: center; } .path-grade-report-singleview div.reporttable table.reporttable { margin: 0 auto 15px auto; } .path-grade-report-singleview div.reporttable form div { text-align: left; } .path-grade-report-singleview div.reporttable h2 { text-align: left; } .path-grade-report-singleview .overrideexcludecheck { width: 14.75px; height: 12px; color: #2ca14f; } .path-grade-report-singleview .report-navigation .container { max-width: 1060px; margin-left: 0; } .path-grade-report-singleview .zero-state img { width: 185px; } .path-grade-report-singleview .reporttable thead th, .path-grade-report-singleview .reporttable thead td { white-space: nowrap; border: none; } .path-grade-report-singleview .reporttable tbody tr, .path-grade-report-singleview .reporttable tbody tr:nth-of-type(odd), .path-grade-report-singleview .reporttable tbody tr:hover { color: inherit; background-color: white; border-top: none; border-bottom: 1px solid #dee2e6; } .path-grade-report-singleview .reporttable tbody th, .path-grade-report-singleview .reporttable tbody td.range { white-space: nowrap; font-weight: normal; } .path-grade-report-singleview .reporttable tbody th > * { display: inline-block; vertical-align: middle; margin: 0 2px; } .path-grade-report-singleview .itemnav { font-size: small; display: inline; padding-bottom: 0.5em; } .path-grade-report-singleview .itemnav.previtem { float: left; } .path-grade-report-singleview div.nextitem { float: right; } .path-grade-report-singleview .reporttable { width: 100%; } .path-grade-report-singleview .reporttable .generaltable th, .path-grade-report-singleview .reporttable .generaltable td { text-align: left; vertical-align: middle; border: none; } .path-grade-report-singleview div.reporttable form div.singleview_bulk { display: inline-block; text-align: left; margin-bottom: 1em; } .path-grade-report-singleview .singleview_bulk div > *, .path-grade-report-singleview .singleview_bulk fieldset > * { display: inline-block; vertical-align: middle; margin: 0; } .path-grade-report-singleview .singleselect select, .path-grade-report-singleview div.reporttable form .singleview_bulk select, .path-grade-report-singleview div.reporttable form .singleview_bulk input { margin-left: 10px; margin-right: 10px; } #bulkinsertmodal { width: 181px; height: 39px; top: 309px; border-radius: 4px; } .path-grade-report-singleview .singleview_bulk > fieldset { display: block; } .path-grade-report-singleview div.reporttable form .singleview_bulk > div.enable { margin-bottom: 0.5em; text-align: left; } .searchresultitemscontainer { max-height: 150px; height: 150px; overflow: auto; } .path-grade-report-singleview .search-widget[data-searchtype="user"] .userinitials { width: 40px; height: 40px; } .path-grade-report-singleview .reporttable .gradeitem span.small { font-size: 70%; } .path-grade-report-singleview .reporttable div.categoryitem .gradeitemheader, .path-grade-report-singleview .reporttable div.courseitem .gradeitemheader { font-weight: bold; } .path-grade-report-user #graded_users_selector { float: right; margin-bottom: 5px; } .path-grade-report-user .view_users_selector { clear: both; float: right; margin-bottom: 5px; } .path-grade-report-user #graded_users_selector .singleselect label, .path-grade-report-user .view_users_selector .singleselect label { display: inline-block; } .path-grade-report-user .user-grade, .grade-report-user .user-grade { width: 100%; } .path-grade-report-user .user-grade thead th, .grade-report-user .user-grade thead th { vertical-align: bottom; border: none; text-align: left; background-color: #f8f9fa; } .path-grade-report-user .user-grade td, .grade-report-user .user-grade td { min-width: 4.5em; background-color: #f8f9fa; border: none; vertical-align: middle; } .path-grade-report-user .user-grade .b1l, .grade-report-user .user-grade .b1l { padding: 0; width: 24px; min-width: 24px; } .path-grade-report-user .user-grade tbody .column-itemname, .grade-report-user .user-grade tbody .column-itemname { padding-left: 24px; padding-right: 8px; } .path-grade-report-user .user-grade .column-itemname.baggt, .path-grade-report-user .user-grade .column-itemname.baggb, .grade-report-user .user-grade .column-itemname.baggt, .grade-report-user .user-grade .column-itemname.baggb { padding-left: 0; } .path-grade-report-user .user-grade .column-itemname .itemicon, .grade-report-user .user-grade .column-itemname .itemicon { font-size: 18px; width: 18px; height: 18px; } .path-grade-report-user .user-grade .baggt, .path-grade-report-user .user-grade .baggb, .grade-report-user .user-grade .baggt, .grade-report-user .user-grade .baggb { font-weight: bold; background-color: #f8f9fa; border: none; } .path-grade-report-user .user-report-container, .grade-report-user .user-report-container { margin: 20px 0 30px 0; padding: 10px 10px; background-color: #f8f9fa; } .path-grade-report-user .user-grade tbody tr, .grade-report-user .user-grade tbody tr { background-color: #f8f9fa; } .path-grade-report-user .user-grade tbody tr:hover, .grade-report-user .user-grade tbody tr:hover { color: inherit; background-color: #f8f9fa; } .path-grade-report-user .user-grade tbody tr.spacer, .grade-report-user .user-grade tbody tr.spacer { height: 0.5rem; } .path-grade-report-user .user-grade td.item, .grade-report-user .user-grade td.item { background-color: white; border-top: 1px solid #dee2e6; border-bottom: 1px solid #dee2e6; } .path-grade-report-user .user-grade th.column-itemname:not(.header,.category,.baggt,.baggb), .grade-report-user .user-grade th.column-itemname:not(.header,.category,.baggt,.baggb) { background-color: white; font-weight: normal; border-bottom: 1px solid #dee2e6; } .path-grade-report-user .user-grade th.category, .grade-report-user .user-grade th.category { background-color: white; border: 1px solid #dee2e6; padding-left: 10px; font-weight: bold; } .path-grade-report-user .user-grade th.category a[aria-expanded="true"] .expanded, .path-grade-report-user .user-grade th.category a[aria-expanded="false"] .collapsed, .grade-report-user .user-grade th.category a[aria-expanded="true"] .expanded, .grade-report-user .user-grade th.category a[aria-expanded="false"] .collapsed { display: none; } .path-grade-report-user .user-grade th.category a.toggle-category, .grade-report-user .user-grade th.category a.toggle-category { height: 24px; width: 24px; font-size: 12px; line-height: 24px; margin-right: 3px; } .path-grade-report-user .user-grade th.category a.toggle-category i, .grade-report-user .user-grade th.category a.toggle-category i { font-size: 12px; width: 12px; height: 12px; color: #1d2125; margin: 0; } .path-grade-report-user .user-grade .column-itemname .small, .grade-report-user .user-grade .column-itemname .small { font-size: 70%; } .path-grade-report-user .user-grade tr[data-hidden="true"], .grade-report-user .user-grade tr[data-hidden="true"] { display: none; } .path-grade-report-user .user-grade .category div, .grade-report-user .user-grade .category div { min-height: 30px; align-items: center; } .path-grade-report-user .search-widget[data-searchtype="user"] .userinitials { width: 40px; height: 40px; } .path-grade-report-user .user-navigation .container { max-width: 767px; } .path-grade-report-user .view-user-selector label { display: block; font-size: 80%; margin: 0; } .path-grade-report-user .view-user-selector .dropdown-toggle { padding: 0; font-weight: bold; } .path-grade-report-user .zero-state img { width: 185px; } @media print { .path-grade-report-user .user-grade th.category, .grade-report-user .user-grade th.category { border-left: none; border-right: none; } .path-grade-report-user .user-grade th.category a.toggle-category, .grade-report-user .user-grade th.category a.toggle-category .path-grade-report-user #page-footer { display: none; } } .gradingform_guide-regrade { padding: 10px; background: #fdd; border: 1px solid #f00; margin-bottom: 10px; } .gradingform_guide-restored { padding: 10px; background: #ffd; border: 1px solid #ff0; margin-bottom: 10px; } .gradingform_guide-error { color: red; font-weight: bold; } .gradingform_guide_editform .status { font-weight: normal; text-transform: uppercase; font-size: 60%; padding: 0.25em; border: 1px solid #eee; } .gradingform_guide_editform .status.ready { background-color: #e7f1c3; border-color: #aea; } .gradingform_guide_editform .status.draft { background-color: #f3f2aa; border-color: #ee2; } .gradingform_guide.editor .criterion .controls, .gradingform_guide .criterion .description, .gradingform_guide .criterion .remark { vertical-align: top; } .gradingform_guide.editor .criterion .controls, .gradingform_guide.editor .criterion .description, .gradingform_guide.editor .criterion .remark { padding: 3px; } .gradingform_guide .criteria { height: 100%; } .gradingform_guide .criterion { border: 1px solid #ddd; overflow: hidden; } .gradingform_guide .criterion.even { background: #f0f0f0; } .gradingform_guide .criterion .description { width: 100%; } .gradingform_guide .criterion .description .criterionmaxscore input { width: 20px; } .gradingform_guide .criterion .description .criterionname { font-weight: bold; } .gradingform_guide .criterion label { font-weight: bold; padding-right: 5px; } .gradingform_guide .plainvalue.empty { font-style: italic; color: #aaa; } .gradingform_guide .plainvalue.editname { font-weight: bold; } /* Make invisible the buttons 'Move up' for the first criterion and 'Move down' for the last, because those buttons will make no change */ .gradingform_guide.editor .criterion.first.last .controls .delete input, .gradingform_guide.editor .criterion.first .controls .moveup input, .gradingform_guide.editor .criterion.last .controls .movedown input { display: none; } /* replace buttons with images */ .gradingform_guide.editor .delete input, .gradingform_guide.editor .moveup input, .gradingform_guide.editor .movedown input { text-indent: -1000em; cursor: pointer; border: none; } .gradingform_guide.editor .criterion .controls .delete input { width: 20px; height: 16px; background: transparent url(/theme/image.php/wui/core/1742904535/t/delete) no-repeat center top; margin-top: 4px; } .gradingform_guide.editor .moveup input { width: 20px; height: 15px; background: transparent url(/theme/image.php/wui/core/1742904535/t/up) no-repeat center top; margin-top: 4px; } .gradingform_guide.editor .movedown input { width: 20px; height: 15px; background: transparent url(/theme/image.php/wui/core/1742904535/t/down) no-repeat center top; margin-top: 4px; } .gradingform_guide.editor .addcriterion input, .gradingform_guide.editor .addcomment input { background: transparent url(/theme/image.php/wui/core/1742904535/t/add) no-repeat; display: block; color: #555; font-weight: bold; text-decoration: none; } .gradingform_guide.editor .addcriterion input, .gradingform_guide.editor .addcomment input { background-position: left 5px top 8px; height: 30px; line-height: 29px; margin-bottom: 14px; padding-left: 20px; padding-right: 10px; } .gradingform_guide .options .optionsheading { font-weight: bold; font-size: 1.1em; padding-bottom: 5px; } .gradingform_guide .options .option { padding-bottom: 2px; } .gradingform_guide .options .option label { margin-left: 5px; } .gradingform_guide .options .option .value { margin-left: 5px; font-weight: bold; } .gradingform_guide .criterion .description.error { background: #fdd; } /* special classes for elements created by guideeditor.js */ .gradingform_guide.editor .hiddenelement { display: none; } .gradingform_guide.editor .pseudotablink { background-color: transparent; border: 0 solid; height: 1px; width: 1px; color: transparent; padding: 0; margin: 0; position: relative; float: right; } .jsenabled .gradingform_guide .markingguidecomment { cursor: pointer; } .jsenabled .gradingform_guide .markingguidecomment:before { content: url(/theme/image.php/wui/core/1742904535/t/add); padding-right: 2px; } .gradingform_guide .commentheader { font-weight: bold; font-size: 1.1em; padding-bottom: 5px; } .jsenabled .gradingform_guide .criterionnamelabel { display: none; } .jsenabled .gradingform_guide .criterionshortname { font-weight: bold; } .gradingform_guide table { width: 100%; } .gradingform_guide .descriptionreadonly { vertical-align: top; } .gradingform_guide .criteriondescriptionmarkers { width: 300px; } .gradingform_guide .markingguideremark { margin: 0; width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; } .gradingform_guide .criteriondescriptionscore { display: inline; } .gradingform_guide .score label { display: block; } .gradingform_guide .score input { margin: 0; width: auto; } .gradingform_guide_comment_chooser { max-height: 80vh; overflow-y: auto; } .gradingform_guide-frequent-comments { position: absolute; top: 7px; right: 0; } /* .gradingform_rubric.editor[.frozen|.editable] .criteria .criterion[.first][.last][.odd|.even] .controls .moveup [input type=submit] .delete [input type=submit] .movedown [input type=submit] .description .levels td.level[.first][.last][.odd|.even] div.level-wrapper .definition [textarea] .score span [input type=text] .delete [input type=submit] .addlevel [input type=submit] .remark textarea .addcriterion [input type=submit] .options .optionsheading .option.OPTIONNAME .gradingform_rubric[.review][.evaluate[.editable|.frozen]] .criteria .criterion[.first][.last][.odd|.even] .description .levels td.level[.first][.last][.odd|.even] div.level-wrapper div.radio input .definition .score span */ .gradingform_rubric_editform .status { font-weight: normal; text-transform: uppercase; font-size: 60%; padding: 0.25em; border: 1px solid #eee; } .gradingform_rubric_editform .status.ready { background-color: #e7f1c3; border-color: #aea; } .gradingform_rubric_editform .status.draft { background-color: #f3f2aa; border-color: #ee2; } .gradingform_rubric { padding-bottom: 1.5em; } .gradingform_rubric.editor .criterion .controls, .gradingform_rubric .criterion .description, .gradingform_rubric .criterion .levels, .gradingform_rubric.editor .criterion .addlevel, .gradingform_rubric .criterion .remark, .gradingform_rubric .criterion .levels .level { vertical-align: top; } .gradingform_rubric.editor .criterion .controls, .gradingform_rubric .criterion .description, .gradingform_rubric.editor .criterion .addlevel, .gradingform_rubric .criterion .remark, .gradingform_rubric .criterion .levels .level { padding: 3px; } .gradingform_rubric .criteria { height: 100%; display: flex; width: 100%; overflow: auto; } .gradingform_rubric .criterion { border: 1px solid #ddd; overflow: hidden; } .gradingform_rubric .criterion.even td { background: #f0f0f0; } .gradingform_rubric .criterion.odd td { background: white; } .gradingform_rubric .criterion .description { min-width: 150px; font-weight: bold; } .gradingform_rubric .criterion .levels table { width: 100%; height: 100%; } .gradingform_rubric .criterion .levels, .gradingform_rubric .criterion .levels table, .gradingform_rubric .criterion .levels table tbody { padding: 0; margin: 0; } .gradingform_rubric .criterion .levels .level { border-left: 1px solid #ddd; max-width: 150px; } .gradingform_rubric .criterion .levels .level .level-wrapper { position: relative; } .gradingform_rubric .criterion .levels .level.last { border-right: 1px solid #ddd; } .gradingform_rubric .plainvalue.empty { font-style: italic; color: #aaa; } /* Make invisible the buttons 'Move up' for the first criterion and 'Move down' for the last, because those buttons will make no change */ .gradingform_rubric.editor .criterion.first .controls .moveup input, .gradingform_rubric.editor .criterion.last .controls .movedown input { display: none; } /* replace buttons with images */ .gradingform_rubric.editor .delete input, .gradingform_rubric.editor .duplicate input, .gradingform_rubric.editor .moveup input, .gradingform_rubric.editor .movedown input { text-indent: -1000em; cursor: pointer; border: none; } .gradingform_rubric.editor .criterion .controls .delete input { width: 24px; height: 24px; background: transparent url(/theme/image.php/wui/core/1742904535/t/delete) no-repeat center; margin: .3em .3em 0 .3em; } .gradingform_rubric.editor .criterion .controls .duplicate input { width: 24px; height: 24px; background: transparent url(/theme/image.php/wui/core/1742904535/t/copy) no-repeat center; margin: .3em .3em 0 .3em; } .gradingform_rubric.editor .levels .level .delete input { width: 24px; height: 24px; background: transparent url(/theme/image.php/wui/core/1742904535/t/delete) no-repeat center; } .gradingform_rubric.editor .moveup input { width: 24px; height: 24px; background: transparent url(/theme/image.php/wui/core/1742904535/t/up) no-repeat center; margin: .3em .3em 0 .3em; } .gradingform_rubric.editor .movedown input { width: 24px; height: 24px; background: transparent url(/theme/image.php/wui/core/1742904535/t/down) no-repeat center; margin: .3em .3em 0 .3em; } .gradingform_rubric.editor .addcriterion input, .gradingform_rubric.editor .addlevel input { background: #fff url(/theme/image.php/wui/core/1742904535/t/add) no-repeat 7px 8px; display: block; color: #555; font-weight: bold; text-decoration: none; } .gradingform_rubric.editor .addcriterion input { height: 30px; line-height: 29px; margin-bottom: 14px; padding-left: 20px; padding-right: 10px; } .gradingform_rubric.editor .addlevel input { padding-left: 24px; padding-right: 8px; } .gradingform_rubric .options .optionsheading { font-weight: bold; font-size: 1.1em; padding-bottom: 5px; } .gradingform_rubric .options .option { padding-bottom: 2px; } .gradingform_rubric .options .option label { margin-left: 5px; } .gradingform_rubric .options .option .value { margin-left: 5px; font-weight: bold; } .gradingform_rubric .criterion .levels.error { border: 1px solid red; } .gradingform_rubric .criterion .description.error, .gradingform_rubric .criterion .levels .level .definition.error, .gradingform_rubric .criterion .levels .level .score.error { background: #fdd; } .gradingform_rubric-regrade { padding: 10px; background: #fdd; border: 1px solid #f00; margin-bottom: 10px; } .gradingform_rubric-restored { padding: 10px; background: #ffd; border: 1px solid #ff0; margin-bottom: 10px; } .gradingform_rubric-error { color: red; font-weight: bold; } /* special classes for elements created by rubriceditor.js */ .gradingform_rubric.editor .hiddenelement { display: none; } .gradingform_rubric.editor .pseudotablink { background-color: transparent; border: 0 solid; height: 1px; width: 1px; color: transparent; padding: 0; margin: 0; position: relative; float: right; } .gradingpanel-gradingform_rubric [aria-checked="true"] { border: 1px solid black; } .path-admin-mnet-service-enrol .singlebutton { text-align: center; } .path-admin-mnet-service-enrol table.remotehosts, .path-admin-mnet-service-enrol table.otherenrolledusers, .path-admin-mnet-service-enrol table.remotecourses { margin: 0 auto 1em auto; } .path-admin-mnet-service-enrol table.remotecourses th.categoryname { text-align: left; background-color: #f6f6f6; } .path-admin-mnet-service-enrol table.remotecourses td.c1 { font-weight: bold; } .path-admin-mnet-service-enrol table.remotecourses th.categoryname img { margin-right: 1em; } .path-admin-mnet-service-enrol .collapsibleregioncaption { font-size: 110%; font-weight: bold; text-align: center; } .path-admin-mnet-service-enrol .collapsibleregioninner { border: 1px solid #ddd; padding: 1em; } .path-admin-mnet-service-enrol .collapsibleregion.remotecourse.summary { margin: 0 10em; } .path-admin-mnet-service-enrol .roleassigntable { margin: 1em auto; } #page-admin-question-bank-columnsortorder-sortcolumns .addcolumn { display: inline-block; } .qbank-sortable-column { background-color: white; position: relative; } .jsenabled .qbank-column-list button.savewidths { display: none; } .qbank-sortable-column .qbank_columnsortorder-action-handle { display: none; } .qbank-sortable-column.show-handles .qbank_columnsortorder-action-handle { display: block; } .qbank-sortable-column .handle-container { pointer-events: none; /* Prevent the handle container blocking clicks to elements in the header */ width: 100%; position: absolute; top: 40%; z-index: 1; } .qbank_columnsortorder-action-handle { pointer-events: auto; /* Ensure the handles themselves receive clicks */ } .qbank_columnsortorder-action-handle.move { margin-left: -21px; width: 16px; } .qbank_columnsortorder-action-handle.resize { cursor: col-resize; position: absolute; top: 0; right: 5px; } .qbank_columnsortorder-action-handle.resize img { /* Prevent the resize handle icon being dragged across the page */ pointer-events: none; } .qbank_columnsortorder-action-handle .icon { margin-right: 0; } /* Comment text area size to maximum */ .question-comment-view .comment-ctrl .comment-area { max-width: none; width: 100%; } .question-bank-table td.questionlastused span.date { font-weight: 400; font-size: .8em; } .jsenabled .question-text-format .input-group-append { display: none; } .qbehaviour_deferredcbm_slightlyunderconfident, .qbehaviour_deferredcbm_slightlyoverconfident { font-weight: bold; color: #600; } .qbehaviour_deferredcbm_underconfident, .qbehaviour_deferredcbm_overconfident { font-weight: bold; color: #c00; } .qbehaviour_deferredcbm_judgementok { font-weight: bold; color: #080; } .qbehaviour_deferredcbm_actual_percentage { font-weight: bold; } .qbehaviour_deferredcbm_summary_heading { margin: 0; } .que.deferredcbm .certaintychoices input[type="radio"] { margin-left: 0.5em; } .que.deferredcbm .certaintychoices label { white-space: nowrap; } .admin_presets_error { color: red; text-align: center; } .admin_presets_success { color: green; text-align: center; } .adminpreset_appdescription { font-size: small; margin-top: 40px; margin-bottom: 20px; } #page-admin-tool-behat-index .steps-definitions { margin: 1rem auto; } #page-admin-tool-behat-index .steps-definitions .step { margin: 1rem 0 0 0; border: 1px solid #eee; padding: 1rem; } #page-admin-tool-behat-index .steps-definitions .stepdescription { font-style: italic; } #page-admin-tool-behat-index .steps-definitions .stepcontent { margin: 1rem 0; } #page-admin-tool-behat-index .steps-definitions .steptype { color: #1467a6; margin-right: 1ex; } #page-admin-tool-behat-index .steps-definitions .stepapipath { font-family: monospace; font-size: smaller; } #page-admin-tool-behat-index .steps-definitions .stepregex { color: #060; } #page-admin-tool-behat-index .steprequiredfields { font-weight: bold; font-size: 1em; margin-top: 1em; } .tool_brickfield_floatprinticon { margin-top: -30px; float: right; } .tool_brickfield_analysisbutton { width: 100%; text-align: center; } /* Advanced Page CSS */ #tool_brickifeld_advanced_page { margin: 20px 20px 20px 10px; } .tool_brickfield_banner_heading { display: flex; justify-content: space-between; margin-bottom: 20px; } .tool_brickfield_banner_heading > img { height: 50px; } .tool_brickfield_banner > p { text-align: center; } .tool_brickfield_grid_heading { font-family: 'Varela Round', Sans-serif; font-size: 20px; font-weight: 400; color: #040d29; padding-bottom: 4px; } .tool_brickfield_grid_content { color: #040d29; font-size: 16px; line-height: 1.4em; } .tool_brickfield_grid_heading > img { height: 30px; padding-right: 16px; } .tool_brickfield_grid { display: flex; flex-wrap: wrap; justify-content: center; margin: 20px 20px 30px; } .tool_brickfield_grid > div { margin: 10px; padding: 20px; flex-basis: 30%; border: 1px solid grey; max-width: 500px; min-width: 250px; flex-grow: 4; border-radius: 15px 15px 15px 50px; } .tool_brickfield_grid_heading { display: flex; } .tool_brickfield_footer > a { font-size: 18px; letter-spacing: 1px; color: #fff; background-color: #4054b2; border-radius: 5px; padding: 15px 50px; transition: 0.3s; margin-bottom: 20px; } .tool_brickfield_footer { text-align: center; } .tool_brickfield_footer > a:hover { color: #fff; background-color: #253687; text-decoration: none; } .tool_brickfield_footer > p { margin-bottom: 25px; } .path-admin-tool-capability [data-search="capability"] { min-width: 675px; } .path-admin-tool-capability .comparisontable { margin-top: 150px; } .path-admin-tool-capability .comparisontable th, .path-admin-tool-capability .comparisontable td { vertical-align: middle; padding: 0.4em 0.5em 0.3em; } .path-admin-tool-capability .comparisontable thead th { vertical-align: bottom; background: none; } .path-admin-tool-capability .comparisontable thead th div { position: relative; } .path-admin-tool-capability .comparisontable thead th div > a { position: absolute; top: -1.75em; left: 1em; width: 150px; text-align: left; margin-bottom: 1em; text-indent: -1.45em; -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; -webkit-transform: rotate(315deg); -moz-transform: rotate(315deg); -ms-transform: rotate(315deg); -o-transform: rotate(315deg); } .path-admin-tool-capability .comparisontable tbody th { background-color: #eee; text-align: right; border: 1px solid #dfdfdf; } .path-admin-tool-capability .comparisontable tbody th span { display: block; color: #666; font-size: 80%; } .path-admin-tool-capability .comparisontable tbody td { border: 1px solid #dfdfdf; } .path-admin-tool-capability .comparisontable .inherit { color: #666; } .path-admin-tool-capability .comparisontable .allow { background-color: #060; font-weight: bold; color: white; } .path-admin-tool-capability .comparisontable .prevent { background-color: #ad6704; font-weight: bold; color: white; } .path-admin-tool-capability .comparisontable .prohibit { background-color: #800; font-weight: bold; color: white; } /* Template editor */ #page-admin-tool-certificate-template [data-region="pdf"] { clear: both; position: relative; } #page-admin-tool-certificate-template [data-region="pdf"] > * { position: absolute; } #page-admin-tool-certificate-template [data-region="pdf"] [data-region="pdfelement"] { display: inline-block; word-wrap: break-word; text-decoration: none; } #page-admin-tool-certificate-template [data-region="pdf"]:not(.recalculated) [data-region="pdfelement"], #page-admin-tool-certificate-template [data-region="pdf"]:not(.recalculated) * { opacity: 0; } #page-admin-tool-certificate-template [data-region="template"] .ws-toggle .collapsed-icon-container { display: none; } #page-admin-tool-certificate-template [data-region="template"] .ws-toggle .expanded-icon-container { display: inline-block; } #page-admin-tool-certificate-template [data-region="template"] .ws-toggle.collapsed .collapsed-icon-container { display: inline-block; } #page-admin-tool-certificate-template [data-region="template"] .ws-toggle.collapsed .expanded-icon-container { display: none; } /* Elements refpoint */ #page-admin-tool-certificate-template [data-region="pdf"] [data-region="pdfelement"][data-refpoint]:before { background-image: url(/theme/image.php/wui/tool_certificate/1742904535/target); background-repeat: no-repeat; content: ""; display: block; float: left; height: 9px; width: 100%; background-position: left top; margin: -4px -5px -5px -4px; } #page-admin-tool-certificate-template [data-region="pdf"] [data-region="pdfelement"][data-refpoint="1"]:before { background-position: center top; margin: -4px 0 -5px 0; } #page-admin-tool-certificate-template [data-region="pdf"] [data-region="pdfelement"][data-refpoint="2"]:before { background-position: right top; margin: -4px -5px -5px 4px; } /* Page margins */ #page-admin-tool-certificate-template [data-region="pdf"] .verticalline { width: 1px; } #page-admin-tool-certificate-template [data-region="pdf"] .horizontalline { height: 1px; } #page-admin-tool-certificate-template [data-region="pdf"] .dottedline { border-left: 1px dotted black; } #page-admin-tool-certificate-template [data-region="pdf"] .solidline { border-left: 1px solid black; border-top: 1px solid black; line-height: normal; } #page-admin-tool-certificate-template #region-main { overflow: visible; } #page-admin-tool-certificate-template .modal-dialog .modal-header [data-action="hide"] { display: none; } .nav-pills .nav-pills { margin-left: 1rem; } .data-registry > .top-nav > * { margin-right: 0.5rem; } /*Extra attribute selection to have preference over bs2's .moodle-actionmenu[data-enhance] */ .data-registry > .top-nav > .singlebutton, .data-registry > .top-nav > .moodle-actionmenu[data-owner='dataregistry-actions'] { display: inline-block; } .data-registry .context-tree { height: 70vh; overflow-y: scroll; } [data-region="data-requests-table"] .moodle-actionmenu { min-width: 150px; } .context-level-view { margin: 1em; } /** * Styles for admin tool page. */ /* Fix bad default table wrap (caused by the long mimetype field). */ .path-admin-tool-filetypes .generaltable .c0, .path-admin-tool-filetypes .generaltable .c1, .path-admin-tool-filetypes .generaltable .c2, .path-admin-tool-filetypes .generaltable th { white-space: nowrap; } /* Formatting for deleted lines. */ .path-admin-tool-filetypes .generaltable .deleted .c0 img { opacity: 0.2; } .path-admin-tool-filetypes .generaltable .deleted .c0 span { text-decoration: line-through; } /* Custom types show bold */ .path-admin-tool-filetypes .generaltable .nonstandard { font-weight: bold; } #page-admin-tool-installaddon-index #installfromrepobox { text-align: center; padding-top: 2em; padding-bottom: 2em; } #page-admin-tool-installaddon-index #installfromrepobox .singlebutton { display: inline-block; } #page-admin-tool-installaddon-index #installfromrepobox .singlebutton input[type=submit] { padding: 1em; } #page-admin-tool-langimport-index .langimport { margin: auto; float: none; width: 100%; } #page-admin-tool-langimport-index #menuuninstalllang, #page-admin-tool-langimport-index #menupack { height: 300px; } .path-admin-tool-lp [data-region="managecompetencies"] ul li, .path-admin-tool-lp [data-region="plans"] ul li, .path-admin-tool-lp [data-region="competencymovetree"] ul li, .path-admin-tool-lp [data-region="competencylinktree"] ul li, .path-badges [data-region="competencylinktree"] ul li { list-style-type: none; } .path-admin-tool-lp .progresstext { display: inline-block; vertical-align: top; } .path-admin-tool-lp .progress { width: 100%; display: inline-block; } .path-admin-tool-lp .progress .bar { min-width: 3em; } .path-admin-tool-lp [data-region="managecompetencies"] ul[data-enhance="tree"], .path-admin-tool-lp [data-region="plans"] ul[data-enhance="tree"], .path-admin-tool-lp [data-region="competencylinktree"] ul[data-enhance="linktree"], .path-badges [data-region="competencylinktree"] ul[data-enhance="linktree"], .path-admin-tool-lp [data-region="competencymovetree"] ul[data-enhance="movetree"] { border: 1px solid #ccc; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); transition: border linear .2s, box-shadow linear .2s; border-radius: 4px; padding-left: 20px; padding-right: 20px; margin-left: 10px; margin-right: 10px; } .path-admin-tool-lp [data-region="managecompetencies"] ul, .path-admin-tool-lp [data-region="plans"] ul, .path-admin-tool-lp [data-region="competencylinktree"] ul, .path-badges [data-region="competencylinktree"] ul, .path-admin-tool-lp [data-region="competencymovetree"] ul { cursor: pointer; } .path-admin-tool-lp [data-region="competencylinktree"] ul li > span, .path-badges [data-region="competencylinktree"] ul li > span, .path-admin-tool-lp [data-region="competencymovetree"] ul li > span, .path-admin-tool-lp [data-region="plans"] ul li > span, .path-admin-tool-lp [data-region="managecompetencies"] ul li > span { padding-top: 2px; padding-bottom: 2px; padding-left: 4px; padding-right: 4px; border-radius: 4px; } .path-admin-tool-lp [data-region="competencylinktree"] ul [aria-selected="true"] > span, .path-badges [data-region="competencylinktree"] ul [aria-selected="true"] > span, .path-admin-tool-lp [data-region="competencymovetree"] ul [aria-selected="true"] > span, .path-admin-tool-lp [data-region="plans"] ul [aria-selected="true"] > span, .path-admin-tool-lp [data-region="managecompetencies"] ul [aria-selected="true"] > span { background-color: #dfdfdf; } .path-admin-tool-lp [data-region="competencylinktree"] ul [tabindex="0"] > span, .path-badges [data-region="competencylinktree"] ul [tabindex="0"] > span, .path-admin-tool-lp [data-region="competencymovetree"] ul [tabindex="0"] > span, .path-admin-tool-lp [data-region="plans"] ul [tabindex="0"] > span, .path-admin-tool-lp [data-region="managecompetencies"] ul [tabindex="0"] > span { border: 2px solid #0070a8; } .path-admin-tool-lp [data-region="filtercompetencies"] input { margin-left: 10px; } .path-admin-tool-lp [data-region="link-buttons"], .path-admin-tool-lp [data-region="move-buttons"] { text-align: center; } .path-admin-tool-lp [data-region="competencylinktree"] > ul, .path-badges [data-region="competencylinktree"] > ul { overflow-y: auto; height: 400px; } .path-admin-tool-lp span.currentdragtarget { border: 1px dashed; } .path-admin-tool-lp .competencyactionsmenu { display: inline-block; vertical-align: text-top; } .path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-base"] { display: table; width: 100%; } .path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-outcome"], .path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-type"] { display: table-row; } .path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-outcome"] label, .path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-type"] label { padding-right: 10px; } .path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-outcome"] label, .path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-outcome"] select, .path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-type"] label, .path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-type"] select { display: table-cell; } .path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-outcome"] select, .path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-type"] select, .path-admin-tool-lp [data-region="competencylinktree"] select, .path-badges [data-region="competencylinktree"] select { width: 100%; } .path-admin-tool-lp [data-region] .generaltable.fullwidth { clear: both; } .path-admin-tool-lp .competency-rule-points { margin-top: 10px; max-height: 300px; overflow-y: auto; } .path-admin-tool-lp .competency-rule-points table input { margin-bottom: 0; } .path-admin-tool-lp .competency-rule-points tr[data-competency] th { font-weight: normal; } .path-admin-tool-lp .competency-rule-points input[type="number"] { width: 50px; } .competency-heading { margin-bottom: 15px; } .competency-heading h4 { margin: 0; } /** Styles required for menubar js */ .tool-lp-menu { margin: 0; } .tool-lp-menu li { float: left; position: relative; list-style-type: none; white-space: nowrap; } .tool-lp-sub-menu { position: absolute; list-style: none; margin: 0; top: -10px; } .tool-lp-sub-menu li { float: none; } .tool-lp-menu .tool-lp-sub-menu[aria-hidden=false] { display: block; } .tool-lp-menu ul[aria-hidden=true] { display: none; } .tool-lp-menu .caret { margin: 8px; } .tool-lp-menu.tool-lp-menu-open-left .tool-lp-sub-menu { left: auto; right: 0; } /** This highlighting is copied from bootstrap - but can be overridden by a theme */ .tool-lp-menu .tool-lp-sub-menu .menu-focus a { color: #fff; text-decoration: none; background-color: #00699e; background-image: linear-gradient(to bottom, #0070a8, #005f8f); background-repeat: repeat-x; } /** check box and radio button on configure scale dialogue */ input[type="radio"].tool_lp_scale_default, input[type="checkbox"].tool_lp_scale_proficient { margin-top: 0; } /** User evidence */ .user-evidence-documents { margin: 10px 20px; list-style: none; } .user-evidence-competencies, .user-evidence-documents li { margin-bottom: 5px; word-break: break-all; } [data-region="user-evidence-list"] .user-evidence-competencies, [data-region="user-evidence-list"] .user-evidence-documents { margin: 0; list-style: none; } .user-competency-course-navigation select { display: none; } .user-competency-course-navigation span { max-width: 100%; overflow: hidden; } /** Competency grader */ .competency-grader textarea { width: 100%; max-width: 100%; box-sizing: border-box; } .path-admin-tool-lp #region-main { overflow-x: visible; } #page-admin-tool-messageinbound-index .handler-function { display: block; padding: 0 0.5em; color: #888; font-size: 0.75em; } #page-admin-tool-messageinbound-index .state, #page-admin-tool-messageinbound-index .edit { text-align: center; } input.tool-mfa-verification-code, .tool-mfa-verification-code input { /* Some elements must be important to override form element*/ font-size: 1.5em !important; /* stylelint-disable-line declaration-no-important */ font-family: monospace; text-align: center; letter-spacing: 1.0em; font-weight: bold; } .tool-mfa-factor-choose, .tool-mfa-factor-choose:hover { background-color: #fff; border-color: #3584c9; border-width: 1px; width: 100%; border-radius: 0.5rem; } .tool-mfa-factor-choose:hover, .tool-mfa-factor-choose:hover .tool-mfa-factor-choose-text { text-decoration: underline; color: #094478; background-color: #cfe2f2; } .mfa-verify-form input[type="submit"] { height: 50px; font-size: 1.05rem; } .mfa-verify-form .invalid-feedback { font-weight: 700; } .mfa-verify-form .form-group.fitem, .mfa-verify-form .form-group.fitem > span, .mfa-verify-form .form-group.fitem > span > input { width: 100%; } /** * Styles for admin tool mobile. */ #page-admin-tool-mobile-subscription dl dt { clear: both; display: inline-block; width: 40%; min-width: 100px; vertical-align: top; padding-top: 1px; } #page-admin-tool-mobile-subscription dl dd { display: inline-block; width: 59%; margin-left: 1%; vertical-align: top; padding-top: 1px; } #page-admin-tool-mobile-subscription dl.list-narrow dt { width: 30%; } #page-admin-tool-mobile-subscription dl.list-narrow dd { width: 69%; } #page-admin-tool-mobile-subscription progress { width: 100%; } .ofs-bar { background: #17a5eb; white-space: nowrap; } /* jquery-eu-cookie-law-popup styles */ .eupopup-container { background-color: rgba(25, 25, 25, 0.9); color: #efefef; padding: 5px 20px; font-size: 12px; line-height: 1.2em; text-align: center; display: none; z-index: 9999999; } .eupopup-container .eupopup-body a { color: #fff; text-decoration: underline; } .behat-site .eupopup-container-bottom { position: relative; } .eupopup-container-bottom { position: fixed; bottom: 0; left: 0; right: 0; } .eupopup-closebutton { font-size: 16px; font-weight: 100; line-height: 1; color: #a2a2a2; opacity: 0.2; position: absolute; font-family: helvetica, arial, verdana, sans-serif; top: 0; right: 0; padding: 5px 10px; } .eupopup-buttons { padding: 7px 0 5px 0; } .eupopup-button { margin: 0 10px; } .eupopup-button:hover, .eupopup-button:focus { text-decoration: underline; color: #f6a21d; } /* tool_policy styles */ .eupopup-body li { display: inline; } .eupopup-body li:before { content: ","; } .eupopup-body li:first-child:before { content: ""; } .eupopup-body ul { padding: 0; margin: 0 0 3px; } .eupopup-closebutton:hover, .eupopup-closebutton:active { text-decoration: none; } .eupopup-head { font-size: 1.2em; font-weight: bold; padding: 7px; } .eupopup-button_1 { font-weight: bold; font-size: 14px; } .eupopup-button_2 { display: none; } .eupopup-button { color: #f6a21d; } .policy-heading .policy-viewdoc-buttons { text-align: center; margin: 15px; } #page-admin-tool-policy-acceptances .colselect { width: 35px; } /* tool_profiling styles */ .path-admin-tool-profiling .profilingruntable .label { font-weight: bold; } .path-admin-tool-profiling .profiling_worse { color: red; } .path-admin-tool-profiling .profiling_better { color: green; } .path-admin-tool-profiling .profiling_same { color: dimgrey; } .path-admin-tool-profiling .profiling_important, .path-admin-tool-profiling .flexible .referencerun { font-weight: bold; } .path-admin-tool-profiling .flexible { margin-left: auto; margin-right: auto; } #page-admin-tool-task-scheduledtasks .task-class, #page-admin-tool-task-runningtasks .task-class { display: block; padding: 0 0.5em; color: #888; font-size: 0.75em; } #page-admin-tool-task-scheduledtasks input[type=text] { /*rtl:ignore*/ direction: ltr; } #page-admin-tool-task-scheduledtasks .task-runnow, #page-admin-tool-task-scheduledtasks .task-clearfaildelay { font-size: 0.75em; } [data-region="displaytemplateexample"] { border-radius: 4px; border: 1px inset #e3e3e3; padding: 1em; } div[data-flexitour="backdrop"] { position: fixed; top: 0; right: 0; bottom: 0; left: 0; } span[data-flexitour="container"] .modal-dialog { max-width: 400px; } span[data-flexitour="container"] .modal-dialog .modal-content .modal-header { border-bottom: 0; } span[data-flexitour="container"] .modal-dialog .modal-content .modal-header.minimal, span[data-flexitour="container"] .modal-dialog .modal-content .modal-footer.minimal { padding-top: 0; padding-bottom: 0; } span[data-flexitour="container"] .modal-dialog .modal-content .modal-footer { justify-content: flex-start; border-top: 0; } span[data-flexitour="container"].orphan { position: absolute; } span[data-flexitour="container"].orphan div[data-role="arrow"] { display: none; } body div[data-flexitour="step-background-fader"], body div[data-flexitour="step-background"] { position: absolute; background: inherit; background-image: none; } div[data-flexitour="step-background-fader"], [data-flexitour="step-backdrop"] > td, [data-flexitour="step-backdrop"] { position: relative; } span[data-flexitour="container"].orphan div[data-role="arrow"] { display: none; } .path-admin-local-usertours .stepcreator .input-append { font-size: inherit; } .tour-actions > ul { margin-left: auto; margin-right: auto; text-align: center; } .tour-actions > ul > li { background-color: #f5f5f5; } .tour-actions > ul { margin-left: auto; margin-right: auto; text-align: center; } .tour-actions > ul > li { background-color: #f5f5f5; border-radius: 6px; border: 1px solid #ccc; display: inline-block; height: 9em; margin: .5em; text-align: center; width: 13em; } .tour-actions > ul > li > a { height: 100%; display: block; padding: 1em; } @media (max-width: 575.98px) { span[data-flexitour="container"] { margin-left: 10px; } span[data-flexitour="container"] .modal-content { overflow-y: initial; } span[data-flexitour="container"].orphan { margin-left: 5px; margin-right: 5px; } } .path-admin-tool-xmldb a[name="lastused"] { padding-top: 50px; } /****** QUALIFCATIONS*********/ #qualifications_tree ul { padding-left: 3rem; } #qualifications_tree > li > ul > li:nth-of-type(even), #qualifications_tree > li > ul > li:nth-of-type(odd) > ul > li:nth-of-type(odd), #qualifications_tree > li > ul > li:nth-of-type(even) > ul > li:nth-of-type(even), #qualifications_tree > li > ul > li:nth-of-type(even) > ul > li:nth-of-type(even) > ul > li:nth-of-type(even), #qualifications_tree > li > ul > li:nth-of-type(even) > ul > li:nth-of-type(odd) > ul > li:nth-of-type(odd), #qualifications_tree > li > ul > li:nth-of-type(odd) > ul > li:nth-of-type(even) > ul > li:nth-of-type(odd), #qualifications_tree > li > ul > li:nth-of-type(odd) > ul > li:nth-of-type(odd) > ul > li:nth-of-type(even), #qualifications_tree > li > ul > li:nth-of-type(even) > ul > li:nth-of-type(even) > ul > li:nth-of-type(odd) > ul > li:nth-of-type(odd), #qualifications_tree > li > ul > li:nth-of-type(even) > ul > li:nth-of-type(even) > ul > li:nth-of-type(even) > ul > li:nth-of-type(even), #qualifications_tree > li > ul > li:nth-of-type(odd) > ul > li:nth-of-type(odd) > ul > li:nth-of-type(even) > ul > li:nth-of-type(even), #qualifications_tree > li > ul > li:nth-of-type(odd) > ul > li:nth-of-type(even) > ul > li:nth-of-type(odd) > ul > li:nth-of-type(even), #qualifications_tree > li > ul > li:nth-of-type(even) > ul > li:nth-of-type(odd) > ul > li:nth-of-type(odd) > ul > li:nth-of-type(even), #qualifications_tree > li > ul > li:nth-of-type(odd) > ul > li:nth-of-type(even) > ul > li:nth-of-type(even) > ul > li:nth-of-type(odd), #qualifications_tree > li > ul > li:nth-of-type(even) > ul > li:nth-of-type(odd) > ul > li:nth-of-type(even) > ul > li:nth-of-type(odd), #qualifications_tree > li > ul > li:nth-of-type(odd) > ul > li:nth-of-type(odd) > ul > li:nth-of-type(odd) > ul > li:nth-of-type(odd) { background-color: #f6f6f6; } #qualifications_tree > li > ul > li:nth-of-type(odd), #qualifications_tree > li > ul > li:nth-of-type(odd) > ul > li:nth-of-type(even), #qualifications_tree > li > ul > li:nth-of-type(even) > ul > li:nth-of-type(odd), #qualifications_tree > li > ul > li:nth-of-type(even) > ul > li:nth-of-type(even) > ul > li:nth-of-type(odd), #qualifications_tree > li > ul > li:nth-of-type(odd) > ul > li:nth-of-type(even) > ul > li:nth-of-type(even), #qualifications_tree > li > ul > li:nth-of-type(even) > ul > li:nth-of-type(odd) > ul > li:nth-of-type(even), #qualifications_tree > li > ul > li:nth-of-type(odd) > ul > li:nth-of-type(odd) > ul > li:nth-of-type(odd), #qualifications_tree > li > ul > li:nth-of-type(even) > ul > li:nth-of-type(even) > ul > li:nth-of-type(even) > ul > li:nth-of-type(odd), #qualifications_tree > li > ul > li:nth-of-type(even) > ul > li:nth-of-type(even) > ul > li:nth-of-type(odd) > ul > li:nth-of-type(even), #qualifications_tree > li > ul > li:nth-of-type(even) > ul > li:nth-of-type(odd) > ul > li:nth-of-type(even) > ul > li:nth-of-type(even), #qualifications_tree > li > ul > li:nth-of-type(even) > ul > li:nth-of-type(odd) > ul > li:nth-of-type(odd) > ul > li:nth-of-type(odd), #qualifications_tree > li > ul > li:nth-of-type(odd) > ul > li:nth-of-type(even) > ul > li:nth-of-type(even) > ul > li:nth-of-type(even), #qualifications_tree > li > ul > li:nth-of-type(odd) > ul > li:nth-of-type(even) > ul > li:nth-of-type(odd) > ul > li:nth-of-type(odd), #qualifications_tree > li > ul > li:nth-of-type(odd) > ul > li:nth-of-type(odd) > ul > li:nth-of-type(even) > ul > li:nth-of-type(odd), #qualifications_tree > li > ul > li:nth-of-type(odd) > ul > li:nth-of-type(odd) > ul > li:nth-of-type(odd) > ul > li:nth-of-type(even) { background-color: white; } #qualifications_tree li:first-child > .row > .col > .qualification_options > a.up, #qualifications_tree ul li:first-child > .row > .col > .qualification_options > a.up, #qualifications_tree li:first-child > .row > .col > .qualification_options > .col > a.up, #qualifications_tree ul li:first-child > .row > .col > .qualification_options > a.up, #qualifications_tree li:last-child > .row > .col > .qualification_options > a.down, #qualifications_tree ul li:last-child > .row > .col > .qualification_options > a.down, #qualifications_tree li:last-child > .row > .col > .qualification_options > .col > a.down, #qualifications_tree ul li:last-child > .row > .col > .qualification_options > a.down { display: none; } #qualifications_tree > li > ul > li > ul > li > ul > li > ul > li { margin: 0; } #qualifications_tree li { width: 100%; padding: 5px 0 5px 10px; } #qualifications_tree > li { padding: 15px 0 15px 0; } #qualifications_tree, #qualifications_tree ul, #qualifications_tree li { position: relative; } #qualifications_tree ul { list-style: none; padding-left: 32px; margin: 5px 0; } #qualifications_tree ul li::before, #qualifications_tree ul li::after { content: ""; position: absolute; left: -15px; } #qualifications_tree ul li::before { border-top: 1px solid #000; top: 15px; width: 15px; height: 0; } #qualifications_tree ul li::after { border-left: 1px solid #000; height: 102%; width: 0; top: 0; } #qualifications_tree ul > li:last-child::after { height: 15px; } #qualifications_tree > li > ul > li:after { height: 101%; } #qualifications_tree li { border-bottom: 1px solid #eee; } #qualifications_tree li:last-child { border-bottom: none; } #category_checklist li:first-child a.up, #category_checklist li:last-child a.down { display: none; } #qualifications_overview_tree .qualification_options, #qualifications_tree .qualification_options, #activity_types_tree .qualification_options, #qualification_checklist_tree .qualification_options { float: right; } #qualifications_overview_tree a.remove, #qualifications_tree a.remove, #activity_types_tree a.remove, #category_checklist a.remove { color: red; } .placeholder { border: 1px solid orange; background-color: #fffffd; } .sortable-assessment_criteria { min-height: 25px; } #qualifications_tree .inplaceeditable.inplaceeditable-autocomplete, #qualifications_overview_tree .inplaceeditable.inplaceeditable-autocomplete { display: contents; } #qualifications_tree .form-control { max-width: calc(100% - 75px); display: inline !important; height: 22px !important; line-height: normal !important; border-radius: 2px !important; } .accipio_loading__bar--header { height: 20px; -webkit-animation: pulsedark 1s infinite ease-in; animation: pulsedark 1s infinite ease-in; } .accipio_loading__bar { height: 20px; -webkit-animation: pulselight 1s infinite ease-in; animation: pulselight 1s infinite ease-in; } @keyframes pulsedark { 0% { background-color: rgba(165, 165, 165, 0.2); } 50% { background-color: rgba(165, 165, 165, 0.6); } 100% { background-color: rgba(165, 165, 165, 0.2); } } @keyframes pulselight { 0% { background-color: rgba(165, 165, 165, 0.1); } 50% { background-color: rgba(165, 165, 165, 0.3); } 100% { background-color: rgba(165, 165, 165, 0.1); } } table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td { vertical-align: middle; } .no-padding { padding: 0 !important; } .confirm-cancel-panel { margin-bottom: 1rem; padding: 3px 15px; border: 0.5px ridge; background-color: #f5f5f5; } @media (min-width: 767px) { .confirm-cancel-panel { padding: 5px 24px; } } .confirm-cancel-panel .instructions { font-weight: 500; } .confirm-cancel-panel .button-row .btn:not(:last-child) { margin-right: 0.5rem; } .modal-backdrop.fade.in { opacity: 0.5 !important; } .modal.fade.in .modal-dialog { transform: none; } .accipio-datatable-popover-button { line-height: 1; vertical-align: middle; border: none; padding: 0; margin-left: 0.25rem; } .accipio-datatable-popover-button:hover, .accipio-datatable-popover-button:active, .accipio-datatable-popover-button:focus { box-shadow: unset; border: none; outline: none; } .fancy-checkbox { margin-top: 0; margin-bottom: 0; } .fancy-checkbox .fancy-checkbox-label { font-size: 1.5em; padding-left: 0; margin: 0; } .fancy-checkbox .hidden-checkbox { display: none; } .fancy-checkbox .fancy-checkbox-icon-container { position: relative; border: 1px solid #bfbfbf; border-radius: 0.25em; width: 1.3em; height: 1.3em; float: left; margin-right: 0.5em; background: #fff; } .fancy-checkbox .fancy-checkbox-icon { position: absolute; font-size: 0.8em; line-height: 0; top: 46%; left: 17%; color: #01af81; opacity: 0; transform: scale(2) rotateZ(-20deg); transition: all 0.15s ease-in; } .fancy-checkbox input[type=checkbox]:checked + .fancy-checkbox-icon-container .fancy-checkbox-icon { opacity: 1; transform: scale(1) rotateZ(0deg); } .fancy-checkbox input[type=checkbox]:disabled + .fancy-checkbox-icon-container { opacity: 0.5; background: #eee; cursor: not-allowed; } .fcontainer .accipio-repeating-element-separator { border-top: 0.5px dashed rgba(0, 0, 0, 0.1); margin-top: 1rem; margin-bottom: 2rem; } .fcontainer .accipio-repeating-element-separator:first-of-type { display: none; } .path-local-accipio-one header#page-header .bg-gray010 { height: 200px !important; } .path-local-accipio-one header#page-header { height: 200px; overflow: hidden; } body.path-local-accipio-one .form-autocomplete-downarrow { color: #212529; top: 0.2rem; right: 0.5rem; left: auto; cursor: pointer; } /****** DISPLAYABLE FIELD GROUP TABLES *********/ .displayable-field-group-tables-container .card.field-group { margin-bottom: 2.5rem; } .displayable-field-group-tables-container .displayable-field-table tbody th, .displayable-field-group-tables-container .displayable-field-table tbody td { vertical-align: middle; } .displayable-field-group-tables-container .displayable-field-table tbody th p:last-of-type, .displayable-field-group-tables-container .displayable-field-table tbody td p:last-of-type { margin-bottom: 0; } .displayable-field-group-tables-container .displayable-field-table tbody th.full-width-column, .displayable-field-group-tables-container .displayable-field-table tbody td.full-width-column { width: 100%; font-size: large; } .displayable-field-group-tables-container .displayable-field-table tbody th ul, .displayable-field-group-tables-container .displayable-field-table tbody th ol, .displayable-field-group-tables-container .displayable-field-table tbody td ul, .displayable-field-group-tables-container .displayable-field-table tbody td ol { margin-bottom: 0; } /****** DELETE BUTTON *********/ .delete-button { border: none; background: transparent; } .delete-button:hover { box-shadow: none; } /****** DELETE MODAL *********/ .delete-modal .entity-name { font-style: italic; font-weight: bold; } /****** ENTITY CARD GROUP EDITOR *********/ .entity-group-card-editor-container .additional-header-container:not(:empty) { margin-bottom: 1rem; } .entity-group-card-editor-container .card-header { margin-top: 0; display: flex; align-items: center; } .entity-group-card-editor-container .card-header .open-entity-form-modal-button, .entity-group-card-editor-container .card-header :not(.open-entity-form-modal-button) + .delete-button { margin-left: auto; margin-right: 0.5rem; } .entity-group-card-editor-container .entity-group-card { margin-bottom: 2rem; } .entity-group-card-editor-container .icon-col { text-align: center; } .entity-group-card-editor-container .inplaceeditable-text input { font-size: inherit; } /*# sourceMappingURL=styles.css.map */ /* stylelint-disable declaration-no-important */ /* stylelint-disable max-line-length */ /* Course nodes feature. */ /* Indent child nodes of the section and activities nodes (this will be overwritten later if the node is made collapsible). Setting !important is necessary because otherwise the child nodes' m-l-0 class would overrule our margin. */ .list-group-item[data-parent-key="localboostnavigationcoursesections"] > div, .list-group-item[data-parent-key="localboostnavigationactivities"] > div { margin-left: .25rem !important; } /* Custom nodes feature. */ /* Add an indent to the custom child nodes because this isn't possible with Navigation node API. Setting !important is necessary because otherwise the child nodes' m-l-0 class would overrule our margin. */ .list-group-item[data-parent-key^="localboostnavigationcustom"] > div { margin-left: .25rem !important; } /* Add a margin-top to the custom bottom nodes section because this isn't possible with Navigation node API. */ .list-group-item.localboostnavigationfirstcustombuttomusers, .list-group-item.localboostnavigationfirstcustombuttomadmins { margin-top: 1rem; } /* Add plugin-specific classes to shrink fa-icons. This is needed for the custom nodes' icons. Font-Awesome 5 will contain similar classes officially, but currently Moodle still uses Font-Awesome 4.. */ .local-boostnavigation-fa-xxs { font-size: 0.5em !important; vertical-align: 25%; } .local-boostnavigation-fa-xs { font-size: 0.75em !important; vertical-align: 12%; } /* Collapse nodes feature. /* Hide all nav drawer items which have the localboostnavigationcollapsedchild class. */ .list-group-item.localboostnavigationcollapsedchild { display: none; } /* Add the icon for the expanded node state. */ .jsenabled .list-group-item.localboostnavigationcollapsibleparent:not(.localboostnavigationcollapsedparent) > div::after { content: "\f0d7"; font-family: FontAwesome; font-size: 1.2rem; position: absolute; right: 0.75rem; top: 0.55rem; } /* Add the icon for the collapsed node state. */ .jsenabled .list-group-item.localboostnavigationcollapsibleparent.localboostnavigationcollapsedparent > div::after { content: "\f0da"; font-family: FontAwesome; font-size: 1.2rem; position: absolute; right: 0.75rem; top: 0.55rem; } /* Make sure that the icon does not overlap with the node text. */ .jsenabled .list-group-item.localboostnavigationcollapsibleparent > div { padding-right: 1rem; } /* Set the cursor for the collapsible nodes. */ .jsenabled .list-group-item.localboostnavigationcollapsibleparent { cursor: pointer; } /* Remove the indent of the collapsible custom child nodes. */ .jsenabled .list-group-item.localboostnavigationcollapsiblechild > div { margin-left: inherit !important; } /* Remove the indent of the collapsible custom parent nodes where requested by hiding the icon. */ .jsenabled .list-group-item.localboostnavigationcollapsibleparentforcenoindent .icon { display: none; } /* Modify mycourses list feature. */ /* Make active filters hint smaller and always non-bold. */ .list-group-item[data-key="localboostnavigationactivefiltershint"] { font-size: 80%; font-weight: normal; } #page-local-eton-user_approval .styled-accipio-datatable tr .btn:not(:last-child) { margin-right: 5px; } /*# sourceMappingURL=styles.css.map */ /* Goto top button */ body.local-learningtools.scrolled #goto-top-link, .local-learningtools #goto-top-link { right: 70px; bottom: 20px; } /* Usermenu option icon */ .local-learningtools .navbar .usermenu .dropdown .dropdown-menu a i.icon.iconsize-big { width: 16px; height: 16px; font-size: 16px; } /* learning tools common css */ .path-local-learningtools #region-main { padding: 10px; } /* Floating button */ .learningtools-action-info .floating-button { position: fixed; bottom: 10px; right: 10px; z-index: 1005; } .learningtools-action-info .floating-button > button { width: 50px; height: 50px; line-height: 40px; border: 0; border-radius: 50%; background: #0f6fc5; box-shadow: 2px 5px 5px rgb(0, 0, 0, .2); margin-bottom: 5px; position: relative; transition: all .5s ease; } .learningtools-action-info .floating-button > button:focus { border: 0; box-shadow: none; outline: none; } .learningtools-action-info .floating-button > button i { font-size: 20px; color: #fff; } .learningtools-action-info .floating-button > button:hover { box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.5); } .learningtools-action-info .floating-button .list-learningtools { display: none; transition: all .5s ease; } .learningtools-action-info .floating-button.sticky-tool > .show + button { position: absolute; top: 0; transition: all .5s ease; } .learningtools-action-info .floating-button.sticky-tool > .show + button i:before { content: '\f103'; } .learningtools-action-info .floating-button .list-learningtools.show { padding-top: 55px; display: block; transition: all .5s ease; } .learningtools-action-info .floating-button > div > div { margin-bottom: 5px; position: relative; } .learningtools-action-info .floating-button .list-learningtools > div { transform: scale(0); } .learningtools-action-info .floating-button .list-learningtools.show > div { transform: scale(1); } .learningtools-action-info .floating-button > div > div button { width: 50px; height: 50px; border: 0; border-radius: 50%; background: #e83e8c; box-shadow: 2px 5px 5px rgb(0, 0, 0, .2); position: relative; } .learningtools-action-info .floating-button > div > div button span { width: 25px; height: 15px; color: #fff; font-size: 10px; line-height: 15px; background: #0f6fc5; border-radius: 40%; position: absolute; top: 0; right: -5px; } .learningtools-action-info .floating-button > div > div button:focus { border: 0; box-shadow: none; outline: none; } .learningtools-action-info .floating-button > div > div p { position: absolute; top: 0; right: 60px; display: none; } .learningtools-action-info .floating-button > div > div:hover p { min-width: 130px; color: #fff; font-size: 13px; line-height: initial; text-align: center; background: #e83e8c; display: block; padding: 0 2px 3px; border-radius: 5px; margin-top: 13px; } .learningtools-action-info .floating-button > div > div button i, .learningtools-action-info .floating-button .list-learningtools + button i { font-size: 26px; line-height: 43px; color: #fff; } footer .btn-footer-popover { right: 5rem; } .block_xp-xp .sign-img { max-height: 100%; } .block_xp-xp .sign-img img { border: none; height: 18px; margin: 0 3px; padding: 0; vertical-align: middle; } .block_xp-level-progress .sign-img img { margin-top: 1px; } .block_xp-group-ladder .grouppic { margin-right: 3px; max-height: 35px; } .dir-rtl .block_xp-group-ladder .grouppic { margin-right: auto; margin-left: 3px; } /** Hide accepted file types from points symbol filemanager. **/ .block_xp #fitem_id_currency fieldset [name=currency] + p, .block_xp #fitem_id_currency fieldset .form-filetypes-descriptions { display: none; } /** * Grade filters. */ .block-xp-grade-filters-wrapper .filter-rules, .block-xp-grade-filters-wrapper .filters-list .filter > p { margin-left: 0.5em; } /** * Course rule. */ .local_xp-course-rule-widget .course-selected { display: none; } .local_xp-course-rule-widget.has-course .course-selection { display: none; } .local_xp-course-rule-widget.has-course .course-selected { display: inline; } /** * Grade item rule. */ .local_xp-grade-item-rule-widget .grade-item-selected { display: none; } .local_xp-grade-item-rule-widget.has-grade-item .grade-item-selection { display: none; } .local_xp-grade-item-rule-widget.has-grade-item .grade-item-selected { display: inline; } .core_payment_gateways_modal .paypal .icon { height: 40px; width: auto; } .mform .accipioone_submission .fitem .felement { display: grid; } .mform .accipioone_submission .holistic_assessment a[data-toggle=collapse][aria-expanded=true]:before, .mform .accipioone_submission .holistic_assessment .fcontainer a[data-toggle=collapse][aria-expanded=true]:before { transform: rotate(135deg); } .mform .accipioone_submission .holistic_assessment a[data-toggle=collapse]:before, .mform .accipioone_submission .holistic_assessment .fcontainer a[data-toggle=collapse]:before { border-style: solid; border-width: 2px 2px 0 0; content: ""; display: inline-block; height: 6px; position: relative; top: 6px; vertical-align: top; width: 6px; left: -5px; transform: rotate(45deg); } .mform .accipioone_submission .holistic_assessment ul { list-style: none; margin: 0 0 0 10px; } .mform .accipioone_submission .holistic_assessment > ul { margin: 0 0 30px 10px; } .mform .accipioone_submission .holistic_assessment .felement.fadvcheckbox { padding: 0 !important; margin: 0 !important; } .mform .accipioone_submission .holistic_assessment .fitem { margin-top: 0 !important; margin-bottom: 0 !important; } .mform .accipioone_submission .holistic_assessment .felement { width: 100%; display: grid; } .mform .accipioone_submission .holistic_assessment fieldset.fgroup { display: flex; width: 100%; } .mform .accipioone_submission .holistic_assessment .fitemtitle { display: none; } /*# sourceMappingURL=styles.css.map */ .mform .accipioone_feedback .accipio-feedback-title { margin-bottom: 30px; display: block; font-size: large; font-weight: bold; } .mform .accipioone_feedback .fitem { margin: 0 0 30px 0; } .mform .accipioone_feedback .accipio-evidence-item { padding: 15px; border: 1px solid gainsboro; border-radius: 5px; margin-bottom: 15px; } .mform .accipioone_feedback .accipio-evidence-item textarea, .mform .accipioone_feedback .accipio-evidence-item select { width: 100%; padding: 6px 12px; } .mform .accipioone_feedback .accipio-evidence-item .accipio-feedback-collapsable[data-toggle=collapse][aria-expanded=true]:before, .mform .accipioone_feedback .accipio-evidence-item .holistic_assessment a[data-toggle=collapse][aria-expanded=true]:before, .mform .accipioone_feedback .accipio-evidence-item .fcontainer a[data-toggle=collapse][aria-expanded=true]:before { transform: rotate(135deg); } .mform .accipioone_feedback .accipio-evidence-item .accipio-feedback-collapsable:before { border-style: solid; border-width: 2px 2px 0 0; content: ""; display: inline-block; height: 10px; position: relative; top: 6px; vertical-align: top; width: 10px; left: 5px; margin-right: 15px; transform: rotate(45deg); } .mform .accipioone_feedback .accipio-evidence-item .holistic_assessment ul { list-style: none; margin: 0 0 0 10px; } .mform .accipioone_feedback .accipio-evidence-item .holistic_assessment > ul { margin: 0 0 30px 10px; } .mform .accipioone_feedback .accipio-evidence-item .holistic_assessment .felement.fadvcheckbox { padding: 0 !important; margin: 0 !important; } .mform .accipioone_feedback .accipio-evidence-item .holistic_assessment .fitem { margin-top: 0 !important; margin-bottom: 0 !important; } .mform .accipioone_feedback .accipio-evidence-item .holistic_assessment .felement { width: 100%; display: grid; } .mform .accipioone_feedback .accipio-evidence-item .holistic_assessment fieldset.fgroup { display: flex; width: 100%; } .mform .accipioone_feedback .accipio-evidence-item .holistic_assessment a[data-toggle=collapse]:before, .mform .accipioone_feedback .accipio-evidence-item .holistic_assessment .fcontainer a[data-toggle=collapse]:before { border-style: solid; border-width: 2px 2px 0 0; content: ""; display: inline-block; height: 6px; position: relative; top: 6px; vertical-align: top; width: 6px; left: -5px; transform: rotate(45deg); } .mform .accipioone_feedback .accipio-evidence-item .accipio-ac-collapse fieldset legend, .mform .accipioone_feedback .accipio-evidence-item .accipio-ac-collapse fieldset .felement { width: 50%; display: grid; align-content: space-between; } /*# sourceMappingURL=styles.css.map */ .assignfeedback_editpdf_widget .toolbar ul { display: none; } .assignfeedback_editpdf_widget .toolbar li { list-style-type: none; } .assignfeedback_editpdf_widget .drawingcanvas { position: relative; min-width: 817px; min-height: 400px; background-repeat: no-repeat; background-color: #ccc; margin-left: auto; margin-right: auto; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 20px rgba(0, 0, 0, .2); } .assignfeedback_editpdf_widget .moodle-dialogue-bd .drawingregion { position: inherit; } .assignfeedback_editpdf_widget .drawingregion[data-currenttool=select] .commentdrawable textarea, .assignfeedback_editpdf_widget .drawingregion[data-currenttool=select] .commentdrawable svg { cursor: move; } .assignfeedback_editpdf_widget .infoicon { display: none; } .assignfeedback_editpdf_widget .warningmessages { position: absolute; margin-left: 20px; margin-right: 20px; bottom: 20px; } .assignfeedback_editpdf_widget .drawingregion { border: 1px solid #ccc; left: 1em; right: 1em; top: 52px; bottom: 0; position: absolute; overflow: auto; background-color: #ccc; touch-action: none; } .assignfeedback_editpdf_widget { user-select: none; -moz-user-select: none; -webkit-user-select: none; } .assignfeedback_editpdf_widget .pageheader { background-color: #ebebeb; border-bottom: 1px solid #ccc; padding: 0; padding-left: 20px; padding-right: 20px; min-height: 50px; height: 52px; overflow: auto; } .moodle-dialogue-base .moodle-dialogue.assignfeedback_editpdf_widget .moodle-dialogue-bd { padding: 0; } .yui3-colourpicker-hidden, .yui3-commentsearch-hidden, .yui3-commentmenu-hidden { display: none; } .assignfeedback_editpdf_widget .pageheader button img { padding-top: 3px; vertical-align: top; } .assignfeedback_editpdf_widget .pageheader button:active { background-color: #ccc; } .assignfeedback_editpdf_widget .pageheader select, .assignfeedback_editpdf_widget .pageheader button { background: none; padding: 4px 7px; border: 0; border-radius: 0; margin: 0; height: 30px; line-height: 30px; vertical-align: top; cursor: pointer; } .assignfeedback_editpdf_widget .pageheader select { vertical-align: top; -webkit-appearance: none; -moz-appearance: menulist-text; background-color: #fff; padding: 0 10px; } .assignfeedback_editpdf_widget .pageheader select::-ms-expand { display: none; } .assignfeedback_editpdf_widget .pageheader .navigation button + button, .assignfeedback_editpdf_widget .pageheader .toolbar button + button, .assignfeedback_editpdf_widget .pageheader .navigation select + button, .assignfeedback_editpdf_widget .pageheader .toolbar select + button { border-left: 1px solid #ccc; border-right: 0; } .assignfeedback_editpdf_widget .pageheader .navigation button { border-right: 1px solid #ccc; } .assignfeedback_editpdf_widget .pageheader .toolbar, .assignfeedback_editpdf_widget .pageheader .navigation-search, .assignfeedback_editpdf_widget .pageheader .navigation-expcol, .assignfeedback_editpdf_widget .pageheader .navigation { border: 1px solid #ccc; border-bottom-color: #b3b3b3; border-radius: 4px; margin: 10px 4px; background-color: white; height: 30px; line-height: 30px; padding: 0; } .assignfeedback_editpdf_commentsearch ul { max-height: 400px; overflow-y: auto; padding: 1em; } .assignfeedback_editpdf_commentsearch ul li pre { background-color: #efefef; white-space: pre-wrap; word-break: break-word; } .assignfeedback_editpdf_commentsearch ul li pre:hover { background-color: #ddd; } .assignfeedback_editpdf_commentsearch ul li { margin: 2px; } .assignfeedback_editpdf_commentsearch a pre { font-family: helvetica; margin: 0; padding: 4px; } .assignfeedback_editpdf_widget .navigation-search, .assignfeedback_editpdf_widget .navigation-expcol, .assignfeedback_editpdf_widget .navigation { float: left; } .assignfeedback_editpdf_widget .toolbar_group { float: right; } .assignfeedback_editpdf_widget .toolbar button { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .assignfeedback_editpdf_widget .toolbar > button.rotateleftbutton { /*rtl:raw: border-right: 1px solid #ccc; border-left: 0; */ /*rtl:ignore*/ float: left; } .assignfeedback_editpdf_widget .toolbar > button.rotaterightbutton { /*rtl:ignore*/ float: right; } .assignfeedback_editpdf_widget .toolbar { float: left; } .assignfeedback_editpdf_widget .navigation, .assignfeedback_editpdf_widget .navigation-search, .assignfeedback_editpdf_widget .navigation-expcol, .assignfeedback_editpdf_widget .toolbar { display: inline-block; } .assignfeedback_editpdf_colourpicker ul { margin: 0; } .assignfeedback_editpdf_dropdown li.quicklist_comment { width: 200px; } .assignfeedback_editpdf_dropdown li.quicklist_comment a { white-space: nowrap; display: inline-block; max-width: 140px; overflow: hidden; text-overflow: ellipsis; } .assignfeedback_editpdf_dropdown a.delete_quicklist_comment { float: right; width: 20px; } .assignfeedback_editpdf_dropdown button { border: 0; background: none; padding: 6px 7px; border-radius: 0; border-top: 1px solid #ccc; } .assignfeedback_editpdf_dropdown li:first-child button { border-top: 0; } .moodle-dialogue-base .moodle-dialogue.assignfeedback_editpdf_dropdown .moodle-dialogue-wrap { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; margin-left: 0; margin-right: 0; margin-top: 0; border-radius: 4px; } .moodle-dialogue-base .moodle-dialogue.assignfeedback_editpdf_dropdown .moodle-dialogue-bd { padding: 0; } .moodle-dialogue-base .assignfeedback_editpdf_dropdown .moodle-dialogue-wrap .moodle-dialogue-hd, .moodle-dialogue-base .assignfeedback_editpdf_dropdown .moodle-dialogue-wrap .moodle-dialogue-ft { display: none; } .assignfeedback_editpdf_menu li hr { margin: 0; } .assignfeedback_editpdf_menu li a { text-decoration: none; color: #555; margin-left: 10px; margin-right: 10px; margin-top: 4px; margin-bottom: 4px; } ul.assignfeedback_editpdf_search { margin: 0; } .assignfeedback_editpdf_search li { list-style-type: none; } .assignfeedback_editpdf_search li a { text-decoration: none; color: #555; } .assignfeedback_editpdf_menu li:hover { background-color: #ebebeb; } ul.assignfeedback_editpdf_menu { margin: 0; max-height: 40vh; overflow-y: auto; overflow-x: hidden; } .assignfeedback_editpdf_menu li { list-style-type: none; margin: 0; border-radius: 4px; } .assignfeedback_editpdf_menu li img { height: auto; } .assignfeedback_editpdf_menu li button { margin: 0; background: none; } .assignfeedback_editpdf_widget .pageheader button:hover { background-color: #ebebeb; background-image: radial-gradient(ellipse at center, #fff 60%, #dfdfdf 100%); } .assignfeedback_editpdf_widget .pageheader button.assignfeedback_editpdf_selectedbutton:hover, .assignfeedback_editpdf_widget .pageheader button.assignfeedback_editpdf_selectedbutton { background-color: #dfdfdf; background-image: radial-gradient(ellipse at center, #fff 40%, #dfdfdf 100%); } .assignfeedback_editpdf_widget .commentdrawable img { padding: 1px; } .assignfeedback_editpdf_widget .commentdrawable a { float: right; position: relative; left: -17px; top: 2px; height: 14px; background-color: white; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; line-height: 14px; } .assignfeedback_editpdf_widget .commentdrawable textarea { padding: 4px; padding-right: 20px; resize: none; overflow: hidden; color: black; border: 2px solid #ccc; border-radius: 4px; font-size: 16px; font-family: helvetica; min-height: 1.2em; } .assignfeedback_editpdf_widget .commentdrawable textarea:focus { outline: thin dotted #333; outline-color: -webkit-focus-ring-color; outline-width: 5px; outline-style: auto; outline-offset: -2px; } .assignfeedback_editpdf_widget .commentdrawable { display: flex; z-index: 52; height: 0; } .assignfeedback_editpdf_widget .annotation { z-index: 51; } .assignfeedback_editpdf_widget .deleteannotationbutton { z-index: 51; } .assignfeedback_editpdf_widget .commentdrawable label { display: inline-block; } .assignfeedback_editpdf_widget .commentdrawable svg { display: none; } .assignfeedback_editpdf_widget .commentdrawable.commentcollapsed { z-index: auto; width: 24px; } .assignfeedback_editpdf_widget .commentdrawable.commentcollapsed textarea, .assignfeedback_editpdf_widget .commentdrawable.commentcollapsed a { display: none; } .assignfeedback_editpdf_widget .commentdrawable.commentcollapsed svg { display: inline-block; width: 24px; height: 24px; } .assignfeedback_editpdf_widget .drawingcanvas .loading .progressbarlabel { text-align: center; } .hideoverflow { overflow: hidden; position: relative; } @media (max-width: 960px) { .assignfeedback_editpdf_widget .pageheader { height: 104px; } .assignfeedback_editpdf_widget .drawingregion { top: 104px; } } @media (max-width: 767px) { .assignfeedback_editpdf_widget .drawingregion { position: relative; margin-bottom: 1em; top: 0; max-height: 312px; } .assignfeedback_editpdf_widget .pageheader { height: auto; } } @media (max-width: 480px) { .assignfeedback_editpdf_widget .pageheader { padding-left: 5px; padding-right: 5px; } } #page-mod-quiz-report-answersheets-attemptsheet .attempt-sheet-header { display: none; } #page-mod-quiz-report-answersheets-attemptsheet .attempt-sheet-header-gecko { display: block; position: absolute; border-bottom: 1px solid grey; left: 15px; right: 15px; } #page-mod-quiz-report-answersheets-attemptsheet:not(.gecko) table.attempt-sheet-container { width: 100%; } #page-mod-quiz-report-answersheets-attemptsheet:not(.gecko) table.attempt-sheet-container tr { page-break-inside: auto; } #page-mod-quiz-report-answersheets-attemptsheet .que .content .question-instruction { font-weight: bold; font-style: italic; padding-bottom: 10px; } #page-mod-quiz-report-answersheets-submitresponses .cancel-submit-responses { float: left; } #page-mod-quiz-report-answersheets-attemptsheet .print-sheet, #page-mod-quiz-report-answersheets-submitresponses .cancel-submit-responses, #page-mod-quiz-report-answersheets-submitresponses .submit-responses { margin-top: 15px; } /* Only hide the feedback for COMBINED_FEEDBACK_QTYPES. */ #page-mod-quiz-report-answersheets-attemptsheet .que.oumultiresponse .outcome, #page-mod-quiz-report-answersheets-attemptsheet .que.match .outcome, #page-mod-quiz-report-answersheets-attemptsheet .que.multichoice .outcome, #page-mod-quiz-report-answersheets-attemptsheet .que.gapselect .outcome, #page-mod-quiz-report-answersheets-attemptsheet .que.truefalse .outcome, #page-mod-quiz-report-answersheets-attemptsheet .que.wordselect .outcome, #page-mod-quiz-report-answersheets-attemptsheet .que.combined .outcome { display: none; } #page-mod-quiz-report-answersheets-attemptsheet .question-feedback h3.question-feedback-title { font-size: 1.28571em; line-height: 1.5; font-weight: 700; color: #00215b; margin: 10px 0 0 0; } #page-mod-quiz-report-answersheets-attemptsheet .question-feedback .question-feedback-content { padding: 14px; background: #fff8eb; border: 1px solid #fff8eb; border-radius: 0; } /* For OU Multiple choice. */ #page-mod-quiz-report-answersheets-attemptsheet .que.multichoice label { display: inline; } /* End for OU Multiple choice. */ /* For Select missing word. */ #page-mod-quiz-report-answersheets-attemptsheet .que.gapselect span.control { white-space: nowrap; } /* End for Select missing word. */ /* For Combined question that contain Pattern Match. */ #page-mod-quiz-report-answersheets-attemptsheet .que.combined .combined-pmatch-input > a, #page-mod-quiz-report-answersheets-submitresponses .que.combined .combined-pmatch-input > a { display: none; } /* End for Combined question that contain Pattern Match*/ /* For Record audio. */ #page-mod-quiz-report-answersheets-attemptsheet .que.recordrtc .interactive-content-warning { display: none; border: 1px #000 solid; padding: 10px; } /* End for Record audio. */ /* For Matching. */ #page-mod-quiz-report-answersheets-attemptsheet .que.match .formulation .ablock .answer ul.answer-list { margin-bottom: 0; } #page-mod-quiz-report-answersheets-attemptsheet .que.match .formulation .ablock .answer td.text { vertical-align: top; } /* End for Matching. */ /* For TrueFalse. */ #page-mod-quiz-report-answersheets-attemptsheet .que.truefalse .answer .specificfeedback { display: inline; background: #fff8eb; border: 1px solid #fff8eb; padding: 3px; text-shadow: none; text-indent: 0; } /* End for TrueFalse. */ #page-mod-quiz-report-answersheets-attemptsheet .que span.answer-list-inline, #page-mod-quiz-report-answersheets-attemptsheet .que span.answer-list-inline code { font-style: italic; color: #7e0d08; } #page-mod-quiz-report-answersheets-submitresponses .submit-responses { float: right; } #page-mod-quiz-report-answersheets-attemptsheet .im-controls input[type=submit], #page-mod-quiz-report-answersheets-submitresponses .im-controls input[type=submit] { display: none; } #page-mod-quiz-report-answersheets-attemptsheet #page-navbar .breadcrumb-nav { padding-left: 20px; padding-bottom: 20px; } #page-mod-quiz-report tr.lastchanged td { background-color: #afa; } @media print { /* Set the page to A4 size to prevent border lost. */ body#page-mod-quiz-report-answersheets-attemptsheet:not(.gecko) { height: 297mm; width: 210mm; } /* Nasty hack for Firefox. */ /* Unfortunately Firefox have problem with display: flex from Bootstrap. We need to change to display: block.*/ #page-mod-quiz-report-answersheets-attemptsheet.gecko #page-wrapper, #page-mod-quiz-report-answersheets-attemptsheet.gecko #page, #page-mod-quiz-report-answersheets-attemptsheet.gecko #page-content.row { display: block; } #page-mod-quiz-report-answersheets-attemptsheet.gecko #page { box-decoration-break: clone; } /* End nasty hack for Firefox. */ #page-mod-quiz-report-answersheets-attemptsheet .print-sheet { display: none; } #page-mod-quiz-report-answersheets-attemptsheet #region-main { border: none; padding-left: 20px; padding-right: 20px; } #page-mod-quiz-report-answersheets-attemptsheet:not(.gecko) .attempt-sheet-header { display: block; /* stylelint-disable */ background-color: white !important; /* stylelint-enable */ position: relative; z-index: 5; } #page-mod-quiz-report-answersheets-attemptsheet:not(.gecko) .attempt-sheet-header:after { display: block; content: ''; border-bottom: 1px solid grey; } #page-mod-quiz-report-answersheets-attemptsheet:not(.gecko) .attempt-sheet-header-gecko { display: none; } #page-mod-quiz-report-answersheets-attemptsheet.gecko .attempt-sheet-header-gecko { position: fixed; left: 35px; right: 35px; } #page-mod-quiz-report-answersheets-attemptsheet #page-navbar { display: none; } /* Nasty hack to prevent the scrollbar appears in the Print view. */ #page-mod-quiz-report-answersheets-attemptsheet .que, #page-mod-quiz-report-answersheets-attemptsheet .que .formulation, #page-mod-quiz-report-answersheets-attemptsheet .que .formulation .question-instruction, #page-mod-quiz-report-answersheets-attemptsheet .que .formulation .qtext, #page-mod-quiz-report-answersheets-attemptsheet .que .formulation .ablock, #page-mod-quiz-report-answersheets-attemptsheet .que .formulation .qtext p, #page-mod-quiz-report-answersheets-attemptsheet .que .info, #page-mod-quiz-report-answersheets-attemptsheet .que .feedback, #page-mod-quiz-report-answersheets-attemptsheet .que .feedback p, #page-mod-quiz-report-answersheets-attemptsheet .que .specificfeedback, #page-mod-quiz-report-answersheets-attemptsheet .que .generalfeedback, #page-mod-quiz-report-answersheets-attemptsheet .que .rightanswer, #page-mod-quiz-report-answersheets-attemptsheet .que .im-feedback, #page-mod-quiz-report-answersheets-attemptsheet .que .question-feedback .question-feedback-content, #page-mod-quiz-report-answersheets-attemptsheet .que .question-feedback .question-feedback-content p { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; } /* End nasty hack. */ /* Extra space to replace the removed margin and padding. */ #page-mod-quiz-report-answersheets-attemptsheet .que:after, #page-mod-quiz-report-answersheets-attemptsheet .que .info:before, #page-mod-quiz-report-answersheets-attemptsheet .que .formulation:after { display: block; content: '\A'; white-space: pre-wrap; line-height: inherit; } /* For Ordering. */ /* We need to remove all the margin, padding and border to prevent page-break issue. */ /* Add extra newline '\A' to replace the removed margin and padding. */ #page-mod-quiz-report-answersheets-attemptsheet .que.ordering .sortablelist.active { border: none; } #page-mod-quiz-report-answersheets-attemptsheet .que.ordering ul.sortablelist li { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; page-break-inside: avoid; } #page-mod-quiz-report-answersheets-attemptsheet .que.ordering ul.sortablelist.horizontal:before { display: block; content: '\A'; white-space: pre-wrap; } #page-mod-quiz-report-answersheets-attemptsheet .que.ordering ul.sortablelist .orderingmargin { height: 5px; } #page-mod-quiz-report-answersheets-attemptsheet .que.ordering ul.sortablelist .orderingmargin.horizontal { position: absolute; bottom: -5px; width: 100%; } #page-mod-quiz-report-answersheets-attemptsheet .que.ordering ul.sortablelist .orderingwrapper { display: inline-block; position: relative; } /* End for Ordering. */ /* For Record audio. */ #page-mod-quiz-report-answersheets-attemptsheet .que.recordrtc .interactive-content-warning { display: block; } #page-mod-quiz-report-answersheets-attemptsheet .que.recordrtc .no-recording-warning, #page-mod-quiz-report-answersheets-attemptsheet .que.recordrtc .playback-ui-warning, #page-mod-quiz-report-answersheets-attemptsheet .que.recordrtc .omp-wrapper, #page-mod-quiz-report-answersheets-attemptsheet .que.recordrtc .interactive-media-player { display: none; } /* End for Record audio. */ /* For Word Select. */ #page-mod-quiz-report-answersheets-attemptsheet .que.wordselect .qtext span.multiword { border: none; } /* End for Word Select. */ } #page-mod-quiz-report #manualgradingform { width: 100%; } #page-mod-quiz-report #manualgradingform.mform br { clear: none; } #page-mod-quiz-report #manualgradingform.mform .clearfix:after { clear: none; } #page-mod-quiz-report #manualgradingform .que { margin-bottom: 0.7em; } /* Rubric - grid layout */ .path-mod-workshop .mform.frozen #id_rubric-grid-wrapper, .path-mod-workshop .assessmentform.rubric #id_rubric-grid-wrapper { border: none; } .path-mod-workshop .mform.frozen #id_rubric-grid-wrapper legend, .path-mod-workshop .assessmentform.rubric #id_rubric-grid-wrapper legend { display: none; } .path-mod-workshop .mform.frozen #id_rubric-grid-wrapper th, .path-mod-workshop .mform.frozen #id_rubric-grid-wrapper td, .path-mod-workshop .assessmentform.rubric.grid #id_rubric-grid-wrapper th, .path-mod-workshop .assessmentform.rubric.grid #id_rubric-grid-wrapper td { border: 1px solid #ddd; padding: 5px; vertical-align: top; } .path-mod-workshop .mform.frozen #id_rubric-grid-wrapper, .path-mod-workshop .assessmentform.rubric.grid #id_rubric-grid-wrapper .criterion { text-align: center; } .path-mod-workshop .assessmentform.rubric.grid #id_rubric-grid-wrapper .fitem { text-align: center; } .path-mod-workshop .mform.frozen #id_rubric-grid-wrapper .fitem .fitemtitle, .path-mod-workshop .assessmentform.rubric.grid #id_rubric-grid-wrapper .fitem .fitemtitle { display: none; } .path-mod-workshop .mform.frozen #id_rubric-grid-wrapper, .path-mod-workshop #id_rubric-grid-wrapper { margin-left: auto; margin-right: auto; width: 100%; } .path-mod-workshop .mform.frozen #id_rubric-grid-wrapper .checkbox, .path-mod-workshop .assessmentform.rubric.grid #id_rubric-grid-wrapper .checkbox { max-width: 100%; flex: 0 0 100%; text-align: left; } .path-mod-workshop .mform.frozen #id_rubric-grid-wrapper .fitem .felement, .path-mod-workshop .assessmentform.rubric.grid #id_rubric-grid-wrapper .fitem .felement { width: 100%; margin-left: auto; margin-right: auto; } .path-mod-workshop .mform.frozen #id_rubric-grid-wrapper .fitem .felement { border: none; } .path-mod-workshop .assessmentform.rubric.grid #id_rubric-grid-wrapper .fitem .felement span { display: block; text-align: center; } .path-mod-workshop .assessmentform.rubric.grid #id_rubric-grid-wrapper .fitem .felement span label { display: block; text-align: center; } /* Rubric - list layout */ .path-mod-workshop .mform.frozen .fitem.description.rubric + .fitem .fitemtitle, .path-mod-workshop .assessmentform.rubric.list #id_rubric-grid-wrapper .fitem .fitemtitle { display: none; } .path-mod-workshop .mform.frozen .fitem.description.rubric + .fitem .fitemtitle + .felement, .path-mod-workshop .assessmentform.rubric.list .fitem .felement { width: auto; border: none; } .path-mod-workshop .assessmentform.rubric.list .fitem .felement span input { display: block; float: left; } .path-mod-workshop .assessmentform.rubric.list .fitem .felement.fgroup span label { display: block; margin-left: 30px; } /** * Manual allocator */ .path-mod-workshop .manual-allocator .allocations { margin: 0 auto; width: 100%; } .path-mod-workshop .manual-allocator .allocations tbody tr:nth-of-type(odd) { background-color: #eee; } .path-mod-workshop .manual-allocator .allocations tbody tr:nth-of-type(odd).highlightreviewerof, .path-mod-workshop .manual-allocator .allocations tbody tr:nth-of-type(odd).highlightreviewedby { background-color: inherit; } .path-mod-workshop .manual-allocator .allocations .peer .image { margin-right: 5px; vertical-align: middle; } .path-mod-workshop .manual-allocator .allocations .reviewedby .image, .path-mod-workshop .manual-allocator .allocations .reviewerof .image { margin-right: 3px; vertical-align: middle; } .path-mod-workshop .manual-allocator .allocations .highlightreviewedby .reviewedby, .path-mod-workshop .manual-allocator .allocations .highlightreviewerof .reviewerof { background-color: #fff3d2; } .path-mod-workshop .manual-allocator .allocations tr td { vertical-align: top; padding: 5px; } .path-mod-workshop .manual-allocator .allocations tr td ul { margin: 0; } .path-mod-workshop .manual-allocator .allocations tr td ul li { list-style: none; } .path-mod-workshop .manual-allocator .allocations tr td.peer { border-left: 1px solid #ccc; border-right: 1px solid #ccc; } .path-mod-workshop .manual-allocator .allocations .reviewedby .info, .path-mod-workshop .manual-allocator .allocations .peer .info, .path-mod-workshop .manual-allocator .allocations .reviewerof .info { font-size: 80%; color: #888; font-style: italic; } .path-mod-workshop .manual-allocator .allocations .peer .submission { font-size: 90%; margin-top: 1em; } .path-mod-workshop .random-allocator .warning { width: 100%; margin: 0 auto 15px auto; } .accessibilitywarnings img { max-width: 32px; max-height: 32px; } .atto_backcolor_button .dropdown-menu { min-width: inherit; } .atto_backcolor_button .dropdown-menu .atto_menuentry { padding-top: 5px; padding-bottom: 5px; } .atto_backcolor_button .dropdown-menu .atto_menuentry a[role=menuitem] { display: flex; } .atto_backcolor_button .dropdown-menu .atto_menuentry a[role=menuitem]:hover, .atto_backcolor_button .dropdown-menu .atto_menuentry a[role=menuitem]:focus { box-shadow: #0f6fc5 0 0 3px 1px; } .atto_backcolor_button .dropdown-menu .coloroption { display: flex; align-items: center; float: left; height: 20px; width: 20px; border: 1px solid #ccc; } .atto_charmap_selector button { width: 2.18rem; margin: 0.1rem; } @media (max-width: 768px) { .toolbarbreak { display: none; } } /* Improve the form layout. */ .moodle-dialogue-base #embedqform #fitem_id_submitbutton { padding: 0; margin: 0; } .moodle-dialogue-base #embedqform .fdescription.required { display: none; } /* * There is a nasty conflict between the core style rule * '.moodle-dialogue-base .hidden' for hidden dialogues, * and formslib's concept of invisible fieldsets that are * done with