* @copyright 2014 Academic Moodle Cooperation {@link http://www.academic-moodle-cooperation.org}
* @since Moodle 2.1
* @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
*AA
**/
#page-mod-offlinequiz-attempt #page .controls,
#page-mod-offlinequiz-summary #page .controls,
#page-mod-offlinequiz-review #page .controls {
text-align: center;
margin: 8px auto
}
#page-mod-offlinequiz-attempt .submitbtns,
#page-mod-offlinequiz-review .submitbtns {
clear: left;
text-align: left;
padding-top: 1.5em
}
#page-mod-offlinequiz-review .noticebox {
background-color: #ffa;
border-color: #fb3232;
border-width: 3px;
color: #000;
margin-top: 15px
}
#page-mod-offlinequiz-review div.correct i.icon,
#page-mod-offlinequiz-review div.incorrect i.icon {
margin-left: .5em
}
body.jsenabled .questionflagcheckbox {
display: none
}
.generalbox#passwordbox {
width: 70%;
margin-left: auto;
margin-right: auto
}
#passwordform {
margin: 1em 0
}
#offlinequiznojswarning {
color: red
}
#offlinequiznojswarning {
font-size: .7em;
line-height: 1.1
}
.jsenabled #offlinequiznojswarning {
display: none
}
.path-mod-offlinequiz #user-picture {
margin: .5em 0
}
.path-mod-offlinequiz #user-picture img {
width: auto;
height: auto;
float: left
}
.path-mod-offlinequiz .qnbutton {
display: block;
position: relative;
float: left;
width: 1.5em;
height: 1.5em;
overflow: hidden;
margin: .3em .3em .3em 0;
padding: 0;
border: 1px solid #bbb;
background: #ddd;
text-align: center;
line-height: 1.5em !important;
font-weight: 700;
text-decoration: none
}
.path-mod-offlinequiz .qnbutton:hover {
text-decoration: underline
}
.path-mod-offlinequiz .qnbutton span {
cursor: hand
}
.path-mod-offlinequiz .qnbutton .trafficlight,
.path-mod-offlinequiz .qnbutton .thispageholder {
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0
}
.path-mod-offlinequiz .qnbutton.thispage {
border-color: #666
}
.path-mod-offlinequiz .qnbutton.thispage .thispageholder {
border: 1px solid #666
}
.path-mod-offlinequiz .qnbutton.flagged .trafficlight {
background: url(/theme/image.php/recit2/offlinequiz/1759007012/navflagged) no-repeat top right
}
.path-mod-offlinequiz .qnbutton.notyetanswered,
.path-mod-offlinequiz .qnbutton.requiresgrading,
.path-mod-offlinequiz .qnbutton.invalidanswer {
background-color: #fff
}
.path-mod-offlinequiz .answer .correct {
background-color: #cfc
}
.path-mod-offlinequiz .qnbutton.correct .trafficlight {
border-bottom: 3px solid #080
}
.path-mod-offlinequiz .qnbutton.partiallycorrect {
background-color: #ffa
}
.path-mod-offlinequiz .qnbutton.notanswered,
.path-mod-offlinequiz .answer .incorrect {
background-color: #fcc
}
.path-mod-offlinequiz .qnbutton.notanswered .trafficlight,
.path-mod-offlinequiz .qnbutton.incorrect .trafficlight {
border-top: 3px solid #800
}
.path-mod-offlinequiz .othernav {
clear: both;
margin: .5em 0
}
.path-mod-offlinequiz .othernav a,
.path-mod-offlinequiz .othernav input {
display: block;
margin: .5em 0
}
#offlinequiz-timer {
display: none;
margin-top: 1em
}
#offlinequiz-time-left {
font-weight: 700
}
#offlinequiz-timer.timeleft15 {
background: #fff
}
#offlinequiz-timer.timeleft14 {
background: #fee
}
#offlinequiz-timer.timeleft13 {
background: #fdd
}
#offlinequiz-timer.timeleft12 {
background: #fcc
}
#offlinequiz-timer.timeleft11 {
background: #fbb
}
#offlinequiz-timer.timeleft10 {
background: #faa
}
#offlinequiz-timer.timeleft9 {
background: #f99
}
#offlinequiz-timer.timeleft8 {
background: #f88
}
#offlinequiz-timer.timeleft7 {
background: #f77
}
#offlinequiz-timer.timeleft6 {
background: #f66
}
#offlinequiz-timer.timeleft5 {
background: #f55
}
#offlinequiz-timer.timeleft4 {
background: #f44
}
#offlinequiz-timer.timeleft3 {
background: #f33
}
#offlinequiz-timer.timeleft2 {
background: #f22
}
#offlinequiz-timer.timeleft1 {
background: #f11
}
#offlinequiz-timer.timeleft0 {
background: red
}
#page-mod-offlinequiz-mod #reviewoptionshdr .fitem {
width: 23%;
margin-left: 10px
}
#page-mod-offlinequiz-mod #reviewoptionshdr fieldset.fgroup {
width: 100%;
text-align: left;
margin-left: 0
}
#page-mod-offlinequiz-mod #reviewoptionshdr .fitem,
#adminofflinequizreviewoptions .group {
float: left;
width: 33%;
clear: none
}
#page-mod-offlinequiz-mod #reviewoptionshdr .fitemtitle,
#adminofflinequizreviewoptions .fitemtitle {
width: 100%;
font-weight: 700;
text-align: left;
height: 2.5em;
margin-left: 0
}
#page-mod-offlinequiz-mod #reviewoptionshdr fieldset.fgroup,
#adminofflinequizreviewoptions {
clear: left
}
#page-mod-offlinequiz-mod #reviewoptionshdr fieldset.fgroup span,
#adminofflinequizreviewoptions span {
float: left;
clear: left;
margin: .1em 0
}
#page-mod-offlinequiz-mod #reviewoptionshdr fieldset.fgroup span label,
#adminofflinequizreviewoptions span label {
margin-left: .4em
}
#page-mod-offlinequiz-mod.dir-rtl #reviewoptionshdr .fitem,
#adminofflinequizreviewoptions .group {
float: right;
width: 24%
}
#page-mod-offlinequiz-mod.dir-rtl #reviewoptionshdr fieldset.fgroup span,
#adminofflinequizreviewoptions span {
float: right;
clear: right
}
#page-mod-offlinequiz-mod.dir-rtl #reviewoptionshdr .fitemtitle,
#adminofflinequizreviewoptions .fitemtitle {
text-align: right
}
#page-mod-offlinequiz-participants a.editlistlink {
margin-left: 3px
}
#page-mod-offlinequiz-participants a.deletelistlink {
margin-left: 3px
}
#page-mod-offlinequiz-view .offlinequizinfo,
#page-mod-offlinequiz-view h2.main,
#page-mod-offlinequiz-createquiz h2.main,
#page-mod-offlinequiz-report h2.main,
#page-mod-offlinequiz-participants h2.main,
#page-mod-offlinequiz-review h2.main,
#page-mod-offlinequiz-tutorial-index h2.main,
#page-mod-offlinequiz-view #page .offlinequizgradefeedback,
#page-mod-offlinequiz-view #page .offlinequizattempt {
text-align: center
}
#page-mod-offlinequiz-view #page .offlinequizattemptsummary td p {
margin-top: 0
}
table.offlinequizattemptsummary .bestrow td {
background-color: #e8e8e8
}
table.offlinequizattemptsummary .noreviewmessage {
color: gray
}
#page-mod-offlinequiz-view .generaltable.offlinequizattemptsummary {
margin-left: auto;
margin-right: auto
}
#page-mod-offlinequiz-view .generalbox#feedback {
width: 70%;
margin-left: auto;
margin-right: auto;
padding-bottom: 15px
}
#page-mod-offlinequiz-view .generalbox#feedback h2 {
margin: 0
}
#page-mod-offlinequiz-view .generalbox#feedback h3 {
text-align: left
}
#page-mod-offlinequiz-view .generalbox#feedback .overriddennotice {
text-align: center;
font-size: .7em
}
.offlinequizstartbuttondiv.offlinequizsecuremoderequired input {
display: none
}
.jsenabled .offlinequizstartbuttondiv.offlinequizsecuremoderequired input {
display: inline
}
.mod-offlinequiz .gradedattempt,
.mod-offlinequiz tr.gradedattempt td {
background-color: #e8e8e8
}
.offlinequizattemptcounts {
clear: left;
text-align: center
}
#page-mod-offlinequiz-summary #content {
text-align: center
}
#page-mod-offlinequiz-summary .questionflag {
width: 16px;
height: 16px;
vertical-align: middle
}
#page-mod-offlinequiz-summary #offlinequiz-timer {
text-align: center;
margin-top: 1em
}
#page-mod-offlinequiz-summary .submitbtns {
margin-top: 1.5em
}
@media print {
.offlinequiz-secure-window * {
display: none !important
}
}
table.offlinequizreviewsummary {
width: 100%
}
table.offlinequizreviewsummary th.cell {
padding: 1px .5em 1px 1em;
font-weight: 700;
text-align: right;
width: 10em;
background: #f0f0f0
}
table.offlinequizreviewsummary td.cell {
padding: 1px 1em 1px .5em;
text-align: left;
background: #fafafa
}
#page-mod-offlinequiz-comment .mform {
width: 100%
}
#page-mod-offlinequiz-comment .mform fieldset {
margin: 0
}
#page-mod-offlinequiz-comment .que {
margin: 0
}
#page-mod-offlinequiz-report h2.main {
clear: both
}
#page-mod-offlinequiz-report .tabtree .tabrow1 li a,
#page-mod-offlinequiz-participants .tabtree .tabrow1 li a,
#page-mod-offlinequiz-createquiz .tabtree .tabrow1 li a,
#page-mod-offlinequiz-report .tabtree .tabrow1 li a.nolink,
#page-mod-offlinequiz-participants .tabtree .tabrow1 li a.nolink,
#page-mod-offlinequiz-createquiz .tabtree .tabrow1 li a.nolink,
#page-mod-offlinequiz-report div#commands,
#page-mod-offlinequiz-report .controls {
text-align: center
}
#page-mod-offlinequiz-report .display-options {
margin-top: 1em;
text-align: center
}
#page-mod-offlinequiz-report .downloadoptions .text-xs-right {
text-align: center !important
}
#page-mod-offlinequiz-report table#overview-options {
margin-left: auto;
margin-right: auto
}
#page-mod-offlinequiz-report .menunoresults {
margin-top: 1em
}
#page-mod-offlinequiz-report .dubious {
background-color: #fcc
}
#page-mod-offlinequiz-report .highlight {
border: medium solid #ff0;
background-color: lightYellow
}
#page-mod-offlinequiz-report .negcovar {
border: medium solid pink;
width: 70%;
float: right
}
#page-mod-offlinequiz-report .toggleincludeauto {
text-align: center
}
#page-mod-offlinequiz-report .gradetheselink {
font-size: .8em
}
#page-mod-offlinequiz-report .mform fieldset {
margin: 0
}
#page-mod-offlinequiz-report fieldset.felement.fgroup {
margin: 0
}
#page-mod-offlinequiz-report table.titlesleft td.c0 {
font-weight: 700
}
#page-mod-offlinequiz-report table .numcol {
text-align: center;
vertical-align: middle !important
}
#page-mod-offlinequiz-report table#attempts {
clear: both;
width: 80%;
margin: .2em auto
}
#page-mod-offlinequiz-report table#attempts .header,
#page-mod-offlinequiz-report table#attempts .cell {
padding: 4px
}
#page-mod-offlinequiz-report table#attempts .header .commands {
display: inline
}
#page-mod-offlinequiz-report table#attempts .picture {
width: 40px
}
#page-mod-offlinequiz-report table#attempts td {
border-left-width: 1px;
border-right-width: 1px;
border-left-style: solid;
border-right-style: solid;
vertical-align: middle;
border-color: #ddd;
text-align: center
}
#page-mod-offlinequiz-report table#attempts th.sumgrades {
text-align: right
}
#page-mod-offlinequiz-report table#attempts td.sumgrades {
text-align: right
}
#page-mod-offlinequiz-report table#attempts .header {
text-align: center
}
#page-mod-offlinequiz-report table#attempts .header.c2,
#page-mod-offlinequiz-report table#attempts td.c2 {
text-align: left
}
#page-mod-offlinequiz-report table#attempts .picture {
text-align: center !important
}
#page-mod-offlinequiz-report table#attempts.grades span.que,
#page-mod-offlinequiz-report table#attempts span.avgcell {
white-space: nowrap
}
#page-mod-offlinequiz-report table#attempts span.que .requiresgrading {
white-space: normal
}
#page-mod-offlinequiz-report table#attempts .questionflag {
width: 16px;
height: 16px;
vertical-align: middle
}
#page-mod-offlinequiz-report .graph.flexible-wrap {
text-align: center;
overflow: auto
}
#page-mod-offlinequiz-report #cachingnotice {
margin-bottom: 1em;
padding: .2em
}
#page-mod-offlinequiz-report #cachingnotice .singlebutton {
margin: .5em 0 0
}
#page-mod-offlinequiz-report .bold .reviewlink {
font-weight: 400
}
#page-mod-offlinequiz-report div.notify {
text-align: center
}
#page-mod-offlinequiz-report div.notifynote {
background-color: lightYellow;
color: #3a3a3a;
border: 0
}
#page-mod-offlinequiz-report div.backlinkbox {
padding-top: 10px
}
#page-mod-offlinequiz-report table.errorpages td.checkbox input {
margin-left: 0;
float: none
}
#page-mod-offlinequiz-report .boxaligncenter {
margin: 0 auto
}
#page-mod-offlinequiz-print-html .pagebreak {
page-break-after: always
}
#adminofflinequizreviewoptions {
margin-bottom: .5em
}
#page-mod-offlinequiz-createquiz div.notify {
text-align: center
}
#page-mod-offlinequiz-createquiz div.preview {
padding: 10px 10px 10px 30px;
text-align: left;
width: 96%
}
#page-mod-offlinequiz-createquiz div.preview div.question span.number {
font-weight: 700;
text-align: left
}
#page-mod-offlinequiz-createquiz div.preview div.question {
float: left;
padding: 5px;
text-align: left;
width: 80%
}
#page-mod-offlinequiz-createquiz div.preview div.grade {
float: right;
padding: 5px;
text-align: right;
width: 10%
}
#page-mod-offlinequiz-createquiz div.preview div.answer {
clear: both;
padding: 5px 5px 5px 52px;
text-align: left;
text-indent: -22px;
width: 90%
}
#page-mod-offlinequiz-createquiz div.docsbox {
border-bottom: 1px solid #e3e3e3;
clear: both
}
#page-mod-offlinequiz-createquiz div.downloadalllink {
float: right
}
#page-mod-offlinequiz-report .errorpages .checkbox,
#page-mod-offlinequiz-report .errorpages .page,
#page-mod-offlinequiz-report .errorpages .error,
#page-mod-offlinequiz-report .errorpages .time,
#page-mod-offlinequiz-report .errorpages .counter {
text-align: center
}
#page-mod-offlinequiz-report .errorpages .username {
text-align: left
}
#page-mod-offlinequiz-mod.dir-rtl #reviewoptionshdr .fitem,
.dir-rtl #adminofflinequizreviewoptions .group {
width: 23%;
float: right
}
#page-mod-offlinequiz-mod.dir-rtl #reviewoptionshdr .fitemtitle,
.dir-rtl #adminofflinequizreviewoptions .fitemtitle {
text-align: right
}
#page-mod-offlinequiz-mod.dir-rtl #reviewoptionshdr fieldset.fgroup span,
.dir-rtl #adminofflinequizreviewoptions span {
clear: right;
float: right
}
#page-mod-offlinequiz-createquiz div.answer img.texrender {
vertical-align: middle
}
#page-mod-offlinequiz-report .dowloadoptions .text-xs-right {
text-align: center !important
}
#page-mod-offlinequiz-report table#statsoverviewtable {
border: 1px solid #ddd;
width: 50%
}
#page-mod-offlinequiz-report table#statsoverviewtable .r1 {
background-color: #f2f2f2
}
#page-mod-offlinequiz-report table#questionstatstable {
border: 1px solid #ddd;
width: 30em
}
#page-mod-offlinequiz-report table#questionstatstable .r1 {
background-color: #f2f2f2
}
#page-mod-offlinequiz-report table#questionstatstable tr td.c0 {
width: 50%
}
#page-mod-offlinequiz-report table#questionstatstable .r1 {
background-color: #f2f2f2
}
#page-mod-offlinequiz-report table#statisticsquestiontable {
border: 1px solid #ddd;
border-collapse: collapse;
width: 80%
}
#page-mod-offlinequiz-report table#statisticsquestiontable .r1 {
background-color: #f2f2f2
}
#page-mod-offlinequiz-report tr.redrow {
color: red
}
#page-mod-offlinequiz-report tr.greenrow {
color: green
}
#page-mod-offlinequiz-report table#questionstatistics th.header {
border: 1px solid #ddd;
border-collapse: collapse
}
#page-mod-offlinequiz-report div.no-overflow table#questionstatistics td {
border: 1px solid #ddd;
border-collapse: collapse
}
#page-mod-offlinequiz-report table#questionstatistics .r1 {
background-color: #f2f2f2
}
#page-mod-offlinequiz-report table#questionstatistics .numcol {
text-align: right
}
#page-mod-offlinequiz-report table#questionstatistics .questiontext {
color: #555
}
#page-mod-offlinequiz-report table#questionstatistics td.numcol div.negcovar {
position: relative;
width: 18em
}
#page-mod-offlinequiz-report table#questionstatistics td.cell {
border: 1px solid #ddd;
border-collapse: collapse
}
#page-mod-offlinequiz-report div.no-overflow table#statisticsquestiontable th.header {
border: 1px solid #ddd;
border-collapse: collapse
}
#page-mod-offlinequiz-report div.no-overflow table#statisticsquestiontable td {
border: 1px solid #ddd;
border-collapse: collapse
}
#page-mod-offlinequiz-report table#questionstatistics div.commands {
float: right
}
#page-mod-offlinequiz-report table#questionstatistics td.correct {
display: none
}
#page-mod-offlinequiz-report table#questionstatistics td.partially {
display: none
}
#page-mod-offlinequiz-report table#questionstatistics td.wrong {
display: none
}
#page-mod-offlinequiz-report table#questionstatistics th.correct {
display: none
}
#page-mod-offlinequiz-report table#questionstatistics th.partially {
display: none
}
#page-mod-offlinequiz-report table#questionstatistics th.wrong {
display: none
}
.Popup {
display: none;
background: #fff;
left: 50%;
margin-left: -250px;
position: fixed;
top: 5em;
width: 600px;
height: 800px;
z-index: 3;
box-shadow: 0 0 10px #222;
padding: 10px
}
#overlay {
display: none;
background: -moz-radial-gradient(center, ellipse cover, rgb(0 0 0 / .65) 0%, rgb(0 0 0 / .5) 100%);
background: -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(0%, rgb(0 0 0 / .65)), color-stop(100%, rgb(0 0 0 / .5)));
background: -webkit-radial-gradient(center, ellipse cover, rgb(0 0 0 / .65) 0%, rgb(0 0 0 / .5) 100%);
background: -o-radial-gradient(center, ellipse cover, rgb(0 0 0 / .65) 0%, rgb(0 0 0 / .5) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgb(0 0 0 / .65) 0%, rgb(0 0 0 / .5) 100%);
background: radial-gradient(ellipse at center, rgb(0 0 0 / .65) 0%, rgb(0 0 0 / .5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#80000000', GradientType=1);
width: 100%;
height: 100%;
position: fixed;
z-index: 2;
top: 0;
left: 0
}
#overlay.fade,
.Popup.fade {
opacity: 0;
transition: opacity 0.6s ease;
display: none
}
#overlay.fade.show,
.Popup.fade.show {
opacity: 1;
display: block
}
#overlay.fade-out,
.Popup.fade-out {
opacity: 0;
transition: opacity 1s ease-out
}
input#showviewbutton {
display: none
}
.jsenabled input#showviewbutton {
float: right;
display: block
}
#page-mod-offlinequiz-edit h2.main {
display: inline;
padding-right: 1em;
clear: left
}
#page-mod-offlinequiz-edit.dir-rtl h2.main {
padding-left: 1em;
padding-right: 0
}
#page-mod-offlinequiz-edit .statusdisplay {
background-color: #ffc;
clear: both;
margin: .3em 1em .3em 0;
padding: 1px
}
#page-mod-offlinequiz-edit .emptystatusdisplay {
clear: both;
margin: .3em 1em .3em 0
}
#page-mod-offlinequiz-edit.dir-rtl .statusdisplay {
margin: .3em 0 .3em 1em
}
#page-mod-offlinequiz-edit .statusdisplay p {
margin: .4em
}
#page-mod-offlinequiz-edit .btn.savechanges {
margin-left: .4em
}
#page-mod-offlinequiz-edit input#inputmaxgrade {
width: 4em
}
#page-mod-offlinequiz-edit li.activity>div,
#page-mod-offlinequiz-edit li.pagenumber {
position: relative
}
#page-mod-offlinequiz-edit .last-add-menu {
position: relative;
height: 1.5em;
margin-top: .5em
}
#page-mod-offlinequiz-edit .add-menu-outer {
position: absolute;
top: 0;
right: 0
}
#page-mod-offlinequiz-edit.dir-rtl .add-menu-outer {
right: auto;
left: 0
}
#page-mod-offlinequiz-edit .slotnumber {
background-color: #d3d3d3;
text-align: center;
margin: .1em .5em;
min-width: 2em;
display: inline-block
}
#page-mod-offlinequiz-edit ul.slots li.section {
border: 0
}
#page-mod-offlinequiz-edit ul.slots li.section .content {
background-color: #fafafa;
padding: 5px 10px
}
#page-mod-offlinequiz-edit ul.slots li.section .content h3 {
margin: 0;
color: #777;
font-weight: 400
}
#page-mod-offlinequiz-edit ul.slots li.section li.activity.page h4 {
display: inline;
font-weight: 400;
font-size: 1em
}
#page-mod-offlinequiz-edit ul.slots li.section .left {
padding: 4px 0
}
#page-mod-offlinequiz-edit ul.slots li.section .right {
padding: 4px 0
}
#page-mod-offlinequiz-edit ul.slots {
margin: 0;
clear: both
}
#page-mod-offlinequiz-edit ul.slots li.section {
list-style: none;
margin: 0 0 5px 0;
padding: 0
}
#page-mod-offlinequiz-edit ul.slots li.section .left {
float: left
}
#page-mod-offlinequiz-edit ul.slots li.section .right {
float: right
}
#page-mod-offlinequiz-edit ul.slots li.section .left,
#page-mod-offlinequiz-edit ul.slots li.section .right {
width: 40px;
text-align: center;
padding: 6px 0
}
#page-mod-offlinequiz-edit ul.slots li.section .right img.icon {
padding: 0 0 4px 0
}
#page-mod-offlinequiz-edit ul.slots li.section .left .section-handle img.icon {
padding: 0;
vertical-align: baseline
}
#page-mod-offlinequiz-edit ul.slots li.section li.activity {
background: #e6e6e6;
margin: 3px 0 3px 0;
padding: .2em
}
#page-mod-offlinequiz-edit ul.slots li.section li.activity.page {
background: #fff0
}
#page-mod-offlinequiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer {
background: #fff;
padding: .2em;
margin: .4em
}
#page-mod-offlinequiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer .editicon {
width: 13px
}
#page-mod-offlinequiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer.infoitem {
background: #fff0
}
#page-mod-offlinequiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer form {
display: inline
}
#page-mod-offlinequiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer form input {
margin: 0;
padding: .2em;
height: 1em
}
#page-mod-offlinequiz-edit ul.slots li.section li.activity .instancemaxmark {
display: inline-block;
text-align: right
}
#page-mod-offlinequiz-edit.dir-rtl ul.slots li.section li.activity .instancemaxmark {
text-align: left
}
#page-mod-offlinequiz-edit ul.slots li.section li.activity .page_split_join_wrapper {
position: absolute
}
#page-mod-offlinequiz-edit ul.slots li.section li.activity .page_split_join {
position: relative;
left: -20px;
top: -7px
}
#page-mod-offlinequiz-edit.dir-rtl ul.slots li.section li.activity .page_split_join {
left: auto;
right: -20px
}
#page-mod-offlinequiz-edit ul.slots li.section li.activity .mod-indent-outer {
display: flex;
padding-left: 22px
}
#page-mod-offlinequiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_0 {
min-width: 1.3em
}
#page-mod-offlinequiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_1 {
min-width: 2em
}
#page-mod-offlinequiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_2 {
min-width: 2.6em
}
#page-mod-offlinequiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_3 {
min-width: 3.2em
}
#page-mod-offlinequiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_4 {
min-width: 3.7em
}
#page-mod-offlinequiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_5 {
min-width: 4.3em
}
#page-mod-offlinequiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_6 {
min-width: 4.8em
}
#page-mod-offlinequiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_7 {
min-width: 5.45em
}
#page-mod-offlinequiz-edit .menucopyselectedtogrouptop {
margin-right: 1em
}
#page-mod-offlinequiz-edit ul.slots li.section li.activity .edit_icon,
#page-mod-offlinequiz-edit ul.slots li.section li.activity a.preview,
#page-mod-offlinequiz-edit ul.slots li.section li.activity .editing_delete,
#page-mod-offlinequiz-edit ul.slots li.section li.activity .editing_maxmark {
margin: 0 2px
}
#page-mod-offlinequiz-edit ul.slots li.section li.activity .question_checkbox {
padding-left: .3em;
padding-top: .2em;
display: block
}
#page-mod-offlinequiz-edit ul.slots li.section li.activity .activityinstance {
display: flex;
flex: 1 1 auto;
min-height: 1.7em;
padding-right: 2px
}
#page-mod-offlinequiz-edit .questionblock {
display: inline
}
#page-mod-offlinequiz-edit ul.slots li.section li.activity.forgrading .activityinstance {
left: 3em
}
#page-mod-offlinequiz-edit.dir-rtl ul.slots li.section li.activity .activityinstance {
left: auto;
right: 5em
}
#page-mod-offlinequiz-edit ul.slots li.section li.activity.forgrading .mod-indent-outer {
padding-left: 4px
}
#page-mod-offlinequiz-edit.dir-rtl ul.slots li.section li.activity .mod-indent-outer {
padding-left: 0;
padding-right: 22px
}
#page-mod-offlinequiz-edit ul.slots .activityinstance form {
display: inline
}
#page-mod-offlinequiz-edit span.editinstructions {
right: 0
}
#page-mod-offlinequiz-edit.dir-rtl span.editinstructions {
left: 0;
right: auto
}
#page-mod-offlinequiz-edit div.rpcontainerclass input {
margin-left: 0;
margin-top: .2em
}
#page-mod-offlinequiz-edit div.groupchoice {
float: left;
margin: .5em 1.5em .7em 0
}
#page-mod-offlinequiz-edit .clear {
clear: both
}
#page-mod-offlinequiz-edit .statusbar {
float: left;
margin: .6em 0 .6em 0
}
#page-mod-offlinequiz-edit .maxgrade {
display: block;
float: right;
margin: -2.5em 1em 0 1em;
padding: .2em
}
#page-mod-offlinequiz-edit .maxgrade {
margin-top: 2.2em
}
#page-mod-offlinequiz-edit .editing_move {
position: absolute;
left: 0;
top: 0
}
#page-mod-offlinequiz-edit .maxgrade label {
display: inline
}
#page-mod-offlinequiz-edit .edit_grades .maxgrade {
margin: -5em 1em 0 1em;
top: 0
}
#page-mod-offlinequiz-edit .totalpoints {
display: block;
float: right;
margin: -3.5em 1em 0 1em;
padding: .2em
}
#page-mod-offlinequiz-edit .edit_grades .totalpoints {
display: block;
float: right;
margin: -2em 1em 0 1em;
padding: .2em
}
#page-mod-offlinequiz-edit.dir-rtl .maxgrade,
#page-mod-offlinequiz-edit.dir-rtl .totalpoints {
float: left
}
#page-mod-offlinequiz-edit div.selectall {
display: inline-block;
margin-right: 2em;
clear: both
}
#page-mod-offlinequiz-edit div.copyselected {
display: inline-block
}
#page-mod-offlinequiz-edit div.removeselected {
display: inline-block
}
#page-mod-offlinequiz-edit div.removeselected input {
margin-left: 0
}
#page-mod-offlinequiz-edit div.randomquestionformforpopup input[type="checkbox"] {
vertical-align: text-bottom
}
#page-mod-offlinequiz-edit ul.slots .activityinstance span.instancename {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
height: 20px;
display: inline-block
}
#page-mod-offlinequiz-edit ul.slots .activityinstance span.instancename img {
margin: 0 .2em
}
#page-mod-offlinequiz-edit #categoryquestions .questionname,
#page-mod-offlinequiz-edit ul.slots li.activity div.activityinstance .questionname {
font-weight: 700;
color: #555;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-right: .4rem
}
#page-mod-offlinequiz-edit ul.slots li.activity div.activityinstance .questiontext {
color: #555
}
#page-mod-offlinequiz-edit ul.slots li.activity div.activityinstance .mod_offlinequiz_random_qbank_link {
font-size: .8em
}
#page-mod-offlinequiz-edit ul.slots .activityinstance img.activityicon {
padding: 0 0 3px 0;
height: 16px;
width: 16px
}
#page-mod-offlinequiz-edit.dir-rtl ul.slots .activityinstance img.activityicon {
float: right
}
#page-mod-offlinequiz-edit .section .activity .actions {
position: inherit;
white-space: nowrap;
background: #e6e6e6;
padding: .1em 0
}
#page-mod-offlinequiz-edit .section .activity .actions .version-selection {
width: 8em;
padding: 0
}
#page-mod-offlinequiz-edit .section .activity.forgrading .actions input.gradeinput {
margin: 0;
padding: 0 2px 0 0;
text-align: right;
vertical-align: top
}
#page-mod-offlinequiz-edit .mod-offlinequiz-edit-content {
padding-bottom: 12em
}
#page-mod-offlinequiz-edit .section .activity .activityinstance>a {
text-indent: 0;
padding-left: 0;
display: flex;
max-width: 100%;
align-items: center
}
#page-mod-offlinequiz-edit .mod_offlinequiz_edit_forms {
display: none
}
#page-mod-offlinequiz-edit #categoryquestions .questionnametext .greyed,
#page-mod-offlinequiz-edit #categoryquestions .addtoofflinequizaction .greyed,
#page-mod-offlinequiz-edit #categoryquestions .qtype .greyed {
opacity: .4
}
#page-mod-offlinequiz-edit table#categoryquestions td,
#page-mod-offlinequiz-edit table#categoryquestions th {
overflow: hidden;
white-space: nowrap
}
.mod_offlinequiz_qbank_dialogue {
width: 80%;
min-height: 200px
}
.mod_offlinequiz_qbank_dialogue.moodle-dialogue-fullscreen {
width: 100%
}
.mod_offlinequiz_qbank_dialogue .questionbankloading {
position: absolute;
top: 30px;
bottom: 0;
left: 0;
right: 0;
background: #fff;
text-align: center;
opacity: .5;
padding-top: 50px
}
.offlinequizquestionlistcontrols {
text-align: center
}
.path-mod-offlinequiz .gradingdetails {
font-size: small
}
#page-mod-offlinequiz-edit div#repaginatedialog .mform {
margin-left: auto;
margin-right: auto
}
#page-mod-offlinequiz-edit div.container div.generalbox {
position: relative;
display: block;
border: 0 none;
margin: 0;
padding: 0
}
#page-mod-offlinequiz-edit .paging {
margin-top: 0;
margin-bottom: 0;
padding: .1em .3em;
display: block;
background-color: #ddd
}
#page-mod-offlinequiz-edit #page-footer {
clear: both;
padding-top: 1em
}
#page-mod-offlinequiz-edit .categoryinfofield {
font-style: italic
}
#page-mod-offlinequiz-edit .categorynamefield {
font-weight: 700
}
#page-mod-offlinequiz-edit .questionsortoptions {
background-color: #ddd
}
#page-mod-offlinequiz-edit div.questionbank .categorysortopotionscontainer {
padding-top: .5em;
margin-top: .3em
}
#page-mod-offlinequiz-edit div.questionbank .categoryquestionscontainer,
#page-mod-offlinequiz-edit .questionbank .categorysortopotionscontainer,
#page-mod-offlinequiz-edit .questionbank .categorypagingbarcontainer,
#page-mod-offlinequiz-edit .questionbank .categoryselectallcontainer {
background-color: #fff
}
#page-mod-offlinequiz-edit ul.slots li.section ul.section {
list-style: none
}
#page-mod-offlinequiz-view li.done {
list-style-image: url(/theme/image.php/recit2/offlinequiz/1759007012/icon_checked)
}
#page-mod-offlinequiz-view li.nextitem {
list-style-image: url(/theme/image.php/recit2/offlinequiz/1759007012/icon_unchecked)
}
#page-mod-offlinequiz-view li.warning {
list-style-image: url(/theme/image.php/recit2/offlinequiz/1759007012/icon_warning)
}
#page-mod-offlinequiz-view .collapsible-content.inactive {
display: none
}
#page-mod-offlinequiz-view .collapsible-content.active {
display: block
}
#page-mod-offlinequiz-view .oq-collapsible {
display: inline
}
#page-mod-offlinequiz-view .offlinequiz-view {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
gap: 3em
}
#page-mod-offlinequiz-view .offlinequiz-view h3 {
width: 100%
}
#page-mod-offlinequiz-view .offlinequiz-view-column {
flex-grow: 1;
padding-left: 1em
}
#page-mod-offlinequiz-view .offlinequiz-view-statistics-column {
width: 100%;
border-top: 1px dashed gray;
padding-top: 2em
}
.path-mod-offlinequiz .urlselect {
margin-bottom: 1em
}
@media only screen and (max-width:62em) {
#page-mod-offlinequiz-edit .totalpoints {
margin: -2em 1em 0 1em
}
#page-mod-offlinequiz-edit .maxgrade {
margin-bottom: 1.5em
}
}
@media only screen and (min-width:50em) and (max-width:60em) {
#page-mod-offlinequiz-edit div.removeselected {
margin-top: -.5em
}
}
.offlinequiz-nextitem {
color: #b62d21
}
.offlinequiz-noaction {
color: #2774b9
}
.offlinequiz-locked {
pointer-events: none;
opacity: .8
}
.offlinequiz-view-header {
width: 100%;
background-color: #f8f9fa;
padding: 1em
}
@media all {
#page-mod-offlinequiz-edit #questionscontainer .justify-content-start {
display: none !important
}
}
#page-mod-offlinequiz-edit .question-bank-table {
width: 100%
}
#page-mod-offlinequiz-edit .question-bank-table .iconcol {
width: 16px;
padding: 0;
text-align: center
}
#page-mod-offlinequiz-edit .question-bank-table .checkbox {
width: 32px;
padding: 0;
text-align: center
}
#page-mod-offlinequiz-edit .question-bank-table .qtype {
width: 28px;
padding: 0;
text-align: center
}
#page-mod-offlinequiz-edit .question-bank-table .questionnametext {
padding: 0 .2em
}
#page-mod-offlinequiz-edit .modal-lg {
max-width: 1200px
}
#page-mod-offlinequiz-tutorial .offlinequiz-tutorial-number-table .tableheader {
border-style: solid;
border-width: .2em
}
#page-mod-offlinequiz-tutorial .offlinequiz-tutorial-number-table th {
font-size: 2em;
text-align: center;
height: 2.2em;
font-weight: 700
}
#page-mod-offlinequiz-tutorial .offlinequiz-tutorial-number-table td {
font-size: 1.2em;
font-weight: 700
}
#page-mod-offlinequiz-tutorial .offlinequiz-tutorial-number-table img {
width: 2em;
margin: .5em;
cursor: pointer
}
#page-mod-offlinequiz-tutorial .matnr {
font-size: 2em;
font-weight: 700;
text-align: center;
padding: 2.5em
}
#page-mod-offlinequiz-tutorial .questionimg {
width: 50em;
max-width: 100%
}
#page-mod-offlinequiz-tutorial .option {
width: 100%;
display: block;
margin-bottom: .5em;
margin-bottom: .5em
}
#page-mod-offlinequiz-tutorial label {
margin-left: .5em
}
#page-mod-offlinequiz-tutorial label img {
height: 3em
}
#page-mod-offlinequiz-tutorial .questionsheet .option {
margin-left: 1.5em
}
#page-mod-offlinequiz-tutorial .questionsheet .question {
margin-top: 1.5em
}
#page-mod-offlinequiz-tutorial .questionsheet .answer {
margin-left: 1.5em
}
#page-mod-offlinequiz-tutorial .questionitem {
font-weight: 700
}
#page-mod-offlinequiz-tutorial .questionsheet {
margin-left: 2em;
margin-bottom: 2em;
padding: 2em;
background-color: GhostWhite;
width: 30em;
max-width: 100%
}
#page-mod-offlinequiz-tutorial .questionimage {
float: right;
max-width: 20%
}
#page-mod-offlinequiz-tutorial .answerimage {
max-width: 20em
}
#page-mod-offlinequiz-tutorial .tutorialquestion {
background-color: #e7f3f5;
padding: 1em;
border-radius: 1em
}
#page-mod-offlinequiz-tutorial .tutorialbutton {
margin-top: 1em
}
.path-mod-pdfannotator .pdf-annotator-hidden {
display: none;
visibility: hidden
}
.path-mod-pdfannotator .pdfannotator_index .toolbar {
background-color: #eaeaea;
border-bottom: 1px solid #d0d0d0;
top: 0;
left: 0;
right: 0;
padding: 0 0 3px 5px;
text-shadow: 1px 1px 0 #fff;
z-index: 50;
-webkit-box-shadow: inset 0 1px 1px 0 rgb(255 255 255);
-moz-box-shadow: inset 0 1px 1px 0 rgb(255 255 255);
box-shadow: inset 0 1px 1px 0 rgb(255 255 255)
}
.path-mod-pdfannotator .pdfannotator_index .toolbar .spacer {
display: inline-block;
border-left: 1px solid #c1c1c1;
height: 34px;
margin: 0 5px -11px
}
.path-mod-pdfannotator .toolbar .toolbaritem {
display: inline-block
}
.path-mod-pdfannotator .toolbar button {
background-color: #fff0;
border: 0 solid #fff0;
border-radius: 0;
font-size: 15px;
padding: 3px;
margin: 0 0 0 0;
text-align: center;
text-shadow: 0 0 0 #fff;
position: relative;
min-width: 27px;
min-height: 27px;
background-image: none
}
.path-mod-pdfannotator .toolbar.fullscreen {
margin-left: 15px
}
.path-mod-pdfannotator .toolbar button.active {
background-image: radial-gradient(ellipse at center, #e6f2ff 40%, #8ebae5 100%);
background-color: #8ebae5;
border-color: #bababa;
-webkit-box-shadow: inset 0 0 1px rgb(0 0 0 / .25);
-moz-box-shadow: inset 0 0 1px rgb(0 0 0 / .25);
box-shadow: inset 0 0 1px rgb(0 0 0 / .25)
}
.path-mod-pdfannotator .toolbar select {
margin-bottom: 0
}
.path-mod-pdfannotator .toolbar button .icon {
color: #999;
margin-right: 0
}
.path-mod-pdfannotator .color {
display: inline-block;
width: 20px;
height: 20px;
border: 1px solid #000;
vertical-align: middle;
margin: 0
}
.path-mod-pdfannotator .color-selected {
border: 3px solid #666;
width: 30px;
height: 30px;
margin-top: -1px;
margin-left: -2px;
margin-right: -2px
}
.path-mod-pdfannotator .text-color,
.path-mod-pdfannotator .pen-color {
z-index: 100;
display: inline-block
}
.path-mod-pdfannotator .textLayer {
position: absolute;
text-align: initial;
left: 0;
top: 0;
right: 0;
bottom: 0;
overflow: hidden;
opacity: .2;
line-height: 1;
text-size-adjust: none;
z-index: 20
}
.path-mod-pdfannotator .textLayer>span:not(.helperLayer) {
color: #fff0;
position: absolute;
white-space: pre;
cursor: text;
-webkit-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-o-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
transform-origin: 0% 0%
}
.path-mod-pdfannotator .textLayer br {
color: #fff0;
position: absolute;
white-space: pre;
cursor: text;
transform-origin: 0% 0%
}
.path-mod-pdfannotator .textLayer span.markedContent {
top: 0;
height: 0
}
.path-mod-pdfannotator .textLayer .highlight {
margin: -1px;
padding: 1px;
background-color: rgb(180 0 170);
border-radius: 4px
}
.path-mod-pdfannotator .textLayer .highlight.appended {
position: initial
}
.path-mod-pdfannotator .textLayer .highlight.begin {
border-radius: 4px 0 0 4px
}
.path-mod-pdfannotator .textLayer .highlight.end {
border-radius: 0 4px 4px 0
}
.path-mod-pdfannotator .textLayer .highlight.middle {
border-radius: 0
}
.path-mod-pdfannotator .textLayer .highlight.selected {
background-color: #006400
}
.path-mod-pdfannotator .textLayer ::selection {
background: rgb(0 0 255)
}
.path-mod-pdfannotator .textLayer br::selection {
background: #fff0
}
.path-mod-pdfannotator .textLayer .endOfContent {
display: block;
position: absolute;
left: 0;
top: 100%;
right: 0;
bottom: 0;
z-index: -1;
cursor: default;
user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none
}
.path-mod-pdfannotator .textLayer .endOfContent.active {
top: 0
}
.path-mod-pdfannotator {
--annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,");
}
.path-mod-pdfannotator .annotationLayer section {
position: absolute;
}
.path-mod-pdfannotator .annotationLayer .linkAnnotation>a,
.path-mod-pdfannotator .annotationLayer .buttonWidgetAnnotation.pushButton>a {
position: absolute;
font-size: 1em;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.path-mod-pdfannotator .annotationLayer .buttonWidgetAnnotation.pushButton>canvas {
position: relative;
top: 0;
left: 0;
z-index: -1;
}
.path-mod-pdfannotator .annotationLayer .linkAnnotation>a
/* -ms-a */
{
background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) 0 0 repeat;
}
.path-mod-pdfannotator .annotationLayer .linkAnnotation>a:hover,
.path-mod-pdfannotator .annotationLayer .buttonWidgetAnnotation.pushButton>a:hover {
opacity: 0.2;
background: rgba(255, 255, 0, 1);
box-shadow: 0 2px 10px rgba(255, 255, 0, 1);
;
}
.path-mod-pdfannotator .annotationLayer .textAnnotation img {
position: absolute;
cursor: pointer;
}
.path-mod-pdfannotator .annotationLayer .textWidgetAnnotation input,
.path-mod-pdfannotator .annotationLayer .textWidgetAnnotation textarea,
.path-mod-pdfannotator .annotationLayer .choiceWidgetAnnotation select,
.path-mod-pdfannotator .annotationLayer .buttonWidgetAnnotation.checkBox input,
.path-mod-pdfannotator .annotationLayer .buttonWidgetAnnotation.radioButton input {
background-image: var(--annotation-unfocused-field-background);
border: 1px solid transparent;
box-sizing: border-box;
font-size: 9px;
height: 100%;
margin: 0;
padding: 0 3px;
vertical-align: top;
width: 100%;
}
.path-mod-pdfannotator .annotationLayer .choiceWidgetAnnotation select option {
padding: 0;
}
.path-mod-pdfannotator .annotationLayer .buttonWidgetAnnotation.radioButton input {
border-radius: 50%;
}
.path-mod-pdfannotator .annotationLayer .textWidgetAnnotation textarea {
font: message-box;
font-size: 9px;
resize: none;
}
.path-mod-pdfannotator .annotationLayer .textWidgetAnnotation input[disabled],
.path-mod-pdfannotator .annotationLayer .textWidgetAnnotation textarea[disabled],
.path-mod-pdfannotator .annotationLayer .choiceWidgetAnnotation select[disabled],
.path-mod-pdfannotator .annotationLayer .buttonWidgetAnnotation.checkBox input[disabled],
.path-mod-pdfannotator .annotationLayer .buttonWidgetAnnotation.radioButton input[disabled] {
background: none;
border: 1px solid transparent;
cursor: not-allowed;
}
.path-mod-pdfannotator .annotationLayer .textWidgetAnnotation input:hover,
.path-mod-pdfannotator .annotationLayer .textWidgetAnnotation textarea:hover,
.path-mod-pdfannotator .annotationLayer .choiceWidgetAnnotation select:hover,
.path-mod-pdfannotator .annotationLayer .buttonWidgetAnnotation.checkBox input:hover,
.path-mod-pdfannotator .annotationLayer .buttonWidgetAnnotation.radioButton input:hover {
border: 1px solid rgba(0, 0, 0, 1);
}
.path-mod-pdfannotator .annotationLayer .textWidgetAnnotation input:focus,
.path-mod-pdfannotator .annotationLayer .textWidgetAnnotation textarea:focus,
.path-mod-pdfannotator .annotationLayer .choiceWidgetAnnotation select:focus {
background: none;
border: 1px solid transparent;
}
.path-mod-pdfannotator .annotationLayer .textWidgetAnnotation input :focus,
.path-mod-pdfannotator .annotationLayer .textWidgetAnnotation textarea :focus,
.path-mod-pdfannotator .annotationLayer .choiceWidgetAnnotation select :focus,
.path-mod-pdfannotator .annotationLayer .buttonWidgetAnnotation.checkBox :focus,
.path-mod-pdfannotator .annotationLayer .buttonWidgetAnnotation.radioButton :focus {
background-image: none;
background-color: transparent;
outline: auto;
}
.path-mod-pdfannotator .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,
.path-mod-pdfannotator .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,
.path-mod-pdfannotator .annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before {
background-color: rgba(0, 0, 0, 1);
content: "";
display: block;
position: absolute;
}
.path-mod-pdfannotator .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,
.path-mod-pdfannotator .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after {
height: 80%;
left: 45%;
width: 1px;
}
.path-mod-pdfannotator .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before {
transform: rotate(45deg);
}
.path-mod-pdfannotator .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after {
transform: rotate(-45deg);
}
.path-mod-pdfannotator .annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before {
border-radius: 50%;
height: 50%;
left: 30%;
top: 20%;
width: 50%;
}
.path-mod-pdfannotator .annotationLayer .textWidgetAnnotation input.comb {
font-family: monospace;
padding-left: 2px;
padding-right: 0;
}
.path-mod-pdfannotator .annotationLayer .textWidgetAnnotation input.comb:focus {
/*
* Letter spacing is placed on the right side of each character. Hence, the
* letter spacing of the last character may be placed outside the visible
* area, causing horizontal scrolling. We avoid this by extending the width
* when the element has focus and revert this when it loses focus.
*/
width: 103%;
}
.path-mod-pdfannotator .annotationLayer .buttonWidgetAnnotation.checkBox input,
.path-mod-pdfannotator .annotationLayer .buttonWidgetAnnotation.radioButton input {
appearance: none;
padding: 0;
}
.path-mod-pdfannotator .annotationLayer .popupWrapper {
position: absolute;
width: 20em;
}
.path-mod-pdfannotator .annotationLayer .popup {
position: absolute;
z-index: 200;
max-width: 20em;
background-color: rgba(255, 255, 153, 1);
box-shadow: 0 2px 5px rgba(136, 136, 136, 1);
border-radius: 2px;
padding: 6px;
margin-left: 5px;
cursor: pointer;
font: message-box;
font-size: 9px;
white-space: normal;
word-wrap: break-word;
}
.path-mod-pdfannotator .annotationLayer .popup>* {
font-size: 9px;
}
.path-mod-pdfannotator .annotationLayer .popup h1 {
display: inline-block;
}
.path-mod-pdfannotator .annotationLayer .popupDate {
display: inline-block;
margin-left: 5px;
}
.path-mod-pdfannotator .annotationLayer .popupContent {
border-top: 1px solid rgba(51, 51, 51, 1);
margin-top: 2px;
padding-top: 2px;
}
.path-mod-pdfannotator .annotationLayer .richText>* {
white-space: pre-wrap;
}
.path-mod-pdfannotator .annotationLayer .highlightAnnotation,
.path-mod-pdfannotator .annotationLayer .underlineAnnotation,
.path-mod-pdfannotator .annotationLayer .squigglyAnnotation,
.path-mod-pdfannotator .annotationLayer .strikeoutAnnotation,
.path-mod-pdfannotator .annotationLayer .freeTextAnnotation,
.path-mod-pdfannotator .annotationLayer .lineAnnotation svg line,
.path-mod-pdfannotator .annotationLayer .squareAnnotation svg rect,
.path-mod-pdfannotator .annotationLayer .circleAnnotation svg ellipse,
.path-mod-pdfannotator .annotationLayer .polylineAnnotation svg polyline,
.path-mod-pdfannotator .annotationLayer .polygonAnnotation svg polygon,
.path-mod-pdfannotator .annotationLayer .caretAnnotation,
.path-mod-pdfannotator .annotationLayer .inkAnnotation svg polyline,
.path-mod-pdfannotator .annotationLayer .stampAnnotation,
.path-mod-pdfannotator .annotationLayer .fileAttachmentAnnotation {
cursor: pointer;
}
/******* pdfViewer *******/
.path-mod-pdfannotator {
--pdfViewer-padding-bottom: 0;
--page-margin: 1px auto -8px auto;
--page-border: 9px solid transparent;
--spreadHorizontalWrapped-margin-LR: -3.5px;
--zoom-factor: 1;
--viewport-scale-factor: 1;
}
@media screen and (forced-colors: active) {
.path-mod-pdfannotator {
--pdfViewer-padding-bottom: 9px;
--page-margin: 9px auto 0 auto;
--page-border: none;
--spreadHorizontalWrapped-margin-LR: 4.5px;
}
}
.path-mod-pdfannotator .pdfViewer {
padding-bottom: var(--pdfViewer-padding-bottom);
}
.path-mod-pdfannotator .pdfViewer .canvasWrapper {
overflow: hidden;
}
.path-mod-pdfannotator .pdfViewer .page {
direction: ltr;
width: 816px;
height: 1056px;
margin: var(--page-margin);
position: relative;
overflow: visible;
border: var(--page-border);
background-clip: content-box;
border-image: url(images/shadow.png) 9 9 repeat;
background-color: rgba(255, 255, 255, 1);
}
.path-mod-pdfannotator .pdfViewer .dummyPage {
position: relative;
width: 0;
/* The height is set via JS, see `BaseViewer.#ensurePageViewVisible`. */
}
.path-mod-pdfannotator .pdfViewer.removePageBorders .page {
margin: 0 auto 10px;
border: none;
}
.path-mod-pdfannotator .pdfViewer.singlePageView {
display: inline-block;
}
.path-mod-pdfannotator .pdfViewer.singlePageView .page {
margin: 0;
border: none;
}
.path-mod-pdfannotator .pdfViewer.scrollHorizontal,
.path-mod-pdfannotator .pdfViewer.scrollWrapped,
.path-mod-pdfannotator .spread {
margin-left: 3.5px;
margin-right: 3.5px;
text-align: center;
}
.path-mod-pdfannotator .pdfViewer.scrollHorizontal,
.path-mod-pdfannotator .spread {
white-space: nowrap;
}
.path-mod-pdfannotator .pdfViewer.removePageBorders,
.path-mod-pdfannotator .pdfViewer.scrollHorizontal .spread,
.path-mod-pdfannotator .pdfViewer.scrollWrapped .spread {
margin-left: 0;
margin-right: 0;
}
.path-mod-pdfannotator .spread .page,
.path-mod-pdfannotator .spread .dummyPage,
.path-mod-pdfannotator .pdfViewer.scrollHorizontal .page,
.path-mod-pdfannotator .pdfViewer.scrollWrapped .page,
.path-mod-pdfannotator .pdfViewer.scrollHorizontal .spread,
.path-mod-pdfannotator .pdfViewer.scrollWrapped .spread {
display: inline-block;
vertical-align: middle;
}
.path-mod-pdfannotator .spread .page,
.path-mod-pdfannotator .pdfViewer.scrollHorizontal .page,
.path-mod-pdfannotator .pdfViewer.scrollWrapped .page {
margin-left: var(--spreadHorizontalWrapped-margin-LR);
margin-right: var(--spreadHorizontalWrapped-margin-LR);
}
.path-mod-pdfannotator .pdfViewer.removePageBorders .spread .page,
.path-mod-pdfannotator .pdfViewer.removePageBorders.scrollHorizontal .page,
.path-mod-pdfannotator .pdfViewer.removePageBorders.scrollWrapped .page {
margin-left: 5px;
margin-right: 5px;
}
.path-mod-pdfannotator .pdfViewer .page canvas {
margin: 0;
display: block;
}
.path-mod-pdfannotator .pdfViewer .page canvas[hidden] {
display: none;
}
.path-mod-pdfannotator .pdfViewer .page .loadingIcon {
position: absolute;
display: block;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: url(images/loading-icon.gif) center no-repeat;
}
.path-mod-pdfannotator .pdfViewer .page .loadingIcon.notVisible {
background: none;
}
.path-mod-pdfannotator .pdfViewer.enablePermissions .textLayer span {
user-select: none !important;
cursor: not-allowed;
}
.path-mod-pdfannotator .pdfPresentationMode .pdfViewer {
padding-bottom: 0;
}
.path-mod-pdfannotator .pdfPresentationMode .spread {
margin: 0;
}
.path-mod-pdfannotator .pdfPresentationMode .pdfViewer .page {
margin: 0 auto;
border: 2px solid transparent;
}
.path-mod-pdfannotator .pdfPresentationMode:-webkit-full-screen .pdfViewer .page {
margin-bottom: 100%;
border: 0;
}
.path-mod-pdfannotator .pdfPresentationMode:-moz-full-screen .pdfViewer .page {
margin-bottom: 100%;
border: 0;
}
.path-mod-pdfannotator .pdfPresentationMode:-ms-fullscreen .pdfViewer .page {
margin-bottom: 100% !important;
border: 0;
}
.path-mod-pdfannotator .pdfPresentationMode:fullscreen .pdfViewer .page {
margin-bottom: 100%;
border: 0;
}
body {
background-color: #eee;
font-family: sans-serif;
margin: 0;
}
.path-mod-pdfannotator .pdfViewer .canvasWrapper {
box-shadow: 0 0 3px #bbb;
position: absolute;
}
.path-mod-pdfannotator .pdfViewer .page {
margin-bottom: 10px;
}
.path-mod-pdfannotator .annotationLayer {
position: absolute;
z-index: 2;
}
.path-mod-pdfannotator #content-wrapper {
display: inline-block;
overflow: auto;
bottom: 0;
height: 100%;
}
.path-mod-pdfannotator #comment-wrapper {
display: inline-block;
overflow: auto;
background: #eaeaea;
border-left: 1px solid #d0d0d0;
bottom: 0;
height: 100%;
margin: 0;
}
.path-mod-pdfannotator #comment-wrapper button .icon {
color: #999;
margin-right: 0;
}
@media only screen and (max-width: 991px) {
.path-mod-pdfannotator #content-wrapper,
.path-mod-pdfannotator #comment-wrapper {
height: 50%;
}
}
.path-mod-pdfannotator #comment-wrapper h4,
.path-mod-pdfannotator #comment-nav {
margin: 10px;
}
.path-mod-pdfannotator #comment-nav button {
border: none;
background-color: transparent;
}
.path-mod-pdfannotator #comment-nav .icon {
color: #999 !important;
}
.path-mod-pdfannotator #searchForm {
display: flex;
margin-top: 10px;
}
.path-mod-pdfannotator #searchPattern {
padding-right: 25px;
height: 30px;
}
.path-mod-pdfannotator #searchClear {
margin-left: -25px;
padding: 0;
}
.path-mod-pdfannotator #comment-wrapper .pdfannotator-comment-list {
font-size: 12px;
position: relative;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: visible;
}
.path-mod-pdfannotator #comment-wrapper .comment-list-item {
padding: 10px;
}
.path-mod-pdfannotator #comment-wrapper .comment-list-item.questions {
overflow: auto;
}
.path-mod-pdfannotator #comment-wrapper .comment-list-container {
position: relative;
top: 0;
left: 0;
right: 0;
bottom: 47px;
overflow: visible;
}
.path-mod-pdfannotator #comment-wrapper .comment-list-form {
position: relative;
left: 0;
right: 0;
bottom: 0;
padding: 10px;
}
.path-mod-pdfannotator #comment-wrapper .comment-list-form .tox.tox-tinymce,
.path-mod-pdfannotator .edit-comment-form .tox.tox-tinymce {
min-height: 350px;
}
.path-mod-pdfannotator #comment-wrapper .comment-list-form .tox.tox-tinymce:has(.tox-toolbar.tox-toolbar--scrolling),
.path-mod-pdfannotator .edit-comment-form .tox.tox-tinymce:has(.tox-toolbar.tox-toolbar--scrolling) {
min-height: 250px;
}
.path-mod-pdfannotator #comment-wrapper .editor_atto {
/* Editor in fullscreen must be over the toolbar and annotations. */
z-index: 60;
}
.path-mod-pdfannotator #comment-wrapper .editor_atto_content {
border-width: 0px 1px 1px 1px;
border-style: solid;
border-color: #8f959e;
}
.path-mod-pdfannotator div.row {
margin-left: 0;
}
.path-mod-pdfannotator #comment-wrapper .comment-list-form input {
padding: 5px;
width: 100%;
}
.path-mod-pdfannotator .pdfViewer .page {
border-image: none;
}
.path-mod-pdfannotator .chat-message {
border-radius: 4px;
padding: 4px 10px;
margin: 0 0 10px 0;
background-color: #fefefe;
}
.path-mod-pdfannotator .chat-message-container {
flex-grow: 1;
word-break: break-word;
}
.path-mod-pdfannotator .chat-message.owner:not(.questioncomment) {
margin: 0 10px 10px 10px;
border: 3px solid #c7ddf2;
}
.path-mod-pdfannotator .chat-message.mark {
border: 3px solid red !important;
}
.path-mod-pdfannotator .chat-message.correct {
border: 3px solid green !important;
}
.path-mod-pdfannotator .chat-message:not(.questioncomment) {
margin: 0 10px 10px 10px;
}
.path-mod-pdfannotator .chat-message.comment-list-item:not(.questions) {
display: flex;
padding-left: 0 !important;
}
.path-mod-pdfannotator .chat-message .wrappervotessolved {
text-align: center;
}
.path-mod-pdfannotator .chat-message .wrappervotessolved .solved .icon {
color: green !important;
}
.path-mod-pdfannotator .chat-message .wrappervotessolved .icon {
margin-right: 0 !important;
}
.path-mod-pdfannotator .chat-message:not(.questions) .wrappervotessolved .icon,
.path-mod-pdfannotator .chat-message:not(.questions) .dropdown .icon {
color: #999 !important;
}
.path-mod-pdfannotator .chat-message button:disabled .icon {
color: rgba(0, 0, 0, .15) !important;
}
.path-mod-pdfannotator .chat-message .time,
.path-mod-pdfannotator .chat-message .edited {
float: right;
font-size: 11px;
color: #777;
}
.path-mod-pdfannotator .chat-message .user {
font-weight: 700;
}
.path-mod-pdfannotator .chat-message .wrappervotessolved button,
.path-mod-pdfannotator #comment-nav button {
border-color: transparent;
background-color: transparent;
}
.path-mod-pdfannotator #comment-nav .spacer {
display: inline-block;
border-left: 1px solid #c1c1c1;
height: 34px;
margin: 0 5px -11px;
}
.path-mod-pdfannotator .chat-message.questioncomment {
margin: 0 0 10px 0;
background-color: #c7ddf2;
}
.path-mod-pdfannotator .chat-message.questions:not(.page) {
background-color: #c7ddf2;
color: rgb(0, 84, 159);
}
.path-mod-pdfannotator .chat-message.questions.questions-private:not(.page) {
background-color: #FDEFDF;
color: #e48312;
}
.path-mod-pdfannotator .chat-message.questioncomment.questions-private:not(.page) {
background-color: #FDEFDF;
color: #e48312;
}
.path-mod-pdfannotator .chat-message.questions.page {
background-color: #dff0d8 !important;
border-color: #d0e9c6;
color: #3c763d;
}
.path-mod-pdfannotator .chat-message-text {
display: inline-block;
width: 100%;
}
.path-mod-pdfannotator :not(.questioncomment)>.chat-message-text p {
margin-bottom: 0;
}
.path-mod-pdfannotator .chat-message .dropdown {
float: right;
}
.path-mod-pdfannotator .chat-message #dropdownMenuButton {
padding-left: 5px;
}
.path-mod-pdfannotator .questionanswercount {
padding: 0 2px 0 2px;
margin: 0;
border-radius: 8px;
}
.path-mod-pdfannotator .solvedicon {
padding-right: 3px;
}
.path-mod-pdfannotator .icon-wrapper {
float: right;
}
.path-mod-pdfannotator #anonymousLabel,
.path-mod-pdfannotator #privateLabel,
.path-mod-pdfannotator #protectedLabel {
margin-left: 5px;
margin-bottom: 0;
}
.path-mod-pdfannotator #comment-list-form>div {
margin: 5px 0;
display: block;
}
.path-mod-pdfannotator #comment-list-form>div>* {
vertical-align: middle;
}
.path-mod-pdfannotator .helperLayer {
width: 100%;
height: 100%;
}
/*AnkerToolbar*/
.path-mod-pdfannotator .fixtool {
position: fixed !important;
overflow-x: auto;
overflow-y: visible;
left: unset !important;
right: unset !important;
}
.path-mod-pdfannotator.fullscreenWrapper #region-main {
position: fixed;
top: 0;
left: 0;
max-width: 100%;
width: 100%;
max-height: 100%;
overflow-x: auto;
}
.path-mod-pdfannotator.fullscreenWrapper #nav-drawer {
display: none;
visibility: hidden;
}
.path-mod-pdfannotator.fullscreenWrapper header {
display: none;
visibility: hidden;
}
.path-mod-pdfannotator.fullscreenWrapper nav {
display: none;
visibility: hidden;
}
.path-mod-pdfannotator.fullscreenWrapper #block-region-side-pre {
display: none;
visibility: hidden;
}
.path-mod-pdfannotator.fullscreenWrapper #page-footer {
display: none;
visibility: hidden;
}
.path-mod-pdfannotator.fullscreenWrapper #footnote {
display: none;
visibility: hidden;
}
.path-mod-pdfannotator.fullscreenWrapper .drawer-toggler {
display: none;
visibility: hidden;
}
.path-mod-pdfannotator.fullscreenWrapper #region-main {
padding-bottom: 50px;
}
.path-mod-pdfannotator.fullscreenWrapper .m-t-2.m-b-1,
.path-mod-pdfannotator.fullscreenWrapper .m-t-1.m-b-1 {
display: none;
visibility: hidden;
}
.path-mod-pdfannotator #myarea,
.path-mod-pdfannotator .chat-message textarea,
.path-mod-pdfannotator #comment-wrapper .editor_atto_content {
width: 100%;
min-height: 10em !important;
}
.path-mod-pdfannotator .cursor-area * {
cursor: crosshair;
}
.path-mod-pdfannotator .cursor-highlight {
cursor: url(/theme/image.php/recit2/pdfannotator/1759007012/text_highlight_picker) 8 8, auto;
}
.path-mod-pdfannotator .cursor-strikeout {
cursor: url(/theme/image.php/recit2/pdfannotator/1759007012/strikethrough) 8 8, auto;
}
.path-mod-pdfannotator .cursor-pen * {
cursor: url(/theme/image.php/recit2/pdfannotator/1759007012/editstring) 0 12, auto !important;
}
.path-mod-pdfannotator .cursor-text * {
cursor: url(/theme/image.php/recit2/pdfannotator/1759007012/text_color_picker) 0 0, auto !important;
}
.path-mod-pdfannotator .cursor-point * {
cursor: url(/theme/image.php/recit2/pdfannotator/1759007012/pinbild) 8 16, auto !important;
}
.path-mod-pdfannotator .cursor-edit * {
cursor: pointer !important;
}
/******************************************** START: mainly for overview page *******************************************/
/******************************** OPTION 4
/*
* Foundation v2.1.4 http://foundation.zurb.com */
/* Artfully masterminded by ZURB */
/* --------------------------------------------------
Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/
/* -----------------------------------------
Shared Styles
----------------------------------------- */
/*table th { font-weight: bold; }
table td, table th { padding: 9px 10px; text-align: left; }
Mobile
@media only screen and (max-width: 767px) {
table.flexible { margin-bottom: 0; }
.pinned {
position: absolute;
left: 0;
top: 0;
background: #fff;
width: 35%;
overflow: hidden;
overflow-x: scroll;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
}
.pinned table { border-right: none; border-left: none; width: 100%; }
.pinned table th, .pinned table td { white-space: nowrap; }
.pinned td:last-child { border-bottom: 0; }
div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; }
div.table-wrapper div.scrollable { margin-left: 35%; }
div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }
table.flexible td, table.flexible th { position: relative; white-space: nowrap; overflow: hidden; }
table.flexible th:first-child,
table.flexible td:first-child,
table.flexible td:first-child,
table.flexible.pinned td {
display: none;
}
}*/
/******************************** OPTION 3 */
/*@media only screen and (min-width: 421px) and (max-width: 768px) {
}*/
@media only screen and (min-width: 421px) {
.path-mod-pdfannotator h2,
.path-mod-pdfannotator .resettable.mdl-right {
display: inline !important;
}
}
@media only screen and (min-width: 670px) {
.path-mod-pdfannotator .resettable.mdl-right {
float: right;
}
}
/*@media only screen and (min-width: 1025px) {
#itemsPerPageWrapper {
margin-top: 1rem !important;
}
}*/
/*@media only screen and (min-width: 415px) and (max-width: 1024px) {
}*/
@media only screen and (max-width: 414px) {
#mod-pdfannotator-questions th:nth-child(2),
#mod-pdfannotator-questions td:nth-child(2),
#mod-pdfannotator-questions th:nth-child(3),
#mod-pdfannotator-questions td:nth-child(3),
#mod-pdfannotator-questions th:nth-child(4),
#mod-pdfannotator-questions td:nth-child(4),
#mod-pdfannotator-questions th:nth-child(5),
#mod-pdfannotator-questions td:nth-child(5),
#mod-pdfannotator-questions th:nth-child(6),
#mod-pdfannotator-questions td:nth-child(6),
#mod-pdfannotator-answers th:nth-child(2),
#mod-pdfannotator-answers td:nth-child(2),
#mod-pdfannotator-answers th:nth-child(3),
#mod-pdfannotator-answers td:nth-child(3),
#mod-pdfannotator-answers th:nth-child(5),
#mod-pdfannotator-answers td:nth-child(5),
#mod-pdfannotator-answers th:nth-child(6),
#mod-pdfannotator-answers td:nth-child(6),
#mod-pdfannotator-ownposts th:nth-child(2),
#mod-pdfannotator-ownposts td:nth-child(2),
#mod-pdfannotator-ownposts th:nth-child(3),
#mod-pdfannotator-ownposts td:nth-child(3),
#mod-pdfannotator-ownposts th:nth-child(4),
#mod-pdfannotator-ownposts td:nth-child(4),
#mod-pdfannotator-reports th:nth-child(2),
#mod-pdfannotator-reports td:nth-child(2),
#mod-pdfannotator-reports th:nth-child(3),
#mod-pdfannotator-reports td:nth-child(3),
#mod-pdfannotator-reports th:nth-child(4),
#mod-pdfannotator-reports td:nth-child(4),
#mod-pdfannotator-reports th:nth-child(5),
#mod-pdfannotator-reports td:nth-child(5),
.path-mod-pdfannotator .text {
display: none;
visibility: hidden;
}
.path-mod-pdfannotator #region-main-box {
padding-right: 0;
padding-left: 0;
/*overflow: visible;*/
}
.path-mod-pdfannotator .text_to_html {
word-break: break-all;
}
.path-mod-pdfannotator #itemsperpagewrapper {
display: block;
}
}
.path-mod-pdfannotator nav.pagination:nth-of-type(1) {
display: none;
}
/*Information for older browsers
header, section, footer, aside, nav, main, article, figure {
display: block;
}
.path-mod-pdfannotator #itemsPerPage {
padding: 5px;
}*/
.path-mod-pdfannotator .dropdown-toggle.icon-no-margin {
text-decoration: none;
}
/* Dropdown Button */
.path-mod-pdfannotator .dropbtn {
background-color: #3498db;
color: white;
padding: 16px;
font-size: 16px;
border: none;
cursor: pointer;
}
/* For mobile phones: */
/* Only overview tables. Not table in reportform */
.path-mod-pdfannotator .flexible .header,
.path-mod-pdfannotator .flexible .cell {
width: 100%;
}
/* Dropdown button on hover & focus */
.path-mod-pdfannotator .dropbtn:hover,
.path-mod-pdfannotator .dropbtn:focus {
background-color: #2980b9;
}
/* The container - 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;
}
.path-mod-pdfannotator .comment-visibility-button[data-active="true"] {
border-bottom: 2px solid #0f6cbf !important;
}
.path-mod-pdfannotator .comment-all[data-active="true"] {
border-bottom: 2px solid rgb(153, 153, 153) !important;
}
.path-mod-pdfannotator .comment-private[data-active="true"] {
border-bottom: 2px solid #e48312 !important;
}
.path-mod-pdfannotator .question-private-icon {
position: absolute;
top: 12px;
right: 16px;
width: 16px;
height: 16px;
}
.path-mod-pdfannotator .question-public-icon {
position: absolute;
top: 12px;
right: 16px;
width: 16px;
height: 16px;
}
.path-mod-pdfannotator .printannotations-dropdown-container {
position: relative;
display: inline-block;
}
.path-mod-pdfannotator .pdfannotator_print_dropdown {
position: relative;
display: inline-block;
}
.path-mod-pdfannotator .printAnnotationsOptionsContent {
position: absolute;
top: 100%;
left: 0;
background-color: #eaeaea;
border: 1px solid #ccc;
min-width: 120px;
box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
z-index: 1000;
display: flex;
flex-direction: column;
}
.path-mod-pdfannotator .toolbar button.pdfannotator_print {
background: none;
border: none;
text-align: left;
cursor: pointer;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.path-mod-pdfannotator .pdfannotator_print#pdfannotator_printannotations_button,
.path-mod-pdfannotator .pdfannotator_print#pdfannotator_printannotations_buttonCSV {
padding: 8px;
}
.path-mod-pdfannotator .pdfannotator_print#pdfannotator_printannotations_button:hover,
.path-mod-pdfannotator .pdfannotator_print#pdfannotator_printannotations_buttonCSV:hover {
background-color: lightgray;
}
.path-mod-pdfannotator .pdfannotator_print#pdfannotator_printannotations_button img,
.path-mod-pdfannotator .pdfannotator_print#pdfannotator_printannotations_buttonCSV img {
margin-right: 8px;
margin-bottom: 2px;
vertical-align: middle;
width: 20px;
height: auto;
}
.path-mod-pdfannotator .printAnnotationsOptionsContent.hidden {
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%;
}
/** 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/recit2/quiz/1759007012/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 .autosave_info {
font-size: small;
}
.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 .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 #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;
}
#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;
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 .slotnumber .inplaceeditable {
white-space: nowrap;
}
#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;
}
#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: 100%;
}
#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;
width: 100% !important;
/* stylelint-disable-line declaration-no-important */
}
#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;
width: 1.2em !important;
/* stylelint-disable-line declaration-no-important */
}
#page-mod-quiz-edit table.question-bank-table td.questionnametext>div {
overflow: hidden;
text-overflow: ellipsis;
}
.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-editgrading .inplaceeditable .quickeditlink {
color: var(--primary);
}
#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-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;
}
.mod-tab-embedded {
border: none;
width: 100%;
height: 800px;
}
.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/recit2/core/1759007012/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-workshop .collapsibleregion {
margin-bottom: 0.75em;
}
.path-mod-workshop .collapsibleregioncaption {
font-weight: bold;
font-size: 120%;
}
.path-mod-workshop .collapsibleregioncaption img {
max-width: 16px;
max-height: 16px;
}
.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: #495057;
background-color: #f5f5f5;
border-bottom: 1px solid #ced4da;
padding: 3px;
}
.path-mod-workshop .userplan dt.active {
vertical-align: top;
color: #212529;
border: 1px solid #ced4da;
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 #ced4da;
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: #495057;
}
.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: #212529;
}
.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/recit2/mod_workshop/1759007012/userplan/task-todo);
background-position: top left;
background-repeat: no-repeat;
list-style-type: none;
min-height: 20px;
margin: .2em 0;
background-size: 15px;
}
.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/recit2/mod_workshop/1759007012/userplan/task-done);
}
.path-mod-workshop .userplan dd.phasetasks li.fail {
background-image: url(/theme/image.php/recit2/mod_workshop/1759007012/userplan/task-fail);
}
.path-mod-workshop .userplan dd.phasetasks li.info {
background-image: url(/theme/image.php/recit2/mod_workshop/1759007012/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 .workshop-risk-dataloss {
vertical-align: text-bottom;
}
.auth_oidc_ucp_indicator h4 {
display: inline-block;
margin-right: 0.5rem;
}
.auth_oidc_ucp_indicator h5 {
display: inline-block;
margin-left: 0.5rem;
}
.auth_oidc_ucp_indicator h5+span {
display: block;
}
.cert_textarea textarea {
font-family: 'Courier New', Courier, monospace;
}
.path-admin-auth-oidc .warning_header {
border: 1px solid #f00;
background-color: #ffe5e5;
padding: 10px;
margin: 10px 0;
color: #f00;
font-weight: bold;
}
.path-admin-auth-oidc .warning {
color: #f00;
font-weight: bold;
}
.path-admin-auth-oidc .existing_claims {
display: inline-block;
background-color: #f0f0f0;
border: 1px solid #ccc;
padding: 10px;
font-family: 'Courier New', Courier, monospace;
white-space: pre;
}
.path-admin-auth-oidc .not_support_user_sync {
color: #f00;
}
.path-admin-auth-oidc .code {
font-family: 'Courier New', Courier, monospace;
white-space: pre;
}
/* 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_accessreview_success,
.block_accessreview.block_accessreview_success.hasinfo {
color: #1e451e;
background: #eff5ef;
box-shadow: 0 0 2px 2px #619a61;
}
.block_accessreview_danger,
.block_accessreview.block_accessreview_danger.hasinfo {
color: #6e211e;
background: #fdf7f7;
box-shadow: 0 0 2px 2px #da6960;
}
.block_accessreview_warning,
.block_accessreview.block_accessreview_warning.hasinfo {
color: #694b21;
background: #fdf2e3;
box-shadow: 0 0 2px 2px #c97a0e;
}
.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/recit2/block_completion_progress/1759007012/tick);
}
.block_completion_progress .barWithIcons .progressBarCell.notCompleted::before {
background-image: url(/theme/image.php/recit2/block_completion_progress/1759007012/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_countdown .block-countdown-timer,
.block_countdown .countdown-ended {
font-size: 1.2em;
text-align: center;
display: block;
}
.block_countdown .countdown-daystext {
font-size: 0.9em;
}
.block_countdown .countdown-days,
.block_countdown .countdown-hours,
.block_countdown .countdown-minutes,
.block_countdown .countdown-seconds {
font-size: 1.2em;
}
.block_countdown .countdown-separator {
padding: 0 2px;
}
.block_countdown .style-corporate .countdown-days,
.block_countdown .style-corporate .countdown-hours,
.block_countdown .style-corporate .countdown-minutes,
.block_countdown .style-corporate .countdown-seconds {
background: #009688;
color: #fff;
padding: 3px;
border-radius: 4px;
}
.block_countdown .style-corporate .countdown-daystext {
padding-left: 5px;
color: #009688;
font-weight: bolder;
}
.block_countdown .style-corporate .countdown-separator {
font-size: 1.2em;
}
@charset "utf-8";
/* CSS Document */
.block_course_discuss_header_section {
border-bottom: 1px solid #ededee;
border-width: 1px;
margin-bottom: 10px;
}
.block_course_discuss .block_course_discuss_header_section .block_course_discuss_headline_primary {
margin-bottom: -1px;
padding: 0 0 15px 0;
font-size: 1.5em;
font-family: 'Europa', 'Helvetica Neue', Arial, sans-serif;
border-bottom: 1px solid #393b42;
}
.block_course_discuss_header_tagline {
font-size: 1.1em;
padding: 10px 0 5px 0;
}
.block_course_discuss {
max-width: 95%;
min-width: 300px;
margin-left: auto;
margin-right: auto;
}
.block_course_discuss .content {
margin: 0;
}
#block_course_discuss_posts_container h3 {
font-family: 'Europa', 'Helvetica Neue', Arial, sans-serif;
}
.block-region-front .block_course_discuss .header {
padding: 5px 0 15px 0;
background-color: transparent;
}
#block_course_discuss_form_message {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
margin-bottom: 5px;
}
#block_course_discuss_form_message:required {
border-color: #aaa;
box-shadow: 4px 4px 8px #eee;
color: #000;
}
.block_course_discuss_feed {
margin: 0;
padding: 0;
list-style: none;
flex-basis: 100%;
max-width: 100%;
}
.block_course_discuss_feed_item {
display: flex;
flex-wrap: wrap;
padding: 20px 0;
}
.block_course_discuss_feed_item_border {
border-bottom: 1px solid #ededee;
}
.block_course_discuss_feed_item_a_avatar {
display: inline-block;
margin-right: 0.7em;
vertical-align: middle;
}
.block_course_discuss_feed_item_body {
float: left;
flex: 1 0 0%;
min-width: 0;
}
.block_course_discuss_feed_item_header {
display: flex;
flex-wrap: wrap;
margin: .25em 0 .5em;
font-size: 1.0em;
line-height: 1.44495em;
}
.block_course_discuss_feed_item_preamble {
float: left;
flex: 1 0 0%;
margin-right: 10px;
}
.block_course_discuss_feed_item_heading_primary {
display: inline-block;
margin-bottom: .3em;
font-weight: bold;
}
.block_course_discuss_feed_item_meta {
float: left;
display: flex;
flex-direction: row;
}
.block_course_discuss_feed_item_content {
font-size: 0.8em;
clear: both;
word-wrap: break-word;
}
.block_course_discuss_feed_item_content p {
margin-bottom: 1em;
}
.block_course_discuss_feed_item_content p:last-of-type {
display: inline;
margin-bottom: 0;
}
.block_course_discuss_feed_item_timestamp {
color: #727376;
margin-left: .6em;
}
.block_course_discuss_feed_item_actions {
display: flex;
align-items: center;
flex-wrap: wrap;
white-space: nowrap;
margin-top: 26px;
}
.block .content .block_course_discuss_feed_item_user .userpicture {
width: 32px;
height: 32px;
margin-right: 6px;
}
#block_course_discuss_form_message_feedback {
font-size: 0.9em;
line-height: 2em;
}
button.block_course_discuss_action_button {
background-color: transparent;
color: #333;
background-image: none;
border: 0;
padding: 2px 6px;
margin: 0 0 10px 0;
font-weight: bold;
box-shadow: none;
float: left;
transition: background-color 0.2s ease 0s;
}
button.block_course_discuss_action_button:before {
content: "\f112";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
padding-right: 5px;
}
button.block_course_discuss_action_button:hover {
background-color: #eee;
background-image: none;
box-shadow: 2px 2px #eee;
}
#block_course_discuss_posts_container {
background: #fafafa;
margin-top: 0;
overflow: hidden;
padding-left: 16px;
padding-right: 16px;
font-family: 'Europa', 'Helvetica Neue', Arial, sans-serif;
}
.block_course_discuss_posts_container_content {
font-size: 1.1em;
margin-top: 20px;
margin-bottom: 40px;
margin-left: auto;
margin-right: auto;
background-color: #fafafa;
}
.block_course_discuss_posts_container_content .block_course_discuss_indent {
margin-left: 5%;
}
.block_course_discuss_buttons {
margin-bottom: 5px;
}
#block_course_discuss_posts_container h3.block_course_discuss_error {
font-size: 1.1em;
color: #f00;
font-family: 'Europa', 'Helvetica Neue', Arial, sans-serif;
}
.block_course_discuss_view_thread_container {
margin: 0;
float: right;
font-size: 0.9em;
}
.block_course_discuss_view_thread_container a:after {
content: "\f064";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
padding-left: 8px;
}
.block_course_discuss_edit_post_container {
margin: 0 15px 0 0;
float: right;
font-size: 0.9em;
}
.block_course_discuss_edit_post_container a:after {
content: "\f044";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
padding-left: 8px;
}
.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;
}
@charset "utf-8";
/* CSS Document */
.block .content h3.block_discussion_feed_headline {
margin-bottom: -1px;
padding: 0 0 8px 0;
font-size: 1.5em;
border-bottom: 1px solid #393b42;
}
.block_discussion_feed li a {
color: #080808;
}
.block_discussion_feed {
min-width: 300px;
margin-left: auto;
margin-right: auto;
}
#block_discussion_feed_form_message {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
margin-bottom: 5px;
}
#block_discussion_feed_form_message:required {
border-color: #aaa;
box-shadow: 4px 4px 8px #eee;
color: #000;
}
.block_discussion_feed_feed {
margin: 0;
padding: 0;
list-style: none;
flex-basis: 100%;
max-width: 100%;
}
.block_discussion_feed_item {
display: flex;
flex-wrap: wrap;
padding: 20px 0;
}
.block_discussion_feed_item_border {
border-bottom: 1px solid #ededee;
}
.block_discussion_feed_item_avatar {
display: inline-block;
margin-right: 0.7em;
vertical-align: middle;
}
.block_discussion_feed_primary_post_container {
border: 1px solid #eee;
padding: 10px 10px 5px 10px;
margin-bottom: 20px;
}
.block_discussion_feed_item__body {
float: left;
flex: 1 0 0%;
min-width: 0;
}
.block_discussion_feed_item__header {
display: flex;
flex-wrap: wrap;
margin: .25em 0 .5em;
font-size: 1.0em;
line-height: 1.44495em;
}
.block_discussion_feed_item__preamble {
float: left;
flex: 1 0 0%;
margin-right: 10px;
}
.block_discussion_feed_item__heading {
display: inline-block;
margin-bottom: .3em;
color: #3a343a;
}
span.block_discussion_feed_item_post_user a {
color: #555;
font-weight: bold;
}
span.block_discussion_feed_item_post_subject {
line-height: 2em;
}
.block_discussion_feed_item_meta {
float: left;
display: flex;
flex-direction: column;
}
.block_discussion_feed_item_content {
font-size: 0.8em;
clear: both;
word-wrap: break-word;
}
.block_discussion_feed_item_content p {
margin-bottom: 1em;
}
.block_discussion_feed_item_content p:last-of-type {
display: inline;
margin-bottom: 0;
}
.block_discussion_feed_item_timestamp {
color: #a4a9b4;
}
.block_discussion_feed_item_course_link a {
color: #ddd;
font-weight: bold;
}
.block_discussion_feed_item_forum_link a {
color: #aaa;
}
.block_discussion_feed_item_post_created_date {
color: #a4a9b4;
}
.block_discussion_feed_item_actions {
font-size: 1.0em;
display: flex;
align-items: center;
flex-wrap: wrap;
white-space: nowrap;
margin-top: 26px;
}
.block_discussion_feed_item_user {
display: none;
}
.block .content .block_discussion_feed_item_user .userpicture {
width: 32px;
height: 32px;
margin-right: 5px;
}
#block_discussion_feed_form_message_feedback {
font-size: 0.9em;
line-height: 2em;
float: right;
}
button.block_discussion_feed_action_button {
background-color: transparent;
color: #333;
background-image: none;
border: 0;
padding: 2px 6px;
margin: 0 0 10px 0;
font-weight: bold;
box-shadow: none;
float: left;
transition: background-color 0.2s ease 0s;
}
button.block_discussion_feed_action_button:before {
content: "\f112";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
padding-right: 5px;
}
button.block_discussion_feed_action_button:hover {
background-color: #eee;
background-image: none;
box-shadow: 2px 2px #eee;
}
/* View comments button */
button.block_discussion_feed_action_view_comments_button {
background-color: transparent;
color: #17b8a0;
background-image: none;
border: 0;
padding: 2px 0;
margin: 15px 0 0 0;
box-shadow: none;
transition: background-color 0.2s ease 0s;
}
button.block_discussion_feed_action_view_comments_button:hover {
box-shadow: none;
background-image: none;
background-color: transparent;
color: #333;
}
button.block_discussion_feed_action_view_comments_button:focus {
box-shadow: none;
background-image: none;
background-color: transparent;
color: #333;
font-weight: bold;
}
button.block_discussion_feed_action_view_comments_button:active {
box-shadow: none;
background-image: none;
background-color: transparent;
color: #17b8a0;
font-weight: bold;
}
button.block_discussion_feed_action_view_comments_button:after {
content: "\f078";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
padding-left: 8px;
}
/* Hide Comments button */
button.block_discussion_feed_action_hide_comments_button,
button.block_discussion_feed_action_hide_comments_button_second {
background-color: transparent;
color: #17b8a0;
background-image: none;
border: 0;
padding: 2px 0;
margin: 15px 0 0 0;
box-shadow: none;
transition: background-color 0.2s ease 0s;
}
button.block_discussion_feed_action_hide_comments_button:hover,
button.block_discussion_feed_action_hide_comments_button_second:hover {
box-shadow: none;
background-image: none;
background-color: transparent;
color: #333;
}
button.block_discussion_feed_action_hide_comments_button:focus,
button.block_discussion_feed_action_hide_comments_button_second:focus {
box-shadow: none;
background-image: none;
background-color: transparent;
color: #333;
font-weight: bold;
}
button.block_discussion_feed_action_hide_comments_button:active,
button.block_discussion_feed_action_hide_comments_button_second:active {
box-shadow: none;
background-image: none;
background-color: transparent;
color: #17b8a0;
font-weight: bold;
}
button.block_discussion_feed_action_hide_comments_button:after,
button.block_discussion_feed_action_hide_comments_button_second:after {
content: "\f077";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
padding-left: 8px;
}
.block_discussion_feed_posts_container_content {
font-size: 1.1em;
margin-top: 10px;
margin-bottom: 40px;
margin-left: auto;
margin-right: auto;
background-color: #fafafa;
max-height: 400px;
overflow-y: auto;
padding: 15px 25px 10px 25px;
}
.block_discussion_feed_comments_container {
clear: both;
}
.block_discussion_feed_comments_container .indent {
margin-left: 5%;
}
.block_discussion_feed_buttons {
margin: 5px 0 5px 0;
}
.block_discussion_feed_action_no_comments {
background-color: transparent;
color: #17b8a0;
padding: 2px 0;
margin: 15px 0 0 0;
}
.block_discussion_feed_view_hide_comments_container {
float: left;
}
.block_discussion_feed_view_thread_container {
margin: 15px 0 0 0;
float: right;
font-size: 0.9em;
}
.block_discussion_feed_view_thread_container a:after {
content: "\f064";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
padding-left: 8px;
}
.block_discussion_feed_edit_post_container {
margin: 15px 15px 0 0;
float: right;
font-size: 0.9em;
}
.block_discussion_feed_edit_post_container a:after {
content: "\f044";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
padding-left: 8px;
}
button.block_discussion_feed_reply_button {
margin-left: 0;
}
.block_discussion_feed_container {
position: relative;
margin: 10px 0;
}
.block_discussion_feed_expand_container {
position: absolute;
bottom: -9px;
right: 23px;
}
.block_discussion_feed_expand {
max-height: 800px;
}
button.block_discussion_feed_expand_container_button {
border: 1px;
border-radius: 0;
box-shadow: none;
background-color: rgba(134, 233, 135, 0.98);
background-image: none;
padding: 2px 4px;
text-shadow: none;
}
button.block_discussion_feed_expand_container_button:focus,
button.block_discussion_feed_expand_container_button:active {
background-color: rgba(134, 233, 135, 0.98);
}
button.block_discussion_feed_expand_container_button:hover {
background-color: rgba(120, 202, 121, 0.9);
}
button.block_discussion_feed_expand_container_button_expanded {
background-color: rgba(230, 109, 109, 0.98);
color: #fff;
}
button.block_discussion_feed_expand_container_button_expanded:hover {
background-color: rgba(251, 145, 145, 1);
color: #fff;
}
button.block_discussion_feed_expand_container_button_expanded:focus,
button.block_discussion_feed_expand_container_button_expanded:active {
background-color: rgba(230, 109, 109, 1);
color: #fff;
}
button.block_discussion_feed_expand_container_button_collapsed:after {
content: "Étendre+\002B";
padding: 0 0 0 5px;
font-size: 0.9em;
}
button.block_discussion_feed_expand_container_button_expanded:after {
content: "Réduire - \2212";
padding: 0 0 0 5px;
font-size: 0.9em;
}
.block_discussion_feed_hidden {
display: none;
}
.block_discussion_feed_show_less {
display: none;
}
a.block_discussion_feed_show_less,
a.block_discussion_feed_read_more {
color: #aaa;
}
.block_discussion_feed_posting_to {
font-size: 0.9em;
color: #888;
padding-left: 25px;
font-style: italic;
}
.block_discussion_feed_container .block_discussion_feed_error {
font-size: 1.1em;
color: #f00;
font-family: 'Europa', 'Helvetica Neue', Arial, sans-serif;
line-height: 2em;
text-transform: uppercase;
}
.block_discussion_feed_container .block_discussion_feed_success {
font-size: 1.1em;
color: #777;
font-family: 'Europa', 'Helvetica Neue', Arial, sans-serif;
line-height: 2em;
text-transform: uppercase;
}
@media only screen and (min-width: 1024px) {
.block_discussion_feed_item_user {
display: block;
}
}
select.block_discussion_feed_group_selection {
margin: 10px;
vertical-align: baseline;
}
div.block_discussion_feed_group_selection {
margin: 10px 5px 10px 0;
vertical-align: baseline;
}
.block_forum_aggregator .forum_title {
text-align: center;
font-weight: bold;
margin-top: 3px;
padding: 3px 0px 3px 0px;
border-top: 2px solid #ddd;
border-bottom: 2px solid #ddd;
}
.block_forum_aggregator .post {
border-bottom: 1px solid #ddd;
padding-bottom: 3px;
}
.block_forum_aggregator .post .postreadmore {
font-size: .8375rem;
}
.block_forum_aggregator .content .head {
margin-top: 3px;
}
.block_forum_aggregator .userpostpic {
float: left;
margin-right: 6px;
margin-top: 6px;
border-radius: 50%;
}
.block_forum_aggregator .post div.head {
font-size: .9375rem;
font-style: italic;
}
.block_forum_aggregator .post div.head .subject {
font-weight: bold;
}
.block_forum_aggregator .no_posts {
text-align: center;
font-style: italic;
font-size: .9375rem;
margin-top: 3px;
}
.block_forum_aggregator .forums td {
padding: 5px;
}
.block_forum_aggregator .forums .header {
font-weight: bold;
}
.chat_ib h5 {
font-size: 15px;
color: #464646;
margin: 0 0 8px 0;
}
.chat_ib h5 span {
font-size: 13px;
float: right;
}
.chat_ib p {
font-size: 14px;
color: #989898;
margin: auto
}
.chat_img {
float: left;
width: 11%;
}
.chat_ib {
float: left;
padding: 0 0 0 15px;
width: 88%;
}
.chat_people {
overflow: hidden;
clear: both;
}
.chat_list {
border-bottom: 1px solid #c4c4c4;
margin: 0;
padding: 18px 16px 10px;
}
.inbox_chat {
height: 550px;
overflow-y: scroll;
}
.active_chat {
background: #ebebeb;
}
.incoming_msg_img {
display: inline-block;
width: 6%;
}
.received_msg {
display: inline-block;
padding: 0 0 0 10px;
vertical-align: top;
width: 92%;
}
.received_withd_msg p {
background: #ebebeb none repeat scroll 0 0;
border-radius: 3px;
color: #646464;
font-size: 14px;
margin: 0;
padding: 5px 10px 5px 12px;
width: 100%;
}
.time_date {
color: #747474;
display: block;
font-size: 12px;
margin: 8px 0 0;
}
.received_withd_msg {
width: 57%;
}
.mesgs {
float: left;
padding: 30px 15px 0 25px;
width: 60%;
}
.sent_msg p {
background: #05728f none repeat scroll 0 0;
border-radius: 3px;
font-size: 14px;
margin: 0;
color: #fff;
padding: 5px 10px 5px 12px;
width: 100%;
}
.outgoing_msg {
overflow: hidden;
margin: 26px 0 26px;
}
.sent_msg {
float: right;
width: 46%;
}
.input_msg_write input {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: medium none;
color: #4c4c4c;
font-size: 15px;
min-height: 48px;
width: 100%;
}
.type_msg {
border-top: 1px solid #c4c4c4;
position: relative;
}
.msg_send_btn {
background: #05728f none repeat scroll 0 0;
border: medium none;
border-radius: 50%;
color: #fff;
cursor: pointer;
font-size: 17px;
height: 33px;
position: absolute;
right: 0;
top: 11px;
width: 33px;
}
.messaging {
padding: 0 0 50px 0;
}
.msg_history {
height: 516px;
overflow-y: auto;
}
.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;
}
/* 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);
}
.page-mycourses .block_myoverview .block-controls {
display: none;
}
.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;
}
#navbuttons {
float: right;
right: 0;
margin-top: 5px;
}
#navbuttons .navbuttontext {
float: left;
margin-left: 5px;
}
.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/recit2/core/1759007012/t/expanded);
}
.block_navigation .block_tree [aria-expanded="false"] {
background-image: url(/theme/image.php/recit2/core/1759007012/t/collapsed);
}
.block_navigation .block_tree [aria-expanded="true"].emptybranch {
background-image: url(/theme/image.php/recit2/core/1759007012/t/collapsed_empty);
}
.block_navigation .block_tree [aria-expanded="false"] p.loading {
background-image: url(/theme/image.php/recit2/core/1759007012/i/loading_small);
}
/*rtl:raw:
.block_navigation .block_tree [aria-expanded="false"] {background-image: url(/theme/image.php/recit2/core/1759007012/t/collapsed_rtl);}
.block_navigation .block_tree [aria-expanded="true"].emptybranch {background-image: url(/theme/image.php/recit2/core/1759007012/t/collapsed_empty_rtl);}
.block_navigation .block_tree [aria-expanded="false"].loading {background-image: url(/theme/image.php/recit2/core/1759007012/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;
}
/* 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 {
/*rtl:remove*/
background-image: url(/theme/image.php/recit2/core/1759007012/t/collapsed);
/*rtl:raw:
background-image: url(/theme/image.php/recit2/core/1759007012/t/collapsed_rtl);
*/
background-size: 16px 16px;
background-position: 1px 1px;
background-repeat: no-repeat;
padding-left: 22px;
}
.block_private_files [role="treeitem"][aria-expanded="true"]>p {
background-image: url(/theme/image.php/recit2/core/1759007012/t/expanded);
background-size: 16px 16px;
background-position: 1px 1px;
background-repeat: no-repeat;
padding-left: 22px;
}
.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%;
padding-left: 22px;
margin-left: 0;
}
.block_private_files [aria-hidden="true"]:not(.icon) {
display: none;
}
.block_recent_activity .unlist li {
margin-bottom: 1em;
}
.block_recent_activity li .head .date {
float: right;
}
.block_course_list .footer {
margin-top: 5px;
}
.block_course_list .content li {
margin-bottom: .3em;
}
/* 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/recit2/core/1759007012/t/expanded);
}
.block_settings .block_tree [aria-expanded="false"] {
background-image: url(/theme/image.php/recit2/core/1759007012/t/collapsed);
}
.block_settings .block_tree [aria-expanded="true"].emptybranch {
background-image: url(/theme/image.php/recit2/core/1759007012/t/collapsed_empty);
}
.block_settings .block_tree [aria-expanded="false"] p.loading {
background-image: url(/theme/image.php/recit2/core/1759007012/i/loading_small);
}
/*rtl:raw:
.block_settings .block_tree [aria-expanded="false"] {background-image: url(/theme/image.php/recit2/core/1759007012/t/collapsed_rtl);}
.block_settings .block_tree [aria-expanded="true"].emptybranch {background-image: url(/theme/image.php/recit2/core/1759007012/t/collapsed_empty_rtl);}
.block_settings .block_tree [aria-expanded="false"].loading {background-image: url(/theme/image.php/recit2/core/1759007012/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_social_activities .inplaceeditable.inplaceeditingon input {
width: 100%;
}
.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;
}
}
/**
* This file is auto-generated. Edit css/styles.css instead.
*/
/* stylelint-disable */
.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-0) {
margin-bottom: 0px;
}
.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-max-w-prose) {
max-width: 65ch;
}
.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-not-italic) {
font-style: normal;
}
.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 (and .table-responsive for now).*/
.block_xp .xp-cancel-overflow .no-overflow {
overflow: visible;
}
.block_xp .xp-cancel-overflow .table-responsive {
overflow-x: visible
}
/** Legacy styles. */
.block_xp-level {
background: url(/theme/image.php/recit2/block_xp/1759007012/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/recit2/block_xp/1759007012/1);
}
.block_xp-level.level-2 {
background-image: url(/theme/image.php/recit2/block_xp/1759007012/2);
}
.block_xp-level.level-3 {
background-image: url(/theme/image.php/recit2/block_xp/1759007012/3);
}
.block_xp-level.level-4 {
background-image: url(/theme/image.php/recit2/block_xp/1759007012/4);
}
.block_xp-level.level-5 {
background-image: url(/theme/image.php/recit2/block_xp/1759007012/5);
}
.block_xp-level.level-6 {
background-image: url(/theme/image.php/recit2/block_xp/1759007012/6);
}
.block_xp-level.level-7 {
background-image: url(/theme/image.php/recit2/block_xp/1759007012/7);
}
.block_xp-level.level-8 {
background-image: url(/theme/image.php/recit2/block_xp/1759007012/8);
}
.block_xp-level.level-9 {
background-image: url(/theme/image.php/recit2/block_xp/1759007012/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;
}
.block_xp-table .col-actions:empty {
padding: 0;
}
.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;
}
.block_xp-report-table .col-userpic {
width: 1px;
}
.block_xp-report-table .col-userpic img {
margin: 0;
}
/**
* Any tables.
*/
.block_xp table .col-actions {
width: 1px;
}
.block_xp table .header.col-actions {
padding: 0 !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;
}
.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: 768px) {
.block_xp :is(.md\:xp-flex-nowrap) {
flex-wrap: nowrap;
}
}
@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(.last\:\[\&_p\]\:xp-m-0 p:last-child) {
margin: 0px;
}
.block_xp :is(.last\:\[\&_p\]\:xp-mb-0 p:last-child) {
margin-bottom: 0px;
}
.block_xp :is(.\[\&_ul\]\:xp-pl-4 ul) {
padding-left: 1rem;
}
/* stylelint-disable */
.vjs-svg-icon {
display: inline-block;
background-repeat: no-repeat;
background-position: center;
fill: currentColor;
height: 1.8em;
width: 1.8em;
}
.vjs-svg-icon:before {
content: none !important;
}
.vjs-svg-icon:hover,
.vjs-control:focus .vjs-svg-icon {
filter: drop-shadow(0 0 0.25em #fff);
}
.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,d09GRgABAAAAABTsAAsAAAAAIpAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV32Y21hcAAAAYQAAAEJAAAD5p42+VxnbHlmAAACkAAADtIAABckI4l972hlYWQAABFkAAAAKwAAADYsvIjpaGhlYQAAEZAAAAAdAAAAJA+RCL1obXR4AAARsAAAABcAAAC8Q2YAAGxvY2EAABHIAAAAYAAAAGB7CIGGbWF4cAAAEigAAAAfAAAAIAFAAI9uYW1lAAASSAAAASUAAAIK1cf1oHBvc3QAABNwAAABfAAAAnXdFqh1eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGR7yDiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGPHcRdyA4RZgQRADaGCyYAAHic7dPXbcMwAEXRK1vuvffem749XAbKV3bjBA6fXsaIgMMLEWoQJaAEFKNnlELyQ4K27zib5PNF6vl8yld+TKr5kH0+cUw0xv00Hwvx2DResUyFKrV4XoMmLdp06NKjz4AhI8ZMmDJjzoIlK9Zs2LJjz4EjJ85cuHLjziPe/0UWL17mf2tqKLz/9jK9f8tXpGCoRdPKhtS0RqFkWvVQNtSKoVYNtWaoddPXEBqG2jQ9XWgZattQO4baNdSeofYNdWCoQ0MdGerYUCeGOjXUmaHODXVhqEtDXRnq2lA3hro11J2h7g31YKhHQz0Z6tlQL4Z6NdSbod4N9WGoT9MfHF6GmhnZLxyDcRMAAAB4nJ1YC1hU17U+a5/HMA4iA3NmVBDmoQwP5TFnHlFeA4gYiUFRQINoSCBAyK3G2yi+0aipYtFcHYo2xsb4NiY3+VrNxSaX5uvt495ozNdoYoxmem2/L8HGpLc+InB279pnhlGr5mvL4eyz99nrrL32eu1/DQcc/okdYgdHOA6MQKp4r9gx0EcMHMezOalVasW5BM7NcXoSb9fFgE6KtSSBxWz1FYDPG+vMBGcKb9cebu2VS5s2aaTkCvRSf6C7Y+Ppibm5E09v7IDs2/3uZQtbD0zIyppwoHXh/93ukmyYgdePNRp65p5v+3v/9otQl2O7wP34cT88p8Md2YxpYLQZoRcy6FlSBRnwnGAe6BPMSCZo+7NJVqS0cE4uHendzhSnbPH6TDqL1+Nme5LZXkCHnGyoH0kne30WH+gswhm3q+pt/mTas9NLS64GnjmSlTPw0wVQT/ewRaBgxtydy3cuUB9/6SW+vb5yRvr+t0eOfPKJZ/9t3+4tL7xj32Xd3thCxi+ge6ifdsAN+l5+wi5HQ/cCoeull1AszS7CUfEcJzK7sKWJAdJhCd0sPM4+EY7QDm5ov08hXRQXE5bf6PV5Q5+IjW7X7Nku92Ask4l2hCRRD6TPqISiCJeQna3SCFwrhrNzXHzo4yFevBwxpzxk8WCIIfkvVEKVy32SbT8n68gzgaslpaiO2zIGIyuSb7RNf9HSuN26y/7OC1tgEmpiyA6aD4qcgTOiLThwGG0eB694FI8NHLLN6OBlRVaMxNAFS4JdXUG6mW8PwpKuYLCLXKGbu8iwYNdgO06Sn3Th+/vyZAxs8Ro30DjHe9gy8Fywi24OMm7Qyzh3MTZVOMYhLBnoC+J79lpTUyQmorjhnMwlcQ5uPEYGpDjsOkkH49BjQLQBqs3jFtFdJNlksYmoQFDArLh8Xh+Qd6Ghcsb6FUuehDi+U/lqD71K/qiegeV1imcwjl7ExwiSrf4BZyCujV6cVcFo6VX+G9IcPyFjJnUufbU/jzrL1X99as36reXl8K32nFaOr+E8jWJEcJ55DpMVfSMe95/AJaOsGBH2GJCNpiRQbK4C8BjdmQA22QY2j03Em13i2YHqtNLU1NI04Yj2HJgA6fQc6VPNpA/D+Ryks554NnVy2mB72uRUfPLsqR4N0LOBQKArwJYO+5W2fgZX8oC1HR6HjNaQTVIG2FPwnTcXXGZZfNB7TE6pTKZUwaw91XWLAoFFGcnB5PHjsckgBjbWutrL+0h5Y1xw3DRGDumsnXb3MJwXrJIN5U7m0rgJ3yG5w4he5ckFG4pmNEkOm0/xOO4r4yL87wqtQM+hiJIVp+6iG2wPBKD35ElGkDx+UfC2v1mFG1o+M3AjNFty8biKMXwzyxnZLds8wYD2BxmCPHAldPOeLsy/0BugftYhVYFAhO8SqQ0j3oK7dHJZnI/jxmUS4onlxskSF8thmvNZjIrRZwEPxr0lBuLRuz3oy/FOHCsxwOPYh2M+e9u3J5pgPYz9gp6G7C9m0A11F9ddqKMfV+4sbq45/YspOysXvT+3pdFdYNg2fHbW8Dz301MqDVuGrz0Fuh0YMW8mddrpqzST7rV9BcvqPoNvadRndWp0p8HvbiqrFj5yFQ/vNFSXDpxpLEFWp+DcrF3FT1afWshFcmCfeAMjEvO65i0Y6XijQfSRPWx3TV/Df7Km3E1l+kLt56s/rwVzuRusNMhudznkwdLaS+QNdeal2jDPP4l9qHc98vTYZOSkxzD+njBWVWjFPKgipx6DkWvXQiW8OYcewVHE5yukinDMcfGgc0opDltYKDxIGBedkzc6jSfE7tlvESCDFUw0Hx0opS+U0lHCxNottbNWSxX9zZVvEhKWUSyBpaXwBc2a98M6UqPeXAs/GDon8Ax7hsthO8cM5HU7Ad0UvRR9lHmtyQKZ4MAe814X5h9MSUkQmhf96eVJ6p90OjIiqSIjvykvr2l5U55O/fPQKD+jIomYpNyGJQ25uQ2kIikRfAmuBHCPsWqkSDEqgZ5KDI2sifS/R43MbZg0idFHbCPNxXxZws1ACVE6hAhOdJwRkJLFBLPZpRGYJ50pko6XzMkgmSx40ljik6AQcKhFnLcQE6rF7PXFe1Ocoj0T3AXgSgJTDIhHRfHlYZKuSzc6uievOJGXY+i5GJkkTp7UM3y0LqATDbtFcbdBxO7o4T25JYlEjoH0uynUh8rapkxp62QN70svSF+hT4gGPlovlmcm/ComLi7mV4kTykV9NFWjE/QrwgQ4uIcAP0rQF4VZYRP2o3PhHHzfPMJj9Ir+uzKUlrH49ntT18AVvj1sc3YGjUT/Mt2Dxawa8ArcA7bCQIpvfwAYu22vEG/No/5RvPdA7g+AelLrPwzy+LtkLPhnpIxH14m4EYq8eeMHbPEPNm6G7Nv9B4jcFPZ8bJj0SEjP3MPgQdKTqqEoy2v6G32P/Y6dxOv04AxnoAeq+GILvUavtYCBXm+BaIhuodcfrN5B/V2EYMCPh+SxavjGyPwV0x4CJgUPGT0mQaODGBACIJZGsMXwAD0LGXx7l3CdAcKMIKI+f5CepWeD0BvyU/GcdBxPF8SwejC6LGZmAURFdsSWKR5HyHld2kbdIZO1Ixx+bnnzU7n5+blPNV9jnUDWhP2tC68tbN3PVIldsQPxSAcSpjOav7Q05uXn5zW2LLvDXn9B6syscPy9iDLEMmSrJz6nYuWMipukjM0AH8JkGS+XFyMRkzSCH7KD/hwm172SAyZYumHlefr5AddrtA0O0TnwaVZxcRY9Bfukn9Gf05N1r9DV9MoBsJ1f+ZrqUvtPHizJAntWybv7hmqLt6QLuK6ZS9Fqi1jO5rDoWPZXXII5Tgajg53cIXCjDCGIcYrRIY2n6+mXOa/W0bdhau3ryiEYe2FV/5oeaIYK/5w5frCyll6/cYO8DiNhw6t1MBWmznt91QX62UF1N7l0eHBZTRGpKaqpKVIPF9UcIzmReud9TSY75+K899GHbBu6wjoR7RKKZVYiYxSPf5/2wJT5e3NAhmUbVn5KLx1Ujg0+BGvpAIh0DezInTkzF37KVocxrKU3r1+XLtAe2lO3l66kfQfB/unKY+q8N375Ru8bc4pJXfEcESU95q+p8ZNZRTWH1d9FzvUdYXk5rLkcdkEisoKKVHQW/b3GEx6tPaYcoJfOr9wAbSBnv1IHpep0OExr4LPMkpJM+j7sly7UHkOzXjoAZljHCGiyegtNlwljM0v+c19ET9Pvst09a2Mtgcf5/ZSzYO5h1156+eyydfAsxGa9XAuF6vzjh6CssLq6ECysperXX0sX5h5ZdpZe3guxsGIPEtHk/aqXX1hVqP5HYVVVISkrrNqvXorIc+5Ou91Hnr/LcD2afi6eX7UBloOcs7cOpqgGaNfs1g7bNbs9z6wASaylN69d0/TFTIz6Ws8+oGV3mE2612wRTHKcVUbhjKadebloMc+dyXgMVtVK6BwMB/+mVW09igdRBWaRtNQX59d/VD//xdQ0TCiYNj1KT9sq6Wdu5WTbqk3qDXyDaLa1fv621LS01G3z61sD6lH8lAxDLicV921s6Bf92JOYvzNYCL1khbqBXEFUzC521N5NyzNaQIWhjyFyDoBIVrAjmv2UEaLlI+c6zw1jmVIPLLLZZUTj6GxGHW+mq1tgHXR2D85p4Q934+jLbtjVLcyCdS10NVzpHqxp4Q/hK7WopY/NRGx9HGsPGdFjOjcpjBnGYMVqY/4eqT5khWEHWUup2A/pTw7pdWgsWft7ETUERL96nRg0HNFPmCYba6pylECaExX89A9WLUOVB4oKLu/o1oqSYHCgLzBUlAz8hNFDRpeSU1XT+LRmDUgPaKbYdHDn9suF/tu13nHJij0N97LfS0QmqONuyONk7zvUI6Qa0pF9f2+oABL92AT6e0U//z9YqAiWtJLU1JK0gS+1aacwamiNqK067u9ZQ8f1d4qLodMzz3uL89Z68V/Hnr++hXWUuHgw8dfi972PeTyPefu3aNNucemQ74qFuIaJnVkOu4Q+yjuwmmC1FqZpl1i4uzoPxjkpPf3Xv545tl26Rr+dOvUd+omqJzch9dOeU7f10Y64nMcKK137DccIZq2WdXtdZjbEoLSzHwiMtrjYLDxpHQW8gjMX6XFYAE2zSWVD04EGYSs9MbO6sEo20BMEAB4mpvSypsKjZ4Stgzb+c3A9/MQT2+vrBy+qvyFxLUtLlSRF/Ri2wjfZ2dus2Q8lXx4608/jnqK5OOap6NY2PSjYYnECCjiEeLJll/pbmqfeIK+ps3+MxrlEhqmTPipVP7kqlF4VhpEb6r+Q7YOJg38kJ9SHBf3NBl6+9YchfbUjb5ahLSzUM3kPHmwFAsZ5rpai0S7E5xWzZ1j+fW7zsUWP2g5NXTw52ySCTrgG0+lbw60l2Y/CB185CoA8NK+tbRKxfjy6pm5hzQRRR+cMqv1Jbiw6STivtEvt3DRcy0QEh92JlUGo2PG4tSKHl00YD6xc8CK+YPYyy3io2lN8BcSjKRzrIV6ypOAobqxViJPaT9M9Hy5szY33mp7OX/Zu89L/7Ww5vqY2Y8b0pKgoiUhG5cPDPzq8qTV/WkzUOIvXVVA96kmjcBrr3HrYC/Wn+fYP6Z7T1rqy3zknbvqma/FvVk96fNXGkuaXrdHW5JGSxZT/2I/O73v+yNWafMdzc5NdxYurHs6h86e01sLKLz9EBrg+x36rxAaED7hRnAMx7Vzu+9wabh3zG8XLQjx0ablUJzmxdErxYT3kzQSd0SSafVqF5PXgpp0OyYJ1EyNHpGUZmvK575ySzd85JSqF7IBzSAbMM04+MbE58xF3/njXOGecSaermlw2y9PsSQdytLJVr8t+wg+rR8cZYoeNxVIzNdk3Bngi8U5LAlgTFoQnzJCa5EsCgYhCaGL+qPj7TdhG31p9tej3R04N//PXxNwJvyUqwaJqRPJY98TJ5TPndmflRAkAhBfe46sfKW5wizSge08Xb7Ca/GUVs55trngkKkrUS2WPzKttaaqq+idmahugkY+W6fN0I6i3gPt/x88U4wAAeJxjYGRgYADiGU9YXsXz23xl4GZnAIFH7fO+IdMc/WBxDgYmEAUASbMKwAB4nGNgZGBgZwABjj4Ghv//OfoZGBlQgT4ARicDZAAAAHicY2BgYGAfxJijD8Fmu4EqBwCSpgKpAAAAAAAADgBoAH4AzADgAQIBQgFsAZgB7gIuAooC0AL8A2IDjAOoA+AEMASwBNoFCAVaBcAGCAYuBnAGrAb2B04HigfSCCoIcAiGCJwIyAkkCVYJiAmsCfIKIApWCsQLknicY2BkYGDQZ2hmYGcAASYg5gJCBob/YD4DABqrAdAAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2ReVPbMBDF/ULi2EkDBFqO3gdHLxUzDB9IkdexBllydRD49ihO3Ckz7B/a31utZnafkkGyiXnyclxhgB0MMUKKMTLkmGCKV5hhF3vYxxwHOMRrvMERjnGCU7zFO7zHB3zEJ3zGF3zFN5zhHBe4xHf8wE/8wm8w/MEVimTYKv44XR9MSCsUjVoeHE3vjQoNsSZ4mmxZmVWPjSz7jlou6/0qKOWEJdKMtCe793/hQfqxa6XWZHMXFl56RS4TvPXSaDeoy0zUUZB109KstDK8lHo5q6Qi1hcOnqkImubPS6aqRq7mlnaEWabub4iYblba3SRmgldS0+FWdhNtt04F14JUaqkl7tcpOpJtErvNt3Bd9HRT5JWxK25Ldjvp6br4hzfFiIdSmlzTg2fSUzNrLd1LE1ynxq4OVaVoKLjzJ60UPtj1RKzHzsbjly6inVnFBS2MucviPncU7Rr7lfTxRepDs1A2j3ZHRc7PuzFYSfE3ZOd4kjwBy227hA==) 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;
display: block;
}
.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;
}
.vjs-big-play-button .vjs-svg-icon {
width: 1em;
height: 1em;
position: absolute;
top: 50%;
left: 50%;
line-height: 1;
transform: translate(-50%, -50%);
}
.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:not(.vjs-seeking, .vjs-scrubbing, .vjs-error) .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;
}
.video-js.vjs-spatial-navigation-enabled .vjs-button:focus {
outline: 0.0625em solid white;
box-shadow: 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 {
display: flex;
justify-content: center;
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;
}
.vjs-menu li.vjs-selected .vjs-svg-icon,
.vjs-menu li.vjs-selected:focus .vjs-svg-icon,
.vjs-menu li.vjs-selected:hover .vjs-svg-icon,
.js-focus-visible .vjs-menu li.vjs-selected:hover .vjs-svg-icon {
fill: #000000;
}
.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);
}
.video-js.vjs-spatial-navigation-enabled .vjs-control-bar {
gap: 1px;
}
.video-js:not(.vjs-controls-disabled, .vjs-using-native-controls, .vjs-error) .vjs-control-bar.vjs-lock-showing {
display: flex !important;
}
.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;
}
.vjs-button>.vjs-svg-icon {
display: inline-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;
}
.vjs-svg-icons-enabled .vjs-play-progress:before {
content: none !important;
}
.vjs-play-progress .vjs-svg-icon {
position: absolute;
top: -0.35em;
right: -0.4em;
width: 0.9em;
height: 0.9em;
pointer-events: none;
line-height: 0.15em;
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, and Chrome 53 */
-webkit-user-select: none;
/* Non-prefixed version, currently supported by Chrome and Opera */
-moz-user-select: none;
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-spatial-navigation-enabled .vjs-slider:focus {
outline: 0.0625em solid white;
}
.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-svg-icons-enabled .vjs-volume-level:before {
content: none;
}
.vjs-volume-level .vjs-svg-icon {
position: absolute;
width: 0.9em;
height: 0.9em;
pointer-events: none;
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;
}
.vjs-slider-horizontal .vjs-volume-level .vjs-svg-icon {
right: -0.3em;
transform: translateY(-50%);
}
.vjs-slider-vertical .vjs-volume-level .vjs-svg-icon {
top: -0.55em;
transform: translateX(-50%);
}
.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%;
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-svg-icons-enabled .vjs-seek-to-live-control {
line-height: 0;
}
.vjs-seek-to-live-control .vjs-svg-icon {
width: 1em;
height: 1em;
pointer-events: none;
fill: #888888;
}
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
color: red;
}
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-svg-icon {
fill: 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;
}
.vjs-error .vjs-text-track-display {
display: 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-force-center-align-cues .vjs-text-track-cue {
text-align: center !important;
width: 80% !important;
}
.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-loading-spinner {
display: none;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0.85;
text-align: left;
border: 0.6em solid rgba(43, 51, 63, 0.7);
box-sizing: border-box;
background-clip: padding-box;
width: 5em;
height: 5em;
border-radius: 50%;
visibility: hidden;
}
.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
display: flex;
justify-content: center;
align-items: center;
animation: vjs-spinner-show 0s linear 0.3s forwards;
}
.vjs-error .vjs-loading-spinner {
display: none;
}
.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
content: "";
position: absolute;
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;
}
.vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-svg-icon {
width: 1.5em;
height: 1.5em;
}
.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-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder,
.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-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before,
.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-spatial-navigation-enabled .vjs-modal-dialog.vjs-text-track-settings {
height: 80%;
}
.vjs-error .vjs-text-track-settings {
display: none;
}
.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-text-track-settings select {
font-size: inherit;
}
.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 0.6em 0.8em;
}
.vjs-text-track-settings fieldset span>select {
max-width: 7.3em;
}
.vjs-text-track-settings legend {
color: #fff;
font-weight: bold;
font-size: 1.2em;
}
.vjs-text-track-settings .vjs-label {
margin: 0 0.5em 0.5em 0;
}
.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-error .vjs-title-bar {
display: none;
}
.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;
}
.video-js .vjs-transient-button {
position: absolute;
height: 3em;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(50, 50, 50, 0.5);
cursor: pointer;
opacity: 1;
transition: opacity 1s;
}
.video-js:not(.vjs-has-started) .vjs-transient-button {
display: none;
}
.video-js.not-hover .vjs-transient-button:not(.force-display),
.video-js.vjs-user-inactive .vjs-transient-button:not(.force-display) {
opacity: 0;
}
.video-js .vjs-transient-button span {
padding: 0 0.5em;
}
.video-js .vjs-transient-button.vjs-left {
left: 1em;
}
.video-js .vjs-transient-button.vjs-right {
right: 1em;
}
.video-js .vjs-transient-button.vjs-top {
top: 1em;
}
.video-js .vjs-transient-button.vjs-near-top {
top: 4em;
}
.video-js .vjs-transient-button.vjs-bottom {
bottom: 4em;
}
.video-js .vjs-transient-button:hover {
background-color: rgba(50, 50, 50, 0.9);
}
@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 .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%;
}
@property --percent {
syntax: '';
inherits: true;
/* stylelint-disable-next-line -- not yet supported in FireFox. */
initial-value: 0;
}
.fc-chart-pie .chart-area .chart-image {
width: auto;
}
.fc-progress-pie {
--color: purple;
--percent: 0;
--size: 150px;
--border: 20px;
--bgcolor: #f0f0f0;
width: var(--size);
aspect-ratio: 1;
position: relative;
display: inline-grid;
margin: 5px;
place-content: center;
font-size: 1.5rem;
font-weight: bold;
}
.fc-progress-pie:before,
.fc-progress-pie:after {
content: "";
position: absolute;
border-radius: 50%;
}
.fc-progress-pie:before {
inset: 0;
background:
radial-gradient(farthest-side, var(--color) 98%, #0000) top/var(--border) var(--border) no-repeat,
conic-gradient(var(--color) calc(var(--percent) * 1%), #0000 0);
-webkit-mask: radial-gradient(farthest-side, #0000 calc(99% - var(--border)), #000 calc(100% - var(--border)));
mask: radial-gradient(farthest-side, #0000 calc(99% - var(--border)), #000 calc(100% - var(--border)));
background-color: var(--bgcolor);
background-size: 0 0, auto;
}
.fc-progress-pie:after {
inset: calc(50% - var(--border) / 2);
background: var(--color);
transform: rotate(calc(var(--percent) * 3.6deg)) translateY(calc(50% - var(--size) / 2));
content: none;
}
.fc-progress-pie.animate {
animation: fc-progress-pie-percent 1s .5s both;
}
@keyframes fc-progress-pie-percent {
from {
--percent: 0;
}
}
kbd {
padding: 0.1rem 0.4rem;
background-color: #eee;
border: 1px solid #b4b4b4;
border-radius: 0.25rem;
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 2px 0 0 rgba(255, 255, 255, 0.7) inset;
color: #333;
white-space: nowrap;
display: inline-block;
}
#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;
}
/* Popup */
body .recitautolink_popup .modal-dialog {
width: fit-content;
width: -moz-fit-content;
max-width: none !important;
margin: auto;
}
body .recitautolink_popup .modal-body {
padding: 0;
}
body .recitautolink_popup iframe {
width: 80vw;
max-width: 1500px;
height: 90vh;
max-height: 90vh;
border: 0;
}
body .recitautolink_popup_16x9 iframe {
width: 70vw !important;
max-width: 1500px;
height: 43vw !important;
border: 0;
}
body .recitautolink_popup .modal-header {
padding: 0.5rem 0.5rem;
background-color: rgba(221, 222, 220, 0.95)
}
body .recitautolink_popup .modal-header h3 {
margin-bottom: 0rem;
}
.filter-recitcahiertraces_personal-note-embedded .title {
font-weight: 500;
font-size: 20px;
}
@media screen and (max-width: 767px) {
.filter-recitcahiertraces_personal-note-embedded .btn-group .btn {
font-size: 0;
}
.filter-recitcahiertraces_personal-note-embedded .btn-group i {
font-size: initial;
}
}
.filter-recitcahiertraces_recit-loading {
display: none;
font-size: 40px;
position: fixed;
top: 50%;
left: 50%;
z-index: 2000;
transform: translate(-50%, -50%);
transform: -webkit-translate(-50%, -50%);
transform: -moz-translate(-50%, -50%);
transform: -ms-translate(-50%, -50%);
}
.filter-recitcahiertraces_recit-backdrop {
position: fixed;
top: 0;
left: 0;
z-index: 1040;
width: 100vw;
height: 100vh;
background-color: #00000080;
}
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;
white-space: pre;
}
td.title.wrs_plugin.wrs_filter {
font-weight: bold;
}
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 */
}
}
/** Styles included in topics course format */
.format-onetopic ul.onetopic {
padding: 0;
margin-bottom: 0;
}
.format-onetopic .format_onetopic-tabs .nav-link {
white-space: nowrap;
width: 100%;
max-width: 300px;
overflow: hidden;
text-overflow: ellipsis;
position: relative;
padding-right: 1.3rem;
}
.format-onetopic ul.nav-tabs.format_onetopic-tabs li.marker a {
font-weight: bold;
}
.format-onetopic ul.nav-tabs.format_onetopic-tabs li.dimmed a {
color: #999;
opacity: 0.5;
}
.format-onetopic ul.nav-tabs li a span.iconhelp {
cursor: pointer;
margin-left: 5px;
pointer-events: auto;
position: absolute;
right: 3px;
}
.format-onetopic ul.nav-tabs li a span.iconhelp i {
margin: 0;
}
.format-onetopic .onetopic-tab-body {
padding-top: 10px;
padding-bottom: 10px;
}
.format-onetopic .onetopic-withsectionbg .course-section,
.format-onetopic .onetopic-withsubsectionbg .course-section {
margin-top: 0;
background: #fffb;
padding: 0 0.75rem;
border-radius: 5px;
}
.format-onetopic .onetopic-withsectionbg ul.section .activity-item,
.format-onetopic .onetopic-withsectionbg .content .summarytext {
background-color: transparent;
padding-left: 0;
padding-right: 0;
}
.format-onetopic .onetopic-withsubsectionbg {
margin: 0 10px;
padding: 10px 0;
}
.format-onetopic .onetopic-tab-body-secondrow {
padding-top: 10px;
}
/* Its a subtabs bar */
.format-onetopic .onetopic-tab-body .format_onetopic-tabs {
padding-left: 20px;
}
/* End Its a subtabs bar */
.format-onetopic .content .summarytext .iconwithhelp {
cursor: pointer;
}
.format-onetopic .content .summarytext .iconwithhelp .icon {
margin: 0;
}
.format-onetopic .verticaltabs.hastopictabs {
display: flex;
}
.format-onetopic .verticaltabs>.tabs-wrapper {
width: 250px;
border-right: 1px solid #dee2e6;
border-bottom: none;
}
.format-onetopic .verticaltabs>.tabs-wrapper .nav-tabs {
display: block;
}
.format-onetopic .verticaltabs>.tabs-wrapper .nav-item {
margin-right: -1px;
margin-bottom: 0;
max-width: 100%;
}
.format-onetopic .verticaltabs>.tabs-wrapper .nav-item .nav-link {
border-radius: 0.5rem 0 0 0.5rem;
}
.format-onetopic .verticaltabs .onetopic-tab-body {
width: calc(100% - 250px);
}
.format-onetopic .verticaltabs>.tabs-wrapper .nav-tabs .nav-link:hover,
.format-onetopic .verticaltabs>.tabs-wrapper .nav-tabs .nav-link:focus,
.format-onetopic .verticaltabs>.tabs-wrapper .nav-tabs .nav-link.active,
.format-onetopic .verticaltabs>.tabs-wrapper .nav-tabs .nav-item.show .nav-link {
border-color: #dee2e6 #fff #dee2e6 #dee2e6;
margin-right: -1px;
}
.format-onetopic .onetopic-subtabs_body {
padding: 0 15px;
}
.format-onetopic .onelinetabs .tabs-wrapper {
position: relative;
max-width: 100%;
height: 40px;
margin: 0 auto;
overflow-x: hidden;
overflow-y: hidden;
}
.format-onetopic .onelinetabs .onetopic-tab-body {
padding-top: 20px;
}
.format-onetopic .onelinetabs .tabs-wrapper.hasscroll {
padding: 0 20px;
border-bottom: 1px solid #dee2e6;
}
.format-onetopic .onelinetabs .tabs-wrapper .nav.nav-tabs {
height: 60px;
box-sizing: border-box;
white-space: nowrap;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
flex-wrap: nowrap;
}
.format-onetopic .onelinetabs .tabs-wrapper .scroll-arrow {
position: absolute;
top: 0;
bottom: 0;
width: 20px;
border: none;
background-color: #fff;
}
.format-onetopic .onelinetabs .tabs-wrapper .left-arrow {
left: 0;
border-right: 1px solid #dee2e6;
box-shadow: 1px 0 7px #dee2e6;
}
.format-onetopic .onelinetabs .tabs-wrapper .right-arrow {
right: 0;
border-left: 1px solid #dee2e6;
box-shadow: -1px 0 7px #dee2e6;
}
.format-onetopic .nav-item .subtopic {
font-size: 90%;
}
.format-onetopic .activityinsummarytpl,
.format-onetopic .activityinsummarytpl .activity-basis {
display: inline;
position: relative;
}
.format-onetopic .format_onetopic-tabs.hiddentabsbar {
border: 1px dashed #888;
padding: 5px 0 1px;
}
.format-onetopic .format_onetopic-tabs .haschilds a .icon.fa-chevron-down {
font-size: 80%;
}
/* Fixing specific themes */
.format-onetopic.theme_adaptable .onelinetabs .tabs-wrapper {
height: 50px;
}
.format-onetopic.theme_adaptable .onelinetabs .tabs-wrapper .nav.nav-tabs {
height: 65px;
}
.format-onetopic.theme_adaptable .onelinetabs .tabs-wrapper .nav-item {
margin-top: 0;
}
/* Moove or other fontawesome based icons */
.format-onetopic .onelinetabs .tabs-wrapper .right-arrow .fa-plus-square:before {
content: "";
}
.format-onetopic .onelinetabs .tabs-wrapper .left-arrow .fa-plus-square:before {
content: "";
}
/* Template styles */
.format-onetopic .onetopic .cmnameinline .activityiconcontainer {
padding-left: 0.2rem;
padding-right: 0;
display: inline;
}
.format-onetopic .activityinsummarytpl .description .course-description-item {
background-color: transparent;
}
.format-onetopic .activityinsummarytpl .description .availabilityinfo {
display: inline-block;
min-width: 300px;
margin: 0;
padding: 0;
}
.format-onetopic .activity-dates-inline {
display: flex;
}
.format-onetopic .activity_dateinline {
display: block;
}
.format-onetopic .modal-body .activity-info .completion-dropdown a[role="button"].btn,
.format-onetopic .modal-body .activity-info .completion-dropdown button.btn {
color: #1d2125;
background-color: #fff;
border-color: #ced4da;
min-height: 32px;
font-weight: bold;
border-radius: 0.5rem;
}
.format-onetopic .modal-body .activity-info .completion-dropdown a[role="button"].btn:hover,
.format-onetopic .modal-body .activity-info .completion-dropdown button.btn:hover {
color: #fff;
background-color: #6a737b;
border-color: #b1bbc4;
}
/* End of template styles */
/* Completion */
.format-onetopic .onetopic .completiontag img.icon {
margin: 0 3px 0 5px;
}
/* End of completion*/
/* Sections/activities navigation */
.format-onetopic .section-navigation .prevsection,
.format-onetopic .section-navigation .nextsection {
display: flex;
min-width: 100px;
}
.format-onetopic .section-navigation .nextsection {
justify-content: right;
margin-left: 5px;
}
.format-onetopic .section-navigation .prevsection {
justify-content: left;
margin-right: 5px;
}
.format-onetopic .section-navigation .prevsection a,
.format-onetopic .section-navigation .nextsection a {
display: flex;
align-items: center;
line-height: 100%;
}
.format-onetopic .section-navigation .prevsection a {
padding-right: 10px;
}
.format-onetopic .section-navigation .nextsection a {
flex-direction: row-reverse;
padding-left: 10px;
text-align: right;
}
.format-onetopic .course-section .description .section_availability>.availabilityinfo {
margin-top: 0;
margin-bottom: 0.5rem;
}
/* The jump list if exist */
.format-onetopic .single-section .section-navigation.mdl-bottom div:nth-child(2) {
max-width: calc(100% - 210px);
}
/* Tab styles configuration */
#onetopic-tabstyles .tabstyleset-buttons button {
margin-bottom: 10px;
}
#onetopic-styleswindow fieldset {
display: flex;
flex-wrap: wrap;
}
#onetopic-styleswindow fieldset>div {
display: flex;
padding: 5px;
}
#onetopic-styleswindow fieldset>div>div {
display: flex;
}
#onetopic-styleswindow fieldset>div>div button {
margin-right: 5px;
}
#onetopic-styleswindow fieldset>div.whithlabel {
flex-direction: column;
}
#onetopic-styleswindow fieldset>div.whithlabel label {
color: #888;
text-align: center;
}
#onetopic-styleswindow [data-control="colorpicker"] {
width: 100px;
}
#onetopic-styleswindow .colorpicker {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #fffe;
padding: 10px;
}
#onetopic-styleswindow .colorpicker #admin-colorpicker {
flex-direction: column;
align-items: center;
}
#onetopic-styleswindow .buttons-box {
text-align: center;
}
#page-course-editsection.format-onetopic #onetopic-tabstyles {
border: 1px solid #dee2e6;
padding: 10px;
border-radius: 5px;
}
#onetopic-styleswindow .onetopic-selecticon .listicons:not(.hidden) {
overflow: auto;
padding: 10px;
position: absolute;
left: 5px;
right: 5px;
bottom: 10px;
top: 0;
border-radius: 5px;
background-color: #fff;
display: flex;
flex-wrap: wrap;
}
#onetopic-styleswindow .onetopic-selecticon .listicons .windowheader {
width: 100%;
background: #999;
padding: 5px;
border-radius: 5px;
display: flex;
justify-content: center;
cursor: pointer;
}
#onetopic-styleswindow .onetopic-selecticon .listicons span {
cursor: pointer;
padding: 5px;
border: 1px solid #dee2e6;
display: inline-block;
margin: 1px;
width: 30px;
text-align: center;
}
#onetopic-styleswindow .onetopic-selecticon .listicons span:hover {
transform: scale(2);
border-radius: 2px;
box-shadow: 2px 2px 4px 1px #ccc;
background-color: #fff;
}
#onetopic-styleswindow .onetopic-selecticon .listicons span i {
font-size: 15px;
margin: 0;
width: auto;
height: auto;
}
#onetopic-styleswindow .onetopic-selecticon .iconselected {
padding: 5px;
border: 1px solid #333;
border-radius: 5px;
margin-right: 10px;
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
}
#onetopic-styleswindow .onetopic-selecticon .iconselected i {
font-size: 20px;
margin: 0;
height: auto;
width: auto;
}
.format-onetopic .format_onetopic-tabs .nav-link span.tabicon span i {
margin: 0;
font-size: inherit;
}
.format-onetopic .format_onetopic-tabs .nav-link:not(:hover) span.tabicon span.tabicon-hover,
.format-onetopic .format_onetopic-tabs .nav-link:hover span.tabicon span.tabicon-default,
.format-onetopic .format_onetopic-tabs .nav-link:hover span.tabicon span.tabicon-active {
display: none;
}
.format-onetopic .format_onetopic-tabs .nav-link:hover span.tabicon span.tabicon-hover,
.format-onetopic .format_onetopic-tabs .nav-link:hover span.tabicon span.tabicon-hover {
display: inline-block;
}
#page-course-format-onetopic-migratestyles .migrate-btnbox {
padding: 20px 0;
}
#page-course-format-onetopic-migratestyles .migrate-btnbox a {
margin-right: 10px;
}
/* The slide navigation is only available to wide screens */
@media (min-width: 600px) {
.format-onetopic .sectionsnavigation-slides {
position: relative;
}
.format-onetopic .single-section.sectionsnavigation-slides .nextsection a,
.format-onetopic .single-section.sectionsnavigation-slides .prevsection a {
display: none;
font-size: 0;
position: absolute;
top: calc(50% - 40px);
background-color: #fff;
border-radius: 25px;
border: 1px solid #dee2e6;
width: 50px;
height: 50px;
align-items: center;
justify-content: center;
opacity: 0.3;
box-shadow: 2px 2px 4px 1px #ccc;
text-decoration: none;
}
.format-onetopic .single-section.sectionsnavigation-slides:hover .nextsection a,
.format-onetopic .single-section.sectionsnavigation-slides:hover .prevsection a {
display: flex;
}
.format-onetopic .single-section.sectionsnavigation-slides:hover .nextsection a {
right: -30px;
}
.format-onetopic .single-section.sectionsnavigation-slides:hover .prevsection a {
left: -20px;
}
.format-onetopic .single-section.sectionsnavigation-slides .nextsection span,
.format-onetopic .single-section.sectionsnavigation-slides .prevsection span {
font-size: 40px;
}
.format-onetopic .single-section.sectionsnavigation-slides .nextsection a:hover,
.format-onetopic .single-section.sectionsnavigation-slides .prevsection a:hover {
opacity: 1;
cursor: pointer;
width: auto;
font-size: inherit;
}
.format-onetopic .single-section.sectionsnavigation-slides .prevsection a:hover {
text-align: left;
justify-content: left;
padding-right: 10px;
}
.format-onetopic .single-section.sectionsnavigation-slides .nextsection a:hover {
text-align: right;
justify-content: right;
padding-left: 10px;
flex-direction: row-reverse;
}
}
@media (max-width: 600px) {
.format-onetopic .verticaltabs.hastopictabs {
display: block;
}
.format-onetopic .verticaltabs .onetopic-tab-body {
width: auto;
}
.format-onetopic .verticaltabs>.tabs-wrapper {
width: auto;
}
.format-onetopic .course-content .section-navigation {
flex-direction: column;
}
}
.course-content .editing-mode-menu li.section {
list-style: none;
margin-bottom: 1rem;
}
.course-content .editing-mode-menu li.section[data-section-level="2"] {
padding-left: 3.3rem;
}
.course-content .editing-mode-menu li.section[data-section-level="3"] {
padding-left: 6.3rem;
}
.recitformatmenu .accordion-toggle::before {
font: normal normal normal 14px/1 FontAwesome;
content: "\f0d7";
color: grey;
}
.recitformatmenu .accordion-toggle.collapsed::before {
/* symbol for "collapsed" panels */
content: "\f0da";
}
/* width */
.reciteditingmenu ::-webkit-scrollbar {
width: 4px;
height: 4px;
}
/* Track */
.reciteditingmenu ::-webkit-scrollbar-track {
background: #f1f1f1;
}
/* Handle */
.reciteditingmenu ::-webkit-scrollbar-thumb {
background: #888;
}
/* Handle on hover */
.reciteditingmenu ::-webkit-scrollbar-thumb:hover {
background: #555;
}
.reciteditingmenu .nav-inner {
position: relative;
overflow-y: auto;
}
@media screen and (min-width: 1200px) {
.reciteditingmenu .nav {
flex-flow: column;
}
}
.activityiconcontainer.small2 {
width: 30px;
height: 30px;
}
.format-singleactivity .tree_item.orphaned a {
color: red;
}
/*CSS including colour variables for colours set at course level*/
/*Formerly included in dynamic styles via mustache*/
/*The variables e.g. --format-tiles-colour are defined in dynamic_styles mustache template*/
.format-tiles .course-content ul.tiles .tile.tilestyle-1,
.format-tiles .course-content ul.tiles .tile.tilestyle-2,
.format-tiles li.section:not(#section-0).tilestyle-1 .course-section-header,
.format-tiles li.section:not(#section-0).tilestyle-2 .course-section-header {
border-top-color: var(--format-tiles-colour);
border-radius: 0;
}
.format-tiles .course-content ul.tiles .tile.tilestyle-1,
.format-tiles .course-content ul.tiles .tile.tilestyle-2 {
border-top-color: var(--format-tiles-colour);
transition: border-top-color 0s;
}
.format-tiles .tile-bg,
.format-tiles li.section:not(#section-0).tilestyle-1 .course-section-header.tile-bar-heading,
.format-tiles li.section:not(#section-0).tilestyle-2 .course-section-header.tile-bar-heading {
background-color: var(--format-tiles-colour-05);
}
.format-tiles ul.tiles .tile-clickable.tilestyle-1:hover,
.format-tiles ul.tiles .tile-clickable.tilestyle-1.current:hover,
.format-tiles ul.tiles .tile-clickable.tilestyle-2:hover,
.format-tiles ul.tiles .tile-clickable.tilestyle-2.current:hover {
border-top-color: var(--format-tiles-colour-5);
transition: border-top-color 0s, transform .2s ease-in-out;
}
.format-tiles .course-content ul.tiles .tile.tilestyle-1.selected,
.format-tiles .course-content ul.tiles .tile.tilestyle-2.selected {
border-top-color: var(--format-tiles-colour-5);
}
.format-tiles.format-tiles-high-contrast .course-content ul.tiles .tile.tilestyle-1.selected,
.format-tiles.format-tiles-high-contrast .course-content ul.tiles .tile.tilestyle-2.selected {
box-shadow: 0 0 20px 10px var(--format-tiles-high-contrast-black);
}
.format-tiles .embed_cm_modal .modal-header {
background-color: var(--format-tiles-colour);
}
.format-tiles ul.tiles .current .sectiontitle::after {
background-color: red;
}
.format-tiles .embed_cm_modal .modal-header h5,
.format-tiles .embed_cm_modal .modal-header h4 {
color: #fff;
}
.format-tiles .embed_cm_modal .modal-header .btn-close {
color: #fff;
opacity: 0.8;
}
.format-tiles .badge-info {
background-color: var(--format-tiles-colour);
}
.format-tiles .course-content .single-section .navigation-arrows .navigation-arrow:not(.dimmed):hover,
.format-tiles .embed_cm_modal .embed_file_button:hover {
background-color: var(--format-tiles-colour-1);
}
.format-tiles.single-section-page #course-header {
width: 100%;
}
.format-tiles .filterbutton:hover,
.format-tiles .sectionbutton:hover {
background-color: var(--format-tiles-colour-1);
transition: all 0.1s ease-in-out;
}
.format-tiles .sectionbutton:focus-visible,
.format-tiles .sectionbutton:focus {
outline: 1px solid black;
}
.format-tiles .filterbutton.selected {
background-color: var(--format-tiles-colour-1);
}
.format-tiles button.tiles-top-button:hover {
background-color: var(--format-tiles-colour-1);
}
.format-tiles .background-course-base {
background-color: var(--format-tiles-colour);
}
.format-tiles .tiles-base-bg {
background-color: var(--format-tiles-colour);
}
.format-tiles .tiles-base-transparent7-bg {
background-color: var(--format-tiles-colour-7);
}
.format-tiles .tiles-base-transparent05-bg {
background-color: var(--format-tiles-colour-05);
}
/*Other CSS*/
.format-tiles ul.tiles {
transition: 0.3s ease-in-out;
overflow: visible;
width: 100%;
/*was hidden but want to allow drop down edit menu for last item on page to be displayed in full*/
margin: auto;
padding: 0;
}
.format-tiles ul.tiles.expanded {
max-height: unset;
overflow: visible;
}
.format-tiles li.section {
margin-top: 10px;
list-style: none;
}
.format-tiles .course-content li.section ul.format-tiles-cm-list {
list-style: none;
padding-inline-start: 10px;
}
.format-tiles ul.tiles#multi_section_tiles li.tile.section.main {
/*tile contents when displayed in the multi tile screen via JS*/
background-color: #fff;
margin: 10px;
padding: 30px 0 30px 0;
width: 100%;
}
.format-tiles ul.tiles#multi_section_tiles li.section#section-0 {
padding: 0;
}
.format-tiles .modal-backdrop.fade.in {
opacity: 0.2;
}
.format-tiles ul.tiles li.section .format_tiles_section_content {
margin: 0 10px 0 0;
}
.format-tiles li.section .format_tiles_section_content.dimmed {
opacity: 0.6;
}
.format-tiles ul.tiles li.section .left {
float: left;
}
.format-tiles ul.tiles li.section .right {
float: right;
}
.format-tiles ul.tiles li.section .right img.icon {
padding: 0 0 4px 0;
}
.format-tiles ul.tiles li.section .left .section-handle img.icon {
padding: 0;
vertical-align: baseline;
}
.format-tiles ul.tiles li.section .activity-count {
margin-right: 3px;
}
.format-tiles li#section-0.section.main.clearfix {
border-bottom: 0;
}
.format-tiles .tile a {
text-decoration: none;
padding: 7px 10px 5px 10px;
}
.format-tiles .progress-indic {
color: #676767;
}
.format-tiles .progress-indic svg {
width: 40px;
height: 40px;
display: inline-block;
}
.format-tiles .progress-indic i.fa {
opacity: 0.5;
height: 30px;
}
.format-tiles .progress-indic i.fa-check {
color: darkgreen;
}
.format-tiles .progress-indic svg circle.partial {
stroke: #888;
fill: none;
}
.format-tiles.format-tiles-high-contrast .progress-indic svg circle.partial {
stroke: var(--format-tiles-high-contrast-black);
}
.format-tiles .progress-indic svg circle.whole {
stroke: rgba(0, 0, 0, 0.15);
fill: none;
}
.format-tiles.format-tiles-high-contrast .progress-indic svg circle.whole {
stroke: rgb(188, 188, 188);
}
.format-tiles .progress-indic svg text {
font-size: 18px;
font-weight: normal;
transition: all 0.2s ease-in-out;
fill: #666;
}
.format-tiles.format-tiles-high-contrast .progress-indic svg text {
fill: var(--format-tiles-high-contrast-black);
}
.format-tiles .tiletopright i.icon.fa {
font-size: 30px;
width: 30px;
height: 30px;
vertical-align: top;
}
.format-tiles .progress-indic .progress-indic-label {
display: inline-block;
vertical-align: top;
line-height: 40px;
margin-right: 3px;
color: #676767;
font-size: 0.9em;
}
.format-tiles.format-tiles-high-contrast .progress-indic .progress-indic-label {
color: var(--format-tiles-high-contrast-black);
}
.format-tiles .overall-progress {
text-align: center;
color: grey;
transition: all 0.5s;
}
.format-tiles .overall-progress.hidden {
display: none;
}
.format-tiles #page .course-content ul li.section.main.current {
background-color: inherit;
}
.format-tiles .icon20 {
max-width: 20px;
max-height: 20px;
opacity: 0.5;
}
.format-tiles .tiletopright {
float: right;
}
.format-tiles .tiletopright img {
opacity: 0.5;
}
.format-tiles .icon40 {
max-width: 40px;
max-height: 40px;
opacity: 0.5;
}
.format-tiles .icon50 {
max-width: 50px;
max-height: 50px;
opacity: 0.5;
}
.format-tiles ul.tiles#multi_section_tiles {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.format-tiles #single_section_tiles {
display: block;
padding-left: 0;
margin-left: 0;
}
.format-tiles ul.tiles#multi_section_tiles li.section {
display: block;
}
.format-tiles.editing ul.tiles#multi_section_tiles li.section {
padding: 0;
}
.format-tiles .editing ul.tiles#multi_section_tiles li.section,
.format-tiles ul.tiles#multi_section_tiles li#section-0.section {
display: block;
width: 100%;
}
.format-tiles #section-0 .addresourcemodchooser {
position: relative;
}
.format-tiles .course-content ul li.section.main:not(.delegated-section) {
width: calc(100% - 15px);
background-color: white;
/* stop 'dot' background image in essential theme*/
background-image: none;
margin-top: 10px;
padding-top: 12px;
}
.format-tiles .course-content ul li.section.main:not(.delegated-section):target {
padding-top: 0;
margin-top: 30px;
}
.format-tiles .activity:target {
/* stylelint-disable-next-line declaration-no-important */
margin-top: 0 !important;
/* stylelint-disable-next-line declaration-no-important */
padding-top: 0 !important;
}
.format-tiles .subtile a.menu-action {
/*essential for clean and other themes to ensure that the link is on top to avoid non responsive menu*/
z-index: 1;
}
.format-tiles .course-content ul li.section.main.moveablesection {
padding: 30px 10px 10px 10px;
margin-left: 7px;
}
.format-tiles.format-tiles-high-contrast .course-content ul li.section.main.moveablesection {
box-shadow: 0 0 20px 10px var(--format-tiles-high-contrast-black);
}
.format-tiles .course-content ul.tiles .tile {
display: flex;
flex-basis: 225px;
max-width: 260px;
flex-grow: 1;
margin: 7px;
height: 175px;
vertical-align: top;
background-color: #fff;
border-top: 0.45em solid transparent;
transition: background-color 0.2s ease-in-out, all 0.5s ease-in-out;
color: #777;
box-shadow: 2px 4px 5px 0 #bdbdbd;
position: relative;
}
.format-tiles .tile a.tile-link:focus-visible {
box-shadow: rgb(96, 96, 96) 2px 4px 5px 0;
}
.format-tiles .course-content ul.tiles .tile:focus-visible h3 {
text-decoration: underline;
}
.format-tiles .course-content ul.tiles .tile.spacer,
.format-tiles.pagelayout-course .course-content li.section ul li.activity.spacer
/* Remui theme */
{
margin-top: 0;
margin-bottom: 0;
padding: 0;
max-height: 0;
}
.format-tiles .course-content li.section ul.section {
list-style: none;
}
.format-tiles.jsenabled .course-content ul.tiles .tile.tile-collapsed {
display: none;
transition: all 0.3s ease-in-out;
}
.format-tiles.jsenabled .course-content ul.tiles .tile.tile-collapsing {
opacity: 0;
display: flex;
transition: all 0.3s ease-in-out;
}
.format-tiles ul.tiles li:empty {
height: 0;
min-height: 0;
border: none;
box-shadow: none;
visibility: hidden;
}
.format-tiles .tile a {
color: #333;
width: 100%;
}
.format-tiles .section li.activity.label h1,
.format-tiles .section li.activity.label h2,
.format-tiles .section li.activity.label h3,
.format-tiles .section li.activity.label h4 {
color: #555;
}
.format-tiles .section li.activity.label .dimmed_text h1,
.format-tiles .section li.activity.label .dimmed_text h2,
.format-tiles .section li.activity.label .dimmed_text h3,
.format-tiles .section li.activity.label .dimmed_text h4 {
color: #818a91;
}
.format-tiles .hidden .sectiontitle h2,
.format-tiles #page-content .hidden .sectiontitle h2 a.quickeditlink {
color: #818a91;
}
.format-tiles .course-content ul.tiles .tile-clickable:hover,
.format-tiles li.activity.subtile:not(.unclickable):hover {
transform: translateY(-6px);
transition: 0.3s ease-in-out;
}
.format-tiles ul.tiles .tile-top {
height: 55px;
width: 100%;
}
.format-tiles .course-content ul.tiles .tile.tilestyle-1.current,
.format-tiles .course-content ul.tiles .tile.tilestyle-2.current {
border-top-color: red;
}
.format-tiles ul.tiles .tile:not(.tile-restricted) .tiletopright .fa-lock {
display: none;
}
.format-tiles .expandcontrol {
margin: 0 30px 0 30px;
}
.format-tiles ul.tiles li.section .warningtext {
color: red;
}
.format-tiles ul.tiles li.section .warningbar {
background-color: red;
color: #fff;
padding: 5px;
margin-left: 40px;
width: 90%;
}
.format-tiles ul.tiles li#spacersection {
height: 130px;
}
.format-tiles li.activity.subtile.spacer {
height: 0;
min-height: 0;
border: 0;
opacity: 0;
display: flex;
flex-basis: 225px;
max-width: 240px;
flex-grow: 1;
margin: 5px;
visibility: hidden;
}
.format-tiles ul.tiles .tile .topic-number {
display: inline-block;
float: right;
font-size: 1.5em;
padding-right: 0.5em;
vertical-align: top;
}
.format-tiles .moveablesection li.tile .tileiconcontainer {
margin-left: 0.5rem;
}
.format-tiles .tileiconcontainer,
.format-tiles .tileiconcontainer img {
display: inline-block;
text-align: left;
vertical-align: top;
width: 55px;
height: 55px;
font-size: 1em;
}
.format-tiles li.activity .tileiconcontainer {
padding: 10px;
border-radius: 100%;
width: 105px;
height: 105px;
text-align: center;
margin-top: 25px;
}
.format-tiles li.activity .tileiconcontainer .tile-icon .icon {
color: #fff;
width: 65px;
height: 65px;
margin: 0;
}
.format-tiles li.tile .tile-icon .icon {
max-width: unset;
max-height: unset;
}
.format-tiles li.activity .tileiconcontainer .tile-icon .icon.fa {
font-size: 60px;
}
.format-tiles li.section .tiles-editor-image .tile-icon img,
.format-tiles.format-tiles-high-contrast li.tile .tile-icon img {
filter: brightness(0);
}
.format-tiles .tileiconcontainer.hasphoto {
width: 85px;
}
.format-tiles .tileiconcontainer .icon {
width: 55px;
height: 55px;
}
.format-tiles .tileiconcontainer .icon.fa {
font-size: 55px;
}
.format-tiles:not(.editing) .course-content .tilestyle-1 .tile-icon .icon,
.format-tiles:not(.editing) .course-content .tilestyle-2 .tile-icon .icon {
color: #8c8c8c;
opacity: 1;
}
.format-tiles:not(.editing).format-tiles-high-contrast .course-content .tilestyle-1 .tile-icon .icon,
.format-tiles:not(.editing).format-tiles-high-contrast .course-content .tilestyle-2 .tile-icon .icon,
.format-tiles.format-tiles-high-contrast .sectionbutton {
color: var(--format-tiles-high-contrast-black);
}
.format-tiles .tile-number,
.format-tiles ul.tiles .tile h2.tile-number {
border: 4px solid #8c8c8c;
height: 55px;
width: 55px;
border-radius: 8px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
font-weight: bold;
font-size: 34px;
color: #8c8c8c;
}
.format-tiles.format-tiles-high-contrast .tile-number,
.format-tiles.format-tiles-high-contrast ul.tiles .tile h2.tile-number {
color: var(--format-tiles-high-contrast-black);
border-color: var(--format-tiles-high-contrast-black);
}
.format-tiles #icon-picker-modal-body .tile-number-container {
max-height: 70px;
}
.format-tiles #icon-picker-modal-body .tile-number-container.suggested:after {
content: "\A";
width: 5px;
height: 5px;
border-radius: 50%;
background: var(--format-tiles-colour);
display: inline-block;
transform: translate(60px, -80px);
}
.format-tiles .tiles-editor-image .tile-number {
border: 3px solid rgb(29, 33, 37);
height: 42px;
width: 42px;
font-size: 25px;
color: rgb(29, 33, 37);
margin-left: 17px;
}
.format-tiles #icon-picker-modal-body button.tile-number {
background-color: #fff;
padding: 5px;
}
.format-tiles #icon-picker-modal-body button.tile-number:hover {
background-color: rgb(243, 243, 243);
}
.format-tiles:not(.editing) .course-content .completioncheckbox.complete .icon {
color: #fff;
}
.format-tiles:not(.editing) .course-content .completioncheckbox .icon {
color: #ababab;
}
.format-tiles .completioncheckbox .icon {
font-size: 19px;
width: 23px;
position: absolute;
left: 0;
top: 3px;
height: 24px;
}
.format-tiles li.section.current:not(#section-0) .course-section-header.tile-bar-heading {
border-top-color: red;
}
.format-tiles.path-course-view li.activity>div:not(.activity-item).completioncheckbox {
padding: 0;
}
.format-tiles .sectionbutton .icon {
font-size: 1.4em;
margin-right: 0;
width: 20px;
height: 20px;
}
.format-tiles .sectionbutton .icon.fa-home {
font-size: 1.3em;
}
.format-tiles a.sectionbutton:hover {
text-decoration: none;
}
.format-tiles .sectionbutton img.icon {
width: 18px;
height: 18px;
}
.format-tiles .pagesechead {
max-width: calc(100% - 115px);
min-height: 60px;
z-index: 1;
position: relative;
display: inline-block;
/*z-index needs to be behind navigation-arrows as they may overlap*/
}
.format-tiles #single_section_tiles .pagesechead {
max-width: calc(100% - 175px);
}
.format-tiles .sectionbuttons {
position: relative;
right: 30px;
top: 0;
z-index: 2;
}
.format-tiles .sectionbutton {
background-color: rgba(243, 243, 243);
margin-left: 5px;
opacity: 1;
width: 45px;
height: 45px;
text-align: center;
display: inline-block;
border-radius: 50%;
border: none;
color: var(--bs-btn-color);
}
.format-tiles .expand-section,
.format-tiles .collapse-section {
width: 30px;
height: 30px;
background-size: contain;
margin-top: 10px;
}
.format-tiles .expand-section {
background-image: url(/theme/image.php/recit2/format_tiles/1759007012/expand);
}
.format-tiles .collapse-section {
background-image: url(/theme/image.php/recit2/format_tiles/1759007012/collapse);
}
.format-tiles ul.tiles .tile .tile-text {
text-align: left;
width: 100%;
height: 105px;
line-height: 100px;
padding-top: 5px;
position: relative;
}
.format-tiles ul.tiles .tile.phototile .tile-text {
line-height: 1.5em;
}
/* centralise text vertically on tile */
.format-tiles ul.tiles .tile .tile-textinner {
display: inline-block;
line-height: normal;
top: 45%;
transform: translate(0, -40%);
position: absolute;
word-wrap: break-word;
max-width: 220px;
}
.format-tiles ul.tiles .tile .tile-textinner.longtitle h3 {
font-size: 1.2em;
}
.format-tiles a img {
outline: none;
-moz-outline-radius: 0;
}
.format-tiles .single-section .navigation-arrow:not(.dimmed):hover {
transition: all 0.2s ease-in-out;
transform: scale(1.05, 1.05);
}
/* the following items are to avoid lots of padding under section 0 in single section view */
.format-tiles .single-section {
/* stylelint-disable-next-line declaration-no-important */
margin-top: 0 !important;
}
.format-tiles .single-section h3.sectionname {
text-align: left;
}
.format-tiles #section-0 ul.section {
margin: 1rem 1rem 0 1rem;
}
/*dealing with left border to current section in boost theme*/
.format-tiles .course-content .current::before {
/* stylelint-disable-next-line declaration-no-important */
border-left: none !important;
}
.format-tiles #section-0 .format_tiles_section_content .summary .no-overflow,
.format-tiles #section-0 .format_tiles_section_content .summary .no-overflow p {
margin-bottom: 0;
}
.format-tiles .ul.tiles .single-section .section-navigation {
margin-bottom: 0;
}
.format-tiles ul.tiles li.section .format_tiles_section_content .modtype_label .no-overflow,
.format-tiles #section-0 .format_tiles_section_content .summary .no-overflow {
margin-bottom: 5px;
}
.format-tiles .label_content {
overflow: hidden;
}
.format-tiles .label.dimmed {
opacity: 0.7;
}
.format-tiles .label-collapse-btn {
float: left;
}
.format-tiles .expand-collapse-all-btns {
width: 100%;
text-align: right;
}
.format-tiles .buttonhidesec0 {
display: none;
}
.format-tiles .buttonhidesec0.closed .sec-zero-open-icon {
display: none;
}
.format-tiles .buttonhidesec0.open .sec-zero-closed-icon {
display: none;
}
.format-tiles .buttonhidesec0.open .sec-zero-open-icon {
display: flex;
}
.format-tiles .buttonhidesec0.closed .sec-zero-closed-icon {
display: flex;
}
body.jsenabled.format-tiles .buttonhidesec0 {
display: inline-block;
}
body#page-course-view-tiles.format-tiles {
/*Avoid layout changes in Chrome when tiles open/close and scrollbar appears/disappears.*/
overflow-y: scroll;
}
.format-tiles #collapsiblesec0 {
display: block;
}
.format-tiles #section-0 {
min-height: 50px;
}
body.jsenabled.format-tiles #collapsiblesec0 {
display: none;
}
/*allows buttons to be displayed at top of this section without going under alert boxes e.g. 'All caches were purged.'*/
.format-tiles .course-content {
position: relative;
}
.format-tiles #collapsiblesec0 {
display: none;
}
.format-tiles .collapsiblesec0 ul.section {
padding-bottom: 20px;
}
.format-tiles .collapsiblesec0 li#section-0 {
display: block;
width: 100%;
transition: opacity 0.3s ease-in-out;
}
.format-tiles .collapsiblesec0.collapsed li#section-0 {
/* stylelint-disable-next-line declaration-no-important */
opacity: 0 !important;
}
.format-tiles .collapsiblesec0.expanded li#section-0 {
opacity: 1;
}
.format-tiles #navicons {
float: right;
opacity: 0.3;
}
.format-tiles #navicons img {
width: 40px;
height: 40px;
}
.format-tiles #editactivities:hover {
opacity: 1;
}
.format-tiles #hiddeneye {
display: inline-block;
width: 20px;
height: 20px;
background-size: 20px 20px;
opacity: 0.5;
}
.format-tiles .course-content #filterbuttons {
margin-right: 6px;
display: flex;
justify-content: start;
margin-bottom: 3px;
min-height: 45px;
padding: 5px;
background-color: rgb(248, 249, 250);
border-radius: 10px;
flex-wrap: wrap;
}
.format-tiles.format-tiles-high-contrast .course-content #filterbuttons i.fa-filter.fa-filter,
.format-tiles.format-tiles-high-contrast .filterbutton {
color: var(--format-tiles-high-contrast-black);
}
.format-tiles .overall-prog-radial {
font-size: 1.2em;
height: 40px;
margin-left: 10px;
float: right;
}
.format-tiles .overall-prog-radial i {
font-size: 30px;
height: 30px;
width: 30px;
color: green;
}
.format-tiles .overall-prog-radial svg {
width: 33px;
height: 33px;
}
.format-tiles .completioncheckbox {
float: right;
}
.format-tiles li.activity:not(.label) .completionspinner {
position: absolute;
top: 3px;
right: 3px;
}
.format-tiles li.activity.label .completionspinner {
float: right;
width: 25px;
height: 25px;
}
.format-tiles .completioncheckbox.background-course-base i {
color: #fff;
}
.format-tiles .completioncheckbox.complete {
background-color: #298a08;
color: #fff;
border-color: #298a08;
}
.format-tiles .completioncheckbox.fail {
background-color: #a90202;
color: #fff;
border-color: #a90202ff;
}
.format-tiles .modal-header .completioncheckbox:not(.complete) {
border: 2px solid #ffffffa8;
color: #fff;
background-color: #efefef;
}
.format-tiles .completioncheckbox.background-course-base.complete i {
color: #fff;
}
.format-tiles .allcomplete .icon {
font-size: 2em;
width: 30px;
height: 30px;
color: #ffaa30;
}
.format-tiles .course-content #filterintro {
display: inline-block;
padding: 10px;
margin-left: 3px;
margin-right: 3px;
color: #aaa;
overflow: hidden;
}
.format-tiles .course-content #filterintro i {
font-size: 20px;
}
.format-tiles #abovetiles {
min-height: 42px;
display: flex;
justify-content: space-between;
width: 100%;
}
.format-tiles #abovetiles.sec-zero-closed {
width: calc(100% - 95px);
}
.format-tiles #abovetiles.section-zero-empty {
width: calc(100% - 40px);
}
.format-tiles .phototile .progress-indic {
color: rgba(255, 255, 255);
padding: 2px 7px 2px 7px;
position: absolute;
bottom: 10px;
left: 0;
font-size: 0.9em;
}
.format-tiles .phototile .progress-indic,
.format-tiles .subtile.hasphoto .activitytype,
.format-tiles.editing .subtile.hasphoto .editable-title {
background-color: rgba(var(--format-tiles-colour-elems), var(--format-tiles-photo-tile-text-bg-opacity));
}
.format-tiles .tilestyle-2.phototile .progress-indic {
top: 5px;
right: 0;
bottom: unset;
left: unset;
}
.format-tiles .phototile .progress-complete-alt img {
margin-top: 4px;
}
.format-tiles li.activity.subtile.hasphoto {
border-top-color: var(--format-tiles-colour);
}
.format-tiles .filterbutton {
cursor: pointer;
min-width: 50px;
transition: all 0.2s ease-in-out;
display: inline-block;
padding: 8px;
color: #555;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
border-radius: 8px;
margin: 0 1px 0 1px;
}
.format-tiles .course-content li.activity.label h1,
.format-tiles .section li.activity.label h2,
.format-tiles .course-content li.activity.label h3,
.format-tiles .course-content li.activity.label h4,
.format-tiles .editor_atto_content_wrap h1,
.format-tiles .editor_atto_content_wrap h2,
.format-tiles .editor_atto_content_wrap h3,
.format-tiles .editor_atto_content_wrap h4 {
font-weight: bold;
margin-top: 10px;
margin-bottom: 10px;
padding-top: 0.3em;
padding-bottom: 0.3em;
overflow: hidden;
}
.format-tiles ul.tiles .tile h3 {
font-size: 1.4em;
line-height: 1.2em;
font-weight: normal;
color: #333;
word-wrap: break-word;
}
.format-tiles .sectiontitlecontainer {
margin: 0 0 0.5em 0.5em;
display: inline-block;
}
.format-tiles .sectiontitle {
display: inline-block;
padding-left: 10px;
font-size: 2em;
padding-right: 7px;
}
.format-tiles .sectiontitle::after,
.format-tiles.path-course-view-section .page-header-headings h1::after {
content: "";
display: block;
height: 4px;
background-color: var(--format-tiles-colour);
}
.format-tiles .sectiontitle h2 {
font-weight: 600;
color: #666;
display: inline-block;
}
.format-tiles.format-tiles-high-contrast .sectiontitle h2 {
color: var(--format-tiles-high-contrast-black);
}
.format-tiles #section-0 .contentwithoutlink .no-overflow p {
margin: 0;
}
.format-tiles #section-0 .contentwithoutlink .no-overflow {
margin-bottom: 10px;
}
.format-tiles .tiles .section.main:not(.delegated-section) {
/* stylelint-disable-next-line declaration-no-important */
border: 0 !important;
/* We use important here as core-course-dragdrop is not replacing this.originalstyle correctly. */
/* stylelint-disable-next-line declaration-no-important */
opacity: 1 !important;
border-radius: 10px;
}
.format-tiles .hidden #hiddeneye {
background-image: url(/theme/image.php/recit2/format_tiles/1759007012/eye-slash);
margin-left: 10px;
}
.format-tiles #editactivitiesimage {
background-image: url(/theme/image.php/recit2/core/1759007012/a/view_list_active);
display: inline-block;
float: right;
margin-right: 10px;
margin-top: 10px;
width: 20px;
height: 20px;
background-size: 20px 20px;
opacity: 0.6;
}
.format-tiles .tile-loading-icon {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 150px;
padding-top: 55px;
text-align: center;
}
.format-tiles .tile-loading-icon img {
width: 24px;
height: 30px;
}
.format-tiles .section .activity .activityinstance div.unclickable {
display: block;
}
.format-tiles .section .activity .activityinstance div.contentafterlink {
display: block;
}
.format-tiles .section .activity.subtile .contentafterlink {
position: absolute;
left: 0;
bottom: 0;
margin-left: 0;
width: 100%;
display: flex;
justify-content: center;
}
.format-tiles .section .label .mod-indent-outer {
padding-left: 0;
}
.format-tiles.editing .section .mod-indent-outer {
max-width: calc(100% - 100px);
}
.format-tiles .section .activity-wrapper .activity-item {
width: 100%;
}
.format-tiles.editing .tile-icon i {
margin-right: 0;
}
.format-tiles.path-course-view #region-main {
overflow-x: visible;
}
.format-tiles textarea#id_headertextabovetiles.form-control {
width: 100%;
}
.format-tiles .cursorpointer {
cursor: pointer;
}
#page-course-editsection .format-tiles .icon_picker_modal button.btn-close {
color: #333;
opacity: 0.9;
}
.format-tiles #icon_picker_modal .iconpickericons button.pickericondiv,
.format-site #icon_picker_modal .iconpickericons button.pickericondiv {
padding: 10px;
cursor: pointer;
display: inline-block;
background-color: #fff;
border: none;
width: 81px;
height: 81px;
}
.format-tiles #icon_picker_modal .iconpickericons .pickericondiv img.icon {
max-width: 65px;
max-height: 65px;
}
.format-tiles .tiles-editor-image img.icon,
.format-tiles li.section:not(#section-0) .course-section-header img.icon {
max-width: 45px;
max-height: 45px;
}
#page-course-editsection .format-tiles .icon_picker_modal .modal-header,
#page-course-edit .format-tiles .icon_picker_modal .modal-header {
color: #333;
}
.format-tiles .iconpickericons button.pickericondiv:hover,
.format-site .iconpickericons button.pickericondiv:hover {
background-color: rgb(243, 243, 243);
}
.format-tiles #icon-picker-modal-body #tile-numbers-container {
max-width: 750px;
}
.format-tiles .icon_picker_modal .modal-dialog {
max-width: 90%;
}
.format-tiles .modal-dialog {
margin: 5px auto;
}
.format-tiles .pickericon .icon,
#page-course-edit.format-site .pickericon .icon {
width: 55px;
height: 55px;
max-width: 55px;
max-height: 55px;
font-size: 55px;
vertical-align: top;
margin: 3px;
color: #8c8c8c;
}
.format-tiles .embed_cm_modal .modal {
margin: 10px auto;
}
.format-tiles .embed_cm_modal iframe {
border: 0;
}
.format-tiles .embed_cm_modal .modal-body {
max-height: 95%;
overflow-y: auto;
min-height: 200px;
padding: 0;
}
.format-tiles .embed_cm_modal.mod_page .modal-body {
padding: 2em;
}
.format-tiles .modal-container.embed_cm_modal .modal-header {
padding: 5px 10px 5px 10px;
opacity: 0.8;
border-bottom: 0;
text-shadow: none;
background-image: none;
color: #fff;
min-height: 23px;
}
.format-tiles .embed_cm_modal button[data-action="toggle-manual-completion"] {
color: #fff;
border-color: #fff;
padding: 2px 5px 0 5px;
}
.format-tiles .modal-container .modal .modal-header.embed_cm_modal h3 {
color: #fff;
}
/*Different themes have these classes slightly differently so repeat some of these*/
.format-tiles .embed_cm_modal .modal-header {
padding: 5px 10px 5px 10px;
}
.format-tiles .modal-container.embed_cm_modal .modal .modal-header h3 {
color: #fff;
}
.format-tiles .embed_cm_modal .modal-footer {
display: none;
}
.format-tiles .embed_cm_modal a i {
width: 20px;
height: 20px;
font-size: 0.9em;
}
.format-tiles .embed_cm_modal button {
vertical-align: middle;
margin: 0;
padding: 0;
}
.format-tiles .embed_cm_modal .modal-header #modaltitle {
font-size: 1.2em;
}
.format-tiles li.activity.subtile {
display: flex;
flex-basis: 225px;
max-width: 240px;
flex-grow: 1;
height: 215px;
vertical-align: top;
text-align: center;
padding: 0 5px 0 5px;
margin: 5px;
background-repeat: no-repeat;
background-position: 50% 70%;
-webkit-background-size: 38px auto;
background-size: 48px auto;
transition: 0.3s ease-in-out;
position: relative;
/* We use important here as dragdrop is not removing its own inline opacity once dragdrop complete.*/
/* See moodle-core-dragdrop this.originalstyle (not replaced correctly). */
/* stylelint-disable-next-line declaration-no-important */
opacity: 1 !important;
}
.format-tiles .subtile_inner,
.format-tiles .fullwidth {
width: 100%;
}
.format-tiles .clickable-region {
height: 110px;
width: 230px;
display: block;
}
.format-tiles #page-content li.activity.subtile.dimmed a.dropdown-toggle {
color: #888;
}
.format-tiles li.activity.dimmed .inplaceeditable,
.format-tiles li.section .summary.dimmed,
.format-tiles li.activity.subtile.dimmed .activityinstance {
opacity: 0.5;
}
/*For subtiles, use normal opacity to avoid deep edit menus going under the tile below*/
.format-tiles li.activity.subtile.dimmed {
opacity: 1;
/* stylelint-disable-next-line declaration-no-important */
border-top-color: lightgray !important;
}
.format-tiles .dimmed .label_content {
color: grey;
}
.format-tiles .subtiles {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
width: calc(100% - 2em);
}
.format-tiles .subtiles li.activity.label {
padding: 10px;
width: 100%;
}
.format-tiles.editing .subtiles li.activity.label {
border: 1px solid rgb(231, 231, 231);
position: relative;
}
/*YouTube iframes embedded in labels may be too wide */
.format-tiles li.activity.label iframe {
width: 100%;
}
.format-tiles li.activity.subtile .activityname {
position: absolute;
bottom: 0;
left: 0;
min-height: 50px;
width: 100%;
text-align: center;
background-color: #fff;
padding: 6px;
display: flex;
justify-content: center;
align-items: center;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
overflow-wrap: break-word;
word-break: break-word;
}
.format-tiles li.activity.subtile .editable-title {
background-color: #f9f9f9cc;
}
.format-tiles li.activity.subtile .activityname h5 {
margin: 0;
font-weight: normal;
font-size: 16px;
}
.format-tiles li.activity:focus {
outline: 1px dotted;
}
.format-tiles li.activity.subtile .activitytype {
padding: 0 5px 10px 5px;
display: block;
text-transform: uppercase;
color: grey;
font-size: 0.9em;
}
.format-tiles li.activity.subtile a:not(.dropdown-item),
.format-tiles #page-content li.activity.subtile a:not(.dropdown-item) {
color: #565656;
}
.format-tiles .subtiles .instancename {
height: 98%;
width: 100%;
/*this is clickable so take up whole tile*/
}
.format-tiles .subtiles .hasphoto.instancename {
padding-top: 2px;
}
.format-tiles li.activity.subtile a:hover,
.format-tiles #page-content li.activity.subtile a:hover {
text-decoration: none;
}
.format-tiles.editing .subtiles .completioncheckbox {
position: absolute;
right: 1px;
top: 8px;
}
.format-tiles .completion-spacer {
height: 22px;
}
.format-tiles .tile .completion-spacer {
width: 26px;
}
.format-tiles .subtile .completion-spacer {
width: 33px;
}
.format-tiles u.subtiles li.activity button[data-action="toggle-manual-completion"]:hover {
border: 3px solid orange;
border-radius: 50%;
transition: border 300ms ease-in-out;
}
.format-tiles .completioncheckbox {
border: 3px solid #ababab;
border-radius: 50%;
transition: border 300ms ease-in-out;
height: 30px;
width: 30px;
position: relative;
text-align: center;
}
.format-tiles li.tile:not(.is-complete) .tileallcomplete,
.format-tiles .tile:not(.is-complete) .completion-spacer {
display: none;
}
.format-tiles li.tile:not(.phototile) .tileallcomplete {
margin-top: 5px;
}
.format-tiles li.tile.is-complete .tiles-hide-if-complete,
.format-tiles #tiles-overall-progress-outer.is-complete .tiles-hide-if-complete {
display: none;
}
.format-tiles li.tile:not(.is-complete) .tiles-hide-if-incomplete,
.format-tiles #tiles-overall-progress-outer:not(.is-complete) .tiles-hide-if-incomplete {
display: none;
}
.format-tiles li.tile .completioncheckbox {
padding-left: 0;
margin-right: 5px;
margin-top: 5px;
width: 30px;
min-width: 30px;
position: absolute;
top: 0;
right: 0;
}
.format-tiles .completioncheckbox img {
padding-bottom: 5px;
margin-right: 0;
}
.format-tiles li.tile .completioncheckbox img {
margin-top: 4px;
}
.format-tiles button.completioncheckbox:not(.complete),
.format-tiles .completioncheckbox:not(.complete) {
background-color: rgba(255, 255, 255, 0.7);
}
.format-tiles .subtile .completioncheckbox {
position: absolute;
top: 3px;
right: 5px;
}
.format-tiles.editing .subtile .completioncheckbox {
margin-right: 1px;
}
.format-tiles .modal-header .completioncheckbox i {
font-size: 1.1em;
margin-right: 0;
}
.format-tiles .completioncheckbox:focus {
outline: none;
}
.format-tiles .embed-module-buttons button.completioncheckbox {
height: 25px;
width: 25px;
padding-left: 0;
margin-top: 2px;
border: 2px solid #fffa;
}
.format-tiles .completioncheckbox.completion-auto {
opacity: 0.6;
height: 30px;
min-width: 30px;
width: 30px;
}
.format-tiles .embed_cm_modal .embed_file_button,
.format-tiles .modal-container .modal .modal-header button.btn-close {
display: inline-block;
width: 28px;
height: 28px;
font-size: 1.4em;
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
opacity: 0.9;
text-align: center;
box-shadow: none;
}
.format-tiles .modal-container .modal .modal-header button.btn-close {
font-size: 1.8em;
background-repeat: no-repeat;
background-image: url(/theme/image.php/recit2/format_tiles/1759007012/close-white);
background-size: 17px 17px;
}
.format-tiles .modal-container .modal .modal-header .embed-module-buttons .btn-close {
/*Clean theme.*/
position: relative;
top: unset;
right: unset;
}
.format-tiles .embed-module-buttons {
min-width: 125px;
text-align: right;
display: flex;
justify-content: flex-end;
}
.format-tiles .embed-module-buttons button.btn-close {
width: 28px;
height: 28px;
float: none;
}
.format-tiles .embed-module-buttons a:focus,
.format-tiles .embed-module-buttons form:focus {
outline: 1px dotted;
}
.format-tiles .embed-module-buttons .icon:hover,
.format-tiles .embed-module-buttons img.icon:hover {
opacity: 0.7;
}
.format-tiles .embed-module-buttons .btn {
box-shadow: none;
margin-top: 2px;
}
.format-tiles .embed-module-buttons a .icon {
color: #fff;
}
.format-tiles .embed_cm_modal .embed-module-buttons .completioncheckbox .icon {
padding: 0;
}
.format-tiles .modal-header .completioncheckbox:not(.complete) .icon {
width: 14px;
height: 14px;
}
.format-tiles .embed_cm_modal .modal-title {
max-width: calc(100% - 120px);
}
.format-tiles .sectionerror {
margin-left: 30px;
}
.format-tiles .section.subtiles .activity .editing_move {
position: relative;
}
.format-tiles .section.subtiles .activity .actions {
position: absolute;
top: 1px;
}
.format-tiles.editing .section.subtiles .activity .actions {
left: 35px;
}
.format-tiles .section.subtiles .activity.label .actions {
top: 0;
right: 0;
left: inherit;
position: absolute;
}
.format-tiles .subtile .dropdown-menu .dropdown-item {
padding-top: 3px;
padding-bottom: 3px;
}
.format-tiles .above-tiles-buttons a.dropdown-item .custom-switch.checked .custom-control-label::before,
.format-tiles .navigation-arrows a.dropdown-item .custom-switch.checked .custom-control-label::before {
color: #fff;
border-color: #0f6cbf;
background-color: #0f6cbf;
}
.format-tiles .above-tiles-buttons a.dropdown-item .custom-switch.checked .custom-control-label::after,
.format-tiles .navigation-arrows a.dropdown-item .custom-switch.checked .custom-control-label::after {
background-color: #fff;
left: -1.75rem;
}
.format-tiles .above-tiles-buttons a.dropdown-item:hover .custom-switch.checked .custom-control-label::before {
border-color: #fff;
}
.format-tiles.editing .section .activity.subtile .cm-inner {
margin-top: 25px;
}
.format-tiles .section .activity.subtile .cm-inner {
width: 100%;
}
.format-tiles.editing .section .activity.subtile .activityinstance {
padding: 0;
display: block;
color: #565656;
font-size: 19px;
overflow: hidden;
height: calc(100% - 20px);
margin-top: 25px;
margin-left: 0;
}
.format-tiles .section .activity.subtile .activityinstance {
padding-right: 0;
}
.format-tiles .subtile .activityinstance>a:focus {
background-color: inherit;
box-shadow: none;
}
.format-tiles.editing .section .activity .activityinstance {
margin-left: 30px;
}
.format-tiles.editing .section .activity.subtile .action-menu {
background-color: #f9f9f9;
}
.format-tiles li.activity .subtile-activityinstance {
position: absolute;
top: 5px;
height: 95%;
overflow: hidden;
width: 100%;
}
.format-tiles.editing li.activity .subtile-activityinstance {
top: 0;
left: 0;
}
.format-tiles li.subtile img.activityicon {
display: none;
/* when a teacher uses in place editing of mod name, the item is refreshed complete with icon which we do not want so hide it*/
}
.format-tiles #section-0 .activity .activityinstance .inplaceeditable img.activityicon {
display: inherit;
}
.format-tiles li.subtile .availabilityinfo {
margin: 0;
position: absolute;
left: unset;
bottom: 60px;
background-color: inherit;
}
.format-tiles li.subtile.hasactivityname .availabilityinfo {
left: 0;
bottom: 10px;
}
.format-tiles li.tile .availabilityinfo {
line-height: 15px;
}
.format-tiles .inplaceeditable input.form-control {
width: 100%;
}
.format-tiles #single_section_tiles .inplaceeditable input.form-control {
width: 100%;
}
.format-tiles .course-content ul.section {
margin: 0;
padding: 1.2em;
}
.format-tiles .course-content ul.section.moveablesection {
padding: 0;
}
.format-tiles .course-content ul.section.nosubtiles,
.format-tiles .course-content ul.section.nosubtiles .activity {
position: relative;
}
.format-tiles .course-content ul.section.nosubtiles li.activity {
width: 100%;
}
.format-tiles .course-content li.activity.subtile {
padding: 0;
background-color: #fafafa;
}
.format-tiles .course-content ul.section.nosubtiles .actions {
margin-top: 0.5em;
min-width: 30px;
}
.format-tiles #selectedicon .icon,
#page-course-edit.format-site #selectedicon .icon {
font-size: 1.9em;
width: 25px;
height: 25px;
color: grey;
}
.format-tiles #selectedicon {
margin-right: 10px;
}
.format-tiles .modal-header:focus,
.format-tiles .resourcecontent:focus,
.format-tiles li.activity.subtile {
box-shadow: 2px 4px 5px 0 #bdbdbd;
border-radius: 10px;
}
.format-tiles .modal-header:focus,
.format-tiles .resourcecontent:focus,
.format-tiles li.activity.subtile:not(:focus) {
outline: unset;
}
.format-tiles a.cm-link:focus,
.format-tiles a.tile-link:focus {
outline: unset;
box-shadow: 2px 4px 5px 0 #bdbdbd;
}
.format-tiles li.activity a.cm-link {
width: 100%;
}
.format-tiles li.activity.subtile a {
text-align: center;
}
.format-tiles .resourceintro {
margin: 60px;
}
.format-tiles .subtilecontrols {
top: 0;
left: 0;
position: absolute;
}
.format-tiles .editingactivity {
margin-left: 30px;
}
.format-tiles .margin-rt .section-cm-edit-actions {
margin-right: 35px;
}
.format-tiles.editing .label_content {
padding-left: 30px;
}
.format-tiles.editing ul.section {
margin-left: 3em;
padding-right: 3em;
}
.format-tiles .tooltip-inner {
background-color: #fff;
color: #181818;
border: 2px solid #4a4a4a;
opacity: 0.98;
}
.format-tiles.format-tiles-subtiles .tooltip-inner ul {
margin-left: 0;
padding-left: 10px;
text-align: left;
}
.format-tiles.editing .section-summary-activities {
width: 200px;
text-align: right;
max-height: 60px;
margin-right: 3px;
}
.format-tiles .section-summary-activities .activity-count {
display: block;
}
.format-tiles.editing .section-summary-activities .activity-count {
display: inline;
}
.format-tiles .dimmed .completioncheckbox {
opacity: 0.6;
}
.format-tiles fieldset#id_courseformathdr .colourpickercircle,
.format-site fieldset#id_courseformathdr .colourpickercircle {
width: 25px;
height: 25px;
border-radius: 50%;
display: inline-block;
margin: 0 5px 0 5px;
border: 3px solid;
}
.format-tiles fieldset#id_courseformathdr .colourpickercircle:hover,
.format-site fieldset#id_courseformathdr .colourpickercircle:hover {
border-color: orange;
}
.format-tiles fieldset#id_courseformathdr .colourpickercircle.selected,
.format-site fieldset#id_courseformathdr .colourpickercircle.selected {
background-image: url(/theme/image.php/recit2/format_tiles/1759007012/check-white);
background-size: contain;
}
.format-tiles fieldset#id_courseformathdr #colourselectnotify,
.format-site fieldset#id_courseformathdr #colourselectnotify {
color: #212529;
background-color: #e9ecef;
border-radius: 0.2rem;
padding: 2px 8px;
height: 26px;
font-size: 0.9em;
display: none;
top: 0;
position: relative;
}
.format-tiles li.dndupload-preview {
width: 100%;
}
.format-tiles .loading-subtile {
width: 200px;
padding: 90px;
}
.format-tiles .course-content ul.tiles .tile.phototile {
padding: 0;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height: 175px;
}
.format-tiles .course-content ul.tiles .tile.phototile.tilestyle-1 .photo-tile-text,
.format-tiles .course-content ul.tiles .tile.phototile.tilestyle-2 .photo-tile-text {
top: 10px;
bottom: inherit;
width: calc(100% - 10px);
text-align: left;
position: absolute;
}
.format-tiles .course-content ul.tiles .tile.phototile.tilestyle-1 .photo-tile-text h3,
.format-tiles .course-content ul.tiles .tile.phototile.tilestyle-2 .photo-tile-text h3 {
display: inline;
background-color: rgba(var(--format-tiles-colour-elems), var(--format-tiles-photo-tile-text-bg-opacity));
line-height: var(--format-tiles-photo-tile-text-line-height);
padding: var(--format-tiles-photo-tile-text-padding) 7px;
text-align: center;
color: #fff;
}
.format-tiles .course-content ul.tiles .tile.phototile.tilestyle-1 .photo-tile-text h3,
.format-tiles .course-content ul.tiles .tile.phototile.tilestyle-2 .photo-tile-text h3 {
font-size: 20px;
box-decoration-break: clone;
/*Chrome needs this*/
-webkit-box-decoration-break: clone;
}
.format-tiles ul.tiles .tile.phototile .tile-text {
margin-top: 35px;
}
.format-tiles li.tile.phototile .availabilityinfo {
position: absolute;
bottom: 10px;
right: 0;
}
.format_tiles .section.main:not(.course-section) .activity.subtile .availabilityinfo,
.format_tiles .section.main:not(.course-section) .activity.subtile .contentafterlink,
.path-course-view li.activity.subtile>div.contentafterlink {
margin-left: 0;
padding: 0;
}
/*Alternate styles for previous phototile items ("tilestyle-2" was "altstyle")*/
.format-tiles .course-content ul.tiles .tile.phototile.tilestyle-2 .photo-tile-text {
bottom: 0;
top: inherit;
text-align: center;
width: 100%;
}
.format-tiles li.activity.subtile .instancename.opaque-bg {
background-color: rgba(249, 249, 249, 0.8);
transition: background-color 200ms ease-in-out;
}
.format-tiles .course-content ul.tiles .tile.phototile.tilestyle-2 .photo-tile-text h3 {
font-size: 1.3em;
margin-top: 0;
margin-bottom: 0;
padding: 5px;
position: relative;
display: block;
line-height: 25px;
}
.format-tiles li.tile.phototile.tilestyle-2 .availabilityinfo {
position: absolute;
bottom: inherit;
top: 9px;
left: 3px;
right: unset;
}
.format-tiles .existingtilephoto {
height: 160px;
margin: 10px;
}
.format-tiles .tilebarphoto {
width: 75px;
height: 48px;
background-size: cover;
background-repeat: no-repeat;
float: left;
}
.format-tiles .iconpickerheader {
height: 40px;
}
.format-tiles .iconpickerheader #phototilebtn {
color: #fff;
}
.format-tiles .iconpickerheader #phototilebtn:hover {
color: darkslategrey;
}
.format-tiles .tile.phototile a {
padding: 0;
}
.format-tiles .iconpickerphotos {
margin: 30px;
text-align: center;
}
.format-tiles .iconpickerphotos .photo {
height: 100px;
width: 150px;
background-color: lightgrey;
margin: 0.5em;
background-size: cover;
padding: 0;
vertical-align: top;
}
.format-tiles .iconpickerphotos .photo:hover {
opacity: 0.7;
}
.format-tiles #page-loading-icon img {
padding: 100px;
height: 50px;
width: 50px;
opacity: 0.8;
}
.format-tiles a#page-loading-icon {
color: #0c0c0c;
text-decoration: none;
}
.format-tiles .course-content li.section .summary ul {
list-style: disc;
}
.format-tiles .tiles-editor-image {
margin-right: 5px;
}
.format-tiles .tiles-editor-image i.icon {
font-size: 36px;
width: 36px;
height: 36px;
}
.format-tiles .secondary-navigation {
max-width: unset;
}
.format-tiles .section .activity.subtile .activityinstance {
display: block;
}
.format-tiles.format-tiles-tile-open .tile:not(.selected) {
opacity: 0.5;
}
.format-tiles.format-tiles-tile-open .tile:not(.selected):hover {
opacity: 1;
}
.format-tiles li.section:not(#section-0) .course-section-header.tile-bar-heading {
margin-right: 5px;
background-color: #3584c917;
border-top: 3px solid rgba(53, 132, 201, 0.37);
width: 100%;
padding: 10px;
}
.format-tiles li.section:not(#section-0) .course-section-header.tile-bar-heading .course-section-header {
width: 100%;
}
.format-tiles li.section:not(#section-0).hidden .course-section-header.tile-bar-heading,
.format-tiles li.section:not(#section-0).restricted .course-section-header.tile-bar-heading {
background-color: #efefef;
border-top-color: #cdcdcd;
}
.format-tiles li.section:not(#section-0).hidden .course-section-header.tile-bar-heading .tilebarphoto,
.format-tiles li.section:not(#section-0).restricted .course-section-header.tile-bar-heading .tilebarphoto {
filter: grayscale(1);
}
.format-tiles .tiles-editor-image {
width: 77px;
height: 45px;
}
.format-tiles .tiles-editor-image i {
margin-top: 5px;
}
.format-tiles .course-section-header .section-status i {
height: 30px;
width: 30px;
font-size: 30px;
}
.format-tiles .course-section-header .restriction-lock i {
font-size: 32px;
height: 32px;
width: 32px;
}
.format-tiles li.tile .availabilityinfo {
position: absolute;
bottom: 10px;
right: 0;
}
.format-tiles li.tile.phototile .availabilityinfo {
right: 5px;
}
.format-tiles .course-content ul.tiles .tile.tile-hidden,
.format-tiles .course-content ul.tiles .tile.tile-restricted {
border-top-color: grey;
}
.format-tiles .course-content ul.tiles .tile.tilestyle-1.tile-hidden.phototile .photo-tile-text h3,
.format-tiles .course-content ul.tiles .tile.tilestyle-1.tile-restricted.phototile .photo-tile-text h3,
.format-tiles .course-content ul.tiles .tile.tilestyle-2.tile-hidden.phototile .photo-tile-text h3,
.format-tiles .course-content ul.tiles .tile.tilestyle-2.tile-restricted.phototile .photo-tile-text h3,
.format-tiles .tile.tile-hidden .badge-info,
.format-tiles .tile.tile-restricted .badge-info {
background-color: #565656;
}
.format-tiles.format-tiles-high-contrast .tile.tile-restricted .badge-info,
.format-tiles.format-tiles-high-contrast .tile.tile-hidden .badge-info {
background-color: var(--format-tiles-high-contrast-black);
}
.format-tiles .tile.tile-restricted,
.format-tiles .tile.tile-hidden {
filter: grayscale(1);
}
.format-tiles .tile {
z-index: 2;
}
.format-tiles .moveablesection {
z-index: 3;
}
.format-tiles .drawer-toggles .drawer-toggler {
z-index: 3;
}
.format-tiles .tile:not(.phototile) {
background-color: #fff;
}
.format-tiles .tile-bg,
.format-tiles .tile-link {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.format-tiles.format-tiles-high-contrast .tile-bg {
background-color: #fff;
border: 1px solid var(--format-tiles-colour);
}
.format-tiles.format-tiles-high-contrast li.tile.phototile .tile-link {
border: 1px solid var(--format-tiles-colour);
}
.format-tiles .moveablesection .availabilityinfo i {
font-size: 1.2em;
}
.format-tiles li.activity .completioncheckbox img {
width: 19px;
padding-left: 3px;
}
/*If the theme does not use font awesome for completion check marks, need to style the img file.*/
/*This applies to adaptable and classic and possibly other custom themes based on these*/
.format-tiles li.activity .completioncheckbox:not(.complete) img {
filter: brightness(0.4) invert(1);
}
.format-tiles li.tile .completioncheckbox img {
margin-top: -1px;
width: 20px;
margin-left: 2px;
}
.format-tiles .course-content ul li.section.moveablesection .side {
display: block;
}
.format-tiles #section-zero-container.format-tiles-no-js #buttonhidesec0 {
position: absolute;
right: -45px;
top: 0;
width: 45px;
height: 45px;
}
.format-tiles li.subtile .tileiconcontainer.administration {
border: 1px dashed #da58ef30;
}
.format-tiles li.subtile .tileiconcontainer.assessment {
border: 1px dashed #f9008630;
background-color: #f9008606;
}
.format-tiles li.subtile .tileiconcontainer.content {
border: 1px dashed #0099ad30;
background-color: #0099ad06;
}
.format-tiles li.subtile .tileiconcontainer.collaboration {
border: 1px dashed #6f46f730;
background-color: #6f46f706;
}
.format-tiles li.subtile .tileiconcontainer.communication {
border: 1px dashed #eb620030;
background-color: #eb620006;
}
.format-tiles li.subtile .tileiconcontainer.interactivecontent {
border: 1px dashed #8d3d1b30;
background-color: #8d3d1b06;
}
.format-tiles li.subtile .tileiconcontainer.other {
background-color: #767d8406;
}
/*Default*/
.format-tiles li.subtile .tileiconcontainer {
border: 1px dashed #21252930;
background-color: #21252906;
}
.format-tiles .format-tiles-colour-subtile-icon-bg li.subtile .tileiconcontainer.administration {
background-color: #da58ef;
border: none;
}
.format-tiles .format-tiles-colour-subtile-icon-bg li.subtile .tileiconcontainer.assessment {
background-color: #f90086;
}
.format-tiles .format-tiles-colour-subtile-icon-bg li.subtile .tileiconcontainer.content {
background-color: #0099ad;
border: none;
}
.format-tiles .format-tiles-colour-subtile-icon-bg li.subtile .tileiconcontainer.collaboration {
background-color: #6f46f7;
border: none;
}
.format-tiles .format-tiles-colour-subtile-icon-bg li.subtile .tileiconcontainer.communication {
background-color: #eb6200;
border: none;
}
.format-tiles .format-tiles-colour-subtile-icon-bg li.subtile .tileiconcontainer.interactivecontent {
background-color: #8d3d1b;
border: none;
}
.format-tiles .format-tiles-colour-subtile-icon-bg li.subtile .tileiconcontainer.other {
background-color: #767d84;
border: none;
}
.format-tiles li.subtile.bigbluebuttonbn .tileiconcontainer.other {
background-color: #0f4d9d;
}
.format-tiles .format-tiles-colour-subtile-icon-bg li.subtile .activityiconcontainer:not(.isbranded) .activityicon:not(.nofilter),
.format-tiles .format-tiles-colour-subtile-icon-bg li.subtile .activityiconcontainer:not(.isbranded) .icon:not(.nofilter) {
filter: brightness(0) invert(1);
}
.format-tiles li.subtile .tile-icon {
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
/*Moodle 4.4+ specific styles*/
.format-tiles li.activity.subtile .tileiconcontainer .tile-icon .icon {
max-width: 70px;
max-height: 70px;
width: 70px;
height: 70px;
padding: 0;
}
@media (min-width: 768px) {
body.format-tiles.limitedwidth:not(.path-mod):not(.format-tiles-single-sec) #page.drawers .main-inner,
.format-tiles .header-maxwidth {
max-width: unset;
}
.format-tiles.editing.dir-rtl #page-content {
/*Not 100% as allow space on left for RTL edit menus to use*/
max-width: calc(100% - 100px);
}
body.jsenabled.format-tiles .above-tiles-buttons {
position: absolute;
right: 0;
min-width: 100px;
}
body.jsenabled.format-tiles .section-zero-empty .above-tiles-buttons {
min-width: 50px;
}
.format-tiles #single_section_tiles .pagesechead {
max-width: calc(100% - 175px);
}
}
@media screen and (max-width: 680px) {
.format-tiles .subtiles {
/* stylelint-disable-next-line declaration-no-important */
width: 100% !important;
/* stylelint-disable-next-line declaration-no-important */
justify-content: center !important;
}
.format-tiles li.activity.subtile {
/* stylelint-disable-next-line declaration-no-important */
flex-basis: 160px !important;
min-height: 210px;
position: relative;
/* stylelint-disable-next-line declaration-no-important */
margin: 0 5px 3px 0 !important;
/* stylelint-disable-next-line declaration-no-important */
max-width: 44% !important;
}
.format-tiles .clickable-region {
/* stylelint-disable-next-line declaration-no-important */
width: 100% !important;
}
.format-tiles li.subtile.spacer {
/* stylelint-disable-next-line declaration-no-important */
flex-basis: 130px !important;
/* stylelint-disable-next-line declaration-no-important */
min-width: 130px !important;
display: none;
}
.format-tiles .section .activity.subtile .activityinstance {
display: block;
}
}
/* get rid of wide margins when viewing course on narrow (mobile) device and
allow tiles to be taller and thinner so can fit two side by side in portrait on iphone 6/7 */
@media screen and (max-width: 600px) {
.format-tiles ul.tiles,
.format-tiles #section-0 ul.section,
.format-tiles .course-content .card-block {
/* stylelint-disable-next-line declaration-no-important */
padding-left: 0 !important;
}
.format-tiles .course-content ul.section {
padding: 1em;
}
.format-tiles .course-content ul.section.subtiles {
/* stylelint-disable-next-line declaration-no-important */
margin: auto !important;
}
.format-tiles .course-content ul.section {
/* stylelint-disable-next-line declaration-no-important */
margin: 1px !important;
/* stylelint-disable-next-line declaration-no-important */
padding: 1px !important;
}
.format-tiles.path-course-view #region-main {
padding: 0;
}
.format-tiles.path-course-view .card-block {
padding-left: 0.3em;
padding-right: 0.3em;
}
.format-tiles .course-content .section {
/* stylelint-disable-next-line declaration-no-important */
margin-left: 0 !important;
background-color: #fff;
}
.format-tiles ul.tiles li.section .format-tiles_section_content {
/* stylelint-disable-next-line declaration-no-important */
margin: 0 !important;
}
.format-tiles .subtiles .course-content ul.section {
padding: 0.5em 0.5em 0.5em 1em;
}
.format-tiles .pagesechead {
max-width: unset;
margin: 0 0 0 5px;
}
.format-tiles .sectiontitlecontainer {
/* stylelint-disable-next-line declaration-no-important */
margin: 0 !important;
}
.format-tiles .sectiontitle {
width: 100%;
margin-left: 5px;
max-width: 98%;
}
.format-tiles .sectiontitle h2 {
font-size: 1em;
}
.format-tiles #page.container-fluid,
.format-tiles .path-course-view li.activity>div {
/* stylelint-disable-next-line declaration-no-important */
padding: 0 !important;
}
.format-tiles ul.tiles#multi_section_tiles {
justify-content: center;
}
.format-tiles .course-content ul.tiles .tile {
/* stylelint-disable-next-line declaration-no-important */
flex-basis: 160px !important;
position: relative;
/* stylelint-disable-next-line declaration-no-important */
max-width: calc(50% - 10px) !important;
margin: 5px;
}
.format-tiles .course-content ul.tiles .tile-clickable:hover {
transform: none;
}
.format-tiles li.tile:not(.phototile) .availabilityinfo {
bottom: unset;
left: 0;
top: 4px;
}
.format-tiles .clickable-region {
/* stylelint-disable-next-line declaration-no-important */
width: 150px !important;
}
.format-tiles ul.tiles .tile .tile-text {
height: 130px;
}
.format-tiles .collapsiblesec0.expanded .buttonhidesec0 {
/* stylelint-disable-next-line declaration-no-important */
background-color: rgba(255, 255, 255, 1) !important;
}
.format-tiles .progress-indic.percent {
font-size: 0.7em;
}
.format-tiles .overall-prog-radial {
display: none;
}
.format-tiles ul.tiles#multi_section_tiles li.section {
margin: 0;
padding: 5px;
}
.format-tiles ul.tiles#multi_section_tiles li.section.moveablesection {
padding: 30px 0 30px 0;
}
.format-tiles li.activity.subtile .activityname {
font-size: 1em;
word-break: break-word;
margin-top: 0;
}
.format-tiles .progress-indic {
font-size: 0.8em;
}
.format-tiles ul.tiles .tile h3 {
font-size: 16px;
word-break: break-word;
}
.format-tiles .course-content ul.tiles .tile.phototile.tilestyle-1 .photo-tile-text h3,
.format-tiles .course-content ul.tiles .tile.phototile.tilestyle-2 .photo-tile-text h3 {
font-size: 16px;
}
.format-tiles .course-content ul.tiles .tile.phototile.tilestyle-1 .photo-tile-text h3,
.format-tiles .course-content ul.tiles .tile.phototile.tilestyle-2 .photo-tile-text h3 {
line-height: 27px;
}
.format-tiles .course-content ul.tiles .tile .photo-tile-text.longtitle h3 {
font-size: 1em;
}
.format-tiles #abovetiles {
width: 100%;
}
.format-tiles .above-tiles-buttons {
margin-bottom: 10px;
}
}
@media screen and (max-width: 330px) {
.format-tiles li.activity.subtile .activityname {
font-size: 0.9em;
}
}
/* stylelint-disable declaration-no-important */
#page-admin-report-allbackups-index .initialbar {
display: none !important;
}
#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*/
.admin_note {
font-size: 0.8em;
color: #c10031;
}
.reportcounts,
body.path-admin-report-customsql a.view-category {
font-weight: normal;
font-size: 0.65em;
}
.region-content .csql_category h3 {
font-weight: bold;
}
.csql_category .categoryname {
padding-left: 18px;
}
.csql_category.csql_categoryhidden .categoryname {
background-image: url(/theme/image.php/recit2/core/1759007012/t/collapsed);
background-repeat: no-repeat;
background-position: center left;
}
.csql_category.csql_categoryshown .categoryname {
background-image: url(/theme/image.php/recit2/core/1759007012/t/expanded);
background-repeat: no-repeat;
background-position: center left;
}
.csql_category .csql_category_reports {
margin-left: 18px;
}
.csql_category.csql_categoryshown .csql_category_reports {
display: block;
}
.csql_category.csql_categoryhidden .csql_category_reports {
display: none;
}
#page-admin-report-customsql-edit #id_querysql {
min-width: 100%;
font-family: monospace;
line-height: 1.4;
}
#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: #f0ad4e;
}
#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-user table tr td {
padding: 10px 3px;
min-width: 20px;
}
#page-report-outline-user .subsection .icon {
padding-left: 10px;
}
.path-report-overviewstats .chartinfo,
.path-admin-report-overviewstats .chartinfo {
margin-bottom: 1em;
}
.path-report-overviewstats .chart-image,
.path-admin-report-overviewstats .chart-image {
width: 100% !important;
}
.path-report-overviewstats ul.chartslist,
.path-admin-report-overviewstats ul.chartslist {
padding: 0;
display: flex;
gap: 0.5rem;
}
.path-report-overviewstats .chartslist li,
.path-admin-report-overviewstats .chartslist li {
list-style: none;
background: #0f6cbf;
border-radius: 0.25rem;
padding: 0.25rem 0.5rem;
}
.path-report-overviewstats .chartslist li a,
.path-admin-report-overviewstats .chartslist li a {
color: #f9f8fb;
}
#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;
}
.orphandfilesh3 {
padding: 10px;
}
.orphandfilesth {
background-color: #ddd;
}
.report_sphorphandfiles-modName {
width: 150px;
}
.report_sphorphandfiles-content {
width: 500px;
}
.report_sphorphandfiles-filename {
width: 400px;
}
.report_sphorphandfiles-tool {
width: 100px;
}
#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;
font-size: 14px;
width: 24px;
}
.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: -2rem;
padding-left: 2rem;
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 .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,
.path-grade-report-user .user-grade td.column-grade .action-menu {
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/recit2/core/1759007012/t/delete) no-repeat center top;
margin-top: 4px;
}
.gradingform_guide.editor .moveup input {
width: 20px;
height: 15px;
background: transparent url(/theme/image.php/recit2/core/1759007012/t/up) no-repeat center top;
margin-top: 4px;
}
.gradingform_guide.editor .movedown input {
width: 20px;
height: 15px;
background: transparent url(/theme/image.php/recit2/core/1759007012/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/recit2/core/1759007012/t/add) no-repeat;
background-size: 0.75rem;
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/recit2/core/1759007012/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 {
background: none 2px 4px / 16px 16px no-repeat;
text-indent: -1000em;
cursor: pointer;
border: none;
}
.gradingform_rubric.editor .criterion .controls .delete input {
width: 24px;
height: 24px;
background-image: url(/theme/image.php/recit2/core/1759007012/t/delete);
margin: .3em .3em 0 .3em;
}
.gradingform_rubric.editor .criterion .controls .duplicate input {
width: 24px;
height: 24px;
background-image: url(/theme/image.php/recit2/core/1759007012/t/copy);
margin: .3em .3em 0 .3em;
}
.gradingform_rubric.editor .levels .level .delete input {
width: 24px;
height: 24px;
background-image: url(/theme/image.php/recit2/core/1759007012/t/delete);
}
.gradingform_rubric.editor .moveup input {
width: 24px;
height: 24px;
background-image: url(/theme/image.php/recit2/core/1759007012/t/up);
margin: .3em .3em 0 .3em;
}
.gradingform_rubric.editor .movedown input {
width: 24px;
height: 24px;
background-image: url(/theme/image.php/recit2/core/1759007012/t/down);
margin: .3em .3em 0 .3em;
}
.gradingform_rubric.editor .addcriterion input,
.gradingform_rubric.editor .addlevel input {
background: #fff url(/theme/image.php/recit2/core/1759007012/t/add) 4px 6px / 16px 16px no-repeat;
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%;
}
/* Card-style border on category lists */
.qbank_managecategories-categorylist {
padding: 1rem;
border: 1px solid #dee2e6;
border-radius: 1rem;
}
/* Category item layout */
.qbank_managecategories-handlecontainer {
width: 32px;
height: 32px;
display: inline-flex;
justify-content: center;
align-items: center;
}
.qbank_managecategories-item .container {
padding: 0.75rem;
}
/* Separators between each item become drop indicators */
.qbank_managecategories-item {
width: 100%;
list-style: none;
border-top: 1px solid #dee2e6;
}
.qbank_managecategories-item:first-child {
border-top-color: transparent;
}
.qbank_managecategories-item:last-child {
border-bottom: 1px solid transparent;
}
.qbank_managecategories-item .qbank_managecategories-item:first-child {
border-top-color: #dee2e6;
}
.qbank_managecategories-details p:last-child {
margin-bottom: 0;
}
.qbank_managecategories-childlistcontainer:empty {
display: none;
}
/* Fade effect on drag handle */
.qbank_managecategories-draghandle {
display: none;
opacity: 0.45;
}
.qbank_managecategories-item.draghandle .qbank_managecategories-draghandle {
display: inline;
}
/* Drag indicator */
.qbank_managecategories-item.draghandle>.container {
border: 2px solid transparent;
border-radius: 1rem;
}
.qbank_managecategories-item.draghandle>.container:hover {
cursor: move;
border-color: #0f6cbf;
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}
/* No move/delete buttons on non-draggable items */
.dropdown-item.show-when-movable {
display: none;
}
.qbank_managecategories-item.draghandle .dropdown-item.show-when-movable {
display: block;
}
/* Don't show card border on nested lists. */
.qbank_managecategories-categorylist .qbank_managecategories-categorylist {
padding: 0 0 .5rem 0;
border: 0;
border-radius: 0;
}
/* Don't show hover indication on parent when a child is hovered */
.editing .qbank_managecategories-item .container:hover:has(.container:hover) {
border-color: transparent;
}
/* New child drop target */
.qbank_managecategories-newchild {
display: none;
border: 1px solid #dee2e6;
background-color: #fff;
padding: 0.25rem 1rem;
color: #dee2e6;
font-weight: bold;
}
/* stylelint-disable max-line-length */
.qbank_managecategories-newchild.qbank_managecategories-droptarget,
/* Show the drop target if it's directly inside a highlighted category, but not if its inside a child of that category */
.qbank_managecategories-droptarget-before>.container>.row>.qbank_managecategories-contentcontainer> :not(.qbank_managecategories-childlistcontainer) .qbank_managecategories-newchild {
display: unset;
}
/* stylelint-enable max-line-length */
/* Hidden descriptions */
.qbank_managecategories-description {
display: none;
}
.showdescriptions .qbank_managecategories-description {
display: unset;
}
.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;
}
.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;
}
/* Start RÉCIT Éditor */
.htmlbootstrapeditor_row-fluid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
/* Popup */
.htmlbootstrapeditor_popup,
.htmlbootstrapeditor_popup .modal-dialog {
max-width: 100vw;
max-height: 100vh;
width: fit-content;
width: -moz-fit-content;
margin: auto;
}
.htmlbootstrapeditor_popup .modal-body {
padding: 0;
overflow: hidden;
}
.htmlbootstrapeditor_popup iframe {
width: 90vw;
height: 85vh;
border: 0;
}
.htmlbootstrapeditor_popup img {
max-height: 85vh;
max-width: 90vw;
}
.htmlbootstrapeditor_img-popup {
cursor: pointer;
}
/* Image cliquable */
.htmlbootstrapeditor_imgclick {
text-align: center;
position: relative;
overflow: hidden;
width: fit-content;
width: -moz-fit-content;
}
.htmlbootstrapeditor_imgclick img {
-webkit-transition: all 0.4s linear;
transition: all 0.4s linear;
}
.htmlbootstrapeditor_imgclick a,
.htmlbootstrapeditor_imgclick a:hover {
display: block;
color: #fff;
}
.htmlbootstrapeditor_imgclick .imgclickcontent {
display: none;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.htmlbootstrapeditor_imgclick:hover img {
transform: scale(1.1);
filter: brightness(50%);
}
.htmlbootstrapeditor_imgclick:hover .imgclickcontent {
display: block;
}
/* Flipcard */
.htmlbootstrapeditor_flipcard2 {
cursor: pointer;
perspective: 1000px;
}
.htmlbootstrapeditor_flipcard2 .flipcard-inner {
position: relative;
width: 100%;
height: 100%;
text-align: center;
transition: transform 0.6s;
transform-style: preserve-3d;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}
.htmlbootstrapeditor_flipcard2.hover2 .flipcard-inner {
transform: rotateY(180deg);
}
.htmlbootstrapeditor_flipcard2 .back,
.htmlbootstrapeditor_flipcard2 .front {
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
/* Safari */
backface-visibility: hidden;
transform: rotateX(0);
}
.htmlbootstrapeditor_flipcard2 .back {
position: absolute;
top: 0px;
transform: rotateY(180deg);
}
/* End RÉCIT Éditor */
#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;
}
ul.competency-tree img {
width: 16px;
height: 16px;
}
[data-region="managecompetencies"] a .icon,
[data-region="plan-page"] a .icon {
color: initial;
}
[data-region="managecompetencies"] h2 a .icon,
[data-region="plan-page"] h2 a .icon {
font-size: smaller;
}
#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%;
}
/* 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: absolute;
}
.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;
}
.path-admin .task-output {
color: #fff;
background: #333;
padding: 1em;
a {
color: #fff;
text-decoration: underline;
}
}
[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;
}
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;
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;
}
}
html>body #menu li a[href*="&select="] {
float: left;
width: 0;
height: 18px;
margin-left: -2px;
margin-right: 2px;
overflow: hidden;
padding-left: 18px;
text-decoration: none;
}
html>body .links a[href*="&select="],
html>body #menu li a[href*="&select="],
html>body #content form table thead>tr>td a[href*="&select="],
html>body #content table a[id|="Rows"] {
background: url(/theme/image.php/recit2/core/1759007012/e/table) no-repeat 0 0;
background-size: contain;
padding-left: 25px;
}
html>body #menu p.links a[href$="&sql="] {
background: url(/theme/image.php/recit2/core/1759007012/e/source_code) no-repeat 0 0;
background-size: contain;
padding-left: 25px;
}
html>body #menu p.links a[href$="&import="] {
background: url(/theme/image.php/recit2/core/1759007012/t/restore) no-repeat 0 0;
background-size: contain;
padding-left: 25px;
}
html>body #menu p.links a[href*="&dump="] {
background: url(/theme/image.php/recit2/core/1759007012/t/backup) no-repeat 0 0;
background-size: contain;
padding-left: 25px;
}
html>body #menu p.links a[href*="&create="] {
background: url(/theme/image.php/recit2/core/1759007012/t/add) no-repeat 0 0;
background-size: contain;
padding-left: 25px;
}
html>body #content table a[id|="Data_length"],
html>body #content table a[id|="Index_length"],
html>body #content table a[id|="Data_free"],
html>body #content table a[id|="Auto_increment"],
html>body #content table a[id|="Rows"] {
float: left;
width: 100%;
height: 100%;
padding: 2px 0 1px 22px;
margin-right: 5px;
}
html>body #content table a[id|="Index_length"],
html>body #content p.links a[href*="&indexes="] {
background: url(/theme/image.php/recit2/core/1759007012/t/edit) no-repeat 0 0;
background-size: contain;
padding-left: 25px;
}
html>body #content p a[href*="&edit="],
html>body #content table a[id|="Data_free"] {
background: url(/theme/image.php/recit2/core/1759007012/t/add) no-repeat 0 0;
background-size: contain;
padding-left: 25px;
}
html>body table a[href*="&create="],
html>body #content p.links a[href*="&create="] {
background: url(/theme/image.php/recit2/core/1759007012/t/edit) no-repeat 0 0;
background-size: contain;
padding-left: 25px;
}
html>body table a[href*="&create="] {
background: url(/theme/image.php/recit2/core/1759007012/t/edit) no-repeat 0 0;
background-size: contain;
padding-left: 25px;
}
html>body #content p.links a[href*="&create="] {
background: url(/theme/image.php/recit2/core/1759007012/t/add) no-repeat 0 0;
background-size: contain;
padding-left: 25px;
}
html>body #content fieldset>legend {
font-size: 1rem;
}
/* Hide the "logout" button. */
html>body form p.logout {
display: none;
}
/* Add an enmpty space after a separator to allow a line break. */
html>body form p.links span.separator::after {
content: " ";
}
html>body #menu {
background-image: none;
}
#local-adminer-modal>.modal-dialog {
max-width: 100%;
height: 100%;
}
#local-adminer-modal>.modal-dialog>.modal-content {
height: 99vh;
}
.bs-stepper .step-trigger.disabled,
.bs-stepper .step-trigger:disabled {
opacity: 1;
}
.disabler-toaster.toaster-container {
position: fixed;
width: 100%;
top: 1vw;
z-index: 140002;
left: 0;
opacity: 0;
text-align: center;
transition: top 0.3s linear, opacity 0.3s linear;
display: none;
}
.disabler-toaster.toaster-container.fade {
top: 6vw;
opacity: 1;
}
.disabler-toaster.toaster-container.show {
display: block;
}
.disabler-toaster.toaster-container .toaster-message {
padding: 1rem 2rem;
color: #000;
border-radius: 2px;
background-color: #ffc107;
}
.disablerightclick-support .message {
margin-bottom: 2rem;
}
.disablerightclick-support .icon {
width: 50px;
height: 50px;
}
.disablerightclick-support .buttons-list {
margin-top: 2rem;
margin-left: 1rem;
margin-right: 1rem;
margin-left: auto;
}
.disablerightclick-support .center {
text-align: center;
}
.local_listcoursefiles_menu {
width: 100%;
}
.local_listcoursefiles_menu .local_listcoursefiles_selection {
display: inline-table;
margin: 0 5px;
}
.local_listcoursefiles_description {
margin: 8px 0;
}
.local_listcoursefiles_check_uncheck_all {
margin-left: 4px;
}
.local_listcoursefiles_files_actions {
margin-top: 25px;
}
.local_listcoursefiles_files_action {
margin-top: 10px;
}
.local_listcoursefiles_table .c0 {
width: 30px;
padding-left: 2px;
padding-right: 0;
}
.local_listcoursefiles_table .local_listcoursefiles_filecheckbox {
margin: 0;
}
/* Hide Atto editor extra buttons */
.local_nolej-hide_special_buttons .atto_group.files_group,
.local_nolej-hide_special_buttons .atto_group.collapse_group {
display: none;
}
/* Questions form */
.local_nolej-question {
background: #fff;
border-radius: 8px;
box-shadow: 0 6px 24px 0 #0000000d, 0 0 0 1px #00000014;
margin: 1rem;
padding: 0.5rem;
width: 100%;
}
.local_nolej-question .badge {
color: #545659;
font-size: 1rem;
font-weight: 400;
margin: 0 0 0.5rem -0.5rem;
padding: 4px 12px;
border-radius: 0 6px 6px 0;
width: fit-content;
}
.local_nolej-question .badge.open {
background-color: #9cd6f552;
border-left: 2px solid #9cd6f5;
}
.local_nolej-question .badge.ftb {
background-color: #fff9e7;
border-left: 2px solid #ffd966;
}
.local_nolej-question .badge.tf {
background-color: #e6b8e752;
border-left: 2px solid #e6b8e7;
}
.local_nolej-question .badge.mcq {
background-color: #c7d2ff52;
border-left: 2px solid #c7d2ff;
}
.local_nolej-question .badge.hoq {
background-color: #c7f0f3;
border-left: 2px solid #7db5b9;
}
.wunderbyte_table_filter_on .wunderbyte_table_container {
display: grid;
grid-template-columns: 0.5fr 3fr;
grid-template-areas: "aside content";
gap: 15px;
}
.wunderbyte_table_container {
display: grid;
grid-template-columns: 1fr;
grid-template-areas: "content";
gap: 0;
}
.wunderbyte_table_container aside {
grid-area: aside;
max-width: 310px;
padding: 20px;
}
.wb-records-count-label {
width: 100%;
}
.wunderbyte_table_container .wunderbyteTableClass {
grid-area: content;
}
.wunderbyte_table_container .wunderbyteTableClass .wbt-pagination-navs {
margin-top: 1rem;
}
.wunderbyte_table_container .wunderbyteTableClass .wbt-pagination-navs>div {
display: inline-block;
}
.wunderbyte_table_container .wunderbyteTableClass .wbt-pagination-navs .wbt-gotopage {
margin: 0 1rem;
color: grey;
}
.wunderbyte_table_container .icons-collapse-expand {
margin-left: 3px;
}
.wunderbyte_table_container .dropdown-menu {
width: max-content;
}
@media screen and (max-width: 768px) {
.wunderbyte_table_container {
display: block;
}
.wunderbyte-table-table table {
border: 0;
}
.wunderbyte-table-table table caption {
font-size: 1.3em;
}
.wunderbyte-table-table table thead {
border: none;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.wunderbyte-table-table table tr {
border: 1px solid #ddd;
display: block;
margin-bottom: 0.625em;
}
.wunderbyte-table-table table td {
border-top: none;
border-bottom: 1px solid #ddd;
display: block;
font-size: 0.8em;
text-align: right;
}
.wunderbyte-table-table table td:last-child {
border-bottom: 0;
}
.wunderbyte-table-table table td:not(.wbcheckbox)::before {
/*
* aria-label has no advantage, it won't be read inside a table
content: attr(aria-label);
*/
content: attr(data-localized) ":";
float: left;
font-weight: bold;
text-transform: uppercase;
}
.wunderbyte-table-table table td.wbcheckbox::before {
/*
* aria-label has no advantage, it won't be read inside a table
content: attr(aria-label);
*/
content: "✓";
float: left;
font-weight: bold;
text-transform: uppercase;
}
.wunderbyte-table-grid table td:last-child {
border-bottom: 0;
}
.wunderbyte-table-grid table .novalue {
display: none;
}
.wunderbyte-table-grid table tr {
border: 1px solid;
}
.wunderbyteTableSearch {
text-align: right;
max-width: unset;
margin-left: auto;
min-width: calc(100vw - 100px);
}
}
.wunderbyte-table-grid .list-group-item+.list-group-item {
border-top: 1px solid rgba(0, 0, 0, 0.125);
border-top-width: 1px;
}
.wunderbyteTableJavascript.search-data-element h3 {
word-break: break-word;
}
.wunderbyte-table-table table th[data-sortable] {
position: relative;
margin-right: 3px;
padding-left: 18px;
}
.wunderbyte-table-table table th[data-sortable]::before,
.wunderbyte-table-table table th[data-sortable]::after {
position: absolute;
display: block;
opacity: 0.125;
left: 5px;
line-height: 9px;
font-size: 0.9em;
}
.wunderbyte-table-table th[data-sortable].desc::after {
opacity: 1;
}
.wunderbyte-table-table th[data-sortable].asc::before {
opacity: 1;
}
.wunderbyte-table-table th[data-sortable]::before {
content: "\f0de";
font-size: 14px;
font-family: 'FontAwesome', 'Font Awesome 6 Free';
top: 35%;
right: 0;
}
.wunderbyte-table-table th[data-sortable]::after {
content: "\f0d7";
font-size: 14px;
font-family: 'FontAwesome', 'Font Awesome 6 Free';
top: 40%;
}
.wunderbyte-table-table.moodleversionminfourtwo th[data-sortable]::before {
content: "\f0de";
font: var(--fa-font-solid);
font-family: 'FontAwesome', 'Font Awesome 6 Free';
top: 35%;
right: 0;
}
.wunderbyte-table-table.moodleversionminfourtwo th[data-sortable]::after {
content: "\f0dd";
font: var(--fa-font-solid);
font-family: 'FontAwesome', 'Font Awesome 6 Free';
top: 40%;
}
.wunderbyte-table-table .scroll-y {
height: 600px;
border: 1px solid #dee2e6;
overflow: auto;
}
/* Set header to stick to the top of the container. */
.wunderbyte-table-table .scroll-y thead tr th {
position: sticky;
top: 0;
background-color: #fff;
}
.wunderbyteTableSearch {
text-align: right;
max-width: 250px;
margin-left: auto;
}
.wunderbyte_table_container aside.inactive {
margin-left: -500px;
height: 0;
display: none;
}
.wunderbyte-table-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
padding: 10px;
gap: 20px;
}
.wunderbyte_table_filter_on .wunderbyte-table-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
padding: 10px;
gap: 20px;
}
/* FILTER */
.wunderbyteTableFilter .form-group .collapse {
padding-left: 16px;
}
.wunderbyteTableFilter ul {
overflow-y: auto;
/* Show all filters without scrollbar. */
/* max-height: 20.5rem; */
}
.wunderbyteTableFilter .collapse-accordion-toggle[aria-expanded=true] span svg:not(:first-child) {
display: none;
}
.wunderbyteTableFilter .collapse-accordion-toggle[aria-expanded=false] span svg:not(:last-child) {
display: none;
}
.wunderbyteTableFilter li {
position: relative;
display: block;
min-height: 1.6rem;
padding-left: 2rem;
}
.wunderbyteTableFilter .form-check-label {
color: #77838f;
font-size: 1rem;
padding-left: 6px;
position: relative;
margin-bottom: 0;
vertical-align: top;
}
.wunderbyteTableFilter .form-check-input {
position: absolute;
left: 0;
z-index: 30000001;
width: 20px;
height: 1.3rem;
opacity: 0;
margin-left: 0;
}
.wunderbyteTableFilter :checked~.form-check-label::before {
border-color: #090761;
}
.wunderbyteTableFilter :checked~.form-check-label::after {
background-color: #090761;
border-radius: 3px;
}
.wunderbyteTableFilter .form-check-label::after {
top: 0.55rem;
background: 0 0;
border-radius: 3px;
left: -1.5rem;
width: 0.5rem;
height: 0.5rem;
content: "";
position: absolute;
z-index: 200000;
}
.wunderbyteTableFilter .form-check-label::before {
position: absolute;
top: 0.3rem;
left: -1.75rem;
display: block;
width: 1rem;
height: 1rem;
pointer-events: none;
content: "";
background-color: transparent;
border: #e7e7ec solid 1px;
border-radius: 3px;
z-index: 200000;
}
.wunderbyte-table-grid .list-group-item {
box-shadow: 0 .5rem .937rem rgba(140, 152, 164, .1);
}
.wunderbyte-table-grid .grid-entry {
display: grid;
grid-template-rows: 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
border: 1px solid;
padding: 20px;
border-radius: 5px;
margin: 20px;
}
/* FILTER */
.wunderbyteTableFilter .form-group .collapse {
padding-left: 16px;
}
.wunderbyteTableFilter .filtertitle {
font-size: large;
}
.wunderbyteTableFilter ul {
overflow-y: auto;
/* Show all filters without scrollbar. */
/* max-height: 20.5rem; */
}
.wunderbyteTableFilter .collapse-accordion-toggle[aria-expanded=true] span svg:not(:first-child) {
display: none;
}
.wunderbyteTableFilter .collapse-accordion-toggle[aria-expanded=false] span svg:not(:last-child) {
display: none;
}
.wunderbyteTableFilter button {
border-width: 0;
background-color: transparent;
width: 100%;
outline: 0;
box-shadow: none;
}
.wunderbyteTableFilter li {
position: relative;
display: block;
min-height: 1.6rem;
padding-left: 2rem;
}
.wunderbyteTableFilter :checked~.form-check-label::before {
border-color: #090761;
}
.wunderbyteTableFilter :checked~.form-check-label::after {
background-color: #090761;
border-radius: 3px;
}
.wunderbyteTableFilter .form-check-label::after {
top: 0.55rem;
background: 0 0;
border-radius: 3px;
left: -1.5rem;
width: 0.5rem;
height: 0.5rem;
content: "";
position: absolute;
z-index: 200000;
}
.wunderbyteTableFilter .form-check-label::before {
position: absolute;
top: 0.3rem;
left: -1.75rem;
display: block;
width: 1rem;
height: 1rem;
pointer-events: none;
content: "";
background-color: transparent;
border: #e7e7ec solid 1px;
border-radius: 3px;
z-index: 200000;
}
.inactivefilter .wunderbyte_table_container {
grid-template-columns: 0fr 2fr;
gap: 0;
}
.wunderbyteTableSelect .sortcolumn {
width: max-content;
height: 36px;
border-radius: 10px;
border-color: darkgray;
padding-left: 5px;
}
.wunderbyteTableSelect a.changesortorder:hover {
text-decoration: none;
}
.wunderbyte-table-table .wb-table-column {
z-index: 2;
}
.wunderbyteTableFilter .datepickerform {
margin: 20px;
padding: 10px;
position: relative;
display: block;
min-height: 1.6rem;
padding-left: 2rem;
}
.wunderbyteTableFilter .datepicker-label {
color: #77838f;
font-size: 1rem;
padding-top: 6px;
padding-left: 6px;
position: relative;
margin-bottom: 6px;
vertical-align: top;
}
.wunderbyteTableFilter .datepicker-input {
color: #77838f;
padding-left: 6px;
border: #77838f;
}
.wunderbyteTableFilter .datepicker-input:hover {
box-shadow: 0 0 1px 1px #77838f;
}
.wunderbyteTableFilter .intrangeform {
margin: 20px;
padding: 10px;
position: relative;
display: block;
min-height: 1.6rem;
padding-left: 2rem;
}
.wunderbyteTableFilter .intrange-label {
color: #77838f;
font-size: 1rem;
padding-top: 6px;
padding-left: 6px;
position: relative;
margin-bottom: 6px;
vertical-align: top;
}
.wunderbyteTableFilter .intrange-input {
padding-left: 6px;
border: #77838f;
box-shadow: 0 0 1px 1px #98a3ad;
}
.wunderbyteTableFilter .intrange-input:hover {
box-shadow: 0 0 1px 1px #77838f;
}
.wunderbyteTableFilter .alert-warning {
margin-top: 20px;
}
.wunderbyteTableSearchIcon,
.wunderbyteTableSwitchTemplatesIcon {
padding-top: 7px;
padding-right: 5px;
font-size: 1.3em;
}
.wunderbyteTableSortIcon {
font-size: 1.2em;
}
.wb-table-sortable-active {
background-color: grey;
}
.wb-table-sortable-drag {
background-color: lightgrey;
}
/* Move filters on top of table */
.wunderbyte_table_filter_on .wunderbyte_table_container.showontop {
display: block;
}
.wunderbyte_table_filter_on .wunderbyte_table_container.showontop aside {
max-width: 100%;
}
.wunderbyteTableFilter.row {
margin: 0;
flex-direction: column;
}
.showontop .wunderbyteTableFilter.row {
margin: 0;
flex-direction: row;
justify-content: space-around;
}
.showontop aside {
padding: 0;
}
.wunderbyteTableFilter .dd {
padding: 10px;
background: transparent;
max-width: fit-content;
}
.wunderbyte_table_container .wunderbyteTableFilter .dropdownMenuButton {
background: #fff;
min-width: fit-content;
width: 250px;
text-align: start;
height: auto;
white-space: normal;
border: 1px solid #d3d3d3bd;
}
.wunderbyte_table_container .wunderbyteTableFilter .dropdownMenuButton::after {
position: absolute;
right: 10px;
height: 100%;
align-items: center;
justify-content: center;
display: flex;
top: 0;
width: 20px;
font-size: 17px;
}
.dropdowncontainer .dropdown-menu.show {
width: 100%;
}
.dropdowncontainer .wunderbyterFilterList {
margin: 0;
padding: 0;
}
/* Berta related CSS ? */
.wunderbyte_table_components {
background: #e9f0f3;
}
.wunderbyte_table_container.showontop .filterheader {
background: #e9f0f3;
padding: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.inactivefilter .wunderbyte_table_container.showontop .filterheader {
display: none;
}
.wunderbyte_table_container.showontop .filterheader .wunderbyte_table_components {
width: 100%;
}
.wunderbyteTableFilter .form-check-label {
color: black;
}
.hierarchybutton {
margin-bottom: 4px;
position: relative;
}
.hierarchy .hierarchybutton::after {
position: absolute;
right: 10px;
height: 100%;
align-items: center;
justify-content: center;
display: flex;
top: 0;
}
.dropdown-menu .filtersearch {
position: absolute;
height: 46px;
top: -49px;
left: -1px;
width: calc(100% + 2px);
}
.dropdown-menu .labelsearch {
display: none;
position: absolute;
height: 46px;
top: -60px;
z-index: 9999;
}
.dropdown-menu .labelsearch span {
position: relative;
color: rgba(15, 108, 191, .75);
font-weight: bold;
white-space: nowrap;
}
.dropdown-menu .labelsearch span::after {
position: absolute;
width: 110%;
height: 10px;
background: #fff;
content: '';
left: -5%;
bottom: 2%;
z-index: -10;
border-radius: 2px;
}
.wunderbyteTableFilter .dropdownMenuButton.hideFocus.btn:focus,
.btn.focus {
/* box-shadow: none; */
}
.wunderbyteTableFilter .dropdown-item .form-check-label {
white-space: normal;
word-break: break-all;
}
@media screen and (max-width: 991px) {
.wunderbyte_table_filter_on .wunderbyte_table_container {
display: block;
}
.wunderbyte_table_filter_on .wunderbyte_table_container aside {
max-width: 100%;
}
.wunderbyte_table_container .filterheader {
padding: 0;
}
.wunderbyte_table_container aside {
padding: 15px;
}
.wunderbyte_table_container .wunderbyteTableFilter .dd,
.wunderbyte_table_container .wunderbyteTableFilter .dropdownMenuButton {
max-width: 100%;
width: 100%;
}
.showontop .wunderbyteTableFilter.row {
flex-direction: column;
}
}
.wunderbyte_table_calendar .calendar {
height: 22rem;
width: fit-content;
background-color: white;
border-radius: 0;
border: 1px solid black;
overflow: hidden;
padding: 5px 5px 0 5px;
margin-bottom: 2rem;
}
.wunderbyte_table_calendar .calendar-days .highlight-date {
font-weight: bold;
text-decoration: underline;
/* Example text color */
}
.wunderbyte_table_calendar .calendar {
box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;
}
.wunderbyte_table_calendar .calendar-header {
background: white;
display: flex;
justify-content: space-between;
border-radius: 0;
align-items: center;
font-weight: 700;
color: black;
padding: 10px;
border-bottom: 1px solid black;
}
.wunderbyte_table_calendar .calendar-body {
padding: 10px;
}
.wunderbyte_table_calendar .calendar-week-days {
display: grid;
grid-template-columns: repeat(7, 1fr);
font-weight: 600;
cursor: pointer;
color: white;
}
.wunderbyte_table_calendar .calendar-week-days div:hover {
color: black;
transform: scale(1.2);
transition: all .2s ease-in-out;
}
.wunderbyte_table_calendar .calendar-week-days div {
display: grid;
place-items: center;
color: black;
height: 50px;
}
.wunderbyte_table_calendar .calendar-days {
display: grid;
grid-template-columns: repeat(7, 1fr);
gap: 4px;
color: #0a0921;
}
.wunderbyte_table_calendar .calendar-days div {
width: 37px;
height: 33px;
display: flex;
align-items: center;
justify-content: center;
padding: 5px;
position: relative;
cursor: pointer;
animation: to-top 1s forwards;
color: white;
background: var(--primary);
font-weight: 300;
}
.wunderbyte_table_calendar .month-picker {
padding: 5px 10px;
border-radius: 10px;
cursor: pointer;
}
.wunderbyte_table_calendar .year-picker {
display: flex;
align-items: center;
}
.wunderbyte_table_calendar .year-change {
height: 30px;
width: 30px;
border-radius: 50%;
display: grid;
place-items: center;
margin: 0 10px;
cursor: pointer;
}
.wunderbyte_table_calendar .year-change:hover {
background-color: #9796f0;
transition: all .2s ease-in-out;
transform: scale(1.12);
}
.wunderbyte_table_calendar .calendar-footer {
padding: 10px;
display: flex;
justify-content: flex-end;
align-items: center;
}
#year:hover {
cursor: pointer;
transform: scale(1.2);
transition: all 0.2s ease-in-out;
}
.wunderbyte_table_calendar .calendar-days div span {
position: absolute;
}
.wunderbyte_table_calendar .calendar-days div:hover {
transition: width 0.2s ease-in-out, height 0.2s ease-in-out;
background-color: #0063a678;
/* border-radius: 20%; */
color: #f8fbff;
}
.wunderbyte_table_calendar .month-list {
position: relative;
left: 0;
bottom: 180px;
background-color: #ebebeb;
color: #151426;
display: grid;
grid-template-columns: repeat(3, auto);
gap: 5px;
border-radius: 20px;
}
.wunderbyte_table_calendar .month-list>div {
display: grid;
place-content: center;
/* margin: 5px 10px; */
transition: all 0.2s ease-in-out;
}
.wunderbyte_table_calendar .month-list>div>div {
border-radius: 15px;
padding: 10px;
cursor: pointer;
}
.wunderbyte_table_calendar .month-list>div>div:hover {
color: #f8fbff;
transform: scale(0.9);
transition: all 0.2s ease-in-out;
}
.wunderbyte_table_calendar .month-list.show {
visibility: visible;
pointer-events: visible;
transition: 0.6s ease-in-out;
animation: to-left .71s forwards;
}
.wunderbyte_table_calendar .month-list.hideonce {
visibility: hidden;
}
.month-list.hide {
animation: to-right 1s forwards;
visibility: hidden;
pointer-events: none;
}
.wunderbyte_table_calendar .date-time-formate {
height: 4rem;
width: 100%;
font-family: Dubai Light, Century Gothic;
position: relative;
display: flex;
top: 50px;
justify-content: center;
align-items: center;
}
.wunderbyte_table_calendar .day-text-formate {
font-family: Microsoft JhengHei UI;
font-size: 1.4rem;
padding-right: 5%;
border-right: 3px solid #9796f0;
}
.wunderbyte_table_calendar .date-time-value {
display: block;
position: relative;
text-align: center;
padding-left: 5%;
}
.wunderbyte_table_calendar .time-formate {
font-size: 1.5rem;
}
.wunderbyte_table_calendar .time-formate.hideTime {
animation: hidetime 1.5s forwards;
}
.wunderbyte_table_calendar .day-text-formate.hidetime {
animation: hidetime 1.5s forwards;
}
.wunderbyte_table_calendar .date-formate.hideTime {
animation: hidetime 1.5s forwards;
}
.wunderbyte_table_calendar .day-text-formate.showtime {
animation: showtime 1s forwards;
}
.wunderbyte_table_calendar .time-formate.showtime {
animation: showtime 1s forwards;
}
.wunderbyte_table_calendar .date-formate.showtime {
animation: showtime 1s forwards;
}
.wunderbyte_table_calendar .year-change pre {
margin: 0;
}
.wbtablefilterview .category-item.collapsed .fa-chevron-down {
display: inline-block;
}
.wbtablefilterview .category-item:not(.collapsed) .fa-chevron-up {
display: inline-block;
}
.wbtablefilterview .category-item.collapsed .fa-chevron-up {
display: none;
}
.wbtablefilterview .category-item:not(.collapsed) .fa-chevron-down {
display: none;
}
@keyframes to-top {
0% {
transform: translateY(100%);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
@keyframes to-left {
0% {
transform: translateX(230%);
opacity: 1;
}
100% {
transform: translateX(0);
opacity: 1;
}
}
@keyframes to-right {
10% {
transform: translateX(0);
opacity: 1;
}
100% {
transform: translateX(-150%);
opacity: 1;
}
}
@keyframes showtime {
0% {
transform: translateX(250%);
opacity: 1;
}
100% {
transform: translateX(0%);
opacity: 1;
}
}
@keyframes hidetime {
0% {
transform: translateX(0%);
opacity: 1;
}
100% {
transform: translateX(-370%);
opacity: 1;
}
}
.core_payment_gateways_modal .paypal .icon {
height: 40px;
width: auto;
}
.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 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 {
margin: 0 5px;
}
.assignfeedback_editpdf_widget .commentdrawable a {
float: right;
position: relative;
left: -17px;
top: 2px;
height: 16px;
width: 16px;
}
.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 #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;
}
.atto_cloze img {
cursor: pointer;
width: 20px;
}
.atto_cloze_button img {
/* stylelint-disable-next-line declaration-no-important */
margin-top: -.125rem !important;
}
.atto_cloze .form-control {
width: unset;
}
.atto_cloze_answers {
height: 375px;
overflow-x: hidden;
}
.atto_cloze_qtype {
overflow: auto;
position: relative;
}
.atto_cloze_qtype .atto_cloze_summary {
display: none;
left: 175px;
position: absolute;
top: 0;
}
.atto_cloze_qtype input[type="radio"]:focus {
box-shadow: none;
}
.atto_cloze_qtype input[type="radio"]:checked+label .atto_cloze_summary {
display: inline;
}
input.atto_cloze_marks {
/* stylelint-disable-next-line declaration-no-important */
width: 4em !important;
}
.atto_cloze_answers .form-group img {
margin-top: .5rem;
}
.atto_cloze_answers li:first-child .atto_cloze_up {
display: none;
}
.atto_cloze_answers li:last-child .atto_cloze_down {
display: none;
}
@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