* @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/iomadmoon/offlinequiz/1777497332/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/iomadmoon/offlinequiz/1777497332/icon_checked)}#page-mod-offlinequiz-view li.nextitem{list-style-image:url(/theme/image.php/iomadmoon/offlinequiz/1777497332/icon_unchecked)}#page-mod-offlinequiz-view li.warning{list-style-image:url(/theme/image.php/iomadmoon/offlinequiz/1777497332/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/iomadmoon/pdfannotator/1777497332/text_highlight_picker) 8 8, auto;
}
.path-mod-pdfannotator .cursor-strikeout {
cursor: url(/theme/image.php/iomadmoon/pdfannotator/1777497332/strikethrough) 8 8, auto;
}
.path-mod-pdfannotator .cursor-pen * {
cursor: url(/theme/image.php/iomadmoon/pdfannotator/1777497332/editstring) 0 12, auto !important;
}
.path-mod-pdfannotator .cursor-text * {
cursor: url(/theme/image.php/iomadmoon/pdfannotator/1777497332/text_color_picker) 0 0, auto !important;
}
.path-mod-pdfannotator .cursor-point * {
cursor: url(/theme/image.php/iomadmoon/pdfannotator/1777497332/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;
}
body.body-pdfprotect-mobile-view {
height: 100%;
margin: 0;
}
body.body-pdfprotect-mobile-view #page {
background: transparent !important;
height: 100%;
}
body.body-pdfprotect-mobile-view [vw] {
display: none !important;
}
body.body-pdfprotect-mobile-view .activity-header,
body.body-pdfprotect-mobile-view #header {
display: none;
}
#page-mod-poster-view #mod_poster-content {
clear: both;
padding-left: 0;
padding-right: 0;
}
#page-mod-poster-view #mod_poster-content .block.block_adminblock {
background-color: white;
border: none;
}
#page-mod-poster-view.editing #block-region-mod_poster-pre[data-droptarget="1"],
#page-mod-poster-view.editing #block-region-mod_poster-post[data-droptarget="1"] {
border: 2px dashed #888;
padding: 5px;
margin-bottom: 5px;
min-height: 10em;
}
.section .poster .mod-indent-outer {
padding-left: 24px;
display: block;
}
/* Make sure the poster blocks content width to available. */
.course-content .modtype_poster.activity .description .description-inner {
width: 100%;
margin-top: 15px;
}
.path-mod-pulse .fcontainer .emailvars span,
#page-admin-setting-local_pulsepro_settings .emailvars span,
.path-admin-mod-pulse .emailvars span {
color: #000;
background: #ffbf46;
padding: 3px 7px;
margin-bottom: 5px;
margin-right: 3px;
display: inline-block;
border-radius: 3px;
}
.path-mod-pulse .emailvars,
#page-admin-setting-local_pulsepro_settings .emailvars,
.path-admin-mod-pulse .emailvars {
position: relative;
font-size: smaller;
}
#page-mod-pulse-addons-preset-presets table tbody tr td a {
display: inline-block;
}
#page-mod-pulse-addons-preset-presets table tbody tr td a i.icon {
margin-right: 0;
}
@media (max-width: 767px) {
.path-mod-pulse .fcontainer .emailvars,
#page-admin-setting-local_pulsepro_settings .emailvars,
.path-admin-mod-pulse .emailvars {
width: 100%;
}
}
.section .pulse.modtype_pulse .contentwithoutlink,
.section .pulse.modtype_pulse .activityinstance {
display: block;
padding-right: 15px;
}
#page-mod-pulse-approve #participants .approvebtn {
margin-left: 10px;
}
#page-mod-pulse-mod #fgroup_id_completionrequireapproval .form-check.fitem {
margin-right: 15px;
}
#page-mod-pulse-mod #fgroup_id_completionrequireapproval .pulse-completion-roles {
margin-left: 10px;
}
.pulse.modtype_pulse .pulse-completion-btn .badge {
display: table;
margin-top: 10px;
margin-left: 30px;
}
.section .pulse.modtype_pulse .pulse-completion-btn {
text-align: right;
margin: 15px 0;
}
.pulse.modtype_pulse .pulse-completion-btn .badge {
margin-bottom: 15px;
}
.preset-item-content .preset-icon,
.preset-item-content .preset-title,
.preset-item-content .description,
.preset-item-content .preset-config-params {
margin-bottom: 20px;
}
.pulse-presets-list .pulse-preset-item {
height: 100%;
text-align: center;
border: 1px solid #ccc;
box-shadow: 1px 2px 10px 1px #ccc;
padding: 20px;
background-color: #fff;
}
.pulse-presets-list .pulse-presets-wrapper .col-lg-4.col-md-6.col-xs-12 {
margin-bottom: 30px;
}
#page-mod-pulse-mod .manage-presets {
text-align: right;
margin-bottom: 15px;
}
#page-mod-pulse-mod .promotional-content {
display: flex;
align-items: center;
padding: 10px;
margin: 10px;
margin-left: 15px;
justify-content: space-between;
}
#page-mod-pulse-mod .pulse-preset-promotional {
background: #6c757d;
color: #fff;
font-weight: bold;
}
#page-mod-pulse-mod .learn-more .btn-default {
background-color: #fff;
}
#page-mod-pulse-mod .preset-config-params [data-fieldtype="submit"],
#page-mod-pulse-mod .preset-config-params #fitem_id_submitbutton {
display: none;
}
#page-mod-pulse-mod div#pulse-presets-data {
min-height: 200px;
}
#page-mod-pulse-mod .preset-item-content .preset-icon i {
font-size: 1.5rem;
}
#page-mod-pulse-mod .preset-item-content .preset-title h5 {
font-weight: 600;
}
#page-mod-pulse-mod .preset-item-content .badge.badge-secondary {
white-space: normal;
}
#page-mod-pulse-mod .popover.show {
z-index: 2000;
}
.pulse.modtype_pulse .pulse-box div.alert {
display: flex;
align-items: center;
}
.modtype_pulse .pulse-box-icon .icon {
font-size: 1.5rem;
}
/* Pulse 2.1 */
.mod-pulse-emailvars-toggle .emailvars-content .pulse-email-placeholders .placeholder-body .placeholders.less {
width: 400px;
height: 25px;
overflow: hidden;
}
.mod-pulse-emailvars-toggle .emailvars-content .pulse-email-placeholders li {
margin-bottom: 10px;
}
.mod-pulse-emailvars-toggle .emailvars-content .pulse-email-placeholders .placeholder-head .title,
.mod-pulse-emailvars-toggle .emailvars-content .pulse-email-placeholders .placeholder-head .help-text {
display: inline-block;
}
.mod-pulse-emailvars-toggle .emailvars-body {
background-color: #f1f1f1;
border-radius: 5px;
}
.mod-pulse-emailvars-toggle .emailvars-body .emailvars-head {
width: 100%;
text-decoration: none;
display: inline-block;
}
.mod-pulse-emailvars-toggle .emailvars-body .emailvars-head a {
font-weight: bold;
color: #000;
padding: 20px;
text-decoration: none;
box-shadow: none;
}
.mod-pulse-emailvars-toggle .emailvars-body .emailvars-head .email-vars-button {
display: flex;
align-items: center;
}
.mod-pulse-emailvars-toggle .emailvars-body .emailvars-head .email-vars-button i {
width: 100%;
text-align: right;
}
.mod-pulse-emailvars-toggle .emailvars-body .emailvars-content .card-body {
border: 0;
border-radius: 0;
background: none;
padding-top: 0;
}
.mod-pulse-emailvars-toggle .emailvars-body .emailvars-content .pulse-email-placeholders {
padding: 0;
margin-bottom: 0;
}
.mod-pulse-emailvars-toggle .emailvars-body .emailvars-content .placeholder-head .title h6 {
font-size: 14px;
font-weight: normal;
}
.mod-pulse-emailvars-toggle .emailvars-body .emailvars-content .placeholder-body .placeholders a {
font-size: 14px;
color: #000;
text-decoration: none;
border-radius: 5px;
background-color: #ffe99c;
padding: 1px 5px;
margin-right: 5px;
margin-bottom: 10px;
display: inline-block;
}
.mod-pulse-emailvars-toggle .emailvars-body .emailvars-content .placeholder-body .showmore {
margin-bottom: 5px;
}
.mod-pulse-emailvars-toggle .emailvars-body .emailvars-content .placeholder-body .showmore a {
text-decoration: none;
box-shadow: none;
}
.mod-pulse-emailvars-toggle .emailvars-body .emailvars-content .placeholders-document h6 {
margin-bottom: 0;
font-weight: normal;
}
@media (min-width: 767px) and (max-width: 991px) {
.mod-pulse-emailvars-toggle .emailvars-content .pulse-email-placeholders .placeholder-body .placeholders.less {
width: auto;
max-width: 400px;
}
}
@media (max-width: 500px) {
.mod-pulse-emailvars-toggle .emailvars-content .pulse-email-placeholders .placeholder-body .placeholders.less {
width: auto;
max-width: 400px;
}
}
/* Increase the height for the training data fields */
.mod-pulse-emailvars-toggle .emailvars-content .pulse-email-placeholders
.placeholder-body .placeholders.less#firstcontent-Training_field-morebutton {
height: 60px;
}
/*Email placeholder expand tab*/
.form-description .mod-pulse-emailvars-toggle .form-group > .col-md-3 {
display: none;
}
.form-description .mod-pulse-emailvars-toggle .form-group > .col-md-9 {
max-width: none;
flex: auto;
}
/** 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 .qnums ~ input[type=image] {
max-height: 1em;
}
#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-print .printdropdown input:first-child,
#page-mod-questionnaire-print .printdropdown label:first-of-type,
#page-mod-questionnaire-print .printdropdown br:first-of-type {
display: none;
}
#page-mod-questionnaire-print .print-text {
min-width: 100%;
box-sizing: border-box;
height: 30px;
}
#page-mod-questionnaire-complete .notice .buttons div,
#page-mod-questionnaire-complete .notice .buttons form {
display: inline;
}
@media print {
#page-mod-questionnaire-report #print-button {
display: none;
}
}
#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;
}
#page-mod-questionnaire-report .generaltable[id] th.qn-handcursor {
cursor: pointer;
}
#page-mod-questionnaire-report th.c0 a span[class^='icon-container-'],
#page-mod-questionnaire-report th.c1 a span.icon-container-asc,
#page-mod-questionnaire-report th.asc a span.icon-container-desc,
#page-mod-questionnaire-report th.desc a span.icon-container-asc {
display: none;
}
#page-mod-questionnaire-report th.asc a span.icon-container-asc,
#page-mod-questionnaire-report th.desc a span.icon-container-desc {
display: inline-block;
}
#page-mod-questionnaire-report .frtlst,
.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%;
}
/* Styles for the print blank page. */
#page-mod-questionnaire-print .slider {
position: relative;
width: 100%;
}
#page-mod-questionnaire-print.path-mod-questionnaire .question-slider.print-slider {
margin-top: 20px;
margin-bottom: 20px;
}
#page-mod-questionnaire-print.path-mod-questionnaire .print-slider .left-side-label,
#page-mod-questionnaire-print.path-mod-questionnaire .print-slider .right-side-label,
#page-mod-questionnaire-print.path-mod-questionnaire .print-slider .slider {
margin: 0;
}
#page-mod-questionnaire-print input[type="range"] {
appearance: none;
height: 10px;
border-radius: 5px;
background-color: #ddd;
}
#page-mod-questionnaire-print input[type="range"]::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 0;
height: 0;
}
#page-mod-questionnaire-print input[type="range"]::-moz-range-thumb {
-webkit-appearance: none;
appearance: none;
width: 0;
height: 0;
}
#page-mod-questionnaire-print input[type="range"]::-ms-thumb {
-webkit-appearance: none;
appearance: none;
width: 0;
height: 0;
}
#page-mod-questionnaire-print .path-mod-questionnaire .right-side-label,
#page-mod-questionnaire-print .path-mod-questionnaire .left-side-label {
margin: 0;
}
#page-mod-questionnaire-print .bubble {
display: none;
}
@media print {
#page-mod-questionnaire-print .slider {
position: relative;
width: 100%;
}
#page-mod-questionnaire-print input[type="range"] {
appearance: none;
width: 100%;
border: 1px solid #000000;
border-radius: 5px;
}
}
/** 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/iomadmoon/quiz/1777497332/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;
}
body.path-mod-quiz .generaltable tbody tr:not(.gradedattempt):nth-of-type(odd) > td.sticky-column {
background-color: #f7f7f7;
}
body.path-mod-quiz .generaltable tbody tr:not(.gradedattempt):nth-of-type(even) > td.sticky-column {
background-color: #fff;
}
body.path-mod-quiz .generaltable tbody tr:not(.gradedattempt):hover > td.sticky-column {
background-color: #ececec;
}
/** 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 38px;
}
#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: -38px;
bottom: -18px;
.icon {
width: auto;
}
}
#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: -1.25em;
right: -38px;
}
#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.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%;
}
.mod_securepdf_pageslinks {
font-size: 1.5rem;
}
.mod_securepdf_pageslinks a {
margin-left: 3px;
}
#page-mod-subcourse-view .subcourseinfo {
background-color: #f5f5f5;
padding: 1em;
min-height: 100px;
margin-bottom: 2px;
}
#page-mod-subcourse-view .subcourseinfo .infotext {
font-size: 125%;
margin-bottom: 10px;
}
#page-mod-subcourse-view .subcourseinfo .subcourse-progress-bar {
display: block;
background-color: white;
height: 1rem;
margin-bottom: 10px;
}
#page-mod-subcourse-view .subcourseinfo .subcourse-progress-bar > div {
background-color: green;
height: 100%;
}
#page-mod-subcourse-view .actionbuttons {
padding-top: 10px;
padding-bottom: 10px;
}
#page-mod-subcourse-view .actionbuttons .btn {
margin-right: 5px;
}
#page-mod-subcourse-index #subcourseslist {
margin: 0 auto;
}
.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;
}
/**
// 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 .
*/
/**
* mod/taskchain/styles.css
*
* @package mod
* @package taskchain
* @copyright 2010 Gordon Bateson (gordon.bateson@gmail.com)
* @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
* @since Moodle 2.0
*/
.mform.mod-taskchain-edit-records fieldset {
margin-top: 4px;
margin-bottom: 4px;
border-bottom: none;
}
/** override margins on non-Boost themes */
.mform.mod-taskchain-edit-records fieldset {
padding-top: 0px;
padding-bottom: 0px;
}
.mform.mod-taskchain-edit-records fieldset div {
margin: 0px;
}
.mform.mod-taskchain-edit-records .fitem {
margin-top: 0px;
margin-bottom: 0px;
}
/* remove vertical spacing on group elements */
.mform.mod-taskchain-edit-columnlists .form-group,
.mform.mod-taskchain-edit-records .form-group {
margin-top: 0px;
margin-bottom: 0px;
}
/**
* =============================================================
* https://www.w3schools.com/bootstrap/bootstrap_grid_system.asp
* =============================================================
* xs (for phones - screens less than 768px wide)
* sm (for tablets - screens equal to or greater than 768px wide)
* md (for small laptops - screens equal to or greater than 992px wide)
* lg (for laptops and desktops - screens equal to or greater than 1200px wide
*/
/* fancy title */
.mform.mod-taskchain-edit-records fieldset[id$=hdr] h3,
.mform.mod-taskchain-edit-records fieldset[id^=record] h3 {
font-size: x-large;
font-weight: bold;
}
/* hide top headings on small screens */
.mform.mod-taskchain-edit-records #labelshdr,
.mform.mod-taskchain-edit-records #defaultshdr,
.mform.mod-taskchain-edit-records #selectshdr {
display: none;
}
.mform.mod-taskchain-edit-records > fieldset:not(#filtershdr):not(#actionshdr) > .fcontainer > .fitem:first-child {
border-top: 1px solid #ccc;
}
.mform.mod-taskchain-edit-records > fieldset:not(#filtershdr):not(#actionshdr) > .fcontainer > .fitem {
border-bottom: 1px solid #ccc;
}
/* add grey stripes for heading rows */
.mform.mod-taskchain-edit-records #labelshdr > .fcontainer > .fitem:nth-child(odd),
.mform.mod-taskchain-edit-records #selectshdr > .fcontainer > .fitem:nth-child(odd) {
background-color: #dddddd;
}
.mform.mod-taskchain-edit-records #labelshdr > .fcontainer > .fitem:nth-child(even),
.mform.mod-taskchain-edit-records #selectshdr > .fcontainer > .fitem:nth-child(even) {
background-color: #eeeeee;
}
/* add dark grey stripes for default heading rows */
.mform.mod-taskchain-edit-records #defaultshdr > .fcontainer > .fitem:nth-child(odd) {
background-color: #d8d8d8;
}
.mform.mod-taskchain-edit-records #defaultshdr > .fcontainer > .fitem:nth-child(even) {
background-color: #e8e8e8;
}
/* add colored stripes for task/chain records */
.mform.mod-taskchain-edit-records fieldset[id^=record] > .fcontainer > .fitem:nth-child(odd) {
background-color: #eeeeaa;
}
.mform.mod-taskchain-edit-records fieldset[id^=record] > .fcontainer > .fitem:nth-child(even) {
background-color: #ffffee;
}
/* limit width of actions */
.mform.mod-taskchain-edit-records #actionshdrcontainer {
max-width: 640px;
}
#page-mod-taskchain-edit-columnlists .fitemtitle {
max-width: 40px;
}
.mform.mod-taskchain-edit-records #filtershdr > .fcontainer > .fitem > .fitemtitle {
font-weight: bold;
max-width: 160px;
}
.mform.mod-taskchain-edit-tasks input[type=text][name^=sortorder] {
/* .form-control sets height to calc(1.5em + 0.75rem + 2px) */
height: 2rem;
width: 2.8rem;
padding: 4px;
text-align: center;
}
/* remove labels for main actions */
.mform.mod-taskchain-edit-tasks #fitem_id_recordsaction_reordertasks .fitemtitle,
.mform.mod-taskchain-edit-tasks #fitem_id_recordsaction_addtasks .fitemtitle,
.mform.mod-taskchain-edit-tasks #fitem_id_recordsaction_movetasks .fitemtitle,
.mform.mod-taskchain-edit-tasks #fitem_id_recordsaction_applydefaults .fitemtitle,
.mform.mod-taskchain-edit-tasks #fitem_id_recordsaction_deletetasks .fitemtitle,
.mform.mod-taskchain-edit-chains #actionshdr > .fcontainer > .fitem:nth-child(1) .fitemtitle {
display: none;
}
/* indent secondary actions settings */
.mform.mod-taskchain-edit-tasks #fitem_id_addtasks_start .fitemtitle,
.mform.mod-taskchain-edit-tasks #fgroup_id_addtasksafter_elements .fitemtitle,
.mform.mod-taskchain-edit-tasks #fitem_id_movetasks_start .fitemtitle,
.mform.mod-taskchain-edit-tasks #fgroup_id_movetasksafter_elements .fitemtitle,
.mform.mod-taskchain-edit-tasks #fitem_id_applydefaults_selectedtasks .fitemtitle,
.mform.mod-taskchain-edit-tasks #fitem_id_applydefaults_filteredtasks .fitemtitle,
.mform.mod-taskchain-edit-chains #fitem_id_applydefaults_selectedchains .fitemtitle,
.mform.mod-taskchain-edit-chains #fitem_id_applydefaults_filteredchains .fitemtitle {
max-width: 40px;
}
/* indent tertiary actions settings */
.mform.mod-taskchain-edit-tasks #fitem_id_applydefaults_filtercoursename .fitemtitle,
.mform.mod-taskchain-edit-tasks #fgroup_id_applydefaults_filteractivityname_elements .fitemtitle,
.mform.mod-taskchain-edit-tasks #fgroup_id_applydefaults_filtertaskname_elements .fitemtitle,
.mform.mod-taskchain-edit-tasks #fitem_id_applydefaults_filtertaskposition .fitemtitle,
.mform.mod-taskchain-edit-tasks #fgroup_id_applydefaults_filtersourcefile_elements .fitemtitle,
.mform.mod-taskchain-edit-tasks #fgroup_id_applydefaults_filtersourcetype_elements .fitemtitle,
.mform.mod-taskchain-edit-chains #fitem_id_applydefaults_filtercoursename .fitemtitle,
.mform.mod-taskchain-edit-chains #fgroup_id_applydefaults_filteractivityname_elements .fitemtitle {
max-width: 120px;
padding-left: 64px;
font-size: 0.8em;
}
/* add borders and background to groups of actions details */
.mform.mod-taskchain-edit-tasks #fitem_id_reordertasks_sortfield,
.mform.mod-taskchain-edit-tasks #fitem_id_reordertasks_sortdirection,
.mform.mod-taskchain-edit-tasks #fitem_id_reordertasks_sortincrement,
.mform.mod-taskchain-edit-tasks #fitem_id_addtasks_start,
.mform.mod-taskchain-edit-tasks #fgroup_id_addtasksafter_elements,
.mform.mod-taskchain-edit-tasks #fitem_id_movetasks_start,
.mform.mod-taskchain-edit-tasks #fgroup_id_movetasksafter_elements,
.mform.mod-taskchain-edit-tasks #fitem_id_applydefaults_selectedtasks,
.mform.mod-taskchain-edit-tasks #fitem_id_applydefaults_filteredtasks,
.mform.mod-taskchain-edit-tasks #fitem_id_applydefaults_filtercoursename,
.mform.mod-taskchain-edit-tasks #fgroup_id_applydefaults_filteractivityname_elements,
.mform.mod-taskchain-edit-tasks #fgroup_id_applydefaults_filtertaskname_elements,
.mform.mod-taskchain-edit-tasks #fitem_id_applydefaults_filtertaskposition,
.mform.mod-taskchain-edit-tasks #fgroup_id_applydefaults_filtersourcefile_elements,
.mform.mod-taskchain-edit-tasks #fgroup_id_applydefaults_filtersourcetype_elements,
.mform.mod-taskchain-edit-chains #fitem_id_applydefaults_selectedchains,
.mform.mod-taskchain-edit-chains #fitem_id_applydefaults_filteredchains,
.mform.mod-taskchain-edit-chains #fitem_id_applydefaults_filtercoursename,
.mform.mod-taskchain-edit-chains #fgroup_id_applydefaults_filteractivityname_elements {
background-color: #eeeebb;
border-left: 1px solid #333333;
border-right: 1px solid #333333;
}
/* TOP action detail */
.mform.mod-taskchain-edit-tasks #fitem_id_reordertasks_sortfield,
.mform.mod-taskchain-edit-tasks #fitem_id_addtasks_start,
.mform.mod-taskchain-edit-tasks #fitem_id_movetasks_start,
.mform.mod-taskchain-edit-tasks #fitem_id_applydefaults_selectedtasks,
.mform.mod-taskchain-edit-chains #fitem_id_applydefaults_selectedchains {
border-top: 1px solid #333333;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
margin-bottom: 0;
padding-top: 4px;
}
/* MIDDLE action detail */
.mform.mod-taskchain-edit-tasks #fitem_id_reordertasks_sortdirection,
.mform.mod-taskchain-edit-tasks #fitem_id_reordertasks_sortdirection,
.mform.mod-taskchain-edit-tasks #fitem_id_reordertasks_sortincrement,
.mform.mod-taskchain-edit-tasks #fitem_id_applydefaults_filteredtasks,
.mform.mod-taskchain-edit-tasks #fitem_id_applydefaults_filtercoursename,
.mform.mod-taskchain-edit-tasks #fgroup_id_applydefaults_filteractivityname_elements,
.mform.mod-taskchain-edit-tasks #fgroup_id_applydefaults_filtertaskname_elements,
.mform.mod-taskchain-edit-tasks #fitem_id_applydefaults_filtertaskposition,
.mform.mod-taskchain-edit-tasks #fgroup_id_applydefaults_filtersourcefile_elements,
.mform.mod-taskchain-edit-chains #fitem_id_applydefaults_filteredchains,
.mform.mod-taskchain-edit-chains #fitem_id_applydefaults_filtercoursename {
margin-bottom: 0;
margin-top: 0;
}
/* BOTTOM action detail */
.mform.mod-taskchain-edit-tasks #fitem_id_reordertasks_sortincrement,
.mform.mod-taskchain-edit-tasks #fgroup_id_addtasksafter_elements,
.mform.mod-taskchain-edit-tasks #fgroup_id_movetasksafter_elements,
.mform.mod-taskchain-edit-tasks #fgroup_id_applydefaults_filtersourcetype_elements,
.mform.mod-taskchain-edit-chains #fgroup_id_applydefaults_filteractivityname_elements {
border-bottom: 1px solid #333333;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
margin-top: 0;
padding-bottom: 4px;
}
/* standardize margins and padding on action items */
.mform.mod-taskchain-edit-records #actionshdr > .fcontainer > .fitem {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.mform.mod-taskchain-edit-records #actionshdr > .fcontainer > .fitem > .fitemtitle {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.mform.mod-taskchain-edit-records #actionshdr > .fcontainer > .fitem > .fitemtitle label {
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.mform.mod-taskchain-edit-records .conditions ul {
}
/* smartphones */
@media screen and (max-width: 767px) {
/* make col-md-3 behave as col-4 */
.mform.mod-taskchain-edit-records .fitem .col-md-3 {
flex: 0 0 34%;
max-width: 34%;
padding-left: 6px;
padding-right: 6px;
}
/* make col-md-9 behave as col-8 */
.mform.mod-taskchain-edit-records .fitem .col-md-9 {
flex: 0 0 66%;
max-width: 66%;
padding-left: 6px;
padding-right: 6px;
}
/* fix vertical padding on labels */
.mform.mod-taskchain-edit-records .col-md-3.fitemtitle {
padding-top: 2px;
}
.mform.mod-taskchain-edit-records .col-md-3.pb-0 {
padding-bottom: 2px;
}
.mform.mod-taskchain-edit-records .col-md-9.align-items-start {
align-items: center !important;
}
}
/* sm (tablets) */
@media screen and (min-width: 768px) {
}
/* md (small laptops) */
@media screen and (min-width: 992px) {
.mform.mod-taskchain-edit-records fieldset {
margin-top: 0px;
margin-bottom: 0px;
}
/* make the top headings visible */
.mform.mod-taskchain-edit-records #labelshdr,
.mform.mod-taskchain-edit-records #defaultshdr,
.mform.mod-taskchain-edit-records #selectshdr {
display: block;
}
/* hide the section titles in non-Boost themes */
.mform.mod-taskchain-edit-records > fieldset:not(#actionshdr) > legend {
display: none !important;
}
/* hide the section titles in non-Boost themes */
.mform.mod-taskchain-edit-records > fieldset#actionshdr > legend {
margin-bottom: 0px;
}
/* hide the section titles (these are in a DIV directly under FIELDSET) */
.mform.mod-taskchain-edit-records > fieldset:not(#actionshdr) > div:not(.fcontainer) {
display: none !important;
}
/* add flex display to .fcontainer elements */
.mform.mod-taskchain-edit-records fieldset:not(#filtershdr):not(#actionshdr) .fcontainer {
display: flex !important;
}
/* align headings to the bottom of their container */
.mform.mod-taskchain-edit-records #labelshdr > .fcontainer {
align-items: flex-end;
}
/* set the display, and remove margins on a "row" */
.mform.mod-taskchain-edit-records fieldset:not(#filtershdr):not(#actionshdr) .row {
display: block !important;
margin-right: 0px;
margin-left: 0px;
}
/* remove flex display of form item (.fitem) */
.mform.mod-taskchain-edit-records fieldset:not(#filtershdr):not(#actionshdr) .fitem {
display: block !important;
}
/* remove flex display of form item label */
.mform.mod-taskchain-edit-records fieldset:not(#filtershdr):not(#actionshdr) .fitemtitle {
display: none !important;
}
/* remove flex display of form item field (.felement) */
.mform.mod-taskchain-edit-records fieldset:not(#filtershdr):not(#actionshdr) .form-inline {
display: block !important;
}
/* override default col-md-9 width (75%) */
.mform.mod-taskchain-edit-records .col-md-9 {
max-width: initial;
padding-left: 6px;
padding-right: 6px;
}
/** reduce column with on page to edit tasks or chains */
.mform.mod-taskchain-edit-records > fieldset:not(#filtershdr):not(#actionshdr) > .fcontainer > .fitem {
width: 180px;
}
/* sortorder (on "Edit tasks" page) (e.g. fitem_id_header_sortorder, fitem_id_selectfield_sortorder, fitem_id_sortorder_1) */
.mform.mod-taskchain-edit-records .fitem[id^=fitem_id][id*=sortorder] {
width: 90px !important;
text-align: center;
}
/* edit */
.mform.mod-taskchain-edit-records .fitem[id^=fitem_id][id*=edit] {
width: 100px !important;
text-align: center;
}
/* defaultrecord */
.mform.mod-taskchain-edit-records .fitem[id^=fitem_id][id*=defaultrecord] {
width: 80px !important;
text-align: center;
}
/* center the radio buttons for choosing default record */
.mform.mod-taskchain-edit-records .fitem[id^=fitem_id][id*=defaultrecord] .checkbox > .d-flex {
justify-content: center !important;
}
/* selectrecord column has several possible id patterns:
fitem_id_header_selectrecord
fitem_id_defaultfield_selectrecord
fgroup_id_selectrecord_elements
fitem_id_selectrecord_1 */
.mform.mod-taskchain-edit-records .fitem[id^=f][id*=_id_][id*=selectrecord] {
width: 80px !important;
text-align: center!important;
}
/* make sure the checkboxes are centered in the select row*/
.mform.mod-taskchain-edit-records #selectshdr .fcontainer fieldset > .d-flex {
justify-content: center;
}
/* make sure the checkboxes are centered in the select column*/
.mform.mod-taskchain-edit-records .fitem[id^=fitem_id_selectrecord] .checkbox > .d-flex {
padding-left: 30px;
}
/* pre/post conditions */
.mform.mod-taskchain-edit-records > fieldset:not(#filtershdr):not(#actionshdr) > .fcontainer > .fitem[id^='fgroup_id_selectfield'][id$='conditions_elements'],
.mform.mod-taskchain-edit-records > fieldset:not(#filtershdr):not(#actionshdr) > .fcontainer > .fitem[id='fitem_id_header_preconditions'],
.mform.mod-taskchain-edit-records > fieldset:not(#filtershdr):not(#actionshdr) > .fcontainer > .fitem[id='fitem_id_header_postconditions'],
.mform.mod-taskchain-edit-records > fieldset:not(#filtershdr):not(#actionshdr) > .fcontainer > .fitem[id^='fgroup_id_preconditions'],
.mform.mod-taskchain-edit-records > fieldset:not(#filtershdr):not(#actionshdr) > .fcontainer > .fitem[id^='fgroup_id_postconditions'] {
width: 240px;
}
/** set left/right margins on non-Boost themes */
.mform.mod-taskchain-edit-records .fitem .felement:not(.col-md-9) {
margin-left: 6px;
margin-right: 6px;
}
.mform.mod-taskchain-edit-tasks #fitem_id_applydefaults_filtercoursename .felement:not(.col-md-9),
.mform.mod-taskchain-edit-tasks #fitem_id_applydefaults_filtertaskposition .felement:not(.col-md-9) {
padding-left: 200px;
}
}
/* lg (laptops and desktops) */
@media screen and (min-width: 1200px) {
}
/**
* TaskChain grade styles
* (see mod/taskchain/courselinks.js.php)
*/
/*
.path-course-view .activity a.taskchaingrade {
border-bottom: 2px #666666 dashed;
max-width: 640px;
width: 100%;
}
*/
.path-course-view .activity div.taskchainhighgrade,
.path-course-view .activity div.taskchainmediumgrade,
.path-course-view .activity div.taskchainlowgrade,
.path-course-view .activity div.taskchainnograde {
float: right;
display: inline;
min-width: 2.6em;
text-align: right;
margin: 0px auto auto 6px;
padding: 1px 6px 1px 6px; /* 2px 6px 2px 4px */
/* for Firefox */
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
/* when Opera Presto 2.3 or later is released */
-o-border-top-left-radius: 4px;
-o-border-top-right-radius: 4px;
/* for Safari and Chrome */
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
/* future proofing for when border-radius is supported in CSS3 */
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.path-course-view .activity .taskchainhighgrade {
background-color: #ccff99; /* gentle green */
color: #000;
}
.path-course-view .activity .taskchainhighgrade:hover {
background-color: #96ff2D; /* darker green */
color: #222;
}
.path-course-view .activity .taskchainmediumgrade {
background-color: #ffcc66; /* gentle orange */
color: #000;
}
.path-course-view .activity .taskchainmediumgrade:hover {
background-color: #ffad02; /* darker orange */
color: #222;
}
.path-course-view .activity .taskchainlowgrade {
background-color: #ff7373; /* gentle red */
color: #000;
}
.path-course-view .activity .taskchainlowgrade:hover {
background-color: #ff4040; /* darker red */
color: #222;
}
.path-course-view .activity .taskchainnograde {
background-color: #ddd; /* grey */
color: #000;
}
.path-course-view .activity .taskchainnograde:hover {
background-color: #ccc; /* darker grey */
color: #000;
}
#trainingeventattendancetable {
overflow-x: scroll;
padding-top: 10px;
padding-bottom: 10px;
}
input[name=usergrade] {
width: 3em;
}
table.trainingeventdetails {
margin-top: 10px;
margin-bottom: 10px;
}
.iomadcoursesearchform,
.iomaddatesearchform,
.iomadusersearchform {
margin-right: 10px;
float: left;
}
.iomadcoursesearchform .icons-collapse-expand.collapsed .expanded-icon,
.iomadcoursesearchform .icons-collapse-expand.collapsed .collapsed-icon,
.iomaddatesearchform .icons-collapse-expand.collapsed .expanded-icon,
.iomaddatesearchform .icons-collapse-expand.collapsed .collapsed-icon,
.iomadusersearchform .icons-collapse-expand.collapsed .expanded-icon,
.iomadusersearchform .icons-collapse-expand.collapsed .collapsed-icon {
font-size: small;
}
.iomadcoursesearchform h3,
.iomaddatesearchform h3,
.iomadusersearchform h3 {
font-size: medium;
}
.iomadcoursesearchform .mform .form-inline .form-control,
.iomadcoursesearchform .mform .form-inline .custom-select,
.iomaddatesearchform .mform .form-inline .form-control,
.iomaddatesearchform .mform .form-inline .custom-select,
.iomadusersearchform .mform .form-inline .form-control,
.iomadusersearchform .mform .form-inline .custom-select {
max-width:75%;
}
.path-mod-treasurehunt html,
body {
height: 100%;
}
.path-mod-treasurehunt .treasurehunt-editor {
width: 100%;
position: relative;
}
.path-mod-treasurehunt #edition label {
display: inline-block;
margin: 0 auto;
}
/*Si no se me pone un background-image posterior*/
.path-mod-treasurehunt .treasurehunt-editor button {
background-image: none;
}
.path-mod-treasurehunt #addstage,
.path-mod-treasurehunt #addroad {
margin: 0 auto;
margin-left: 1%;
margin-right: 1%;
}
.path-mod-treasurehunt #savestage,
.path-mod-treasurehunt #removefeature {
margin: 0 auto;
margin-left: 1%;
}
.path-mod-treasurehunt #controlpanel {
margin: 0 auto;
}
.path-mod-treasurehunt #mapedit {
position: relative;
overflow: hidden;
}
/*Selectable y sortable*/
.path-mod-treasurehunt #stagelistpanel {
float: left;
width: 250px;
max-width: 30%;
min-width: 100px;
position: relative;
}
.path-mod-treasurehunt #roadlistpanel {
width: 100%;
position: static;
overflow-x: auto;
overflow-y: hidden;
top: 0;
left: 0;
display: block;
cursor: default;
clear: both;
}
.path-mod-treasurehunt #stagelist {
width: 100%;
height: 100%;
position: relative;
margin: 0 auto;
overflow-x: hidden;
overflow-y: auto;
padding-left: 0px;
}
.path-mod-treasurehunt #roadlist {
position: relative;
white-space: nowrap;
top: 0;
left: 0;
bottom: 0;
margin: 0 auto;
display: table;
}
.path-mod-treasurehunt #stagelist li,
.path-mod-treasurehunt #roadlist li {
border: 2px solid gray;
list-style: none;
cursor: default;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
}
.path-mod-treasurehunt #stagelist li {
width: 100%;
display: table;
table-layout: fixed;
}
.path-mod-treasurehunt #roadlist li {
display: table-cell;
}
.path-mod-treasurehunt #stagelist li:hover,
.path-mod-treasurehunt #roadlist li:hover {
background: #eee;
}
.path-mod-treasurehunt .handle,
.path-mod-treasurehunt .nohandle {
background: #f8f8f8;
position: relative;
width: 30px;
display: table-cell;
vertical-align: middle;
}
.path-mod-treasurehunt .handle {
cursor: n-resize;
}
.path-mod-treasurehunt .modifystage,
.path-mod-treasurehunt .modifyroad {
position: relative;
display: table-cell;
vertical-align: middle;
text-align: center;
width: 20px;
}
.path-mod-treasurehunt .stagename,
.path-mod-treasurehunt .roadname {
padding-left: 5px;
padding-right: 5px;
position: relative;
display: table-cell;
text-align: center;
vertical-align: middle;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.path-mod-treasurehunt .ui-selected {
background: rgba(22, 145, 190, 0.2);
}
.path-mod-treasurehunt .ui-selected:hover {
background: rgba(22, 145, 190, 0.2) !important;
}
.path-mod-treasurehunt .sortable-number {
font-weight: bold;
}
.path-mod-treasurehunt .validstage {
box-shadow: 0 0 12px #28921f;
z-index: 10;
}
.path-mod-treasurehunt .invalidstage {
box-shadow: 0 0 12px #b03535;
z-index: 10;
}
.path-mod-treasurehunt .invisible {
display: none;
}
.path-mod-treasurehunt .highlightbutton {
box-shadow: 0 0 13px #2f33ba;
z-index: 10;
}
.path-mod-treasurehunt .selectedbutton {
border: 3px solid darkgray;
z-index: 10;
}
.path-mod-treasurehunt .ui-icon-trash,
.path-mod-treasurehunt .ui-icon-pencil,
.path-mod-treasurehunt .ui-icon-alert,
.path-mod-treasurehunt .ui-icon-info {
cursor: pointer;
}
.path-mod-treasurehunt .ui-autocomplete-loading {
background: white
url(pix/ui-anim_basic_16x16.gif)
right center no-repeat;
}
.path-mod-treasurehunt .ui-autocomplete {
overflow-y: auto;
overflow-x: hidden;
}
/** Usado para meter el icono dentro del input**/
.path-mod-treasurehunt #searchcontainer {
display: inline-block;
position: relative;
padding: 0;
margin-left: 1%;
}
.path-mod-treasurehunt .searchicon {
position: absolute;
bottom: 8px;
left: 9px;
width: 15px;
}
.path-mod-treasurehunt .closeicon {
position: absolute;
bottom: 7px;
right: 25px;
width: 15px;
cursor: pointer;
}
.path-mod-treasurehunt .searchaddress {
border: 1px solid #999 !important;
padding: 3px 43px 3px 30px !important;
margin: 0 !important;
}
/* Usado para el resizable**/
.path-mod-treasurehunt .egrip-container {
position: absolute;
top: 70px;
right: -35px;
cursor: pointer;
z-index: 90;
}
/* Usado para la tabla**/
#page-mod-treasurehunt-view .successfulattempt,
.path-mod-treasurehunt .successwithoutfailures {
background-color: #5cd053 !important;
color: black !important;
}
#page-mod-treasurehunt-view .failedattempt,
.path-mod-treasurehunt .failure {
background-color: #d45252 !important;
color: black !important;
}
.path-mod-treasurehunt .successwithfailures {
background-color: #ebf044 !important;
color: black !important;
}
.path-mod-treasurehunt .noattempt {
background-color: #c0c0c0 !important;
color: black !important;
}
.path-mod-treasurehunt .singlebutton,
.path-mod-treasurehunt .treasurehuntinfo {
text-align: center;
}
.path-mod-treasurehunt .treasurehunt-editor-loader {
position: absolute;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
z-index: 100;
}
.path-mod-treasurehunt .loader-circle-outside {
background-color: rgba(19, 19, 19, 1);
border: 5px solid rgba(255, 255, 255, 1);
opacity: 0.9;
border-right: 5px solid rgba(19, 19, 19, 1);
border-left: 5px solid rgba(19, 19, 19, 1);
border-radius: 50px;
box-shadow: 0 0 35px #131313;
width: 50px;
height: 50px;
margin: 0 auto;
animation: spinPulse 1s infinite ease-in-out;
-moz-animation: spinPulse 1s infinite ease-in-out;
-webkit-animation: spinPulse 1s infinite ease-in-out;
-o-animation: spinPulse 1s infinite ease-in-out;
-ms-animation: spinPulse 1s infinite ease-in-out;
}
.path-mod-treasurehunt .loader-circle-inside {
background-color: rgba(19, 19, 19, 0);
border: 5px solid rgba(255, 255, 255, 1);
opacity: 0.9;
border-left: 5px solid rgba(19, 19, 19, 1);
border-right: 5px solid rgba(19, 19, 19, 1);
border-radius: 50px;
box-shadow: 0 0 15px #131313;
width: 30px;
height: 30px;
margin: 0 auto;
position: relative;
top: -50px;
animation: spinoffPulse 1s infinite linear;
-moz-animation: spinoffPulse 1s infinite linear;
-webkit-animation: spinoffPulse 1s infinite linear;
-o-animation: spinoffPulse 1s infinite linear;
-ms-animation: spinoffPulse 1s infinite linear;
}
@keyframes spinPulse {
0% {
transform: rotate(160deg);
opacity: 0;
box-shadow: 0 0 1px #131313;
}
50% {
transform: rotate(145deg);
opacity: 1;
}
100% {
transform: rotate(-320deg);
opacity: 0;
}
}
@keyframes spinoffPulse {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@-moz-keyframes spinPulse {
0% {
-moz-transform: rotate(160deg);
opacity: 0;
box-shadow: 0 0 1px #131313;
}
50% {
-moz-transform: rotate(145deg);
opacity: 1;
}
100% {
-moz-transform: rotate(-320deg);
opacity: 0;
}
}
@-moz-keyframes spinoffPulse {
0% {
-moz-transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
}
}
@-webkit-keyframes spinPulse {
0% {
-webkit-transform: rotate(160deg);
opacity: 0;
box-shadow: 0 0 1px #131313;
}
50% {
-webkit-transform: rotate(145deg);
opacity: 1;
}
100% {
-webkit-transform: rotate(-320deg);
opacity: 0;
}
}
@-webkit-keyframes spinoffPulse {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@-o-keyframes spinPulse {
0% {
-o-transform: rotate(160deg);
opacity: 0;
box-shadow: 0 0 1px #131313;
}
50% {
-o-transform: rotate(145deg);
opacity: 1;
}
100% {
-o-transform: rotate(-320deg);
opacity: 0;
}
}
@-o-keyframes spinoffPulse {
0% {
-o-transform: rotate(0deg);
}
100% {
-o-transform: rotate(360deg);
}
}
@-ms-keyframes spinPulse {
0% {
-ms-transform: rotate(160deg);
opacity: 0;
box-shadow: 0 0 1px #131313;
}
50% {
-ms-transform: rotate(145deg);
opacity: 1;
}
100% {
-ms-transform: rotate(-320deg);
opacity: 0;
}
}
@-ms-keyframes spinoffPulse {
0% {
-ms-transform: rotate(0deg);
}
100% {
-ms-transform: rotate(360deg);
}
}
@media screen and (max-height: 480px) {
.path-mod-treasurehunt #mapedit {
height: 160px;
}
.path-mod-treasurehunt #stagelistpanel {
height: 160px;
}
.path-mod-treasurehunt .treasurehunt-editor-loader {
margin-top: 75px;
}
.path-mod-treasurehunt .ui-autocomplete {
max-height: 192px;
}
}
@media screen and (min-height: 481px) {
.path-mod-treasurehunt #mapedit {
height: 325px;
}
.path-mod-treasurehunt #stagelistpanel {
height: 325px;
}
.path-mod-treasurehunt .treasurehunt-editor-loader {
margin-top: 157px;
}
.path-mod-treasurehunt .ui-autocomplete {
max-height: 357px;
}
}
@media screen and (min-height: 620px) {
.path-mod-treasurehunt #mapedit {
height: 450px;
}
.path-mod-treasurehunt #stagelistpanel {
height: 450px;
}
.path-mod-treasurehunt .treasurehunt-editor-loader {
margin-top: 220px;
}
.path-mod-treasurehunt .ui-autocomplete {
max-height: 482px;
}
}
@media screen and (min-height: 750px) {
.path-mod-treasurehunt #mapedit {
height: 560px;
}
.path-mod-treasurehunt #stagelistpanel {
height: 560px;
}
.path-mod-treasurehunt .treasurehunt-editor-loader {
margin-top: 275px;
}
.path-mod-treasurehunt .ui-autocomplete {
max-height: 592px;
}
}
/* MAP PAGE*/
#page-mod-treasurehunt-play,
#page-mod-treasurehunt-play #content {
overflow: hidden;
padding: 0;
}
#page-mod-treasurehunt-play #container {
overflow: hidden;
}
#page-mod-treasurehunt-play .ui-page,
#page-mod-treasurehunt-play #content,
#page-mod-treasurehunt-play #mapplay {
height: 100%;
width: 100%;
}
#page-mod-treasurehunt-play #validatelocation {
padding-top: 0.6em;
padding-bottom: 0.6em;
display: none;
}
#page-mod-treasurehunt-play .successfulattempt::after {
background-color: #5cd053 !important;
}
#page-mod-treasurehunt-play .failedattempt::after {
background-color: #d45252 !important;
}
#page-mod-treasurehunt-play h1,
#page-mod-treasurehunt-play h2,
#page-mod-treasurehunt-play h3,
#page-mod-treasurehunt-play h4,
#page-mod-treasurehunt-play h5,
#page-mod-treasurehunt-play h6 {
line-height: inherit;
color: white;
}
#page-mod-treasurehunt-play .ui-listview > .ui-li-static,
#page-mod-treasurehunt-play .ui-listview > .ui-li-divider,
#page-mod-treasurehunt-play .ui-listview > li > a.ui-btn,
#page-mod-treasurehunt-play .ui-btn,
#page-mod-treasurehunt-play [data-role="popup"] .ui-title {
white-space: normal !important;
}
#page-mod-treasurehunt-play #navigation {
position: absolute;
top: -80px;
right: 10px;
z-index: 1000;
background-color: rgba(255, 255, 255, 0.4);
border-radius: 4px;
padding: 1px;
}
#page-mod-treasurehunt-play #navigation button {
display: block;
height: 1.375em;
width: 1.375em;
font-size: 1.14em;
background-image: none;
margin: 1px;
padding: 0;
}
#page-mod-treasurehunt-play .ui-panel {
height: 100%;
overflow: hidden;
}
#page-mod-treasurehunt-play .ui-panel-inner {
padding: 0;
height: 100%;
display: flex;
flex-direction: column;
}
#page-mod-treasurehunt-play .ui-panel-inner .ui-content {
flex: 1;
overflow: auto;
}
#page-mod-treasurehunt-play .ui-popup {
max-width: 800px;
min-width: 250px;
}
#page-mod-treasurehunt-play .ui-popup-container [data-role="content"] {
overflow-y: auto;
overflow-x: hidden;
}
#page-mod-treasurehunt-play [data-role="popup"] .ui-title {
margin: 0 40px;
}
#page-mod-treasurehunt-play .center-wrapper,
.ui-footer {
text-align: center;
}
#page-mod-treasurehunt-play .checked {
opacity: 1;
}
#page-mod-treasurehunt-play .unchecked {
opacity: 0.3;
color: darkblue;
}
#page-mod-treasurehunt-play .custom-count-pos {
font-size: 11px;
font-weight: bold;
padding: 0.2em 0.5em;
float: right;
}
#page-mod-treasurehunt-play .toast {
display: block;
opacity: 0.9;
position: fixed;
padding: 7px;
text-align: center;
width: 270px;
background-color: black;
}
.path-mod-url .resourcecontent {
text-align: center;
}
.course-content li.section li.activity.videotime ul.nav.nav-tabs {
list-style: none;
}
.videotime-small-view {
display: none;
}
div.videotimetab-resize {
min-width: 16.6667%;
max-width: 83.3333%;
}
@media (max-width: 768px) {
.videotime-small-view {
display: block;
}
.videotimetab-resize-handle,
.vimeo-video-description,
.videotime-large-view {
display: none;
}
div.videotimetab-resize {
width: 100%;
}
}
.videotimetab-resize-handle {
width: 5px;
cursor: w-resize;
}
.videotimetab-resize-handle:hover {
background: grey;
}
.videotime-tab-instance-cover {
position: absolute;
display: none;
}
.videotime-highlight {
font-weight: bold;
}
.videotime-size-3,
.videotime-size-6,
.videotime-size-9 {
position: relative;
}
.videotime-size-3 {
width: 25%;
}
.videotime-size-6 {
width: 50%;
}
.videotime-size-9 {
width: 75%;
}
.videotime-tab-instance {
width: 100%;
}
.modtype_videotime.label_mode,
.modtype_videotime.label_mode .mod-indent-outer,
.modtype_videotime.label_mode .contentwithoutlink {
display: block !important; /* stylelint-disable-line declaration-no-important */
}
/** Compatible with non-Bootstrap 4 themes **/
.path-mod-videotime .btn-dark {
color: white !important; /* stylelint-disable-line declaration-no-important */
background-color: #373a3c;
border-color: #373a3c;
}
.path-mod-videotime .modal-xl {
max-width: 95% !important; /* stylelint-disable-line declaration-no-important */
}
.path-mod-videotime .badge-dark {
background-color: #373a3c !important; /* stylelint-disable-line declaration-no-important */
}
.path-mod-videotime .img-hover img {
-webkit-transition: all .3s ease; /* Safari and Chrome */
-moz-transition: all .3s ease; /* Firefox */
-o-transition: all .3s ease; /* IE 9 */
-ms-transition: all .3s ease; /* Opera */
transition: all .3s ease;
position: relative;
}
.path-mod-videotime .img-hover img:hover {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0) scale(5) translate(22px, 0); /* Safari and Chrome */
-moz-transform: translateZ(0) scale(5) translate(22px, 0); /* Firefox */
-ms-transform: translateZ(0) scale(5) translate(22px, 0); /* IE 9 */
-o-transform: translateZ(0) scale(5) translate(22px, 0); /* Opera */
transform: translateZ(0) scale(5) translate(22px, 0);
z-index: 999;
}
.path-mod-videotime .video-search {
max-width: 380px;
}
.path-mod-videotime .cursor-pointer {
cursor: pointer;
}
.activity.videotime .video-image-preview {
position: relative;
display: inline-block;
}
.activity.videotime .video-image-preview .video-duration {
position: absolute;
right: 10px;
bottom: 15px;
}
.activity.videotime .video-image-preview .video-progress {
border: none;
box-shadow: none;
border-radius: 0;
height: 10px;
}
.activity.videotime.preview_mode .actions {
display: none;
}
body.editing .activity.videotime.preview_mode .actions {
display: block;
}
.path-course-view li.activity.videotime.preview_mode {
clear: none;
display: inline-block;
margin-left: -5px;
margin-right: -5px;
}
.path-course-view li.activity.videotime.preview_mode.previewfull {
float: none;
}
body.editing.path-course-view li.activity.videotime.preview_mode {
width: 100%;
}
/** IE backwards compatibility **/
body.ie .video-image-preview .img-responsive {
width: 100%;
max-height: 500px;
}
/* Totara styling */
[data-action=jump-page] {
display: inline;
}
/* Select2 styles */
.select2-container {
box-sizing: border-box;
display: inline-block;
margin: 0;
position: relative;
vertical-align: middle;
}
.select2-container .select2-selection--single {
box-sizing: border-box;
cursor: pointer;
display: block;
height: 28px;
user-select: none;
-webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
display: block;
padding-left: 8px;
padding-right: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
position: relative;
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
padding-right: 8px;
padding-left: 20px;
}
.select2-container .select2-selection--multiple {
box-sizing: border-box;
cursor: pointer;
display: block;
min-height: 32px;
user-select: none;
-webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
display: inline-block;
overflow: hidden;
padding-left: 8px;
text-overflow: ellipsis;
white-space: nowrap;
}
.select2-container .select2-search--inline {
float: left;
}
.select2-container .select2-search--inline .select2-search__field {
box-sizing: border-box;
border: none;
font-size: 100%;
margin-top: 5px;
padding: 0;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none;
}
.select2-dropdown {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
box-sizing: border-box;
display: block;
position: absolute;
left: -100000px;
width: 100%;
z-index: 1051;
}
.select2-results {
display: block;
}
.select2-results__options {
list-style: none;
margin: 0;
padding: 0;
}
.select2-results__option {
padding: 6px;
user-select: none;
-webkit-user-select: none;
}
.select2-results__option[aria-selected] {
cursor: pointer;
}
.select2-container--open .select2-dropdown {
left: 0;
}
.select2-container--open .select2-dropdown--above {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--open .select2-dropdown--below {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-search--dropdown {
display: block;
padding: 4px;
}
.select2-search--dropdown .select2-search__field {
padding: 4px;
width: 100%;
box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
display: none;
}
.select2-close-mask {
border: 0;
margin: 0;
padding: 0;
display: block;
position: fixed;
left: 0;
top: 0;
min-height: 100%;
min-width: 100%;
height: auto;
width: auto;
opacity: 0;
z-index: 99;
background-color: #fff;
}
.select2-hidden-accessible {
border: 0 !important; /* stylelint-disable-line declaration-no-important */
clip: rect(0 0 0 0) !important; /* stylelint-disable-line declaration-no-important */
-webkit-clip-path: inset(50%) !important; /* stylelint-disable-line declaration-no-important */
clip-path: inset(50%) !important; /* stylelint-disable-line declaration-no-important */
height: 1px !important; /* stylelint-disable-line declaration-no-important */
overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
padding: 0 !important; /* stylelint-disable-line declaration-no-important */
position: absolute !important; /* stylelint-disable-line declaration-no-important */
width: 1px !important; /* stylelint-disable-line declaration-no-important */
white-space: nowrap !important; /* stylelint-disable-line declaration-no-important */
}
.select2-container--default .select2-selection--single {
background-color: #fff;
border: 1px solid #aaa;
border-radius: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 28px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
float: left;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
left: 1px;
right: auto;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
background-color: #eee;
cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px;
}
.select2-container--default .select2-selection--multiple {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0 5px;
width: 100%;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
list-style: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
margin-top: 5px;
margin-right: 10px;
padding: 1px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
cursor: default;
float: left;
margin-right: 5px;
margin-top: 5px;
padding: 0 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
color: #999;
cursor: pointer;
display: inline-block;
font-weight: bold;
margin-right: 2px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #333;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
float: right;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
margin-left: 5px;
margin-right: auto;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
margin-left: 2px;
margin-right: auto;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
border: solid black 1px;
outline: 0;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
background-color: #eee;
cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
display: none;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa;
}
.select2-container--default .select2-search--inline .select2-search__field {
background: transparent;
border: none;
outline: 0;
box-shadow: none;
-webkit-appearance: textfield;
}
.select2-container--default .select2-results > .select2-results__options {
max-height: 200px;
overflow-y: auto;
}
.select2-container--default .select2-results__option[role=group] {
padding: 0;
}
.select2-container--default .select2-results__option[aria-disabled=true] {
color: #999;
}
.select2-container--default .select2-results__option[aria-selected=true] {
background-color: #ddd;
}
.select2-container--default .select2-results__option .select2-results__option {
padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
margin-left: -1em;
padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option
.select2-results__option {
margin-left: -2em;
padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option
.select2-results__option .select2-results__option {
margin-left: -3em;
padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option
.select2-results__option .select2-results__option .select2-results__option {
margin-left: -4em;
padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option
.select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -5em;
padding-left: 6em;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #5897fb;
color: white;
}
.select2-container--default .select2-results__group {
cursor: default;
display: block;
padding: 6px;
}
.select2-container--classic .select2-selection--single {
background-color: #f7f7f7;
border: 1px solid #aaa;
border-radius: 4px;
outline: 0;
background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
background-repeat: repeat-x;
}
.select2-container--classic .select2-selection--single:focus {
border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 28px;
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
margin-right: 10px;
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
color: #999;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
background-color: #ddd;
border: none;
border-left: 1px solid #aaa;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px;
background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
background-repeat: repeat-x;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0;
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
float: left;
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
border: none;
border-right: 1px solid #aaa;
border-radius: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
left: 1px;
right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--single {
border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
background: transparent;
border: none;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
background-repeat: repeat-x;
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
background-repeat: repeat-x;
}
.select2-container--classic .select2-selection--multiple {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text;
outline: 0;
}
.select2-container--classic .select2-selection--multiple:focus {
border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
list-style: none;
margin: 0;
padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
display: none;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
cursor: default;
float: left;
margin-right: 5px;
margin-top: 5px;
padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
color: #888;
cursor: pointer;
display: inline-block;
font-weight: bold;
margin-right: 2px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #555;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
float: right;
margin-left: 5px;
margin-right: auto;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
margin-left: 2px;
margin-right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa;
outline: 0;
}
.select2-container--classic .select2-search--inline .select2-search__field {
outline: 0;
box-shadow: none;
}
.select2-container--classic .select2-dropdown {
background-color: #fff;
border: 1px solid transparent;
}
.select2-container--classic .select2-dropdown--above {
border-bottom: none;
}
.select2-container--classic .select2-dropdown--below {
border-top: none;
}
.select2-container--classic .select2-results > .select2-results__options {
max-height: 200px;
overflow-y: auto;
}
.select2-container--classic .select2-results__option[role=group] {
padding: 0;
}
.select2-container--classic .select2-results__option[aria-disabled=true] {
color: grey;
}
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
background-color: #3875d7;
color: #fff;
}
.select2-container--classic .select2-results__group {
cursor: default;
display: block;
padding: 6px;
}
.select2-container--classic.select2-container--open .select2-dropdown {
border-color: #5897fb;
}
.modtype_videotime.label_mode .activity-item:not(.activityinline) {
border: none;
}
.modtype_videotime .activity-item .activity-altcontent img {
border-radius: 0;
}
.path-course-view ul.section:has(li.preview_mode.modtype_videotime):after {
clear: both;
display: table;
content: '';
}
.modtype_videotime.label_mode .activity-altcontent .container-fluid {
padding: 0;
}
.modtype_videotime.label_mode .description .course-description-item,
.modtype_videotime.preview_mode .description .course-description-item {
background-color: transparent;
font-size: 100%;
}
.modtype_videotime.preview_mode .description .course-description-item:last-child,
.modtype_videotime.label_mode .description .course-description-item:last-child {
padding: 5px;
}
/*
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/iomadmoon/core/1777497332/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/iomadmoon/mod_workshop/1777497332/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/iomadmoon/mod_workshop/1777497332/userplan/task-done);
}
.path-mod-workshop .userplan dd.phasetasks li.fail {
background-image: url(/theme/image.php/iomadmoon/mod_workshop/1777497332/userplan/task-fail);
}
.path-mod-workshop .userplan dd.phasetasks li.info {
background-image: url(/theme/image.php/iomadmoon/mod_workshop/1777497332/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;
}
#page-mod-zoom-view a .btn-primary .icon {
color: white;
}
#mod-zoom-old-meetings-header {
float: left;
}
#mod-zoom-meeting-room-participants,
#mod-zoom-meeting-room-participant-groups {
list-style-type: none;
}
#mod-zoom-meeting-rooms-list .empty-alert {
margin: auto;
width: 80%;
padding: 40% 0;
}
#mod-zoom-breakout-rooms-table {
width: 100%;
height: 400px;
}
#mod-zoom-breakout-rooms-table td:first-child {
width: 20%;
}
#mod-zoom-breakout-rooms-table td:nth-child(2) {
width: 80%;
}
#mod-zoom-breakout-rooms-table .delete-room {
margin: -34px 5px;
background: transparent;
border: none;
}
#page-mod-zoom-participants .mimetypeicon {
width: 24px;
height: 24px;
}
.auth_iomadoidc_ucp_indicator h4 {
display: inline-block;
margin-right: 0.5rem;
}
.auth_iomadoidc_ucp_indicator h5 {
display: inline-block;
margin-left: 0.5rem;
}
.auth_iomadoidc_ucp_indicator h5 + span {
display: block;
}
.cert_textarea textarea {
font-family: 'Courier New', Courier, monospace;
}
#page-auth-saml2-selectidp .mform .fitem div.fitemtitle {
width: 0;
}
#page-auth-saml2-selectidp .mform .fitem .felement {
margin-left: 0;
}
#page-auth-saml2-selectidp .idpbtn {
margin-bottom: 10px;
}
#page-auth-saml2-availableidps .femptylabel .fitemtitle {
display: none;
}
#page-auth-saml2-availableidps .femptylabel .felement {
margin-left: 10px;
}
.authorize-imgwrap{
width: 250px;
margin-bottom: 30px;
}
.authorize-imgwrap img{
width: 100%;
}
.authorize-payment-header{
margin: 1.5rem 0;
}
.authorize-payment-header h1{
font-size: 0.875rem;
}
.authorize-total-order-amount-section{
display: flex;
align-items: center;
justify-content: flex-start;
gap: 0.5rem;
margin-bottom: 20px;
}
.authorize-total-order-amount-section h6{
font-size: 1rem;
margin-bottom: 0;
}
.authorize-total-order-amount-section div{
font-size: 1rem;
margin-left: 60px;
}
input.authorize-submit-button{
width: 210px;
}
.authorize_error_message{
padding: .75rem;
background: #ff000017;
color: red;
margin-bottom: 1rem;
border-radius: .25rem;
}
#page-enrol-gapply-manage #page-content .nav-tabs .nav-item:nth-last-child(2) {
margin-left: auto;
pointer-events: none;
}
#page-enrol-gapply-manage #page-content .nav-tabs .nav-item:nth-last-child(2) & a {
color: #000;
}
#page-enrol-gapply-manage table.dataTable > tbody > tr.selected > td.select-checkbox:after,
table.dataTable > tbody > tr.selected > th.select-checkbox:after {
margin-top: -16px;
}
#page-enrol-gapply-manage .btn.action-button {
color: #fff;
}
/** General display rules. **/
.enrol_invitation_item_icon {
padding-right: 5px;
}
/* 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;
}
/* stylelint-disable */
#ai_chat_button {
visibility: visible;
position: fixed;
bottom: 4.5rem;
right: 2rem;
transition: 0.2s;
z-index: 1000;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid #6c757d;
}
#ai_chat_button:hover {
filter: hue-rotate(10deg) brightness(90%);
}
@media (max-width: 576px) {
#ai_chat_button {
top: 87vh;
right: 0.5rem;
bottom: unset;
}
}
.drawer-right.show #ai_chat_button,
.show-drawer-right #ai_chat_button {
right: calc(315px + 2rem);
}
.block_ai_chat_modal .modal-dialog {
min-height: 500px;
}
.block_ai_chat_modal .modal-header {
width: 100%;
border-bottom: none;
}
.block_ai_chat_modal .modal-header .modal-title {
display: flex;
justify-content: space-between;
align-items: center;
width: calc(100% - 2rem);
font-size: 1rem;
}
.block_ai_chat_modal .modal-header .modal-title .block_ai_chat_title {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.block_ai_chat_modal .modal-body {
display: flex;
padding: 0 0 0 1rem;
}
.block_ai_chat_modal .modal-body .block_ai_chat-dialog {
display: flex;
flex-direction: column;
justify-content: space-between;
width: 100%;
height: 100%;
}
.block_ai_chat_modal .content {
display: flex;
align-items: flex-start;
padding: 0.5rem 1rem 0.5rem 1rem;
position: relative;
}
.block_ai_chat_modal .message .copy {
visibility: hidden;
position: absolute;
top: 0;
right: 0;
padding: 0.5rem 0.75rem 2.5rem 2.75rem;
}
.block_ai_chat_modal .message:hover .copy {
visibility: visible;
cursor: pointer;
}
.block_ai_chat_modal .message.ai .content {
padding-left: 0;
}
.block_ai_chat_modal .message.ai .content .text {
margin-top: 0.4rem;
}
.block_ai_chat_modal .message.ai .content .text p {
margin-bottom: 0.3rem;
}
.block_ai_chat_modal .message.ai .content .ai_chat_icon {
margin-top: 0.8rem;
}
.block_ai_chat_modal .message.ai .content .spinner-border {
width: 1.5rem;
height: 1.5rem;
}
.block_ai_chat_modal .message.ai .content.awaitanswer .ai_chat_icon,
.block_ai_chat_modal .message.ai .content.awaitanswer .copy {
display: none;
}
.block_ai_chat_modal .message.agent .content {
background-color: #dee2e6;
margin-left: 4rem;
border-radius: 0.5rem;
}
.block_ai_chat_modal .message.agent .content .ai_chat_icon {
display: none;
}
.block_ai_chat_modal .message.agent .content p {
margin-bottom: 0.1rem;
}
.block_ai_chat_modal .copiedtoast {
position: absolute;
top: -15px;
right: 0;
font-size: small;
border: 1px solid;
padding: 1px 3px;
background-color: #fff;
visibility: hidden;
}
.block_ai_chat_modal .block_ai_chat-input-wrapper {
position: sticky;
bottom: 0;
background-color: #fff;
padding-right: 1rem;
}
.block_ai_chat_modal .block_ai_chat-input {
display: flex;
margin-top: 0.15rem;
padding: 0 0.1rem 0 0.1rem;
position: relative;
}
.block_ai_chat_modal .block_ai_chat-input .ai_chat_icon_button {
position: absolute;
top: 0.6rem;
}
.block_ai_chat_modal .block_ai_chat-input textarea {
height: inherit;
padding: 1rem 4.1rem 1rem 2.2rem;
resize: none;
overflow: auto;
line-height: 1.5rem;
min-height: 3.5rem;
max-height: 8rem;
box-sizing: border-box;
margin-left: 2px;
}
.block_ai_chat_modal .block_ai_chat-input textarea::placeholder {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.block_ai_chat_modal .block_ai_chat-input button[type=submit] {
position: absolute;
display: flex;
bottom: 0.5rem;
right: 0.7rem;
}
.block_ai_chat_modal .block_ai_chat-input button[type=submit] i {
padding: 6.5px 0;
}
.block_ai_chat_modal .headeroptions {
display: flex;
align-items: center;
}
.block_ai_chat_modal .headeroptions .badge-pill {
display: flex;
align-items: center;
height: 1.3rem;
font-size: 50%;
}
.block_ai_chat_modal .headeroptions .dropdown-menu {
left: 36px !important;
}
.block_ai_chat_modal .headeroptions .dropdown-menu #block_ai_chat_delete_dialog {
color: #ff3333;
}
.block_ai_chat_modal .headeroptions .dropdown-menu #block_ai_chat_delete_dialog:hover {
background-color: #ffcccc;
}
.block_ai_chat_modal #block_ai_chat_userquota {
text-align: right;
min-height: 1rem;
}
.block_ai_chat_modal #block_ai_chat_userquota .local_ai_manager_userquota_infobox {
color: #6c757d;
background-color: inherit;
font-size: 0.6rem;
padding: 0;
margin: 0;
text-align: right;
}
.block_ai_chat_modal .gradient-overlay {
content: "";
position: sticky;
top: 0;
left: 0;
right: 0;
height: 2rem;
background: linear-gradient(to bottom, #fff 10%, transparent);
z-index: 33;
}
.block_ai_chat_modal .block_ai_chat_modal_body {
width: 100%;
overflow: hidden;
}
.block_ai_chat_modal .block_ai_chat_modal_body .infobox {
display: flex;
align-items: center;
flex-direction: column;
padding-bottom: 0.4rem;
margin-top: -0.5rem;
z-index: 1;
min-height: 2rem;
}
.block_ai_chat_modal .block_ai_chat_modal_body .infobox .local_ai_manager-infobox.alert.alert-success,
.block_ai_chat_modal .block_ai_chat_modal_body .infobox .local_ai_manager-ai-warning {
color: #6c757d;
background-color: inherit;
font-size: 0.6rem;
padding: 0;
margin: 0;
}
.block_ai_chat_modal .block_ai_chat_modal_body .infobox .local_ai_manager-infobox {
margin-top: 0.5rem;
}
.block_ai_chat_modal .block_ai_chat-output-wrapper {
overflow-y: auto;
height: 100%;
padding-right: 1rem;
}
.block_ai_chat_modal .block_ai-history-items {
padding: 0.5rem;
}
.block_ai_chat_modal .block_ai-history-items a {
display: flex;
align-items: baseline;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.block_ai_chat_modal .block_ai-history-items a p {
margin: 0;
}
.block_ai_chat_modal .block_ai-history-items > div {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
gap: 0.2rem;
}
.block_ai_chat_modal .block_ai-history-items.card {
flex-direction: column-reverse;
}
.block_ai_chat_modal.onhistorypage .block_ai_chat-output {
display: flex;
flex-direction: column-reverse;
}
.block_ai_chat_modal.onhistorypage .infobox,
.block_ai_chat_modal.onhistorypage #block_ai_chat_userquota {
display: none;
}
.block_ai_chat_modal.onhistorypage .gradient-overlay {
display: none;
}
@media (min-width: 497px) {
.block_ai_chat_modal.onhistorypage .modal-body {
min-width: 497px;
}
}
body.block_ai_chat_chatwindow .block_ai_chat_modal .modal-dialog {
position: fixed;
max-height: calc(100vh - 6rem);
right: 2rem;
bottom: 3rem;
filter: drop-shadow(3px 3px 4px black);
}
body.block_ai_chat_chatwindow a#block_ai_chat_chatwindow {
color: #007bff;
}
body.block_ai_chat_chatwindow,
body.block_ai_chat_dockright {
overflow: initial;
}
body.block_ai_chat_chatwindow .modal-backdrop.show,
body.block_ai_chat_chatwindow .block_ai_chat_modal,
body.block_ai_chat_dockright .modal-backdrop.show,
body.block_ai_chat_dockright .block_ai_chat_modal {
width: 0;
height: 0;
}
body.block_ai_chat_chatwindow [data-content=local_ai_manager_infobox],
body.block_ai_chat_chatwindow .local_ai_manager-ai-warning,
body.block_ai_chat_dockright [data-content=local_ai_manager_infobox],
body.block_ai_chat_dockright .local_ai_manager-ai-warning {
width: 100%;
}
body.block_ai_chat_chatwindow [data-content=local_ai_manager_infobox] div,
body.block_ai_chat_chatwindow .local_ai_manager-ai-warning div,
body.block_ai_chat_dockright [data-content=local_ai_manager_infobox] div,
body.block_ai_chat_dockright .local_ai_manager-ai-warning div {
justify-content: space-between;
}
body.block_ai_chat_openfull .block_ai_chat_modal .modal-dialog {
max-width: 95%;
min-height: calc(100vh - 3.5rem);
}
body.block_ai_chat_openfull .block_ai_chat_modal .block_ai_chat_modal_body {
max-width: 1080px;
margin: 0 auto;
}
body.block_ai_chat_openfull a#block_ai_chat_openfull {
color: #007bff;
}
body.block_ai_chat_dockright.block_ai_chat_open #page-wrapper #page {
margin-right: 50%;
}
body.block_ai_chat_dockright .block_ai_chat_modal .modal-dialog {
position: fixed;
width: 50%;
max-width: 50%;
height: calc(100% - 60.2px);
right: 0;
bottom: 0;
margin-top: 0;
margin-bottom: 0;
}
body.block_ai_chat_dockright .block_ai_chat_modal .modal-dialog .modal-content {
border-radius: 0;
border-top: none;
border-bottom: none;
margin-top: -1px;
}
body.block_ai_chat_dockright a#block_ai_chat_dockright {
color: #007bff;
}
body.block_ai_chat_chatwindow .block_floatingbutton-floatingicons,
body.block_ai_chat_dockright .block_floatingbutton-floatingicons,
body.block_ai_chat_openfull .block_floatingbutton-floatingicons {
bottom: calc(2.5rem + 36px);
}
@media (max-width: 576px) {
.block_ai_chat_action_menu.views {
display: none;
}
}
body.block_ai_chat_replacehelp #page-footer [data-region=footer-container-popover] .btn-footer-popover[data-action=footer-popover] {
display: none;
}
body.block_ai_chat_replacehelp #ai_chat_button {
bottom: 1.9rem;
}
#add_persona,
#copy_persona {
font-size: 1.25rem;
}
#add_persona:hover,
#copy_persona:hover {
cursor: pointer;
filter: invert(30%);
}
.select-spacer {
font-size: 0.25rem;
}
.block_ai_control .block_ai_control_config input[type="number"] {
width: 3rem;
}
.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;
}
/**
* 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 .
*
* Stylesheet for this Block.
*
* @package block_booksearch
* @copyright 2022 University of Stuttgart
* @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
*/
.bs-input-group {
margin: 5px;
margin-right: 5rem;
}
.bs-content-box {
max-height: 700px;
overflow: auto;
scrollbar-width: thin;
scrollbar-color: #6a737b #f8f9fa;
}
.bs-content-element {
max-height: 200px;
overflow: auto;
scrollbar-width: thin;
scrollbar-color: #6a737b #f8f9fa;
}
.bs-select {
margin-left: 0;
}
.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: 1.2rem;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: contain;
}
.block_completion_progress .barWithIcons .progressBarCell.completed::before {
background-image: url(/theme/image.php/iomadmoon/block_completion_progress/1777497332/tick);
}
.block_completion_progress .barWithIcons .progressBarCell.notCompleted::before {
background-image: url(/theme/image.php/iomadmoon/block_completion_progress/1777497332/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 th.col-select .form-check {
padding-left: 0;
}
#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;
}
/* TODO This is not strict to the plugin scope */
.dir-rtl .CodeMirror {
direction: ltr;
text-align: left;
}
/* Left align Custom SQL textarea and SQL help, in RTL mode.
*/
#page-blocks-configurable_reports-editreport.dir-rtl textarea,
#page-blocks-configurable_reports-editreport.dir-rtl .felement.fstatic {
text-align: left;
direction: ltr;
}
/* Fix table header padding, to show "Sort" arrows
*/
#reportslist th.header {
padding: 0 20px;
}
/* Fix cell alignment in reports list table
*/
#page-blocks-configurable_reports-managereport .generaltable td.c5 {
direction: ltr;
}
/* Left align Setting INPUT TEXT boxes
*/
#page-admin-setting-blocksettingconfigurable_reports.dir-rtl .settingsform input[type=text],
#page-admin-setting-blocksettingconfigurable_reports.dir-rtl .settingsform input[type=password] {
text-align: left;
direction: ltr;
}
/* Table usability & UI fixes
*/
#page-blocks-configurable_reports-viewreport .generaltable {
border: 1px solid rgb(128, 128, 128);
margin: 0 auto;
}
#page-blocks-configurable_reports-viewreport #calcstable {
width: 80%;
}
#page-blocks-configurable_reports-viewreport .generaltable th.header {
background-color: #f8f9fa;
border-bottom-width: 1px;
}
/* Center align bottom report statistics
*/
#page-blocks-configurable_reports-viewreport #totalrecords,
#page-blocks-configurable_reports-viewreport #lastexecutiontime {
padding: 10px;
text-align: center;
}
/* Convert "Add report" link to a beautiful button
(Used: http://www.cssbuttongenerator.com/)
*/
.addbutton {
text-align: center;
}
.linkbutton {
-moz-box-shadow: inset 0px 1px 0px 0px #dcecfb;
-webkit-box-shadow: inset 0px 1px 0px 0px #dcecfb;
box-shadow: inset 0px 1px 0px 0px #dcecfb;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bddbfa), color-stop(1, #80b5ea));
background: -moz-linear-gradient(center top, #bddbfa 5%, #80b5ea 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bddbfa', endColorstr='#80b5ea');
background-color: #bddbfa;
-webkit-border-top-left-radius: 0px;
-moz-border-radius-topleft: 0px;
border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-moz-border-radius-topright: 0px;
border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
-moz-border-radius-bottomright: 0px;
border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-bottomleft: 0px;
border-bottom-left-radius: 0px;
text-indent: 0;
border: 1px solid #84bbf3;
display: inline-block;
color: #ffffff;
font-family: Arial;
font-size: 15px;
font-weight: bold;
font-style: normal;
height: 30px;
line-height: 30px;
width: 100px;
text-decoration: none;
text-align: center;
text-shadow: 1px 1px 0px #528ecc;
}
.linkbutton:hover {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #80b5ea), color-stop(1, #bddbfa));
background: -moz-linear-gradient(center top, #80b5ea 5%, #bddbfa 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80b5ea', endColorstr='#bddbfa');
background-color: #80b5ea;
}
.linkbutton:active {
position: relative;
top: 1px;
}
/* DataTables styles */
/*
* Table
*/
table.dataTable {
margin: 0 auto;
clear: both;
width: 100%;
}
table.dataTable thead th {
padding: 3px 18px 3px 10px;
border-bottom: 1px solid black;
font-weight: bold;
cursor: pointer;
*cursor: hand;
}
table.dataTable tfoot th {
padding: 3px 18px 3px 10px;
border-top: 1px solid black;
font-weight: bold;
}
table.dataTable td {
padding: 3px 10px;
}
table.dataTable td.center,
table.dataTable td.dataTables_empty {
text-align: center;
}
table.dataTable tr.odd {
background-color: #E2E4FF;
}
table.dataTable tr.even {
background-color: white;
}
table.dataTable tr.odd td.sorting_1 {
background-color: #D3D6FF;
}
table.dataTable tr.odd td.sorting_2 {
background-color: #DADCFF;
}
table.dataTable tr.odd td.sorting_3 {
background-color: #E0E2FF;
}
table.dataTable tr.even td.sorting_1 {
background-color: #EAEBFF;
}
table.dataTable tr.even td.sorting_2 {
background-color: #F2F3FF;
}
table.dataTable tr.even td.sorting_3 {
background-color: #F9F9FF;
}
/*
* Table wrapper
*/
.dataTables_wrapper {
position: relative;
clear: both;
*zoom: 1;
}
/*
* Page length menu
*/
.dataTables_length {
float: left;
}
/*
* Filter
*/
.dataTables_filter {
float: right;
text-align: right;
}
/*
* Table information
*/
.dataTables_info {
clear: both;
float: left;
}
/*
* Pagination
*/
.dataTables_paginate {
float: right;
text-align: right;
}
/* Two button pagination - previous / next */
.paginate_disabled_previous,
.paginate_enabled_previous,
.paginate_disabled_next,
.paginate_enabled_next {
height: 19px;
float: left;
cursor: pointer;
*cursor: hand;
color: #111 !important;
}
.paginate_disabled_previous:hover,
.paginate_enabled_previous:hover,
.paginate_disabled_next:hover,
.paginate_enabled_next:hover {
text-decoration: none !important;
}
.paginate_disabled_previous:active,
.paginate_enabled_previous:active,
.paginate_disabled_next:active,
.paginate_enabled_next:active {
outline: none;
}
.paginate_disabled_previous,
.paginate_disabled_next {
color: #666 !important;
}
.paginate_disabled_previous,
.paginate_enabled_previous {
padding-left: 23px;
}
.paginate_disabled_next,
.paginate_enabled_next {
padding-right: 23px;
margin-left: 10px;
}
.paginate_enabled_previous {
background: url(/theme/image.php/iomadmoon/block_configurable_reports/1777497332/datatable/back_enabled) no-repeat top left;
}
.paginate_enabled_previous:hover {
background: url(/theme/image.php/iomadmoon/block_configurable_reports/1777497332/datatable/back_enabled_hover) no-repeat top left;
}
.paginate_disabled_previous {
background: url(/theme/image.php/iomadmoon/block_configurable_reports/1777497332/datatable/back_disabled) no-repeat top left;
}
.paginate_enabled_next {
background: url(/theme/image.php/iomadmoon/block_configurable_reports/1777497332/datatable/forward_enabled) no-repeat top right;
}
.paginate_enabled_next:hover {
background: url(/theme/image.php/iomadmoon/block_configurable_reports/1777497332/datatable/forward_enabled_hover) no-repeat top right;
}
.paginate_disabled_next {
background: url(/theme/image.php/iomadmoon/block_configurable_reports/1777497332/datatable/forward_disabled) no-repeat top right;
}
/* Full number pagination */
.paging_full_numbers {
height: 22px;
line-height: 22px;
}
.paging_full_numbers a:active {
outline: none
}
.paging_full_numbers a:hover {
text-decoration: none;
}
.paging_full_numbers a.paginate_button,
.paging_full_numbers a.paginate_active {
border: 1px solid #aaa;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 2px 5px;
margin: 0 3px;
cursor: pointer;
*cursor: hand;
color: #333 !important;
}
.paging_full_numbers a.paginate_button {
background-color: #ddd;
}
.paging_full_numbers a.paginate_button:hover {
background-color: #ccc;
text-decoration: none !important;
}
.paging_full_numbers a.paginate_active {
background-color: #99B3FF;
}
/*
* Processing indicator
*/
.dataTables_processing {
position: absolute;
top: 50%;
left: 50%;
width: 250px;
height: 30px;
margin-left: -125px;
margin-top: -15px;
padding: 14px 0 2px 0;
border: 1px solid #ddd;
text-align: center;
color: #999;
font-size: 14px;
background-color: white;
}
/*
* Sorting
*/
.sorting {
background: url(/theme/image.php/iomadmoon/block_configurable_reports/1777497332/datatable/sort_both) no-repeat center right;
}
.sorting_asc {
background: url(/theme/image.php/iomadmoon/block_configurable_reports/1777497332/datatable/sort_asc) no-repeat center right;
}
.sorting_desc {
background: url(/theme/image.php/iomadmoon/block_configurable_reports/1777497332/datatable/sort_desc) no-repeat center right;
}
.sorting_asc_disabled {
background: url(/theme/image.php/iomadmoon/block_configurable_reports/1777497332/datatable/sort_asc_disabled) no-repeat center right;
}
.sorting_desc_disabled {
background: url(/theme/image.php/iomadmoon/block_configurable_reports/1777497332/datatable/sort_desc_disabled) no-repeat center right;
}
table.dataTable thead th:active,
table.dataTable thead td:active {
outline: none;
}
/*
* Scrolling
*/
.dataTables_scroll {
clear: both;
}
.dataTables_scrollBody {
*margin-top: -1px;
-webkit-overflow-scrolling: touch;
}
/* CodeMirror styles */
/* BASICS */
.CodeMirror {
/* Set height, width, borders, and global font properties here */
font-family: monospace;
height: 300px;
color: black;
direction: ltr;
}
/* PADDING */
.CodeMirror-lines {
padding: 4px 0; /* Vertical padding around content */
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
padding: 0 4px; /* Horizontal padding of content */
}
.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
background-color: white; /* The little square between H and V scrollbars */
}
/* GUTTER */
.CodeMirror-gutters {
border-right: 1px solid #ddd;
background-color: #f7f7f7;
white-space: nowrap;
}
.CodeMirror-linenumbers {
}
.CodeMirror-linenumber {
padding: 0 3px 0 5px;
min-width: 20px;
text-align: right;
color: #999;
white-space: nowrap;
}
.CodeMirror-guttermarker {
color: black;
}
.CodeMirror-guttermarker-subtle {
color: #999;
}
/* CURSOR */
.CodeMirror-cursor {
border-left: 1px solid black;
border-right: none;
width: 0;
}
/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
border-left: 1px solid silver;
}
.cm-fat-cursor .CodeMirror-cursor {
width: auto;
border: 0 !important;
background: #7e7;
}
.cm-fat-cursor div.CodeMirror-cursors {
z-index: 1;
}
.cm-fat-cursor .CodeMirror-line::selection,
.cm-fat-cursor .CodeMirror-line > span::selection,
.cm-fat-cursor .CodeMirror-line > span > span::selection {
background: transparent;
}
.cm-fat-cursor .CodeMirror-line::-moz-selection,
.cm-fat-cursor .CodeMirror-line > span::-moz-selection,
.cm-fat-cursor .CodeMirror-line > span > span::-moz-selection {
background: transparent;
}
.cm-fat-cursor {
caret-color: transparent;
}
@-moz-keyframes blink {
0% {
}
50% {
background-color: transparent;
}
100% {
}
}
@-webkit-keyframes blink {
0% {
}
50% {
background-color: transparent;
}
100% {
}
}
@keyframes blink {
0% {
}
50% {
background-color: transparent;
}
100% {
}
}
/* Can style cursor different in overwrite (non-insert) mode */
.CodeMirror-overwrite .CodeMirror-cursor {
}
.cm-tab {
display: inline-block;
text-decoration: inherit;
}
.CodeMirror-rulers {
position: absolute;
left: 0;
right: 0;
top: -50px;
bottom: 0;
overflow: hidden;
}
.CodeMirror-ruler {
border-left: 1px solid #ccc;
top: 0;
bottom: 0;
position: absolute;
}
/* DEFAULT THEME */
.cm-s-default .cm-header {
color: blue;
}
.cm-s-default .cm-quote {
color: #090;
}
.cm-negative {
color: #d44;
}
.cm-positive {
color: #292;
}
.cm-header, .cm-strong {
font-weight: bold;
}
.cm-em {
font-style: italic;
}
.cm-link {
text-decoration: underline;
}
.cm-strikethrough {
text-decoration: line-through;
}
.cm-s-default .cm-keyword {
color: #708;
}
.cm-s-default .cm-atom {
color: #219;
}
.cm-s-default .cm-number {
color: #164;
}
.cm-s-default .cm-def {
color: #00f;
}
.cm-s-default .cm-variable,
.cm-s-default .cm-punctuation,
.cm-s-default .cm-property,
.cm-s-default .cm-operator {
}
.cm-s-default .cm-variable-2 {
color: #05a;
}
.cm-s-default .cm-variable-3, .cm-s-default .cm-type {
color: #085;
}
.cm-s-default .cm-comment {
color: #a50;
}
.cm-s-default .cm-string {
color: #a11;
}
.cm-s-default .cm-string-2 {
color: #f50;
}
.cm-s-default .cm-meta {
color: #555;
}
.cm-s-default .cm-qualifier {
color: #555;
}
.cm-s-default .cm-builtin {
color: #30a;
}
.cm-s-default .cm-bracket {
color: #997;
}
.cm-s-default .cm-tag {
color: #170;
}
.cm-s-default .cm-attribute {
color: #00c;
}
.cm-s-default .cm-hr {
color: #999;
}
.cm-s-default .cm-link {
color: #00c;
}
.cm-s-default .cm-error {
color: #f00;
}
.cm-invalidchar {
color: #f00;
}
.CodeMirror-composing {
border-bottom: 2px solid;
}
/* Default styles for common addons */
div.CodeMirror span.CodeMirror-matchingbracket {
color: #0b0;
}
div.CodeMirror span.CodeMirror-nonmatchingbracket {
color: #a22;
}
.CodeMirror-matchingtag {
background: rgba(255, 150, 0, .3);
}
.CodeMirror-activeline-background {
background: #e8f2ff;
}
/* STOP */
/* The rest of this file contains styles related to the mechanics of
the editor. You probably shouldn't touch them. */
.CodeMirror {
position: relative;
overflow: hidden;
background: white;
}
.CodeMirror-scroll {
overflow: scroll !important; /* Things will break if this is overridden */
/* 50px is the magic margin used to hide the element's real scrollbars */
/* See overflow: hidden in .CodeMirror */
margin-bottom: -50px;
margin-right: -50px;
padding-bottom: 50px;
height: 100%;
outline: none; /* Prevent dragging from highlighting the element */
position: relative;
z-index: 0;
}
.CodeMirror-sizer {
position: relative;
border-right: 50px solid transparent;
}
/* The fake, visible scrollbars. Used to force redraw during scrolling
before actual scrolling happens, thus preventing shaking and
flickering artifacts. */
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
position: absolute;
z-index: 6;
display: none;
outline: none;
}
.CodeMirror-vscrollbar {
right: 0;
top: 0;
overflow-x: hidden;
overflow-y: scroll;
}
.CodeMirror-hscrollbar {
bottom: 0;
left: 0;
overflow-y: hidden;
overflow-x: scroll;
}
.CodeMirror-scrollbar-filler {
right: 0;
bottom: 0;
}
.CodeMirror-gutter-filler {
left: 0;
bottom: 0;
}
.CodeMirror-gutters {
position: absolute;
left: 0;
top: 0;
min-height: 100%;
z-index: 3;
}
.CodeMirror-gutter {
white-space: normal;
height: 100%;
display: inline-block;
vertical-align: top;
margin-bottom: -50px;
}
.CodeMirror-gutter-wrapper {
position: absolute;
z-index: 4;
background: none !important;
border: none !important;
}
.CodeMirror-gutter-background {
position: absolute;
top: 0;
bottom: 0;
z-index: 4;
}
.CodeMirror-gutter-elt {
position: absolute;
cursor: default;
z-index: 4;
}
.CodeMirror-gutter-wrapper ::selection {
background-color: transparent
}
.CodeMirror-gutter-wrapper ::-moz-selection {
background-color: transparent
}
.CodeMirror-lines {
cursor: text;
min-height: 1px; /* prevents collapsing before first draw */
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
/* Reset some styles that the rest of the page might have set */
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
border-width: 0;
background: transparent;
font-family: inherit;
font-size: inherit;
margin: 0;
white-space: pre;
word-wrap: normal;
line-height: inherit;
color: inherit;
z-index: 2;
position: relative;
overflow: visible;
-webkit-tap-highlight-color: transparent;
-webkit-font-variant-ligatures: contextual;
font-variant-ligatures: contextual;
}
.CodeMirror-wrap pre.CodeMirror-line,
.CodeMirror-wrap pre.CodeMirror-line-like {
word-wrap: break-word;
white-space: pre-wrap;
word-break: normal;
}
.CodeMirror-linebackground {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 0;
}
.CodeMirror-linewidget {
position: relative;
z-index: 2;
padding: 0.1px; /* Force widget margins to stay inside of the container */
}
.CodeMirror-widget {
}
.CodeMirror-rtl pre {
direction: rtl;
}
.CodeMirror-code {
outline: none;
}
/* Force content-box sizing for the elements where we expect it */
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.CodeMirror-measure {
position: absolute;
width: 100%;
height: 0;
overflow: hidden;
visibility: hidden;
}
.CodeMirror-cursor {
position: absolute;
pointer-events: none;
}
.CodeMirror-measure pre {
position: static;
}
div.CodeMirror-cursors {
visibility: hidden;
position: relative;
z-index: 3;
}
div.CodeMirror-dragcursors {
visibility: visible;
}
.CodeMirror-focused div.CodeMirror-cursors {
visibility: visible;
}
.CodeMirror-selected {
background: #d9d9d9;
}
.CodeMirror-focused .CodeMirror-selected {
background: #d7d4f0;
}
.CodeMirror-crosshair {
cursor: crosshair;
}
.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection {
background: #d7d4f0;
}
.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection {
background: #d7d4f0;
}
.cm-searching {
background-color: #ffa;
background-color: rgba(255, 255, 0, .4);
}
/* Used to force a border model for a node */
.cm-force-border {
padding-right: .1px;
}
@media print {
/* Hide the cursor when printing */
.CodeMirror div.CodeMirror-cursors {
visibility: hidden;
}
}
/* See issue #2901 */
.cm-tab-wrap-hack:after {
content: '';
}
/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext {
background: none;
}
/* See issue #2901 */
.cm-tab-wrap-hack:after {
content: '';
}
/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext {
background: none;
}
#page-blocks-configurable_reports-editreport .CodeMirror {
width: 100%;
}
.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;
}
.path-local-dash .CodeMirror {
border: 1px solid #eee;
height: auto;
width: 100%;
z-index: 0;
}
.path-local-dash .CodeMirror .CodeMirror-scroll {
min-height: 150px;
}
/** Fix width when dragging table row. **/
body#page-blocks-dash-data-source .ui-sortable-helper {
display: table;
}
.dash-preferences-form .drag-handle {
cursor: pointer;
}
.block_dash .filter-form .filter-form-control {
width: auto;
display: inline;
margin-right: 0.25rem;
}
.dash-preferences-form .col-form-label {
font-weight: bold;
}
.dash-preferences-form .fitem.checkboxgroup1 {
width: 100%;
justify-content: left;
}
/** Fix fields for totara **/
.dash-preferences-form #fgroup_id_available_fields .felement > span {
display: block;
}
.block_dash .dash-table th {
white-space: nowrap;
}
/** Position background image nicely **/
.block_dash {
background-size: cover;
}
/** Add room between select filters. **/
.block_dash .select2.select2-container {
max-width: 300px;
margin-right: 10px;
}
/** Block widths **/
.block_dash.dash-block-width-100 {
width: 100%;
min-height: 160px;
}
.block_dash.dash-block-width-50 {
width: calc(50% - 1rem);
}
.block_dash.dash-block-width-33 {
width: calc(33.33% - 1rem);
}
.block_dash.dash-block-width-66 {
width: calc(66.66% - 1rem);
}
.block_dash.dash-block-width-25 {
width: calc(25% - 1rem);
}
.block_dash.dash-block-width-20 {
width: calc(20% - 1rem);
}
.block_dash.dash-block-width-16 {
width: calc(16.66% - 1rem);
}
@media (max-width: 768px) {
.block.block_dash {
width: 100%;
}
}
@media (min-width: 576px) {
.block.block_dash .col-sm-25 {
flex: 0 0 20%;
max-width: 20%;
}
}
.block_dash .icons-no-margin .icon {
margin: 0;
}
.block_dash .dash-sort {
cursor: pointer;
}
.block_dash .bootstrap3 .row.flex,
.block_dash .bootstrap3 .col-sm-3.flex {
display: flex;
}
#fgroup_id_available_fields .form-check-inline.fitem {
width: 100%;
justify-content: left;
}
/* Select2 styles */
body .select2-container {
display: inline-block;
}
.dash-block-content img.img-responsive {
max-height: 120px;
object-fit: cover;
}
/* Widget css - groups */
/* Groups block */
.block_dash.block .block-header .block-title {
padding-right: 40px;
}
.block_dash.block .block-content .edit-block .dropdown .dropdown-menu {
padding: 0;
left: auto;
right: 0;
}
.block_dash.block .block-content .edit-block .dropdown .dropdown-menu a.dropdown-item {
padding: 5px 15px;
display: block;
}
.block_dash.block .card-body {
position: relative;
}
.block_dash.block .dash-custom-menu {
position: absolute;
top: 20px;
right: 20px;
}
.editing .block_dash.block .dash-custom-menu {
right: 90px;
}
.dash-custom-menu .heading-block h3 {
float: left;
}
.dash-custom-menu .heading-block .edit-block .dropdown button.dropdown-toggle {
border: 0;
background: none;
padding: 0;
}
.dash-custom-menu .heading-block .edit-block .dropdown button.dropdown-toggle:after {
display: none;
}
.group-block .group-element {
clear: both;
}
.group-block .group-element .list-block {
padding: 20px;
margin-bottom: 20px;
box-shadow: 0 1px 2px rgb(0, 0, 0, .2);
}
.group-block .group-element .list-block .left-block {
width: 40%;
display: inline-block;
margin-right: 15px;
}
.group-block .group-element .list-block .left-block h6 {
font-weight: 400;
opacity: .5;
}
.group-block .group-element .list-block .left-block h3 {
font-weight: 500;
}
.group-block .group-element .list-block .right-block {
margin-top: 5px;
float: right;
}
.group-block .group-element .list-block .right-block .img-element {
text-align: right;
display: inline-block;
}
.group-block .group-element .list-block .right-block .edit-block {
display: inline-block;
}
.group-block .edit-block .dropdown .btn {
border: 0;
background: none;
}
.group-block .edit-block .dropdown .btn:after {
display: none;
}
.group-block .group-element .list-block .right-block .img-element .img-block {
width: 58px;
height: 58px;
border: 2px solid #fff;
border-radius: 50%;
display: inline-block;
vertical-align: middle;
}
.group-block .group-element .list-block .right-block .img-element .img-block a {
width: 100%;
height: 100%;
color: #000;
font-weight: bold;
text-align: center;
text-decoration: none;
background: #eee;
display: inline-block;
border-radius: 50%;
box-shadow: none;
}
.group-block .group-element .list-block .right-block .img-element .img-block a .group-members-count {
width: 100%;
height: 100%;
line-height: 56px;
}
.group-block .group-element .list-block .right-block .img-element .img-block + .img-block {
margin-left: -20px;
}
.group-block .group-element .list-block .right-block .img-element .img-block img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 50%;
}
@media (max-width: 767px) {
.group-block .group-element .list-block .left-block {
width: auto;
display: block;
}
.group-block .group-element .list-block .right-block {
float: none;
}
}
/* My contacts - widget */
/*Dash Curriculum*/
.block_dash-community-block h2 {
font-size: 45px;
color: #00132e;
margin-bottom: 30px;
}
.block_dash-community-block .heading-block h3 {
font-size: 36px;
color: #000;
margin-bottom: 30px;
}
/*Contact block*/
.block_dash-community-block .contact-block {
margin: 40px 0;
}
#block-region-side-pre .block_dash-community-block .contact-block .contact-element .row > div {
max-width: none;
flex: auto;
}
.block_dash-community-block .contact-img-block {
text-align: center;
margin-bottom: 30px;
}
.block_dash-community-block .contact-img-block .img-block {
max-width: 175px;
height: 175px;
margin: 0 auto;
border-radius: 50%;
background-color: #eee;
display: flex;
align-items: center;
transition: all .5s ease;
position: relative;
z-index: 0;
}
.block_dash-community-block .contact-img-block .img-block:before {
content: '';
width: 100%;
height: 100%;
border-radius: 50%;
background: rgba(0, 0, 0, 0.5);
position: absolute;
top: 0;
left: 0;
transition: all .5s ease;
opacity: 0;
}
.block_dash-community-block .contact-img-block .img-block:hover:before {
transition: all .5s ease;
opacity: 1;
}
.block_dash-community-block .contact-img-block .img-block .user-letter-circle {
margin: 0 auto;
font-size: 2rem;
font-weight: bold;
}
.block_dash-community-block .contact-img-block .img-block .overlay-block {
height: 50%;
border: 1px solid #fff;
position: absolute;
top: 0;
left: 87px;
z-index: 1;
transition: all .5s ease;
opacity: 0;
}
.block_dash-community-block .contact-img-block .img-block:hover .overlay-block {
opacity: 1;
}
.block_dash-community-block .contact-img-block .img-block .overlay-block:before,
.block_dash-community-block .contact-img-block .img-block .overlay-block:after {
content: '';
height: 100%;
position: absolute;
border: 1px solid #fff;
z-index: 1;
opacity: 0;
transition: all .5s ease;
}
.block_dash-community-block .contact-img-block .img-block .overlay-block:before {
height: 103%;
top: auto;
bottom: -70px;
left: -37px;
right: auto;
transform: rotate(55deg);
}
.block_dash-community-block .contact-img-block .img-block .overlay-block:after {
left: auto;
right: -34px;
transform: rotate(-50deg);
top: auto;
bottom: -73px;
height: 104%;
}
.block_dash-community-block .contact-img-block .img-block:hover .overlay-block:before,
.block_dash-community-block .contact-img-block .img-block:hover .overlay-block:after {
opacity: 1;
}
.block_dash-community-block .contact-img-block .img-block .img-block-overlay a {
width: 100%;
height: 100%;
line-height: 55px;
text-align: center;
text-decoration: none;
display: inline-block;
transition: all .5s ease;
border: 0;
background: none;
box-shadow: none;
outline: none;
}
.block_dash-community-block .contact-img-block .img-block .img-block-overlay a i {
font-size: 20px;
color: #fff;
transition: all .5s ease;
}
.block_dash-community-block .contact-img-block .img-block .img-block-overlay {
color: #fff;
width: 55px;
height: 55px;
line-height: 55px;
text-align: center;
transition: all .5s ease;
opacity: 0;
position: absolute;
top: 35px;
left: 20px;
}
.block_dash-community-block .contact-img-block .img-block:hover .img-block-overlay {
opacity: 1;
}
.block_dash-community-block .contact-img-block .img-block .img-block-overlay.img-block-overlay-1 {
right: 20px;
left: auto;
}
.block_dash-community-block .contact-img-block .img-block .img-block-overlay.img-block-overlay-2 {
bottom: 10px;
top: auto;
left: 60px;
}
.block_dash-community-block .contact-img-block .img-block .badge-block {
width: 35px;
height: 35px;
font-size: 20px;
font-weight: bold;
color: #fff;
text-align: center;
line-height: 30px;
text-decoration: none solid rgb(255, 255, 255);
display: inline-block;
border-radius: 100px;
background-color: #d40000;
background-size: cover;
box-shadow: 0 1px 10px 4px rgba(0, 0, 0, 0.2);
position: absolute;
top: 0;
right: 0;
}
.block_dash-community-block .contact-img-block .img-block img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 50%;
}
.block_dash-community-block .contact-img-block .title-block h4 {
font-size: 20px;
color: #000;
margin-top: 15px;
}
.modal form.mform#block-dash #fgroup_id_buttonar {
display: none;
}
.modal .mform .fcontainer .block_dash-form-range-input .felement {
gap: 15px;
}
.modal .mform .fcontainer .block_dash-form-range-input .admin_range {
height: 100%;
display: flex;
align-items: center;
}
.modal .mform .fcontainer .block_dash-form-range-input .admin_range + .form-control {
max-width: 60px;
}
/* Mylearning -widget */
/*Course info block*/
.block_dash-info-element {
margin: 40px 0;
}
.block_dash-info-element .course-info-block .row {
margin-bottom: 50px;
border-bottom: 1px solid #eee;
}
.block_dash-info-element .course-info-block .row:last-child {
border-bottom: 0;
}
@media (min-width: 768px) {
.block_dash-info-element .course-info-block .row .col-md-5.d-none.d-md-block,
.block_dash-info-element .course-info-block .row .col-md-7.d-none.d-md-block {
display: block;
}
.block_dash-info-element .course-info-block .row .col-12.d-md-none.d-block {
display: none;
}
}
@media (max-width: 767px) {
.block_dash-info-element .course-info-block .row .col-md-5.d-none.d-md-block,
.block_dash-info-element .course-info-block .row .col-md-7.d-none.d-md-block {
display: none;
}
.block_dash-info-element .course-info-block .row .col-12.d-md-none.d-block {
display: block;
padding: 0 15px;
}
}
/*Left block*/
.block_dash-info-element .course-info-block .left-block,
.block_dash-info-element .course-info-block .right-block {
margin-bottom: 50px;
}
.block_dash-info-element .course-info-block .left-block .img-block img {
width: 100%;
height: 100%;
max-height: none;
object-fit: cover;
border-radius: 50%;
}
.block_dash-info-element .course-info-block .left-block > div,
.block_dash-info-element .course-info-block .left-block .customfields-container .field-item {
margin-top: 25px;
}
.block_dash-info-element .course-info-block .left-block .badge-block ul li {
margin-bottom: 15px;
opacity: .4;
}
/*totara*/
.editing .block_dash-info-element .course-info-block .left-block .badge-block ul li {
margin-right: 15px;
}
/*totara*/
.block_dash-info-element .course-info-block .left-block .badge-block ul li.collected {
opacity: 1;
}
.block_dash-info-element .course-info-block .left-block > div h5 {
font-weight: bold;
margin-bottom: 15px;
}
.block_dash-info-element .course-info-block .left-block .badge-block ul,
.block_dash-info-element .course-info-block .left-block .course-staff-block ul {
list-style: none;
padding: 0;
margin-bottom: 0;
}
.block_dash-info-element .course-info-block .left-block .badge-block ul li {
width: 80px;
height: 80px;
display: inline-block;
margin-right: 30px;
}
.block_dash-info-element .course-info-block .left-block .course-staff-block ul li {
width: 24%;
text-align: center;
display: inline-block;
vertical-align: top;
margin-right: 20px;
margin-bottom: 15px;
}
.block_dash-info-element .course-info-block .left-block .course-staff-block ul li a {
display: inline-block;
}
.block_dash-info-element .course-info-block .left-block .badge-block ul li:last-child,
.block_dash-info-element .course-info-block .left-block .course-staff-block ul li:last-child {
margin-right: 0;
}
.block_dash-info-element .course-info-block .left-block .badge-block ul li img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 50%;
}
.block_dash-info-element .course-info-block .left-block .course-staff-block ul li img {
max-width: 60px;
width: 100%;
height: auto;
object-fit: cover;
border-radius: 50%;
}
.block_dash-info-element .course-info-block .left-block .course-staff-block ul li span {
display: inline-block;
margin-top: 10px;
}
/*Right block*/
.block_dash-info-element .course-info-block .right-block .desc-block h1 {
font-size: 60px;
color: #00132e;
margin-bottom: 30px;
}
.block_dash-info-element .course-info-block .right-block .desc-block .text_to_html {
font-size: 20px;
color: #00132e;
margin-bottom: 15px;
}
.block_dash-info-element .course-info-block .right-block .info-block .accordion-block .card {
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
margin-bottom: 10px;
}
.block_dash-info-element .course-info-block .right-block .info-block .accordion-block .card-header {
background: none;
border-bottom: 0;
padding: 0;
}
.block_dash-info-element .course-info-block .right-block .info-block .accordion-block .card.completed-bg .card-header {
background-color: rgba(40, 167, 69, .2);
}
.block_dash-info-element .course-info-block .right-block .info-block .accordion-block .card-header h5 {
padding: 10px 20px;
position: relative;
}
.block_dash-info-element .course-info-block .right-block .info-block .accordion-block .card-header h5 button {
width: 100%;
color: #00132e;
font-size: 18px;
font-weight: 500;
line-height: 20px;
text-align: left;
text-decoration: none;
box-shadow: none;
padding: 0 40px 0 0;
display: block;
}
.block_dash-info-element .course-info-block .right-block .info-block .accordion-block .card-header h5 button:before {
content: '\f107';
font-family: var(--fa-style-family, "Font Awesome 6 Free", fontawesome);
font-weight: var(--fa-style, 900);
font-size: 20px;
margin-right: 10px;
}
.block_dash-info-element .course-info-block .right-block .info-block .accordion-block .card-header h5 button.collapsed:before {
content: '\f105';
}
.block_dash-info-element .course-info-block .right-block .info-block .accordion-block .card-header h5 .completion-card {
display: inline-block;
position: absolute;
right: 20px;
top: 10px;
z-index: -1;
}
.block_dash-info-element .course-info-block .right-block .info-block .accordion-block .card-header h5 .completion-card p {
font-size: 16px;
color: #28a745;
font-weight: bold;
margin: 0;
}
.block_dash-info-element .course-info-block .right-block .info-block .accordion-block .card-header h5
.completion-card.restricted p {
color: #00132e;
}
.block_dash-info-element .course-info-block .right-block .info-block .accordion-block .card-header h5
.completion-card.completed p i {
font-size: 22px;
}
.block_dash.block .card-body .dash-block-content .downloadreport {
text-align: right;
}
.dash-block-content .dash-filters form.filter-form:after {
content: '';
display: block;
clear: both;
}
.dash-block-content .dash-filters form.filter-form > * {
margin: 10px;
}
.block_dash-info-element .course-info-block .right-block .info-block .accordion-block .card-body {
padding-top: 0;
padding-bottom: 0;
}
.block_dash-info-element .course-info-block .right-block .info-block .accordion-block .card-body .section-block {
border-bottom: 1px solid #e0e0e0;
padding: 15px 10px 10px;
position: relative;
}
.block_dash-info-element .course-info-block .right-block .info-block .accordion-block .card-body .section-block:last-child {
border: 0;
}
.block_dash-info-element .course-info-block .right-block .info-block .accordion-block .card-body .section-block h5 {
font-size: 15px;
line-height: 20px;
color: #00132e;
}
.block_dash-info-element .course-info-block .right-block .info-block .accordion-block .card-body .section-block h5 img {
width: 20px;
float: left;
margin-right: 10px;
}
.block_dash-info-element .course-info-block .right-block .info-block .accordion-block .card-body .section-block h5 a {
width: 100%;
color: #00132e;
font-weight: normal;
text-decoration: none;
background: none;
box-shadow: none;
display: block;
}
.block_dash-info-element .course-info-block .right-block .info-block .accordion-block .card-body .section-block .section-action {
display: inline-block;
position: absolute;
top: 15px;
right: 20px;
}
.block_dash-info-element .course-info-block .right-block .info-block .accordion-block .card-body
.section-block.completed .section-action {
color: #28a745;
}
.block_dash-info-element .course-info-block .right-block .info-block .accordion-block .card-body
.section-block.inprogress .section-action a {
font-size: 12px;
color: #fff;
text-decoration: none;
background-color: #00132e;
display: inline-block;
padding: 2px 7px;
opacity: 0;
transition: all .5s ease;
}
.block_dash-info-element .course-info-block .right-block .info-block .accordion-block .card-body
.section-block.inprogress:hover {
background-color: rgba(0, 123, 255, .1);
}
.block_dash-info-element .course-info-block .right-block .info-block .accordion-block .card-body
.section-block.inprogress:hover .section-action a {
opacity: 1;
transition: all .5s ease;
}
.block_dash-info-element .course-info-block .right-block .info-block .accordion-block .card-body
.section-block.inprogress .section-action a:after {
content: '\f178';
font-family: var(--fa-style-family, "Font Awesome 6 Free", fontawesome);
font-weight: var(--fa-style, 900);
margin-left: 10px;
}
.block_dash-info-element .course-info-block .right-block .info-block .accordion-block .card-body
.section-block.restricted h5,
.block_dash-info-element .course-info-block .right-block .info-block .accordion-block .card-body
.section-block.restricted h5:before,
.block_dash-info-element .course-info-block .right-block .info-block .accordion-block .card-body
.section-block.restricted .section-action {
opacity: .5;
}
.dash-block-content .dash-filters form.filter-form > .sort-group .filter-form-control {
max-width: 300px;
border: 1px solid #ced4da;
}
.dash-block-content .dash-filters form.filter-form > .sort-group button {
margin-bottom: 10px;
}
@media (min-width: 1400px) {
.block_dash-info-element .course-info-block .left-block .img-block {
max-width: 300px;
width: 100%;
height: 400px;
}
#topofscroll.main-inner .block_dash-info-element .course-info-block .left-block .img-block {
height: 300px;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.block_dash-info-element .course-info-block .left-block .img-block {
max-width: 310px;
height: 300px;
}
.block_dash-info-element .course-info-block .left-block .course-staff-block ul li {
width: 33%;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.block_dash-info-element .course-info-block .left-block .img-block {
max-width: 300px;
width: 100%;
height: 300px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.block_dash-info-element .course-info-block .left-block .img-block {
max-width: 250px;
width: 100%;
height: 250px;
}
}
@media (min-width: 767px) {
.dash-block-content .dash-filters form.filter-form > .sort-group {
width: 47%;
vertical-align: top;
display: inline-flex;
flex-direction: column;
}
}
@media (max-width: 767px) {
.block_dash-info-element .course-info-block .row {
margin-bottom: 20px;
}
.block_dash-info-element .course-info-block .left-block .img-block {
max-width: 300px;
width: 100%;
height: 300px;
}
.block_dash-info-element .course-info-block .right-block {
margin-top: 40px;
}
}
/*Block settings CSS*/
#page-wrapper #page #page-content .mform fieldset .fcontainer #fgroup_id_datasources_label {
width: 27%;
float: left;
}
#page-wrapper #page #page-content .mform fieldset .fcontainer #fgroup_id_datasources_label p,
#page-wrapper #page #page-content .mform fieldset .fcontainer #fgroup_id_datasources p,
#page-wrapper #page #page-content .mform fieldset .fcontainer #fgroup_id_widgets p,
#page-wrapper #page #page-content .mform fieldset .fcontainer #fgroup_id_customfeature p {
width: auto;
font-weight: bold;
text-transform: capitalize;
padding-bottom: 15px;
}
.mform fieldset .fcontainer p.dash-source-desc {
display: none;
}
#page-wrapper #page #page-content .mform fieldset .fcontainer #fgroup_id_datasources .form-label-addon,
#page-wrapper #page #page-content .mform fieldset .fcontainer #fgroup_id_widgets .form-label-addon,
#page-wrapper #page #page-content .mform fieldset .fcontainer #fgroup_id_customfeature .form-label-addon {
margin-left: 5px;
}
#page-wrapper #page #page-content .mform fieldset .fcontainer #fgroup_id_datasources,
#page-wrapper #page #page-content .mform fieldset .fcontainer #fgroup_id_widgets,
#page-wrapper #page #page-content .mform fieldset .fcontainer #fgroup_id_customfeature {
width: auto;
float: left;
padding-bottom: 30px;
margin: 0;
}
#page-wrapper #page #page-content .mform fieldset .fcontainer #fgroup_id_datasources .form-inline,
#page-wrapper #page #page-content .mform fieldset .fcontainer #fgroup_id_widgets .form-inline,
#page-wrapper #page #page-content .mform fieldset .fcontainer #fgroup_id_customfeature .form-inline {
max-width: none;
flex: auto;
}
#page-wrapper #page #page-content .mform #id_dashconfigheader .fcontainer .col-form-label {
max-width: none;
width: auto;
flex: auto;
}
#page-wrapper #page #page-content .mform #id_dashconfigheader .fcontainer .form-inline fieldset .form-check-label,
.modal .mform .fcontainer .form-inline fieldset .datasource-item .form-check-label {
display: inline-block;
margin: 0;
}
/*Blocks settings CSS*/
#page #page-content .mform #fgroup_id_datasources fieldset legend,
#page #page-content .mform #fgroup_id_widgets fieldset legend,
#page #page-content .mform #fgroup_id_customfeature fieldset legend,
#page #page-content .mform #fgroup_id_datasources_label fieldset legend {
width: auto;
float: none;
}
#page #page-content .mform #fgroup_id_datasources fieldset legend .legend,
#page #page-content .mform #fgroup_id_widgets fieldset legend .legend,
#page #page-content .mform #fgroup_id_customfeature fieldset legend .legend,
#page #page-content .mform #fgroup_id_datasources_label fieldset legend .legend {
text-transform: capitalize;
}
#page #page-content .mform #fgroup_id_datasources fieldset .felement,
#page #page-content .mform #fgroup_id_widgets fieldset .felement,
#page #page-content .mform #fgroup_id_customfeature fieldset .felement {
width: auto;
float: none;
}
#page #page-content .mform fieldset .fcontainer #fgroup_id_datasources_label {
display: inline-block;
margin-left: 0;
margin-right: 0;
}
#page #page-content .mform fieldset .fcontainer #fgroup_id_datasources,
#page #page-content .mform fieldset .fcontainer #fgroup_id_widgets,
#page #page-content .mform fieldset .fcontainer #fgroup_id_customfeature {
width: auto;
display: inline-block;
vertical-align: top;
margin-left: 0;
margin-right: 0;
}
#page #page-content .mform #fgroup_id_datasources fieldset .felement span,
#page #page-content .mform #fgroup_id_widgets fieldset .felement span,
#page #page-content .mform #fgroup_id_customfeature fieldset .felement span {
display: block;
}
#page #page-content .mform #fgroup_id_datasources fieldset .felement span input,
#page #page-content .mform #fgroup_id_widgets fieldset .felement span input,
#page #page-content .mform #fgroup_id_customfeature fieldset .felement span input {
vertical-align: inherit;
}
@media (max-width: 575px) {
#page-wrapper #page #page-content .mform fieldset .fcontainer #fgroup_id_datasources_label {
width: 20rem;
}
}
.path-totara .dash-widget-table .resettable {
display: none;
}
/*Suggested contact*/
.suggested-contact h4 {
font-size: 20px;
color: #000;
margin-bottom: 30px;
}
.suggested-contact .contact-element {
display: inline-block;
margin-bottom: 30px;
}
.suggested-contact .contact-element .img-block {
width: 50px;
height: 50px;
border-radius: 50%;
background-color: #dadada;
margin-right: 15px;
float: left;
}
.suggested-contact .contact-element .img-block img {
width: 100%;
height: 100%;
border-radius: 50%;
object-fit: cover;
}
.suggested-contact .contact-element .img-block h3.user-letter-circle {
height: 100%;
line-height: 45px;
text-align: center;
}
.suggested-contact .contact-element .suggested-element {
margin-left: 70px;
}
.suggested-contact .contact-element .suggested-element h6 {
font-size: 14px;
color: #000;
opacity: .5;
margin-bottom: 5px;
}
.suggested-contact .contact-element .suggested-element h5 {
font-size: 16px;
color: #000;
margin-bottom: 10px;
}
.suggested-contact .contact-element .suggested-element .btn-block a {
font-size: 12px;
color: #fff;
text-align: center;
text-decoration: none;
background-color: #121212;
display: inline-block;
}
.suggested-contact {
margin-top: 20px;
}
#page-admin-setting-blocksettingdash .settingsform .form-item .form-setting .form-select {
max-width: 300px;
position: relative;
}
#page-admin-setting-blocksettingdash .settingsform .form-item .form-setting .form-select .form-autocomplete-downarrow {
position: absolute;
top: 30px;
right: 15px;
left: auto;
}
#page-admin-setting-blocksettingdash #page #page-content #region-main {
overflow: visible;
}
.path-totara.used-region-side-pre.used-region-side-post .course-enrol-block .add-course-block .form-group
select.form-control + span.select2 {
max-width: 380px;
}
.path-totara.used-region-side-pre.used-region-side-post .dash-block-content
.dash-filters form.filter-form > .form-control:last-child {
max-width: none;
}
.block_dash .dash-container {
clear: both;
}
/* Blocks - Region */
.block_dash .card-body .form-inline {
flex-direction: column;
}
.block_dash .card-body .form-inline > div,
.block_dash .card-body .form-inline .custom-addon {
width: 100%;
}
.block_dash .card-body .form-inline .form-group.fitem {
width: 100%;
align-items: baseline;
flex-direction: column;
}
.block_dash .card-body .form-inline .col-md-3.col-form-label,
.block_dash .card-body .form-inline .col-md-9.felement {
max-width: none;
width: 100%;
margin-bottom: 1rem;
flex: auto;
}
.block_dash .card-body .form-inline .col-md-3.col-form-label p {
font-weight: bold;
}
.block_dash .card-body .form-inline .col-md-9.felement .datasource-content {
width: 100%;
display: flex;
flex-wrap: wrap;
}
.block_dash .card-body .form-inline .col-md-9.felement .custom-addon .custom-addon-item {
width: 100%;
display: flex;
flex-wrap: wrap;
}
.block_dash .card-body .form-inline .col-md-9.felement .datasource-content .datasource-item,
.block_dash .card-body .form-inline .col-md-9.felement .custom-addon .content-layout-item {
border: 1px solid #eee;
background-color: #f9f9f9;
padding: 5px;
margin-bottom: 10px;
margin-right: 10px;
display: inline-flex;
align-items: center;
flex-basis: 31%;
}
.block_dash .card-body .form-inline .col-md-9.felement .datasource-content .datasource-item .form-check-label,
.block_dash .card-body .form-inline .col-md-9.felement .custom-addon .content-layout-item .form-check-label {
font-weight: bold;
margin-left: 5px;
}
.block_dash .card-body .form-inline .col-md-9.felement .datasource-content .datasource-item .form-check-label .form-check-input,
.block_dash .card-body .form-inline .col-md-9.felement .custom-addon .content-layout-item .form-check-label .form-check-input {
margin-right: 10px;
}
@media (max-width: 610px) {
.block_dash .card-body .form-inline .col-md-9.felement .datasource-content .datasource-item,
.block_dash .card-body .form-inline .col-md-9.felement .custom-addon .content-layout-item {
flex-basis: 29%;
}
}
@media (max-width: 575px) {
.block_dash .card-body .form-inline .col-md-9.felement .datasource-content .datasource-item,
.block_dash .card-body .form-inline .col-md-9.felement .custom-addon .content-layout-item {
flex-basis: 45%;
}
}
@media (max-width: 420px) {
.block_dash .card-body .form-inline .col-md-9.felement .datasource-content .datasource-item,
.block_dash .card-body .form-inline .col-md-9.felement .custom-addon .content-layout-item {
flex-basis: 100%;
margin-right: 0;
}
}
/* Content layout item */
.block_dash .dashaddon-content .content-layout-item {
padding: 0 5px;
}
.block_dash .dashaddon-content .content-layout-item.layout-edit .insert-dash-content {
padding: 0;
}
.block_dash .dashaddon-content .content-layout-item.layout-edit .insert-dash-content i.icon {
font-size: 15px;
}
.block_dash .dashaddon-content .content-layout-item.layout-edit .insert-dash-content span.add-content {
font-size: 10px;
}
.block_dash .dashaddon-content .content-layout-item .insert-dash-content {
width: 100%;
color: #ccc;
text-align: center;
border: 1px solid #ccc;
background-color: #f9f9f9;
padding: 25px;
display: block;
cursor: pointer;
}
.block_dash .dashaddon-content .content-layout-item .insert-dash-content span.add-content {
font-size: 16px;
font-weight: bold;
display: block;
}
.block_dash .dashaddon-content .content-layout-item .insert-dash-content i.icon {
width: auto;
height: auto;
font-size: 40px;
margin-right: 0;
}
/**
* Styles for block_download_certificates plugin.
*
* @package block_download_certificates
* @copyright 2025 E-learning Touch'
* @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
*/
/* ================================================================
Dashboard Header
================================================================ */
.block-download-certificat-main .cert-dashboard .card-body {
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
border-radius: 8px;
}
.block-download-certificat-main .cert-stat-icon {
opacity: 0.85;
}
.block-download-certificat-main .btn-download-all {
background: linear-gradient(135deg, #0d6efd, #0a58ca);
border: none;
padding: 10px 24px;
border-radius: 8px;
font-weight: 600;
transition: all 0.2s ease;
box-shadow: 0 2px 8px rgba(13, 110, 253, 0.3);
}
.block-download-certificat-main .btn-download-all:hover {
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(13, 110, 253, 0.4);
}
/* ================================================================
Filter Tabs
================================================================ */
.block-download-certificat-main .cert-filters-card .card-header {
background: transparent;
border-bottom: none;
}
.block-download-certificat-main .cert-filters-card .card-header-tabs {
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
border-bottom: 0;
}
.block-download-certificat-main .cert-filters-card .nav-tabs {
border-bottom: 2px solid #dee2e6;
}
.block-download-certificat-main .cert-filters-card .nav-tabs .nav-link {
color: #6c757d;
border: none;
border-bottom: 3px solid transparent;
padding: 12px 20px;
font-weight: 500;
transition: all 0.2s ease;
margin-bottom: -2px;
}
.block-download-certificat-main .cert-filters-card .nav-tabs .nav-link:hover {
color: #0d6efd;
border-bottom-color: rgba(13, 110, 253, 0.3);
background-color: rgba(13, 110, 253, 0.04);
}
.block-download-certificat-main .cert-filters-card .nav-tabs .nav-link.active {
color: #0d6efd;
border-bottom-color: #0d6efd;
background-color: transparent;
font-weight: 600;
}
.block-download-certificat-main .cert-filters-card .nav-tabs .nav-link i {
opacity: 0.7;
}
.block-download-certificat-main .cert-filters-card .nav-tabs .nav-link.active i {
opacity: 1;
}
.block-download-certificat-main .tab-pane {
animation: fadeInTab 0.3s ease;
}
@keyframes fadeInTab {
from {
opacity: 0;
transform: translateY(5px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* ================================================================
Table Card
================================================================ */
.block-download-certificat-main .cert-table-card .card-header {
background: linear-gradient(135deg, #f8f9fa, #ffffff);
border-bottom: 1px solid #dee2e6;
}
.block-download-certificat-main .cert-table-card .card-footer {
background-color: #f8f9fa;
border-top: 1px solid #dee2e6;
}
/* ================================================================
Barre de recherche custom — indépendant de Bootstrap
================================================================ */
.block-download-certificat-main .cert-search-group {
display: flex;
align-items: stretch;
min-width: 250px;
margin-right: 0.75rem;
border: 1px solid #ced4da;
border-radius: 4px;
overflow: hidden;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.block-download-certificat-main .cert-search-group:focus-within {
border-color: #86b7fe;
box-shadow: 0 0 0 0.1rem rgba(13, 110, 253, 0.15);
}
.block-download-certificat-main .cert-search-icon {
display: flex;
align-items: center;
padding: 0.25rem 0.6rem;
background-color: #fff;
color: #6c757d;
font-size: 0.85rem;
}
.block-download-certificat-main .cert-search-input {
flex: 1;
border: none;
outline: none;
padding: 0.3rem 0.5rem;
font-size: 0.875rem;
background: #fff;
min-width: 0;
}
.block-download-certificat-main .cert-search-input::placeholder {
color: #adb5bd;
}
.block-download-certificat-main .cert-search-clear {
display: flex;
align-items: center;
padding: 0.25rem 0.6rem;
background: #fff;
border: none;
border-left: 1px solid #ced4da;
color: #6c757d;
cursor: pointer;
font-size: 0.85rem;
transition: background-color 0.15s ease, color 0.15s ease;
}
.block-download-certificat-main .cert-search-clear:hover {
background-color: #f8f9fa;
color: #495057;
}
/* Sélecteur per-page custom */
.block-download-certificat-main .cert-perpage-select {
width: auto;
padding: 0.3rem 1.75rem 0.3rem 0.5rem;
font-size: 0.875rem;
border: 1px solid #ced4da;
border-radius: 4px;
background-color: #fff;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right 0.4rem center;
background-size: 12px 10px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
transition: border-color 0.15s ease;
}
.block-download-certificat-main .cert-perpage-select:focus {
border-color: #86b7fe;
outline: none;
box-shadow: 0 0 0 0.1rem rgba(13, 110, 253, 0.15);
}
/* ================================================================
Dynamic Table
================================================================ */
.block-download-certificat-main .cert-table {
margin: 0;
}
.block-download-certificat-main .cert-table thead th {
position: sticky;
top: 0;
background: #f1f3f5;
border-top: none;
font-weight: 600;
font-size: 0.85rem;
text-transform: uppercase;
letter-spacing: 0.5px;
color: #495057;
white-space: nowrap;
z-index: 1;
}
.block-download-certificat-main .cert-table .sortable-header {
cursor: pointer;
user-select: none;
transition: color 0.15s ease;
}
.block-download-certificat-main .cert-table .sortable-header:hover {
color: #0d6efd;
}
.block-download-certificat-main .cert-table tbody td {
vertical-align: middle;
padding: 10px 12px;
font-size: 0.9rem;
}
/* Row animation */
.block-download-certificat-main .cert-row {
animation: fadeInRow 0.3s ease both;
}
@keyframes fadeInRow {
from {
opacity: 0;
transform: translateX(-5px);
}
to {
opacity: 1;
transform: translateX(0);
}
}
/* ================================================================
Certificate Type Badges
================================================================ */
.block-download-certificat-main .cert-table .badge {
font-size: 0.72rem;
padding: 4px 8px;
font-weight: 500;
letter-spacing: 0.3px;
}
/* ================================================================
Pagination
================================================================ */
.block-download-certificat-main .pagination {
margin: 0;
}
.block-download-certificat-main .pagination .page-link {
border-radius: 4px;
margin: 0 2px;
color: #495057;
border-color: #dee2e6;
transition: all 0.15s ease;
min-width: 36px;
text-align: center;
}
.block-download-certificat-main .pagination .page-link:hover {
background-color: #0d6efd;
border-color: #0d6efd;
color: #fff;
}
.block-download-certificat-main .pagination .page-item.active .page-link {
background-color: #0d6efd;
border-color: #0d6efd;
}
.block-download-certificat-main .pagination .page-item.disabled .page-link {
opacity: 0.5;
}
/* ================================================================
Responsive
================================================================ */
@media (max-width: 768px) {
.block-download-certificat-main .cert-filters-card .nav-tabs .nav-link {
padding: 8px 12px;
font-size: 0.85rem;
}
.block-download-certificat-main .cert-filters-card .nav-tabs .nav-link i {
display: none;
}
.block-download-certificat-main .cert-table-card .card-header .d-flex {
flex-direction: column;
}
.block-download-certificat-main .cert-search-group {
min-width: 100% !important;
}
}
/* ================================================================
Async Progress Banner (persistent, top of page)
================================================================ */
.async-progress-banner {
background: linear-gradient(135deg, #e8f0fe 0%, #f0f4ff 100%);
border: 1px solid #c2d5f7;
border-radius: 8px;
padding: 12px 20px;
margin-bottom: 16px;
box-shadow: 0 2px 8px rgba(13, 110, 253, 0.1);
animation: bannerSlideIn 0.3s ease-out;
}
.async-progress-banner .progress {
border-radius: 10px;
background-color: rgba(0, 0, 0, 0.08);
}
.async-progress-banner .progress-bar {
border-radius: 10px;
font-size: 0.75rem;
font-weight: 600;
}
.async-progress-banner-success {
background: linear-gradient(135deg, #e8f8e8 0%, #f0fff0 100%);
border-color: #a3d9a5;
box-shadow: 0 2px 8px rgba(40, 167, 69, 0.1);
}
.async-progress-banner-error {
background: linear-gradient(135deg, #fde8e8 0%, #fff0f0 100%);
border-color: #f5c6cb;
box-shadow: 0 2px 8px rgba(220, 53, 69, 0.1);
}
@keyframes bannerSlideIn {
from {
opacity: 0;
transform: translateY(-10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* ================================================================
Boutons de fermeture custom — indépendant de Bootstrap 4 et 5
On utilise une classe propriétaire pour éviter tout conflit
entre les styles .close (BS4) et .btn-close (BS5).
================================================================ */
.cert-close-btn {
background: transparent;
border: none;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
color: #fff;
opacity: 0.8;
padding: 0.25rem 0.5rem;
margin-left: auto;
cursor: pointer;
transition: opacity 0.15s ease;
}
.cert-close-btn:hover,
.cert-close-btn:focus {
opacity: 1;
color: #fff;
text-decoration: none;
outline: none;
}
/* Variante sombre (pour les alertes sur fond clair) */
.cert-close-btn.cert-close-btn-dark {
color: #000;
opacity: 0.5;
position: absolute;
top: 0;
right: 0;
padding: 0.75rem 1rem;
}
.cert-close-btn.cert-close-btn-dark:hover {
color: #000;
opacity: 0.75;
}
/* stylelint-disable declaration-no-important */
.block_exaaichat {
position: relative;
}
.block_exaaichat .exaaichat_log {
display: flex;
flex-direction: column;
max-height: 20rem;
overflow-y: auto;
margin-bottom: 0.5rem;
gap: 8px;
padding: 15px 15px 15px 0;
}
.block_exaaichat .exaaichat_log.hidden {
display: none;
}
.block_exaaichat .exaaichat_log p {
margin: 0;
}
.block_exaaichat .exaaichat_log a {
color: inherit;
text-decoration: underline;
opacity: 75%;
}
.block_exaaichat .exaaichat_control_bar button:hover {
filter: brightness(0.8);
}
.block_exaaichat .exaaichat_control_bar .exaaichat_input_submit_btn {
border-radius: 0 0.5rem 0.5rem 0;
}
.block_exaaichat .exaaichat_control_bar button {
transition: filter 0.2s ease;
border: none;
border-radius: 0.5rem;
width: 2.2rem;
padding: 4px !important;
flex-grow: 0;
flex-shrink: 0;
}
/* can not be inside .block_exaaichat, because then the var() won't work */
.exaaichat_input_submit_btn {
background-color: var(--primary);
color: var(--white);
}
/* can not be inside .block_exaaichat, because then the var() won't work */
.exaaichat_input_refresh_btn {
background-color: var(--secondary);
color: black;
margin-left: 0.5rem;
}
.block_exaaichat .exaaichat_top-buttons {
position: absolute;
display: flex;
top: 0.75rem;
right: 0.5rem;
z-index: 100;
}
.block_exaaichat .exaaichat_top-buttons > * {
margin-right: 6px;
}
.block_exaaichat .exaaichat_btn {
width: 2rem;
height: 2rem;
border-radius: 99rem;
display: flex;
padding: 0;
border: none;
align-items: center;
justify-content: center;
}
.block_exaaichat .exaaichat_btn img {
max-width: 1.25rem !important; /* needs to be important, because .card img is important */
pointer-events: none;
}
.block_exaaichat .exaaichat_btn_close {
display: none;
}
.block_exaaichat.expanded .exaaichat_popout_btn {
display: none;
}
.block_exaaichat.expanded .exaaichat_btn_close {
display: flex;
}
.drawercontent {
position: unset;
}
.exaaichat_input_submit_btn_icon,
.exaaichat_input_refresh_btn_icon {
width: 80%;
}
.exaaichat_input_bar {
display: flex;
width: 100%;
}
.block_exaaichat img {
transform: scale(0.7);
}
.exaaichat_input_bar .exaaichat_input {
resize: none;
overflow: hidden;
}
/* inside the drawer, if ai_provider_select is visible, textfield in one line and buttons below */
.drawer-right .block_exaaichat:not(.expanded) .exaaichat_input_bar.with_ai_provider_select {
flex-wrap: wrap;
}
.drawer-right .block_exaaichat:not(.expanded) .exaaichat_input_bar.with_ai_provider_select .exaaichat_input {
width: 100%;
margin-bottom: 10px;
border-radius: 0.5rem
}
.block_exaaichat .exaaichat_input {
padding: 0.5rem;
border-radius: 0.5rem 0 0 0.5rem;
border: 1px solid gray;
width: 100%;
transition: background 0.4s ease;
}
.block_exaaichat .exaaichat_input.error {
border: 1px solid red;
}
/* Whole chat message */
.block_exaaichat .chat_message {
max-width: 80%;
display: flex;
flex-direction: column;
align-self: flex-start;
animation: block_exaaichat_popup 0.4s cubic-bezier(0.87, 0, 0.13, 1);
}
/* Align user messages to the right */
.block_exaaichat .chat_message.user {
align-self: flex-end;
text-align: right;
}
/* Username label */
.block_exaaichat .chat_message_label {
font-size: 0.85rem;
margin-bottom: 3px;
color: gray;
font-weight: bold;
padding: 0 4px;
}
/* Bubble */
.block_exaaichat .chat_message_content {
padding: 10px 14px;
border-radius: 12px;
background: #f1f1f1;
color: #222;
}
/* User bubble style */
.block_exaaichat .chat_message.user .chat_message_content {
background: #d3e8ff;
}
.block_exaaichat .chat_message.user {
align-self: flex-end;
text-align: right;
}
.block_exaaichat .chat_message.assistant .chat_message_content {
background: #f0f0f0;
color: black;
}
.block_exaaichat .chat_message.error .chat_message_content {
background: #fdebeb;
color: black;
}
.block_exaaichat .chat_message.loading .chat_message_content {
animation: block_exaaichat_thinking 1s ease infinite;
}
.block_exaaichat.disabled,
.block_exaaichat .disabled {
opacity: 0.25;
pointer-events: none;
}
.block_exaaichat.expanded {
position: fixed;
height: 70vh;
width: 80vw;
/*rtl:ignore*/
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
outline: 100vw solid #00000029;
z-index: 2000;
background-color: white !important;
}
.block_exaaichat.expanded .card-body,
.block_exaaichat.expanded .card-text {
height: 100%;
}
.block_exaaichat.expanded .exaaichat_log {
padding-top: 1rem;
min-height: 2rem;
max-height: calc(100% - 80px);
}
.block_exaaichat.expanded .exaaichat_control_bar {
position: fixed;
bottom: 1rem;
width: calc(100% - 2rem);
}
.block_exaaichat .recording {
width: 0.5rem;
height: 0.5rem;
margin-top: 12px;
margin-right: 8px;
background: #ff0000;
border-radius: 99rem;
filter: opacity(0.5);
animation: block_exaaichat_thinking 3s linear infinite;
}
.block_exaaichat .report_container {
display: flex;
gap: 1rem;
margin-bottom: 1rem;
}
/* remui styles */
.block_exaaichat.expanded .block-header-wrapper {
padding: 1rem !important;
}
.block_exaaichat.expanded .edw-block-body {
box-shadow: none !important;
}
.block_exaaichat .edw-block-body .recording {
top: 0.75rem;
}
.block_exaaichat.expanded .edw-block-body .recording {
top: 1.5rem;
}
.block_exaaichat.expanded .edw-block-body .exaaichat_control_bar {
width: calc(100% - 4rem);
}
.block_exaaichat.expanded .block-body-wrapper {
height: calc(100% - 4rem);
overflow: auto;
}
#block-region-side-pre .block_exaaichat.expanded .block-body-wrapper {
margin-left: 0;
margin-right: 0;
padding: 0 2rem;
}
.drawer {
filter: unset !important;
}
@media screen and (max-width: 750px) {
.drawerheader {
pointer-events: none;
}
.drawerheader button {
pointer-events: all;
}
.block_exaaichat.expanded {
transform: unset;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
}
.block_exaaichat .report_container {
flex-direction: column;
}
}
@keyframes block_exaaichat_popup {
0% {
opacity: 0;
transform: translateY(5px);
}
70% {
opacity: 1;
transform: translateY(-2.5px);
}
85% {
transform: translateY(2.5px);
}
100% {
transform: translateY(0);
}
}
@keyframes block_exaaichat_thinking {
0% {
opacity: 1;
}
50% {
opacity: 0.25;
}
100% {
opacity: 1;
}
}
@keyframes block_exaaichat_fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
/* Terms of Service Dialog */
.block_exaaichat .exaaichat_tos_wrapper {
text-align: center;
}
.block_faq_list .faq-wrapper p:last-child,
.block_faq_list .faq-wrapper ul:last-child,
.block_faq_list .faq-wrapper ol:last-child {
margin-bottom: 0;
}
/* Accordion view mode styles. */
.block_faq_list .accordion-item {
margin-bottom: 1rem;
}
.block_faq_list .accordion-item:last-child {
margin-bottom: 0;
}
.block_faq_list .accordion-header {
position: relative;
font-size: 1rem;
}
.block_faq_list .accordion-header button .fa {
position: absolute;
top: calc(50% - .5em);
right: 1rem;
transition: transform ease .3s;
}
.block_faq_list .accordion-header button:not(.collapsed) .fa {
transform: rotate(180deg);
}
.block_faq_list .accordion-header button {
display: block;
background: none;
padding: 0;
border: 0;
}
/* Slider view mode styles. */
.block_faq_list .faq-wrapper .carousel-indicators li {
background-color: #000;
}
body#page-blocks-faq_list-view-faq_list_items {
input.action-icon {
max-height: 1rem;
max-width: 1rem;
filter: invert(30%) sepia(64%) saturate(1621%) hue-rotate(186deg) brightness(96%) contrast(94%);
}
input.action-icon:hover {
filter: invert(20%) sepia(93%) saturate(900%) hue-rotate(177deg) brightness(96%) contrast(97%);
}
}
.block_floatingbutton-floatingicons {
position: fixed;
bottom: calc(2rem + 36px);
right: 2rem;
width: calc(16px + 1rem);
transition: 0.2s;
z-index: 1000;
/* eslint-disable no-important */
visibility: visible !important;
}
.drawer-right.show .block_floatingbutton-floatingicons,
.show-drawer-right .block_floatingbutton-floatingicons {
right: calc(315px + 2rem);
}
.block_floatingbutton-floatingicons .block_floatingbutton-btn {
margin-bottom: 2px;
}
.block_floatingbutton-floatingicons div.block_floatingbutton-btn {
word-wrap: break-word;
float: none;
display: flex;
justify-content: center;
align-items: center;
}
.block_floatingbutton-floatingicons .block_floatingbutton-btn .icon {
width: auto;
}
.block_floatingbutton-floatingicons .block_floatingbutton-btn:hover {
filter: hue-rotate(10deg) brightness(90%);
}
.block_floatingbutton-floatingicons a:hover {
text-decoration: none;
}
.block_floatingbutton-floatingicons .block_floatingbutton-edit-active i {
filter: invert(90%);
}
.block_floatingbutton-iconpicker-button {
height: calc(1.5em + 0.75rem + 2px);
width: calc(1.5em + 0.75rem + 2px);
}
.block_floatingbutton-iconpicker {
display: flex;
flex-wrap: wrap;
overflow-y: scroll;
}
.block_floatingbutton-iconpicker .block_floatingbutton-iconpicker-icon {
display: flex;
font-size: 25px;
height: 40px;
width: 40px;
padding: 4px;
margin: 4px;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
text-align: center;
border: solid;
border-radius: 4px;
}
.block_floatingbutton-iconpicker .block_floatingbutton-iconpicker-icon.highlight {
background-color: goldenrod;
}
.block_floatingbutton-iconpicker .block_floatingbutton-iconpicker-search {
width: 100%;
}
.block_floatingbutton-iconpicker .block_floatingbutton-iconpicker-search-input {
width: 95%;
}
.block_floatingbutton-color-input input[type="color"] {
width: 2.5em;
padding: 0;
}
/* eslint-disable no-important */
.block_floatingbutton-hidden {
display: none !important;
}
.block_floatingbutton-nopadding {
padding: 0 !important;
margin: 0 !important;
max-width: unset !important;
min-height: 100% !important;
width: 100% !important;
}
.block_globalsearch .searchform {
text-align: center;
}
.block_globalsearch .footer {
text-align: center;
}
/* Modern card container for the block */
.block_glossarysearch .glossarysearch-outercard {
background: #fff;
border-radius: 1.1rem;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.07), 0 1.5px 4px 0 rgba(0, 0, 0, 0.04);
padding: 0.3rem;
margin-bottom: 1.2rem;
border: 1px solid #e3e6ea;
}
/* Form card look */
.block_glossarysearch .glossarysearch-formcard {
background: #f7fafd;
border-radius: 0.7rem;
padding: 1rem 1.1rem 0.7rem 1.1rem;
margin-bottom: 1.1rem;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.03);
border: 1px solid #e3e6ea;
}
.glossarysearch-paging .pagination .pagination {
overflow-x: auto;
height: 3rem;
}
/* Modern input look */
.block_glossarysearch .glossarysearch-form input[type="text"],
.block_glossarysearch .glossarysearch-input input[type="text"] {
width: 100%;
min-width: 0;
box-sizing: border-box;
border-radius: 0.5rem;
border: 1px solid #cfd8dc;
padding: 0.5rem 0.7rem;
font-size: 1rem;
background: #fff;
transition: border-color 0.2s;
}
.block_glossarysearch .glossarysearch-form input[type="text"]:focus {
border-color: #1976d2;
outline: none;
}
/* Modern select look */
.block_glossarysearch .glossarysearch-select select {
width: 100%;
border-radius: 0.5rem;
border: 1px solid #cfd8dc;
padding: 0.5rem 0.7rem;
font-size: 1rem;
background: #f7fafd;
}
/* Modern submit button */
.block_glossarysearch .glossarysearch-submit input[type="submit"] {
width: 100%;
border-radius: 0.5rem;
background: var(--primary-color, #1976d2);
color: #fff;
border: none;
padding: 0.55rem 0;
font-size: 1.05rem;
font-weight: 600;
cursor: pointer;
box-shadow: 0 1px 2px 0 rgba(25, 118, 210, 0.08);
transition: background 0.2s;
}
.block_glossarysearch .glossarysearch-submit input[type="submit"]:hover {
background: var(--secondary-color, #005bb5);
}
/* Results modern look */
.block_glossarysearch .glossarysearch-results {
background: #f9fafb;
border-radius: 0.7rem;
margin-bottom: 0.7rem;
border: 1px solid #e3e6ea;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03);
width: 100%;
margin-left: 0;
margin-right: 0;
}
.block_glossarysearch .glossarysearch-results ul {
list-style: none;
padding-left: 0;
margin: 0;
}
.block_glossarysearch .glossarysearch-results li {
margin-bottom: 0.6rem;
padding: 0.3rem;
border-bottom: 1px solid #e3e6ea;
}
.block_glossarysearch .glossarysearch-results li:last-child {
border-bottom: none;
margin-bottom: 0;
}
.block_glossarysearch .glossarysearch-def {
font-size: 1.01em;
line-height: 1.5;
margin-top: 0.2rem;
}
.block_glossarysearch .glossarysearch-meta {
font-size: 0.87em;
color: var(--text-color-muted, #7b8a99);
margin-top: 0.25rem;
}
/* Paging modern look */
.block_glossarysearch .glossarysearch-paging {
margin-top: 0.7rem;
text-align: center;
white-space: nowrap;
display: block;
scrollbar-width: thin;
-webkit-overflow-scrolling: touch;
}
/* Help text modern look */
.block_glossarysearch .glossarysearch-help {
background: #fffbe7;
border-radius: 0.5rem;
padding: 0.7rem 1rem;
color: #7b6c1d;
border: 1px solid #ffe082;
margin-top: 0.7rem;
font-size: 1.01em;
}
/* Highlighted search term */
.block_glossarysearch mark {
padding: 0 0.18em;
background-color: var(--highlight-bg, #ffe082);
border-radius: 0.2em;
color: var(--highlight-color, #222);
}
.glossarysearch-empty {
padding: 1rem;
}
/* Glossary search block styles */
.block_glossarysearch .glossarysearch-form {
margin-bottom: 0.5rem;
}
/* Stack each control on its own line */
.block_glossarysearch .glossarysearch-input,
.block_glossarysearch .glossarysearch-select,
.block_glossarysearch .glossarysearch-checkbox,
.block_glossarysearch .glossarysearch-submit {
margin-top: 0.3rem;
}
/* Nice alignment for checkbox + label */
.block_glossarysearch .glossarysearch-checkbox {
display: flex;
align-items: center;
gap: 0.35rem;
}
.block_glossarysearch .glossarysearch-results {
list-style: none;
padding-left: 0;
margin: 0; /* reset default ul margin */
}
/**
* File styles.css.
* Contains styles for block block_graderanking.
*
* @package block_graderanking
* @copyright 2021 Antoni Oliver
* @license https://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
*/
.block_graderanking .graderanking_container {
scrollbar-width: thin;
}
.block_graderanking .graderanking_container {
position: relative;
}
.block_graderanking .graderanking_container table th {
position: sticky;
top: 0;
background: white;
}
.block_graderanking .graderanking_container table div.studentname {
max-height: 1.5em;
overflow: hidden;
}
.block_graderanking .graderanking_container table tr.me {
font-weight: bold;
}
/**
* @package block_iomad_company_admin
* @copyright 2021 Derick Turner
* @author Derick Turner
* @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
*/
.iomad_company_admin_table {
width: 95%;
margin: auto;
text-align: center;
top: 30px;
bottom: 30px;
}
div.iomadlink_container {
min-height: 160px;
padding-left: 8px;
position: relative;
/* top: -30px; */
}
div.block_iomad_company_admin div.iomadlink_container {
top: -30px;
}
ul.iomadtab {
height: 36px;
margin-top: 5px;
padding-left: 10px;
margin-right: 20px;
clear: both;
border-bottom: 1px solid black;
}
ul.iomadtab li {
height: 25px;
list-style: none;
float: left;
padding: 5px 15px;
background-color: #fad163;
border: 1px solid black;
}
ul.iomadtab li.iomadselected {
border-bottom: 1px solid transparent;
background-color: #fff7d7;
}
ul.iomadtab a:hover {
color:#333 !important;
text-decoration: underline;
}
div.iomadlink a:hover, div.iomadlinkreports a:hover{
color:#fad163 !important;
text-decoration: none;
}
div.iomadlink, div.iomadlinkreports {
width: 100px;
min-height: 100px;
text-align: center;
float:left;
position: relative;
}
div.block_iomad_company_admin a:hover {
color:#fad163;
}
#ReportTable td {
vertical-align: middle !important;
}
#licenseSelector {
margin:auto;
color:#000000;
text-align: center;
background-color:#fad163;
padding-top: 10px;
padding-bottom: 15px;
width: 50%;
border-radius: 10px;
}
.iomad_company_selector .singleselect {
float: left;
}
.companyselect {
min-height: 75px;
}
.companyselect .singlebutton {
float: right;
position: relative;
top: -47px;
left: 4px;
}
.companyselect .col-md-3 {
top: 31px;
left: 3px;
}
.reporttablecontrolscontrol > #iomad_company_selector {
padding-top: 31px;
}
.reporttablecontrolscontrol > .iomadcoursesearchform {
padding-left: 25px;
}
.fitem .singleselect label {
font-weight: normal;
float: left;
width: 25%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
text-align: right;
}
.fitem .singleselect select {
position: relative;
float: left;
width: 75%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
left: 0.6%;
}
.iomadclear {
clear:both;
}
/* Tree stuff for company select */
[aria-expanded="false"] > [role="group"] {
display: none;
}
[aria-selected="true"] {
font-weight: bold;
}
[aria-selected="false"] {
font-weight: normal;
}
.dep_tree {
padding: 20px;
background-color: #ddd;
border: 1px solid #666;
border-radius: 5px;
}
.dep_tree .tree_item {
padding-left: 20px;
}
.dep_tree .haschildren[aria-expanded="true"] {
background-image: url(/theme/image.php/iomadmoon/core/1777497332/t/expanded);
background-size: 16px 16px;
background-repeat: no-repeat;
}
.dep_tree .haschildren[aria-expanded="false"] {
background-image: url(/theme/image.php/iomadmoon/core/1777497332/t/collapsed);
background-size: 16px 16px;
background-repeat: no-repeat;
}
.dep_tree .nochildren [aria-expanded="true"] {
background-image: none;
}
.dep_tree .nochildren [aria-expanded="false"] {
background-image: none;
}
.licenseok, .licensewarning {
font-weight: bold;
}
.licensewarning {
color: red;
}
#page-blocks-iomad_company_admin-editusers .generaltable {
overflow-x: unset;
}
#page-blocks-iomad_company_admin-editusers .main, #page-blocks-iomad_company_admin-editusers #region-main, #page-blocks-iomad_company_admin-editusers #region-main > div {
height: 100%;
}
#page-blocks-iomad_company_admin-editusers .no-overflow {
min-height: 472px;
}
#page-blocks-iomad_company_admin-editusers .moodle-actionmenu[data-enhanced].show .menu.align-tl-bl {
left: -150px;
min-width: 150px;
}
#page-blocks-iomad_company_admin-uploaduser #fitem_id_userdepartment, #page-blocks-iomad_company_admin-uploaduser #id_category_1 > div > div.dep_tree {
display: none;
}
.iomadlink_container {
background-color: #F7F7F7;
border: 1px solid #DDD;
margin-bottom: 15px;
}
@media (min-width: 992px) {
.iomadlink_container {
border-top-color: #F7F7F7;
}
}
.iomadlink_container > a {
display: block;
float: left;
margin: 10px;
min-height: 155px;
}
.iomadlink_container .iomadlink, .iomadlink_container .iomadlinkreports {
text-align: center;
}
.iomadlink_container .iomadlink .iomadicon, .iomadlink_container .iomadlink .iomadiconreports {
display: block;
position: relative;
margin: 10px 0;
}
.iomadlink_container .iomadlink .iomadicon .fa-topic, .iomadlink_container .iomadlinkreports .iomadicon .fa-topic {
font-size: 54px;
margin-bottom: 10px;
color: #17859b;
}
.iomadlink_container .iomadlink .iomadicon .fa-action, .iomadlink_container .iomadlinkreports .iomadicon .fa-action {
border-radius: 15px;
color: #FFFFFF;
background-color: #83d411;
font-size: 20px;
height: 30px;
line-height: 30px;
margin-left: -15px;
width: 30px;
position: absolute;
bottom: 0;
}
#dashboardheader {
color: #d30000;
}
#page-blocks-iomad_company_admin-editusers #mform1 {
display: flex;
padding-top: 5px;
}
#page-blocks-iomad_company_admin-iomad_courses_form .reporttablecontrolscontrol {
display: flex;
}
#page-blocks-iomad_company_admin-iomad_courses_form .reporttablecontrolscontrol {
float: left;
}
#page-blocks-iomad_company_admin-iomad_courses_form .reporttablecontrolscontrol .singlebutton {
padding-top: 7px;
padding-right: 5px;
}
#page-blocks-iomad_company_admin-iomad_courses_form .reporttablecontrolscontrol #id_searchbutton {
color: #212529;
background-color: #e9ecef;
border-color: #e9ecef;
padding-right: 3px;
}
#page-blocks-iomad_company_admin-iomad_courses_form .reporttablecontrolscontrol div.col-md-9.form-inline.felement {
display: contents
}
#page-blocks-iomad_company_admin-iomad_courses_form .reporttablecontrolscontrol div.col-md-3 {
display: none
}
/* Checkbox Bootstrap */
:root {
/* larger checkbox */
}
:root label.checkbox-bootstrap input[type=checkbox] {
/* hide original check box */
opacity: 0;
position: absolute;
/* find the nearest span with checkbox-placeholder class and draw custom checkbox */
/* draw checkmark before the span placeholder when original hidden input is checked */
/* disabled checkbox style */
/* disabled and checked checkbox style */
/* when the checkbox is focused with tab key show dots arround */
}
:root label.checkbox-bootstrap input[type=checkbox] + span.checkbox-placeholder {
width: 14px;
height: 14px;
border: 1px solid;
border-radius: 3px;
/*checkbox border color*/
border-color: #737373;
display: inline-block;
cursor: pointer;
margin: 0 7px 0 -20px;
vertical-align: middle;
text-align: center;
}
:root label.checkbox-bootstrap input[type=checkbox]:checked + span.checkbox-placeholder {
background: #0ccce4;
}
:root label.checkbox-bootstrap input[type=checkbox]:checked + span.checkbox-placeholder:before {
display: inline-block;
position: relative;
vertical-align: text-top;
width: 5px;
height: 9px;
/*checkmark arrow color*/
border: solid white;
border-width: 0 2px 2px 0;
/*can be done with post css autoprefixer*/
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
content: "";
}
:root label.checkbox-bootstrap input[type=checkbox]:disabled + span.checkbox-placeholder {
background: #ececec;
border-color: #c3c2c2;
}
:root label.checkbox-bootstrap input[type=checkbox]:checked:disabled + span.checkbox-placeholder {
background: #d6d6d6;
border-color: #bdbdbd;
}
:root label.checkbox-bootstrap input[type=checkbox]:focus:not(:hover) + span.checkbox-placeholder {
outline: 1px dotted black;
}
:root label.checkbox-bootstrap.checkbox-lg input[type=checkbox] + span.checkbox-placeholder {
width: 26px;
height: 26px;
border: 2px solid;
border-radius: 5px;
/*checkbox border color*/
border-color: #737373;
}
:root label.checkbox-bootstrap.checkbox-lg input[type=checkbox]:checked + span.checkbox-placeholder:before {
width: 9px;
height: 15px;
/*checkmark arrow color*/
border: solid white;
border-width: 0 3px 3px 0;
}
.tree_dept_name {
display: inline-block;
width: 100%;
}
#page-blocks-iomad_company_admin-classroom_list > #page-wrapper > nav > div.primary-navigation > nav {
opacity: 1;
}
.companymanagertable p.arrow_button input,
.companycourseuserstable p.arrow_button input,
.companycoursegroupstable p.arrow_button input,
.companycoursetable p.arrow_button input,
.companygroupuserstable p.arrow_button input,
.companylicenseuserstable p.arrow_button input,
.companytemplatetable p.arrow_button input,
.companyframeworktable p.arrow_button input,
.companyuserstable p.arrow_button input {
width: auto;
min-width: 80%;
margin: 0 auto;
display: block;
}
#full-company-select > tbody > tr > td {
text-align: center;
}
#page-blocks-iomad_company_admin-fullselect #fgroup_id_searcharray > div.col-md-3.col-form-label.d-flex.pb-0.pr-md-0,
#page-blocks-iomad_company_admin-classroom_list #fgroup_id_searcharray > div.col-md-3.col-form-label.d-flex.pb-0.pr-md-0 {
display: none !important;
}
.navbar.fixed-top .companymenu {
display: flex;
}
.navbar.fixed-top .companymenu .dropdown {
display: flex;
align-items: center;
height: 100%;
}
#page-blocks-iomad_company_admin-iomad_courses_form .iomadcoursesearchform {
padding-top: 5px;
}
.iomadcoursesearchform,
.iomaddatesearchform,
.iomadusersearchform {
margin-right: 10px;
float: left;
}
.iomadcoursesearchform .icons-collapse-expand.collapsed .expanded-icon,
.iomadcoursesearchform .icons-collapse-expand.collapsed .collapsed-icon,
.iomaddatesearchform .icons-collapse-expand.collapsed .expanded-icon,
.iomaddatesearchform .icons-collapse-expand.collapsed .collapsed-icon,
.iomadusersearchform .icons-collapse-expand.collapsed .expanded-icon,
.iomadusersearchform .icons-collapse-expand.collapsed .collapsed-icon {
font-size: small;
}
.iomadcoursesearchform h3,
.iomaddatesearchform h3,
.iomadusersearchform h3 {
font-size: medium;
}
.iomadcoursesearchform .mform .form-inline .form-control,
.iomadcoursesearchform .mform .form-inline .custom-select,
.iomaddatesearchform .mform .form-inline .form-control,
.iomaddatesearchform .mform .form-inline .custom-select,
.iomadusersearchform .mform .form-inline .form-control,
.iomadusersearchform .mform .form-inline .custom-select {
max-width:75%;
}
#page-blocks-iomad_company_admin-iomad_courses_form #iomad_company_selector {
float: left;
margin-right: 10px;
}
#page-blocks-iomad_company_admin-iomad_courses_form .c0 a {
display: inline-block;
}
div.mb-3.fitem.dangerbutton .btn-primary {
background-color: #ca3120;
border-color: #ca3120;
}
#page-blocks-iomad_company_admin-index #region-main .col-md-12 {
max-width: 50%;
}
#page-blocks-iomad_company_admin-index #region-main .col-md-12 .singlebutton,
.block_iomad_company_admin .col-md-12 .singlebutton {
float: right;
}
.my-auto {
margin-top: auto;
margin-bottom: auto;
}
.progress {
background-color: #eceeef;
font-size: 0.75rem;
display: flex;
overflow: hidden;
line-height: 1rem;
text-align: center;
border-radius: .25rem;
}
.card-block .alert {
padding: 0.5rem 1rem !important;
}
.card-block .coursetitle, .card-block .learningpathtitle {
font-size: 1.171875rem;
}
.lpgrouprow {
margin: 10px!important;
}
.lpprogresscol {
display: flex;
align-items: center;
}
.lpprogresscol .card-block {
display: block;
width: 100%;
}
.lpcard {
padding: 5px;
}
.path_courses_title {
display: flex;
width: 100%;
}
.path_courses_title h2 {
float: left;
}
.path_courses_title .btn {
float: right;
}
.path_courses_title div {
width: 50%;
}
.lpgroupcard {
margin-bottom: 5px;
}
.lpgroupcard .card-img {
height: 7rem;
background-position: center;
background-size: cover;
}
#iomad_learningpaths .bg-none {
background-color: #666 !important;
}
.block_iomad_onlineusers .content .list li.listentry {
clear: both;
}
.block_iomad_onlineusers .content .list li.listentry:not(:first-child) {
padding-top: 3px;
}
.block_iomad_onlineusers .content .list li.listentry .user {
float: left;
position: relative;
}
.block_iomad_onlineusers .content .list li.listentry .otherusers {
margin-left: 1.5rem;
}
.block_iomad_onlineusers .content .list li.listentry .user .userpicture {
vertical-align: text-bottom;
}
.block_iomad_onlineusers .content .list li.listentry .message,
.block_iomad_onlineusers .content .list li.listentry .uservisibility {
float: right;
margin-top: 3px;
}
.block_iomad_onlineusers .content .info {
text-align: center;
}
.iomad_reports_table {
width: 90%;
margin: auto;
text-align: center;
top: 30px;
bottom: 30px;
}
.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;
}
#messageteacher_form {
padding: 2em;
}
#messageteacher_form .mform .fitem div.fitemtitle {
width: 8em;
}
#messageteacher_form .mform .fitem .felement {
margin-left: 10em;
}
#messageteacher_form textarea {
width: 80%;
}
.messageteacher_confirm {
font-size: 2em;
font-weight: bold;
margin-top: 1em;
}
/* Fixes issue with react-select dropdown. */
.path-admin-blocks-motrain #region-main,
.path-admin-blocks-motrain #region-main > .card {
overflow-x: visible;
}
/** React selector. */
.block_motrain-selector {
display: flex;
}
.block_motrain-react-select-container {
max-width: 308px;
width: 100%;
margin-right: 5px;
}
.block_motrain-react-select__control {
border-radius: 0 !important; /* stylelint-disable-line */
}
.block_motrain-react-select__menu {
border-radius: 0 !important; /* stylelint-disable-line */
margin-top: 0 !important; /* stylelint-disable-line */
}
/** Rules */
.block_motrain-rule-item {
margin: 0.5rem 0;
display: flex;
align-items: center;
gap: 0.5rem;
}
.block_motrain-rule-item label {
display: flex;
align-items: center;
font-weight: normal;
}
.block_motrain-rule-item-label {
flex: 1;
width: 16rem;
}
.block_motrain-rule-item-field {
width: 8rem;
}
.block_motrain-section {
margin-bottom: 1rem;
}
.block_motrain-section.expanded {
border-bottom: 1px solid #efefef;
padding-bottom: 4px;
}
.block_motrain-section-title {
font-weight: bold;
font-size: large;
display: flex;
align-items: center;
gap: 1rem;
justify-content: space-between;
}
.block_motrain-section-title a:hover {
cursor: pointer;
}
.block_motrain-section-title .icon {
margin-right: 4px;
}
.block_motrain-section-content {
border-left: 3px solid #efefef;
padding-left: 16px;
margin-top: 4px;
}
.block_motrain-section-actions {
display: flex;
gap: 0.5rem;
}
/** Block wrapper */
.block_motrain-wrapper {
--motrain-accent-color: #07c8f3;
--motrain-bg-color: #e7fafe;
}
/** Block content */
.block_motrain-content {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 16px;
}
.block_motrain-content > div {
flex: 1 1 296px;
}
/** Block highlight container */
.block_motrain-container {
background: var(--motrain-bg-color);
border-radius: 16px;
padding: 16px;
display: flex;
flex-direction: column;
gap: 16px;
}
.block_motrain-brava-given {
flex-grow: 1;
}
.block_motrain-brava-given-amount {
line-height: 1;
font-weight: bold;
font-size: 32px;
text-align: center;
}
.block_motrain-brava-given-label {
font-size: 12px;
line-height: 1;
text-align: center;
color: #474747;
margin-top: 2px;
}
/** Wallet on block */
.block_motrain-wallet .block_motrain-wallet-balances {
flex-grow: 1;
display: flex;
justify-content: space-around;
flex-wrap: wrap;
gap: 8px;
}
/** Wallet balance, re-usable */
.block_motrain-wallet-balance {
gap: 4px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
font-weight: bold;
}
.block_motrain-wallet-balance .wallet-coins {
font-size: 32px;
line-height: 1;
}
.block_motrain-wallet-balance .wallet-pic {
height: 22px;
}
.block_motrain-container .wallet-actions {
display: flex;
gap: 8px;
}
.block_motrain-container .wallet-action {
flex: 1 1 auto;
}
.block_motrain-container .wallet-action a {
position: relative;
background: var(--motrain-accent-color);
border-radius: 8px;
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
width: 100%;
font-weight: bold;
text-decoration: none;
color: #fff;
padding: 4px;
min-height: 40px;
line-height: 1;
}
.block_motrain-container .wallet-action a:hover {
text-decoration: none;
color: #fff;
opacity: 0.9;
}
.block_motrain-container .wallet-action .action-pic {
height: 16px;
}
.block_motrain-container .wallet-action.icon-only {
flex: 0 0 42px;
width: 42px;
}
.block_motrain-container .wallet-action.icon-only a {
background: #000;
color: #fff;
}
.block_motrain-container .wallet-action.icon-only .action-pic {
height: 24px;
}
.block_motrain-container .wallet-action-badge {
height: 16px;
width: 16px;
background: red;
color: white;
border-radius: 100%;
font-size: 10px;
display: flex;
justify-content: center;
align-items: center;
line-height: 1;
position: absolute;
right: -2px;
top: -2px;
text-align: center;
overflow: hidden;
}
/** Level on block */
.block_motrain-level {
background: var(--motrain-bg-color);
border-radius: 16px;
padding: 16px;
display: flex;
flex-direction: row;
align-items: center;
gap: 20px;
}
.block_motrain-level .level-pic {
height: 54px;
flex: 0 0 auto;
}
.block_motrain-level .level-pic img {
height: 100%;
width: auto;
}
.block_motrain-level .level-progress {
flex: 1 0 auto;
}
.block_motrain-level .level-progress .progress-label {
color: #474747;
font-size: 14px;
margin-bottom: 6px;
}
/** Progress on block */
.block_motrain-progress [aria-role='progressbar'] {
position: relative;
width: 100%;
height: 8px;
}
.block_motrain-progress [aria-role='progressbar'] > div {
background: var(--motrain-accent-color);
border-radius: 8px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.block_motrain-progress [aria-role='progressbar'] > div:first-child {
opacity: 0.2;
}
.block_motrain-progress [aria-role='progressbar'] > div + div {
min-width: 8px;
right: auto;
}
.block_motrain-progress [aria-role='progressbar'][aria-valuenow='0'] > div + div {
min-width: 0;
width: 0px;
}
.block_motrain-progress .progress-text {
display: flex;
justify-content: flex-end;
align-items: flex-end;
text-align: right;
font-size: 10px;
line-height: 1;
gap: 8px;
color: #474747;
margin-top: 4px;
}
.block_motrain-progress .progress-text .text-label {
flex: 1 0 auto;
overflow: hidden;
}
.block_motrain-progress .progress-text .text-pic {
height: 12px;
flex: 0 0 auto;
}
.block_motrain-progress .progress-text .text-pic img,
.block_motrain-progress .progress-text .text-pic svg {
height: 100%;
width: auto;
}
/** Nav on block */
.block_motrain-nav {
margin-top: 16px;
}
.block_motrain-nav .nav-container {
gap: 16px;
display: flex;
flex-wrap: wrap;
}
.block_motrain-nav .nav-container + .nav-container {
margin-top: 16px;
}
.block_motrain-nav .nav-item {
flex: 1 1 40%;
min-width: 0;
border: 1px solid #474747;
border-radius: 16px;
height: 32px;
display: flex;
align-items: center;
padding: 4px 12px;
font-size: 12px;
line-height: 1;
color: #474747;
text-decoration: none;
background: transparent;
gap: 4px;
}
.block_motrain-nav .nav-item:hover {
color: var(--motrain-accent-color);
border-color: var(--motrain-accent-color);
text-decoration: none;
}
.block_motrain-nav .nav-item.nav-light {
height: auto;
padding: 4px 8px;
border-width: 0;
}
.block_motrain-nav .nav-item.nav-tight {
flex: 0 1 auto;
margin: 0 auto;
}
.block_motrain-nav .nav-item .nav-icon {
flex: 0 0 auto;
height: 16px;
}
.block_motrain-nav .nav-item .nav-icon svg {
height: 16px;
width: auto;
}
.block_motrain-nav .nav-item .nav-label {
flex: 1;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.block_motrain-heading {
display: flex;
align-items: center;
margin-bottom: 0.5rem;
}
.block_motrain-heading a {
padding: 0.5rem;
border-radius: 100%;
margin-right: 0.5rem;
display: inline-block;
background: #f8f9fa;
color: inherit;
line-height: 1;
}
/* Improved styling on tabbed view to add space between tab bar and content. */
.block_multiblock .multiblock-tabbed-list .tab-pane {
padding-top: 1rem;
}
/* Reduce excessive spacing on accordion selectors. */
.block_multiblock .multiblock-accordion .card-header [data-toggle="collapse"] {
padding: 0;
}
/* But make sure there is some spacing in the inner container. */
.block-region .block.card .multiblock-accordion [id^="multiblock-content"] .card-body {
padding: 1.25rem;
}
/* Make dropdown full width */
.block_multiblock .multiblock-dropdown > .nav {
margin: 0 0 1rem 0;
}
.block_multiblock .multiblock-dropdown .nav-item.dropdown {
width: 100%;
text-align: center;
}
/* Make 2-column layout not broken, generically. */
.multiblock-columns-2 .col-md-6:nth-of-type(odd) section {
margin-left: 1rem;
margin-right: 0.5rem;
}
.multiblock-columns-2 .col-md-6:nth-of-type(even) section {
margin-left: 0.5rem;
margin-right: 1rem;
}
.multiblock-columns-2-66-33 .col-md-8 section {
margin-left: 1rem;
margin-right: 0.5rem;
}
.multiblock-columns-2-66-33 .col-md-4 section {
margin-left: 0.5rem;
margin-right: 1rem;
}
.multiblock-columns-2-33-66 .col-md-4 section {
margin-left: 1rem;
margin-right: 0.5rem;
}
.multiblock-columns-2-33-66 .col-md-8 section {
margin-left: 0.5rem;
margin-right: 1rem;
}
/* Fix the multiblock 2/3 column layout to hide the parent container and remove its padding. */
/* Some of the rules are specified again in more selective versions for different themes. */
.multiblock-columns-2-parent[id^="inst"],
.multiblock-columns-3-parent[id^="inst"] {
background: transparent;
border: transparent;
}
.multiblock-columns-2-parent[id^="inst"] .multiblock > .container,
.multiblock-columns-3-parent[id^="inst"] .multiblock > .container {
padding: 0;
max-width: 100%;
}
.multiblock-columns-2-parent[id^="inst"] .multiblock > .container > .row > [class*="col-md-"],
.multiblock-columns-3-parent[id^="inst"] .multiblock > .container > .row > [class*="col-md-"] {
padding: 0;
}
.multiblock-columns-2-parent[id^="inst"] > .card-body,
.multiblock-columns-3-parent[id^="inst"] > .card-body {
padding: 0 !important; /* stylelint-disable-line declaration-no-important */
border: transparent !important; /* stylelint-disable-line declaration-no-important */
}
.multiblock-columns-2-parent[id^="inst"] > .card-body > .card-text,
.multiblock-columns-3-parent[id^="inst"] > .card-body > .card-text {
margin-top: 0 !important; /* stylelint-disable-line declaration-no-important */
padding: 0 !important; /* stylelint-disable-line declaration-no-important */
}
.multiblock-columns-2-parent > .card-body > .card-title + .card-text,
.multiblock-columns-2-parent[id^="inst"] > .card-body > .block-controls + .card-text,
.multiblock-columns-3-parent > .card-body > .card-title + .card-text,
.multiblock-columns-3-parent[id^="inst"] > .card-body > .block-controls + .card-text {
margin-top: 0.75rem !important; /* stylelint-disable-line declaration-no-important */
}
/* Additional tweaks for 3-column specifically. */
.multiblock-columns-3 .col-md-4:nth-of-type(3n+1) section {
margin-left: 1rem;
margin-right: 0.5rem;
}
.multiblock-columns-3 .col-md-4:nth-of-type(3n+2) section {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.multiblock-columns-3 .col-md-4:nth-of-type(3n+3) section {
margin-left: 0.5rem;
margin-right: 1rem;
}
/* Style fixes for multiblock. */
.multiblock-carousel {
padding-bottom: 70px;
}
.multiblock-carousel a.carousel-control {
top: auto;
bottom: 5px;
height: 40px;
background: #fff;
border: 1px solid #ddd;
margin-bottom: -70px;
opacity: 1;
}
.multiblock-carousel a.carousel-control span {
color: #000;
}
.multiblock-carousel-bootstrap3 a.carousel-control > .carousel-control {
position: relative;
}
.multiblock-carousel .flex-icon::before {
font-size: 1.7em;
}
.multiblock-carousel-bootstrap3 .carousel-control-prev {
left: 0;
right: auto;
}
.multiblock-carousel-bootstrap3 .carousel-control-next {
right: 0;
left: auto;
}
/**
* Styles for the My Certificates block
*
* @package block_my_certificates
* @copyright Agiledrop, 2026
* @author Matej Pal
* @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
*/
/* Main grid container */
.block_my_certificates .block-my-certificates-grid {
--mc-card-gradient-direction: 135deg;
--mc-card-gradient-start: #667eea;
--mc-card-gradient-end: #764ba2;
--mc-all-card-gradient-direction: 135deg;
--mc-all-card-gradient-start: #ffffff;
--mc-all-card-gradient-end: #eef2ff;
--mc-all-card-border: #e6e8ef;
--mc-all-row-bg: #f8fafc;
--mc-all-row-hover-bg: #eef2ff;
--mc-all-row-hover-border: #c7d2fe;
--mc-all-course-color: #64748b;
--mc-accent-color: #6366f1;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 1.5rem;
padding: 0;
margin: 0;
}
/* Responsive grid adjustments */
@media (min-width: 768px) {
.block_my_certificates .block-my-certificates-grid {
grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
}
}
/* Certificate card wrapper */
.block_my_certificates .certificate-card-wrapper {
display: flex;
}
/* Certificate card */
.block_my_certificates .certificate-card {
display: flex;
flex-direction: column;
width: 100%;
background: linear-gradient(
var(--mc-card-gradient-direction),
var(--mc-card-gradient-start) 0%,
var(--mc-card-gradient-end) 100%
);
border-radius: 0.5rem;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.06);
overflow: hidden;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.block_my_certificates .certificate-card:hover {
transform: translateY(-4px);
box-shadow: 0 10px 15px rgba(0, 0, 0, 0.15), 0 4px 6px rgba(0, 0, 0, 0.1);
}
/* Certificate preview section */
.block_my_certificates .certificate-preview {
position: relative;
width: 100%;
background-color: #f8f9fa;
padding: 1rem;
display: flex;
justify-content: center;
align-items: center;
min-height: 200px;
}
.block_my_certificates .certificate-preview canvas.pdf-canvas {
max-width: 100%;
height: auto;
display: block;
border-radius: 0.25rem;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
/* Certificate body */
.block_my_certificates .certificate-body {
padding: 1.25rem;
flex: 1;
display: flex;
flex-direction: column;
}
.block_my_certificates .certificate-content {
display: flex;
flex-direction: column;
height: 100%;
}
/* Certificate title */
.block_my_certificates .certificate-title {
color: #ffffff;
font-size: 1.125rem;
font-weight: 700;
margin: 0 0 1rem 0;
line-height: 1.4;
}
/* Certificate details section */
.block_my_certificates .certificate-details {
margin-bottom: 1rem;
flex: 1;
}
.block_my_certificates .certificate-info-item {
display: flex;
flex-direction: column;
margin-bottom: 0.75rem;
}
.block_my_certificates .certificate-info-item:last-child {
margin-bottom: 0;
}
.block_my_certificates .certificate-label {
color: rgba(255, 255, 255, 0.8);
font-size: 0.875rem;
font-weight: 500;
margin-bottom: 0.25rem;
}
.block_my_certificates .certificate-value {
color: #ffffff;
font-size: 1rem;
font-weight: 600;
}
/* Certificate actions section */
.block_my_certificates .certificate-actions {
border-top: 1px solid rgba(255, 255, 255, 0.2);
padding-top: 1rem;
margin-top: auto;
}
.block_my_certificates .certificate-download-link {
display: inline-flex;
align-items: center;
gap: 0.5rem;
color: #ffffff;
text-decoration: none;
font-weight: 600;
transition: opacity 0.2s ease;
}
.block_my_certificates .certificate-download-link:hover {
color: #ffffff;
text-decoration: none;
opacity: 0.8;
}
.block_my_certificates .certificate-download-link:focus {
outline: 2px solid rgba(255, 255, 255, 0.5);
outline-offset: 2px;
border-radius: 0.25rem;
}
.block_my_certificates .certificate-download-link img {
width: 16px;
height: 16px;
filter: brightness(0) invert(1);
}
.block_my_certificates .certificate-link-label {
font-size: 0.9375rem;
}
/* No certificates message */
.block_my_certificates .no-certificates-message {
grid-column: 1 / -1;
padding: 2rem;
text-align: center;
background-color: #f8f9fa;
border-radius: 0.5rem;
border: 2px dashed #dee2e6;
}
.block_my_certificates .no-certificates-message p {
margin: 0;
color: #6c757d;
font-size: 1rem;
}
/* All certificates section */
.block_my_certificates .all-certificates-card {
display: flex;
flex-direction: column;
gap: 1rem;
padding: 1.5rem;
background: linear-gradient(
var(--mc-all-card-gradient-direction),
var(--mc-all-card-gradient-start) 0%,
var(--mc-all-card-gradient-end) 100%
);
border: 1px solid var(--mc-all-card-border);
border-radius: 0.75rem;
box-shadow: 0 6px 20px rgba(20, 32, 70, 0.08);
}
.block_my_certificates .all-certificates-header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.75rem;
}
.block_my_certificates .all-certificates-title {
margin: 0;
font-size: 1.1rem;
font-weight: 700;
color: #1f2937;
}
.block_my_certificates .all-certificates-list {
list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: 0.5rem;
}
.block_my_certificates .all-certificates-item {
margin: 0;
}
.block_my_certificates .all-certificates-link {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 1rem;
padding: 0.85rem 1rem;
border-radius: 0.5rem;
background: var(--mc-all-row-bg);
color: #1f2937;
text-decoration: none;
border: 1px solid transparent;
transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}
.block_my_certificates .all-certificates-link:hover {
background: var(--mc-all-row-hover-bg);
border-color: var(--mc-all-row-hover-border);
transform: translateY(-1px);
}
.block_my_certificates .all-certificates-link:focus {
outline: 2px solid #94a3b8;
outline-offset: 2px;
}
.block_my_certificates .all-certificates-name {
display: block;
margin: 0;
font-weight: 700;
font-size: 0.95rem;
line-height: 1.35;
overflow-wrap: anywhere;
word-break: break-word;
color: inherit;
}
.block_my_certificates .all-certificates-text {
display: flex;
flex: 1;
flex-direction: column;
min-width: 0;
gap: 0.2rem;
}
.block_my_certificates .all-certificates-course {
display: block;
margin: 0;
font-size: 0.82rem;
font-weight: 500;
line-height: 1.35;
color: var(--mc-all-course-color);
overflow-wrap: anywhere;
word-break: break-word;
}
.block_my_certificates .all-certificates-course-standalone {
font-size: 0.95rem;
font-weight: 600;
color: inherit;
}
.block_my_certificates .all-certificates-chevron {
align-self: center;
flex-shrink: 0;
color: var(--mc-accent-color);
font-size: 1.1rem;
}
.block_my_certificates .all-certificates-chevron::after {
content: '\2192';
}
/* Dark mode support */
body.theme-dark .block_my_certificates .certificate-preview {
background-color: #2d3748;
}
body.theme-dark .block_my_certificates .no-certificates-message {
background-color: #2d3748;
border-color: #4a5568;
}
body.theme-dark .block_my_certificates .no-certificates-message p {
color: #cbd5e0;
}
body.theme-dark .block_my_certificates .block-my-certificates-grid {
--mc-all-card-gradient-direction: 135deg;
--mc-all-card-gradient-start: #1f2937;
--mc-all-card-gradient-end: #1f2937;
--mc-all-card-border: #374151;
--mc-all-row-bg: #111827;
--mc-all-row-hover-bg: #1f2937;
--mc-all-row-hover-border: #4b5563;
--mc-all-course-color: #9ca3af;
--mc-accent-color: #a5b4fc;
}
body.theme-dark .block_my_certificates .all-certificates-card {
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.35);
}
body.theme-dark .block_my_certificates .all-certificates-title {
color: #f3f4f6;
}
body.theme-dark .block_my_certificates .all-certificates-link {
color: #e5e7eb;
}
/* Print styles */
@media print {
.block_my_certificates .certificate-card {
break-inside: avoid;
page-break-inside: avoid;
}
.block_my_certificates .certificate-actions {
display: none;
}
}
/* Accessibility improvements */
.block_my_certificates .certificate-card:focus-within {
outline: 3px solid #4299e1;
outline-offset: 2px;
}
/* Loading state for canvas */
.block_my_certificates canvas.pdf-canvas {
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
background-size: 200% 100%;
animation: loading 1.5s ease-in-out infinite;
}
@keyframes loading {
0% {
background-position: 200% 0;
}
100% {
background-position: -200% 0;
}
}
/* Alternative color schemes (can be customized) */
.block_my_certificates .certificate-card.scheme-blue {
background: linear-gradient(135deg, #4299e1 0%, #3182ce 100%);
}
.block_my_certificates .certificate-card.scheme-green {
background: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
}
.block_my_certificates .certificate-card.scheme-orange {
background: linear-gradient(135deg, #ed8936 0%, #dd6b20 100%);
}
.block_my_certificates .certificate-card.scheme-red {
background: linear-gradient(135deg, #fc8181 0%, #f56565 100%);
}
/**
* @package block-mycourses
* @copyright 2021 Derick Turner
* @author Derick Turner
* @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
*/
.block_course_overview, section.block_myoverview {
display:none;
}
html.yui3-js-enabled body#page-my-index.format-site.path-my.gecko.dir-ltr.lang-en.yui-skin-sam.yui3-skin-sam.www-sola3-co-uk--SOLA3System.pagelayout-mydashboard.course-1.context-1.has-region-content.used-region-content.has-region-side-pre.used-region-side-pre.has-region-side-post.used-region-side-post.layout-option-langmenu.jsenabled div#page.container-fluid header#page-header.clearfix div#page-navbar.clearfix div.breadcrumb-button div.singlebutton {
display: none;
}
.dashboard-list-img {
width: 7rem!important;
}
.block-mycourses .mycourselisting .courseimage {
width: 10%;
float:left;
padding-right: 10px;
}
.block-mycourses .mycourselisting .mycoursedetails {
float: right;
width: 90%;
}
.block-mycourses .imgresponsive {
max-width: 100%;
height: auto;
width: auto;
}
.block-mycourses hr, .block-mycourses .mycourselisting, .block-mycourses .tab-content .tab-content{
padding-bottom: 5px;
padding-top: 5px;
}
.block-mycourses .tab-content {
overflow: visible;
display: inline-block;
width: 100%;
}
.coursearchivebutton {
clear: both;
padding-top: 10px;
}
.block-mycourses .finalresults {
font-weight: bold;
padding-top: 10px;
}
.block-mycourses .empty-placeholder-image-lg {
width: 100px;
height: 100px;
}
.block-mycourses .ml-auto.mt-auto.w-50.p-t-1 {
float: left;
}
.block-mycourses .certificatediv {
clear: both;
}
.progress {
background-color: #666;
width: 50%;
}
.progress-bar {
background-color: green;
}
.block-mycourses .nav-tabs {
padding-top: 15px;
}
.block-mycourses .card-img {
height: 7rem;
background-position: center;
background-size: cover;
}
.block-mycourses .list-image {
height: 5rem;
width: 20rem;
background-position: center;
background-size: cover;
}
.block-mycourses .certificatediv img {
height: 36px;
width: 36px;
}
/** Mandatory tab styling **/
.block-mycourses .completion_overview_icon {
display: flex;
align-items: center;
height: 100%;
}
.block-mycourses .dot {
height: 25px;
width: 25px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
}
.block-mycourses .notenrolled {
background-color: #bbb;
}
.block-mycourses .notcompleted {
background-color: darkblue;
}
.block-mycourses .expired {
background-color: darkred;
}
.block-mycourses .indate {
background-color: darkgreen;
}
.block-mycourses .expiring {
background-color: darkorange;
}
/* 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;
}
.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/iomadmoon/core/1777497332/t/expanded);
}
.block_navigation .block_tree [aria-expanded="false"] {
background-image: url(/theme/image.php/iomadmoon/core/1777497332/t/collapsed);
}
.block_navigation .block_tree [aria-expanded="true"].emptybranch {
background-image: url(/theme/image.php/iomadmoon/core/1777497332/t/collapsed_empty);
}
.block_navigation .block_tree [aria-expanded="false"] p.loading {
background-image: url(/theme/image.php/iomadmoon/core/1777497332/i/loading_small);
}
/*rtl:raw:
.block_navigation .block_tree [aria-expanded="false"] {background-image: url(/theme/image.php/iomadmoon/core/1777497332/t/collapsed_rtl);}
.block_navigation .block_tree [aria-expanded="true"].emptybranch {background-image: url(/theme/image.php/iomadmoon/core/1777497332/t/collapsed_empty_rtl);}
.block_navigation .block_tree [aria-expanded="false"].loading {background-image: url(/theme/image.php/iomadmoon/core/1777497332/i/loading_small);}
*/
.block_navigation .block_tree [aria-hidden="false"] {
display: block;
}
.block_navigation .block_tree [aria-hidden="true"]:not(.icon) {
display: none;
}
@charset "UTF-8";
/* ----------------------------------------- Section des variables ----------------------------------------- */
/*************************** Set de couleurs préconfigurées ****************************/
/* --------------------------------------- Règles CSS --------------------------------------- */
section[data-block=newsslider] {
background: #fff;
}
section[data-block=newsslider] .card-body {
padding: 0 !important;
}
section[data-block=newsslider] .card-body h3.card-title, section[data-block=newsslider] .card-body h5.card-title {
display: none !important;
}
section[data-block=newsslider] .card-body .card-text {
overflow: visible !important;
display: flex;
flex-direction: column;
justify-content: space-between;
}
section[data-block=newsslider] .card-body .card-text #newsLabelContent {
display: flex;
}
section[data-block=newsslider] .card-body .card-text #newsLabelContent .actualitesIcon {
position: relative;
background-color: #28a94d;
padding: 10px 15px 10px 15px;
border-radius: 0.3rem;
font-weight: 600;
color: rgb(255, 255, 255) !important;
margin-left: 20px;
max-width: 50%;
}
section[data-block=newsslider] .card-body .card-text #newsLabelContent #newsList {
display: flex;
flex-direction: column;
justify-content: center;
min-width: 80%;
}
section[data-block=newsslider] .card-body .card-text #newsLabelContent #newsList #actualitesList {
display: flex;
list-style-type: none;
position: absolute;
min-width: 80%;
align-items: center;
margin: 0;
}
section[data-block=newsslider] .card-body .card-text #newsLabelContent #newsList #actualitesList .actualitesListItem {
position: absolute;
visibility: hidden;
opacity: 0;
transition: all 1s ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-timing-function: ease-in-out;
}
section[data-block=newsslider] .card-body .card-text #newsLabelContent #newsList #actualitesList .actualitesListItem.glideAppear {
opacity: 0;
visibility: hidden;
left: 60px;
animation: newsglideRtoLApp 0.25s;
animation-fill-mode: forwards;
}
section[data-block=newsslider] .card-body .card-text #newsLabelContent #newsList #actualitesList .actualitesListItem.glideDisappear {
opacity: 1;
visibility: visible;
left: 30px;
animation: newsglideRtoLDis 0.25s;
animation-fill-mode: forwards;
}
section[data-block=newsslider] .card-body .card-text #newsLabelContent #newsList #actualitesList .actualitesListItem:hover {
text-decoration: underline;
}
section[data-block=newsslider] .card-body .card-text #newsLabelContent #newsList #actualitesList .actualitesListItem .actualitesCategories {
font-size: 110%;
color: #28a94d;
}
section[data-block=newsslider] .card-body .card-text #newsLabelContent #newsList #actualitesList .actualitesListItem a {
text-decoration: none;
font-size: 100%;
color: rgb(33, 37, 41) !important;
}
section[data-block=newsslider] .card-body .card-text #dotContainer {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 18px;
}
section[data-block=newsslider] .card-body .card-text #dotContainer .dots {
border-radius: 50%;
display: inline-block;
margin: 0 5px 0 5px;
transition: all 0.25s ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-timing-function: ease-in-out;
}
section[data-block=newsslider] .card-body .card-text #dotContainer .dots.grey {
background-color: #a9a9a9;
opacity: 80%;
}
section[data-block=newsslider] .card-body .card-text #dotContainer .dots.grey:hover {
background-color: #a9a9a9;
opacity: 100%;
cursor: pointer;
}
section[data-block=newsslider] .card-body .card-text #dotContainer .dots.green {
background-color: #28a94d;
opacity: 80%;
}
section[data-block=newsslider] .card-body .card-text #dotContainer .dots.green:hover {
background-color: #28a94d;
opacity: 100%;
cursor: pointer;
}
section[data-block=newsslider] .card-body .card-text #dotContainer .dots.lrg {
height: 12px;
width: 12px;
}
section[data-block=newsslider] .card-body .card-text #dotContainer .dots.sml {
height: 8px;
width: 8px;
}
#block-region-side-pre section[data-block=newsslider] {
background: #fff;
}
#block-region-side-pre section[data-block=newsslider] .card-body {
padding: 0 !important;
min-width: -moz-max-content;
min-width: max-content;
}
#block-region-side-pre section[data-block=newsslider] .card-body h3.card-title, #block-region-side-pre section[data-block=newsslider] .card-body h5.card-title {
display: none !important;
}
#block-region-side-pre section[data-block=newsslider] .card-body .card-text {
overflow: visible !important;
display: flex;
min-height: 100%;
}
#block-region-side-pre section[data-block=newsslider] .card-body .card-text #newsLabelContent {
display: flex;
flex-direction: column;
}
#block-region-side-pre section[data-block=newsslider] .card-body .card-text #newsLabelContent .actualitesIcon {
position: relative;
background-color: #28a94d;
padding: 10px 15px 10px 15px;
border-radius: 0.3rem;
font-weight: 600;
color: rgb(255, 255, 255) !important;
margin-left: 20px;
max-width: 250px;
min-width: 250px;
text-wrap: pretty;
}
#block-region-side-pre section[data-block=newsslider] .card-body .card-text #newsLabelContent #newsList {
display: flex;
flex-direction: column;
justify-content: center;
min-width: 100%;
min-height: 110px;
}
#block-region-side-pre section[data-block=newsslider] .card-body .card-text #newsLabelContent #newsList #actualitesList {
display: flex;
list-style-type: none;
position: absolute;
min-width: 95%;
align-items: center;
margin: 0;
min-height: 100%;
height: 100%;
}
#block-region-side-pre section[data-block=newsslider] .card-body .card-text #newsLabelContent #newsList #actualitesList .actualitesListItem {
position: absolute;
visibility: hidden;
opacity: 0;
min-height: 110px;
padding: 10px 0;
transition: all 1s ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-timing-function: ease-in-out;
}
#block-region-side-pre section[data-block=newsslider] .card-body .card-text #newsLabelContent #newsList #actualitesList .actualitesListItem.glideAppear {
opacity: 0;
visibility: hidden;
left: 60px;
animation: newsglideRtoLApp 0.25s;
animation-fill-mode: forwards;
}
#block-region-side-pre section[data-block=newsslider] .card-body .card-text #newsLabelContent #newsList #actualitesList .actualitesListItem.glideDisappear {
opacity: 1;
visibility: visible;
left: 30px;
animation: newsglideRtoLDis 0.25s;
animation-fill-mode: forwards;
}
#block-region-side-pre section[data-block=newsslider] .card-body .card-text #newsLabelContent #newsList #actualitesList .actualitesListItem:hover {
text-decoration: underline;
}
#block-region-side-pre section[data-block=newsslider] .card-body .card-text #newsLabelContent #newsList #actualitesList .actualitesListItem .actualitesCategories {
font-size: 110%;
color: #28a94d;
}
#block-region-side-pre section[data-block=newsslider] .card-body .card-text #newsLabelContent #newsList #actualitesList .actualitesListItem a {
text-decoration: none;
font-size: 100%;
color: rgb(33, 37, 41) !important;
}
#block-region-side-pre section[data-block=newsslider] .card-body .card-text #dotContainer {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 18px;
}
#block-region-side-pre section[data-block=newsslider] .card-body .card-text #dotContainer .dots {
border-radius: 50%;
display: inline-block;
margin: 0 5px 0 5px;
transition: all 0.25s ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-timing-function: ease-in-out;
}
#block-region-side-pre section[data-block=newsslider] .card-body .card-text #dotContainer .dots.grey {
background-color: #a9a9a9;
opacity: 80%;
}
#block-region-side-pre section[data-block=newsslider] .card-body .card-text #dotContainer .dots.grey:hover {
background-color: #a9a9a9;
opacity: 100%;
cursor: pointer;
}
#block-region-side-pre section[data-block=newsslider] .card-body .card-text #dotContainer .dots.green {
background-color: #28a94d;
opacity: 80%;
}
#block-region-side-pre section[data-block=newsslider] .card-body .card-text #dotContainer .dots.green:hover {
background-color: #28a94d;
opacity: 100%;
cursor: pointer;
}
#block-region-side-pre section[data-block=newsslider] .card-body .card-text #dotContainer .dots.lrg {
height: 12px;
width: 12px;
}
#block-region-side-pre section[data-block=newsslider] .card-body .card-text #dotContainer .dots.sml {
height: 8px;
width: 8px;
}
@keyframes newsglideRtoLApp {
to {
opacity: 1;
visibility: visible;
left: 30px;
}
}
@keyframes newsglideRtoLDis {
to {
opacity: 0;
visibility: hidden;
left: 60px;
}
}
.mandatoryfields {
color: #e54f6b;
font-style: italic;
}
.formsettingheading p {
font-size: 20px !important;
font-weight: bold !important;
margin-top: 10px !important;
}
[id^=admin-newstitle] [id^=id_s_block_newsslider_newstitle], [id^=admin-newstitle] [id^=id_s_block_newsslider_newscontent], [id^=admin-newstitle] [id^=id_s_block_newsslider_newsurl] {
width: 100% !important;
}/*# sourceMappingURL=styles.css.map */
/* -*-CSS-*- */
.lesson_objectives_list li,
.lesson_objectives_list ul li {
list-style-type: none;
padding-left: 0;
margin-left: 0;
}
.lesson_objectives_list ul {
margin-bottom: 0;
margin-right: 0;
margin-top: 0;
}
.lesson_objectives_list {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.lesson_objectives_list img {
width: 1em;
height: inherit;
}
.lesson_objectives_groupsmenu div {
display: inline-block;
}
.lesson_objectives_list a:link,
.lesson_objectives_list a:visited {
color: black;
}
.lesson_objectives_fullscreen_area {
font-size: 3em;
line-height: 1em;
}
.lesson_objectives_fullscreen_area img {
width: 1em;
height: inherit;
}
.lesson_objectives_table td {
vertical-align: text-top;
padding: 10px;
}
.lesson_objectives_table .oddrow {
background-color: #d0d0d0;
}
.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;
}
/** General styles **/
.block_openai_chat {
position: relative;
}
.drawercontent {
position: unset;
}
/** Chat window styles **/
.block_openai_chat #openai_chat_log {
display: flex;
flex-direction: column;
max-height: 20rem;
overflow-y: scroll;
margin-bottom: 0.5rem;
}
.block_openai_chat #openai_chat_log p {
margin: 0;
}
.block_openai_chat #openai_chat_log a {
color: white;
text-decoration: underline;
}
.block_openai_chat #openai_input.error {
border: 1px solid red;
}
.block_openai_chat .openai_message {
padding: 0.75rem 1rem;
background: #f4f4f4;
border-radius: 0.5rem;
margin-bottom: 1.75rem;
width: fit-content;
max-width: 90%;
animation: block_openai_chat_popup 0.4s cubic-bezier(0.87, 0, 0.13, 1);
position: relative;
}
.block_openai_chat .openai_message:before {
position: absolute;
top: -1.5rem;
left: 0;
color: gray;
opacity: 0;
animation: block_openai_chat_fade-in 0.4s ease 0.4s forwards;
}
.block_openai_chat .openai_message.user {
align-self: flex-end;
text-align: right;
}
.block_openai_chat .openai_message.user:before {
right: 0;
left: unset;
}
.block_openai_chat .openai_message.bot {
background: var(--bs-blue);
color: var(--bs-white);
}
.block_openai_chat .openai_message.loading {
animation: block_openai_chat_thinking 1s ease infinite;
}
.block_openai_chat .openai_message.loading:before {
animation: none;
opacity: 0;
}
.block_openai_chat.disabled,
.block_openai_chat .disabled {
opacity: 0.25;
pointer-events: none;
}
.block_openai_chat .recording {
width: 0.5rem;
height: 0.5rem;
background: #ff0000;
position: absolute;
top: 1.5rem;
right: 3rem;
border-radius: 99rem;
filter: opacity(0.5);
animation: block_openai_chat_thinking 3s linear infinite;
}
/** Expanded styles **/
.block_openai_chat.expanded {
position: fixed;
height: 70vh;
width: 30rem;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
outline: 100vw solid #00000029;
z-index: 2;
background-color: white !important;
}
.block_openai_chat.expanded .card-body {
overflow-y: auto;
}
.block_openai_chat.expanded #openai_chat_log {
max-height: unset;
overflow-y: unset;
padding-bottom: 3rem !important;
padding-top: 1rem;
min-height: 2rem;
}
.block_openai_chat.expanded #control_bar {
position: fixed;
bottom: 1rem;
width: calc(100% - 2rem) !important;
}
.block_openai_chat.expanded .openai_message {
width: fit-content !important;
}
/** RemUI styles **/
.block_openai_chat.expanded .block-header-wrapper {
padding: 1rem !important;
}
.block_openai_chat.expanded .edw-block-body {
box-shadow: none !important;
}
.block_openai_chat .edw-block-body #popout {
top: 0;
}
.block_openai_chat .edw-block-body .recording {
top: 0.75rem;
}
.block_openai_chat.expanded .edw-block-body #popout {
top: 0.75rem;
}
.block_openai_chat.expanded .edw-block-body .recording {
top: 1.5rem;
}
.block_openai_chat.expanded .edw-block-body #control_bar {
width: calc(100% - 4rem);
}
.block_openai_chat.expanded .block-body-wrapper {
height: calc(100% - 4rem);
overflow: auto;
}
#block-region-side-pre .block_openai_chat.expanded .block-body-wrapper {
margin-left: 0;
margin-right: 0;
padding: 0 2rem;
}
@media screen and (max-width: 750px) {
.block_openai_chat.expanded {
transform: unset;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
}
.block_openai_chat.expanded .openai_input_popout_btn {
display: none;
}
.block_openai_chat.expanded .recording {
right: 2.5rem;
}
}
@keyframes block_openai_chat_popup {
0% {
opacity: 0;
transform: translateY(5px);
}
70% {
opacity: 1;
transform: translateY(-2.5px);
}
85% {
transform: translateY(2.5px);
}
100% {
transform: translateY(0);
}
}
@keyframes block_openai_chat_thinking {
0% {
opacity: 1;
}
50% {
opacity: 0.25;
}
100% {
opacity: 1;
}
}
@keyframes block_openai_chat_fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
/* Tooltip container */
.block_point_view.reactions-container .withtooltip {
pointer-events: none;
}
/* Tooltip text */
.block_point_view.reactions-container .withtooltip .tooltiptext {
visibility: hidden;
display: table;
width: max-content;
background-color: #555;
color: white;
text-align: center;
font-weight: bold;
padding: 3px 10px;
border-radius: 20px;
/* Position the tooltip text */
position: absolute;
z-index: 2;
bottom: 30px;
left: 10px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
/* Fade in tooltip */
opacity: 0;
transition: opacity 0.3s;
}
.block_point_view.reactions-container .withtooltip .tooltiptext::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #555 transparent transparent transparent;
}
/* Show the tooltip text when you mouse over the tooltip container */
.block_point_view.reactions-container .withtooltip:hover .tooltiptext {
visibility: visible;
opacity: 1;
}
/* Source for tooltip : https://www.w3schools.com/css/css_tooltip.asp */
/**********************/
/* Reactions position */
.block_point_view.reactions-container {
z-index: 3;
position: relative;
}
.activity-wrapper .block_point_view.reactions-container {
flex: 1 0;
right: 18px;
}
.activity .activity-grid .block_point_view.reactions-container {
right: 38px;
bottom: 1em;
}
.activity-item.activityinline > .block_point_view.reactions-container {
right: 21px;
}
.activity .activity-grid .activity-name-area .block_point_view.reactions-container {
bottom: 1.7em;
right: -.7em;
}
.activity .activity-grid .activity-name-area .block_point_view.reactions-container.lastofline {
right: 2em;
}
.subsection .activity .activity-grid .activity-name-area .block_point_view.reactions-container.lastofline {
right: 2.5em;
}
.format-tiles .activity .activity-grid .activity-name-area .block_point_view.reactions-container.lastofline {
right: 2.3em;
}
.format-tiles .subsection .activity .activity-grid .activity-name-area .block_point_view.reactions-container.lastofline {
right: 2.8em;
}
.activity.modtype_label .activity-grid .block_point_view.reactions-container {
bottom: -.3em;
align-self: start;
right: 1.5em;
}
.block_point_view.reactions-container + .description .activity-altcontent {
padding-right: 160px;
}
.activity-item.activityinline .block_point_view.reactions-container + .description .activity-altcontent {
padding-right: 184px;
}
.block_point_view.reactions-container ~ .mod-indent-outer,
.block_point_view.reactions-container ~ div .mod-indent-outer {
max-width: 80%;
}
.block_point_view.reactions-container .reactions {
position: absolute;
right: -18px;
top: 0;
user-select: none;
}
.activity-wrapper .block_point_view.reactions-container .reactions {
right: -60px;
width: max-content;
}
.activity-wrapper.label .block_point_view.reactions-container .reactions {
right: -30px;
}
.block_point_view.reactions-container .group {
position: absolute;
right: 50px;
top: 0;
}
.activity-wrapper .block_point_view.reactions-container .group {
right: 28px;
}
.activity-wrapper.label .block_point_view.reactions-container .group {
right: 58px;
}
.path-mod #page-header .block_point_view.reactions-container {
bottom: 1em;
right: 1.5em;
}
.path-mod #page-header .block_point_view.reactions-container .group {
width: max-content;
}
/**********************/
.block_point_view.reactions-container .reaction,
.block_point_view.reactions-container .group_img {
height: 20px;
min-width: 20px;
cursor: pointer;
}
.block_point_view.reactions-container .reaction img {
position: absolute;
top: 15px;
left: 10px;
height: 0;
width: auto;
max-width: unset;
}
.block_point_view.reactions-container .reaction img.novote:not(:hover),
.block_point_view .cell.novote {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.block_point_view.reactions-container .reactionnb,
.block_point_view.reactions-container .group_nb {
vertical-align: sub;
}
.block_point_view.reactions-container .group_nb {
width: 1.1em;
height: 1.1em;
display: inline-block;
position: absolute;
right: -1.5em;
top: .3em;
}
.block_point_view.reactions-container .group_nb.voted {
border-radius: 50%;
color: white;
background: #66ad89;
line-height: 1em;
}
.block_point_view.reactions-container .nbselected {
font-weight: bold;
color: #5585b6;
}
/* Difficulty tracks */
.block_point_view.track {
height: 1.6em;
width: 10px;
border-radius: 10%;
margin-right: 5px;
}
.path-course-view .activity .block_point_view.track,
.path-mod .page-context-header .block_point_view.track {
padding: 0;
position: absolute;
margin-left: -15px;
}
.path-course-view .activity .activity-grid .block_point_view.track {
margin-left: -13px;
align-self: start;
height: 2rem;
}
.path-course-view .activity-grid > .block_point_view.track {
height: 50%;
}
.path-course-view .activity-instance .block_point_view.track {
height: 100%;
}
.path-mod .page-context-header .block_point_view.track {
height: 50px;
}
.block_point_view.selecttrack {
height: 2.4em;
}
.block_point_view [data-groupname^="config_activity_"] fieldset {
align-self: center;
}
.block_point_view [data-groupname^="config_activity_"] p .activityiconcontainer {
margin-right: .5em;
}
.block_point_view [data-groupname^="config_activity_"] p .activity-name {
vertical-align: super;
}
.block_point_view [data-groupname^="config_activity_"] label .activity-name {
vertical-align: middle;
}
.block_point_view #fgroup_id_point_view_for_module > div.col-md-9 {
flex-basis: 100%;
max-width: 100%;
}
/* Menu button in block content */
.block_point_view .overview-link {
max-height: 40px;
}
.block_point_view .overview-link:hover {
-webkit-filter: invert(100%);
filter: invert(100%);
}
.block_point_view .overview_img,
.block_point_view .pix-preview {
width: 30px;
}
.block_point_view .pixselectgroup {
display: grid;
grid-auto-flow: row;
grid-template-columns: repeat(2, auto);
}
.block_point_view .enablemodulereactions.highlighted {
box-shadow: 0 0 1.5px 2px var(--info);
}
/* Some adjustments for Adaptable theme */
.theme_adaptable.path-course-view .activity .block_point_view.track {
height: 2em;
}
.theme_adaptable.path-course-view:not(.format-tiles) .activity .block_point_view.track,
.theme_adaptable:not(.format-tiles) .block_point_view.reactions-container {
top: .5em;
}
.theme_adaptable:not(.format-tiles) .block_point_view.reactions-container {
right: 25px;
}
/* Some adjustments for More/Clean themes */
.block_point_view .pixselectgroup + #fgroup_id_pixselectgroup fieldset > span {
display: block;
line-height: 35px;
}
.block_point_view .fcontainer > .pixselectgroup {
position: relative;
grid-template-columns: repeat(1, auto);
top: 5px;
}
.block_point_view .fcontainer > .pixselectgroup > * {
position: absolute;
left: 400px;
overflow: auto;
white-space: nowrap;
}
.block_point_view .fcontainer > .pixselectgroup > :nth-child(2) {
top: 40px;
}
.block_point_view .fcontainer > .pixselectgroup > :nth-child(3) {
top: 80px;
}
#block_precondition_panel {
position: fixed;
bottom: 0;
left: 0;
right: 0;
background: #fff;
z-index: 999999;
padding: 20px;
box-shadow: -5px -5px 5px #bbb;
max-height: 100%;
overflow: auto;
}
#block_precondition_panel .close {
position: absolute;
top: 0;
right: 5px;
}
#block_precondition_panel .goto-box {
text-align: center;
}
.row.block_precondition_condition_option {
display: none;
}
.block_precondition-message .box-buttons {
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/iomadmoon/core/1777497332/t/collapsed);
/*rtl:raw:
background-image: url(/theme/image.php/iomadmoon/core/1777497332/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/iomadmoon/core/1777497332/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_qrcode #fitem_slc_format .fitemtitle,
.block_qrcode #fitem_slc_size .fitemtitle {
width: 0;
text-align: left;
}
.block_qrcode #fitem_slc_format .felement,
.block_qrcode #fitem_slc_size .felement {
margin-left: 60px;
}
.block_qrcode .fullscreenmodal .modal.show .modal-dialog {
max-width: 100vw;
max-height: 100vh;
width: 100vh;
height: 100vw;
}
.block_qrcode #fitem_slc_size .felement.col-md-9,
.block_qrcode #fitem_slc_format .felement.col-md-9 {
/** Boostrap design fix */
margin-left: 0;
}
.block_qrcode #fitem_id_submitbutton .fsubmit {
margin: 0;
}
.block_qrcode .mform {
margin: 0 10px;
}
.block_qrcode .mform > .form-group {
/** Boostrap design fix */
margin-left: 0;
}
/* stylelint-disable */
/*
Do not edit!
To generate the file make modifications in blocks/rbreport/scss/styles.scss and execute
/path/to/php blocks/rbreport/cli/compilescss.php
*/
/*
Reports from core reportbuilder displayed in a block
*/
.block-region .block_rbreport [data-action="showcount"][data-target-page-size] {
display: none;
}
.block-region .block_rbreport [data-region="core_reportbuilder/report"] .dataformatselector {
display: none !important;
}
.block-region .block_rbreport .table-dynamic > div {
overflow-x: auto;
scrollbar-width: thin;
scrollbar-color: #6c757d #f8f9fa;
}
.block-region .block_rbreport .table-dynamic > div::-webkit-scrollbar {
width: 12px;
}
.block-region .block_rbreport .table-dynamic > div::-webkit-scrollbar-track {
background: #f8f9fa;
}
.block-region .block_rbreport .table-dynamic > div::-webkit-scrollbar-thumb {
background-color: #6c757d;
border-radius: 20px;
border: 3px solid #f8f9fa;
}
.block-region .block_rbreport .table-dynamic > div::-webkit-scrollbar-thumb:hover {
background-color: #495057;
}
.block-region .block_rbreport .table-dynamic > div::-webkit-scrollbar {
height: 12px;
}
.block-region:not(#block-region-content) .block_rbreport .reportbuilder-report:not([data-force-table]) table.reportbuilder-table thead, .block-region:not(#block-region-content) .block_rbreport .rblayout:not(.rblayout-table) table.reportbuilder-table thead {
display: none;
}
.block-region:not(#block-region-content) .block_rbreport .reportbuilder-report:not([data-force-table]) table.reportbuilder-table tr, .block-region:not(#block-region-content) .block_rbreport .rblayout:not(.rblayout-table) table.reportbuilder-table tr {
display: flex;
flex-direction: column;
margin: 0.5rem 0;
padding: 0.25rem 0.5rem 0 0.5rem;
background-color: white !important;
word-wrap: break-word;
background-clip: border-box;
border: 1px solid rgba(0, 0, 0, 0.125);
border-radius: 0.5rem;
}
.block-region:not(#block-region-content) .block_rbreport .reportbuilder-report:not([data-force-table]) table.reportbuilder-table tr:hover, .block-region:not(#block-region-content) .block_rbreport .rblayout:not(.rblayout-table) table.reportbuilder-table tr:hover {
background-color: white !important;
}
.block-region:not(#block-region-content) .block_rbreport .reportbuilder-report:not([data-force-table]) table.reportbuilder-table tr.emptyrow, .block-region:not(#block-region-content) .block_rbreport .rblayout:not(.rblayout-table) table.reportbuilder-table tr.emptyrow {
display: none;
}
.block-region:not(#block-region-content) .block_rbreport .reportbuilder-report:not([data-force-table]) table.reportbuilder-table tr:not(.show) td[data-cardviewhidden], .block-region:not(#block-region-content) .block_rbreport .rblayout:not(.rblayout-table) table.reportbuilder-table tr:not(.show) td[data-cardviewhidden] {
display: none;
}
.block-region:not(#block-region-content) .block_rbreport .reportbuilder-report:not([data-force-table]) table.reportbuilder-table tr td, .block-region:not(#block-region-content) .block_rbreport .rblayout:not(.rblayout-table) table.reportbuilder-table tr td {
display: block;
min-height: 3.6rem;
padding: 0.5rem 0.25rem;
border: none;
}
.block-region:not(#block-region-content) .block_rbreport .reportbuilder-report:not([data-force-table]) table.reportbuilder-table tr td::before, .block-region:not(#block-region-content) .block_rbreport .rblayout:not(.rblayout-table) table.reportbuilder-table tr td::before {
content: attr(data-cardtitle);
display: block;
text-transform: uppercase;
font-size: 70%;
color: #343a40;
}
.block-region:not(#block-region-content) .block_rbreport .reportbuilder-report:not([data-force-table]) table.reportbuilder-table tr td:not([data-cardtitle]), .block-region:not(#block-region-content) .block_rbreport .rblayout:not(.rblayout-table) table.reportbuilder-table tr td:not([data-cardtitle]) {
min-height: 3rem;
}
.block-region:not(#block-region-content) .block_rbreport .reportbuilder-report:not([data-force-table]) table.reportbuilder-table tr td:not(:first-child):not(.card-toggle), .block-region:not(#block-region-content) .block_rbreport .rblayout:not(.rblayout-table) table.reportbuilder-table tr td:not(:first-child):not(.card-toggle) {
border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.block-region:not(#block-region-content) .block_rbreport .reportbuilder-report:not([data-force-table]) table.reportbuilder-table tr td:first-child, .block-region:not(#block-region-content) .block_rbreport .rblayout:not(.rblayout-table) table.reportbuilder-table tr td:first-child {
padding-right: 2rem;
}
.block-region:not(#block-region-content) .block_rbreport .reportbuilder-report:not([data-force-table]) table.reportbuilder-table tr td.card-toggle, .block-region:not(#block-region-content) .block_rbreport .rblayout:not(.rblayout-table) table.reportbuilder-table tr td.card-toggle {
display: block !important;
position: absolute;
right: 10px;
}
.block-region:not(#block-region-content) .block_rbreport .reportbuilder-report:not([data-force-table]) table.reportbuilder-table tr td.card-toggle button, .block-region:not(#block-region-content) .block_rbreport .rblayout:not(.rblayout-table) table.reportbuilder-table tr td.card-toggle button {
padding: 0 0.5rem;
color: #6c757d;
}
.block-region:not(#block-region-content) .block_rbreport .reportbuilder-report:not([data-force-table]) table.reportbuilder-table tr td.card-toggle button i, .block-region:not(#block-region-content) .block_rbreport .rblayout:not(.rblayout-table) table.reportbuilder-table tr td.card-toggle button i {
font-size: 1.5em;
font-weight: bold;
}
.block-region:not(#block-region-content) .block_rbreport .reportbuilder-wrapper .filters-dropdown {
width: 100%;
}
.block_recent_activity .unlist li {
margin-bottom: 1em;
}
.block_recent_activity li .head .date {
float: right;
}
/* RSS Feeds
-------------------------*/
.block_rss_client .list li:first-child {
border-top-width: 0;
}
.block_rss_client .list li {
border-top: 1px solid;
padding: 5px;
}
.block_search_forums .searchform {
text-align: center;
}
.block_search_forums .searchform img {
vertical-align: middle;
}
.block_search_forums .searchform img.resize {
width: 1em;
height: 1.1em;
}
.block_search_forums .invisiblefieldset {
display: block;
}
.block_settings .block_tree ul {
margin-left: 18px;
}
.block_settings .block_tree p.hasicon {
text-indent: -21px;
padding-left: 21px;
}
.block_settings .block_tree p.hasicon img {
width: 16px;
height: 16px;
margin-top: 3px;
margin-right: 5px;
vertical-align: top;
}
.block_settings .block_tree p.hasicon.visibleifjs {
display: block;
}
.block_settings .block_tree .tree_item.branch {
padding-left: 21px;
}
.block_settings .block_tree .tree_item {
cursor: pointer;
margin: 3px 0;
background-position: 0 50%;
background-repeat: no-repeat;
}
.block_settings .block_tree .active_tree_node {
font-weight: bold;
}
.block_settings .block_tree [aria-expanded="true"] {
background-image: url(/theme/image.php/iomadmoon/core/1777497332/t/expanded);
}
.block_settings .block_tree [aria-expanded="false"] {
background-image: url(/theme/image.php/iomadmoon/core/1777497332/t/collapsed);
}
.block_settings .block_tree [aria-expanded="true"].emptybranch {
background-image: url(/theme/image.php/iomadmoon/core/1777497332/t/collapsed_empty);
}
.block_settings .block_tree [aria-expanded="false"] p.loading {
background-image: url(/theme/image.php/iomadmoon/core/1777497332/i/loading_small);
}
/*rtl:raw:
.block_settings .block_tree [aria-expanded="false"] {background-image: url(/theme/image.php/iomadmoon/core/1777497332/t/collapsed_rtl);}
.block_settings .block_tree [aria-expanded="true"].emptybranch {background-image: url(/theme/image.php/iomadmoon/core/1777497332/t/collapsed_empty_rtl);}
.block_settings .block_tree [aria-expanded="false"].loading {background-image: url(/theme/image.php/iomadmoon/core/1777497332/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%;
}
/* Links to more pages */
.block_socialcomments .ccomment-form-navlink {
margin-right: 2px;
}
/* Pins for comments and page */
.block_socialcomments .ccomment-form-pagepinned-wrap,
.block_socialcomments .ccomment-post-pinned-wrap {
float: right;
position: relative;
}
.block_socialcomments .ccomment-comments-subscribed-wrap .cc-switch-label {
float: left;
}
.block_socialcomments .ccomment-comments-subscribed-wrap .cc-switch {
float: right;
}
.block_socialcomments .ccomment-comments-count {
display: none;
}
.block_socialcomments .ccomment-form-textarea-wrap {
position: relative;
}
/* Comments form */
.block_socialcomments .fullwidth {
width: 100%;
}
.block_socialcomments .ccomment-form-action-buttons {
text-align: right;
margin-bottom: 1rem;
}
.block_socialcomments #ccomment-form-action-cancel,
.block_socialcomments #ccomment-form-action-post {
padding: 0 .75rem;
}
.block_socialcomments .ccomment-highlight {
background: #f5a500;
color: white;
}
/* Comments */
.block_socialcomments .ccomment-post-wrap {
list-style: none;
margin-left: 0;
padding-left: 0;
}
.block_socialcomments .ccomment-form-top {
margin-bottom: 5px;
margin-top: -10px;
}
.block_socialcomments .ccomment-post {
background: #f0f1f2;
padding: 5px;
margin-top: 10px;
border-radius: 0.5rem;
}
.block_socialcomments .ccomment-reply-wrap:hover,
.block_socialcomments .ccomment-post:hover {
box-shadow: 2px 2px 4px 0 #ccc;
}
.block_socialcomments .ccomment-post-content {
line-height: 1.3;
}
/* Content of a comment or reply */
/*
#ccomment-comments-content-top {
margin: 10px 0;
border-top: 1px solid #dee2e6;
padding-top: 10px;
}
*/
.block_socialcomments .ccomment-post-header > div {
float: left;
}
.block_socialcomments .ccomment-post-userpicture .userpicture,
.block.block_socialcomments .content .ccomment-post-userpicture .userpicture {
width: 30px;
height: 30px;
float: left;
margin-right: 4px;
}
.block_socialcomments .ccomment-post-fullname {
font-weight: bold;
text-overflow: ellipsis;
display: block;
width: calc(100% - 70px);
white-space: nowrap;
overflow: hidden;
line-height: 1.1;
}
/* paging bar */
.block_socialcomments .ccomment-paging-bar {
text-align: center;
}
.block_socialcomments .ccomment-pagingbar-pagelink,
.block_socialcomments .ccomment-pagingbar-curpagelink {
margin: 2px 0;
padding: 2px 5px;
}
.block_socialcomments .ccomment-pagingbar-pagelink:hover,
.block_socialcomments .ccomment-pagingbar-curpagelink:hover {
text-decoration: none;
color: #fff;
background: #000;
}
.block_socialcomments .ccomment-pagingbar-curpagelink {
background: #dee2e6;
}
/* Action menu for comments and replies */
.jsenabled .block_socialcomments .ccomment-post-header .moodle-actionmenu[data-enhance] {
float: right;
}
.jsenabled .block_socialcomments .ccomment-post-header .moodle-actionmenu.show .menu::before {
content: '';
display: inline-block;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #ccc;
border-bottom-color: rgba(0, 0, 0, .2);
position: absolute;
top: -7px;
right: 9px;
}
.jsenabled .block_socialcomments .ccomment-post-header .moodle-actionmenu.show .menu::after {
content: '';
display: inline-block;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #fff;
position: absolute;
top: -6px;
right: 9px;
}
.jsenabled .block_socialcomments .ccomment-post-header .moodle-actionmenu[data-enhance] .toggle-display.textmenu .caret {
display: none;
}
.block_socialcomments .ccomment-post-header .moodle-actionmenu.show[data-enhanced] .menu a {
outline: none;
text-decoration: none;
/* padding: 2px 1em 2px 1em;
text-align: center; */
}
/* Style checkbox as a togge switch */
.block_socialcomments .cc-switch {
position: relative;
display: inline-block;
width: 70px;
height: 22px;
}
.block_socialcomments .cc-switch input {
display: none;
}
.block_socialcomments .cc-switch .slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
border-radius: 22px;
}
/* slider button */
.block_socialcomments .cc-switch .slider:before {
position: absolute;
content: "";
height: 18px;
width: 18px;
left: 2px;
bottom: 2px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
border-radius: 50%;
}
.block_socialcomments .cc-switch input:checked + .slider {
background-color: #89b833;
}
.block_socialcomments .cc-switch input:checked + .slider:before {
-webkit-transform: translateX(48px);
-ms-transform: translateX(48px);
transform: translateX(48px);
}
.block_socialcomments .cc-switch .labelyes,
.block_socialcomments .cc-switch .labelno {
position: absolute;
height: 22px;
line-height: 22px;
color: white;
text-align: center;
}
.block_socialcomments .cc-switch .labelyes {
left: 5px;
right: 25px;
}
.block_socialcomments .cc-switch .labelno {
right: 5px;
left: 25px;
}
.block_socialcomments .cc-switch input + .slider .labelyes {
display: none;
}
.block_socialcomments .cc-switch input:checked + .slider .labelyes {
display: block;
}
.block_socialcomments .cc-switch input:checked + .slider .labelno {
display: none;
}
/* Comments reply link and pin */
.block_socialcomments .comments-post-footer a,
.block_socialcomments .comments-post-footer a:visited {
color: #666;
}
.block_socialcomments .ccomment-post-pinned-wrap input:checked + label,
.block_socialcomments .ccomment-form-pagepinned-wrap input:checked + label,
.block_socialcomments .ccomment-post-pinned-wrap input[type="checkbox"] + label,
.block_socialcomments .ccomment-form-pagepinned-wrap input[type="checkbox"] + label {
display: block;
width: 22px;
height: 17px;
padding: 0;
color: transparent;
margin-bottom: 0;
}
.block_socialcomments .ccomment-post-pinned-wrap input:checked + label,
.block_socialcomments .ccomment-form-pagepinned-wrap input:checked + label {
background-image: url(/theme/image.php/iomadmoon/block_socialcomments/1777497332/commentpinned);
}
.block_socialcomments .ccomment-post-pinned-wrap input + label,
.block_socialcomments .ccomment-form-pagepinned-wrap input + label {
background-image: url(/theme/image.php/iomadmoon/block_socialcomments/1777497332/commentunpinned);
}
.block_socialcomments .ccomment-post-pinned-wrap input,
.block_socialcomments .ccomment-form-pagepinned-wrap input {
display: none;
}
/* Replies */
.block_socialcomments .ccomment-reply-list {
list-style: none;
margin: 0 0 5px 0;
padding-left: 1rem;
}
.block_socialcomments .ccomment-reply-wrap {
display: block;
position: relative;
margin-top: 8px;
background: #f0f1f2;
padding: 5px;
border: 1px solid #f0f1f2;
border-radius: 0.5rem;
}
.sc-block {
min-height: 4rem;
display: block;
width: 100%;
}
/* Style speech bubble */
#ccomment-replyform .form-control {
position: relative;
display: block;
margin-top: 10px;
}
.block_socialcomments .ccomment-reply-wrap::before,
#ccomment-replyform .form-control::before {
content: '';
display: inline-block;
border-top: 12px solid transparent;
border-left: 12px solid transparent;
border-right: 12px solid #f0f1f2;
border-bottom: 12px solid transparent;
position: absolute;
left: -25px;
top: 12px;
}
/* Exclude from speech bubble style, when editing */
.block_socialcomments .ccomment-reply-wrap #ccomment-replyform .form-control {
position: static;
}
/* Special tooltip */
.block_socialcomments .cctooltip {
position: relative;
}
.block_socialcomments .cctooltip:hover {
text-decoration: none;
}
.block_socialcomments .cctooltip > span {
z-index: 10;
display: none;
padding: 1px 3px;
line-height: 16px;
border-radius: 4px;
position: absolute;
top: -26px;
font-size: 0.8em;
background: #bed6e3;
white-space: nowrap;
}
.block_socialcomments .cctooltip:hover > span {
display: block;
}
.block_socialcomments .ccomment-form-navlink-wrap {
float: left;
}
.block_socialcomments .ccomments-courseselect .jumpmenu div,
.block_socialcomments .ccomments-courseselect .jumpmenu,
.block_socialcomments .ccomments-courseselect form {
display: inline;
}
.block_socialcomments .ccomments-courseselect select {
margin: 0;
}
.block_socialcomments .ccomments-courseselect span {
margin-right: 5px;
}
.block_socialcomments .ccomments-courseselect {
padding: 10px;
background: #efefef;
}
.block_socialcomments .ccomments-no-pins .ccomment-form-pagepinned-wrap,
.block_socialcomments .ccomments-no-pins .ccomment-post-pinned-wrap {
display: none;
}
.block_socialcomments .ccomments-pin-tooltip {
z-index: 10;
display: none;
padding: 1px 3px;
line-height: 16px;
border-radius: 4px;
position: absolute;
top: -26px;
right: -12px;
font-size: 0.8em;
background: #bed6e3;
white-space: nowrap;
}
.block_socialcomments .ccomment-post-pinned-wrap div.ccomments-pin-tooltip,
.block_socialcomments .ccomment-form-pagepinned-wrap div.ccomments-pin-tooltip {
display: none;
}
.block_socialcomments .ccomment-post-pinned-wrap:hover div.ccomments-pin-tooltip,
.block_socialcomments .ccomment-form-pagepinned-wrap:hover div.ccomments-pin-tooltip {
display: block;
}
.block_socialcomments div#ccomment-form-content img.icon {
height: 25px;
width: 25px;
margin-right: 5px;
}
.block_socialcomments div.ccomment-commentspage img.icon {
width: auto;
}
/* Comments report */
.path-blocks-socialcomments #page-content .ccomment-post-wrap {
list-style: none;
margin-left: 0;
padding-left: 0;
margin-bottom: 2rem;
}
.path-blocks-socialcomments #page-content .ccomment-post {
background: #f0f1f2;
padding: 15px;
margin-top: 1rem;
border-radius: 0.5rem;
}
.path-blocks-socialcomments #page-content .ccomment-post-header > div {
float: left;
}
.path-blocks-socialcomments #page-content .ccomment-post-header .ccomment-post-userpicture {
width: 50px;
}
.path-blocks-socialcomments #page-content .ccomment-post-header .ccomment-post-timeposted,
.path-blocks-socialcomments #page-content .ccomment-post-header .ccomment-post-fullname {
width: calc(100% - 50px);
}
.path-blocks-socialcomments #page-content .ccomment-post-header .ccomment-post-fullname {
font-weight: bold;
}
.path-blocks-socialcomments #page-content .ccomment-post-content {
margin-left: 50px;
}
.path-blocks-socialcomments #page-content .ccomment-reply-list {
list-style: none;
margin-left: 1rem;
margin-bottom: 1rem;
}
.path-blocks-socialcomments #page-content .ccomment-reply-wrap {
background: #f0f1f2;
padding: 15px;
margin-top: 10px;
border-radius: 0.5rem;
position: relative;
}
.path-blocks-socialcomments #page-content h3 {
clear: both;
margin-top: 3rem;
margin-bottom: 1rem;
}
.path-blocks-socialcomments #page-content .ccomments-courseselect {
margin-bottom: 1rem;
}
.path-blocks-socialcomments #page-content .ccomments-courseselect .jumpmenu div,
.path-blocks-socialcomments #page-content .ccomments-courseselect .jumpmenu,
.path-blocks-socialcomments #page-content .ccomments-courseselect form {
display: inline;
}
.path-blocks-socialcomments #page-content .activity a {
margin-top: 2rem;
padding: 15px;
border: 1px solid black;
border-radius: 0.5rem;
width: 100%;
display: block;
}
.path-blocks-socialcomments #page-content .activity a img {
margin-right: 1rem;
}
.path-blocks-socialcomments #page-content .ccomment-reply-wrap::before {
content: '';
display: inline-block;
border-top: 12px solid transparent;
border-left: 12px solid transparent;
border-right: 12px solid #f0f1f2;
border-bottom: 12px solid transparent;
position: absolute;
left: -24px;
top: 12px;
}
.block_socialflow .socialflow_optionselectform,
.block_socialflow .socialflow_courseselectform,
.block_socialflow .socialflow_typeselectform,
.block_socialflow .socialflow_itemnumselectform {
display: inline;
}
.block_socialflow .socialflow_optionselectopener,
.block_socialflow .socialflow_courseselectopener,
.block_socialflow .socialflow_typeselectopener,
.block_socialflow .socialflow_itemnumselectopener,
.block_socialflow .socialflow_helpopener {
display: inline;
margin-right: 10px;
border: 1px solid #8f959e;
padding: 6px 2px 6px 10px;
border-radius: 0.3rem;
}
.block_socialflow .socialflow_optionselectblock,
.block_socialflow .socialflow_courseselectblock,
.block_socialflow .socialflow_typeselectblock,
.block_socialflow .socialflow_itemnumselectblock,
.block_socialflow .socialflow_helpblock {
display: none;
margin-top: 20px;
}
.block_socialflow .socialflow_optionselectform label,
.block_socialflow .socialflow_courseselectform label,
.block_socialflow .socialflow_typeselectform label,
.block_socialflow .socialflow_itemnumselectform label,
.block_socialflow .socialflow_helpform label {
margin: 0 18px 0 2px;
}
.block_socialflow .expanded-icon .fa-chevron-down::before {
font-size: 70%;
vertical-align: middle;
}
#socialflowdata {
margin-top: 10px;
}
.block_socialflow .socialflow_done {
color: #73a839;
}
.block_socialflow .socialflow_todo {
color: #025187;
}
.block_socialflow .socialflow_restricted {
color: #323232;
}
.block_socialflow .socialflow_comment {
color: #025187;
}
.block_socialflow .socialflow_comment.socialflow_critical {
color: #801515;
}
.block_socialflow #socialflow_table tr.no_access td {
color: #868686;
}
.block_stash nav {
text-align: center;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.block_stash nav .nav-button {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-align-self: auto;
-ms-flex-item-align: auto;
align-self: auto;
text-decoration: none;
color: #333;
font-size: 80%;
padding: 5px 5px 0;
}
.block_stash nav .nav-button .icon {
margin: 0;
padding: 0;
}
.block_stash nav .nav-button:hover {
background: #eee;
}
/** Stash item. */
.block-stash-item {
display: inline-block;
}
.block-stash-item[aria-haspopup="true"] {
cursor: pointer;
}
.block-stash-item .item-image {
background-position: center center;
background-size: cover;
width: 100px;
height: 100px;
position: relative;
margin: 0 auto;
}
.block-stash-item .item-image .item-label,
.block-stash-item .item-image .item-quantity {
position: absolute;
bottom: 0;
right: 0;
font-size: 11px;
text-align: right;
color: #fff;
background-color: rgba(0, 0, 0, 0.6);
padding: 0 3px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
box-sizing: border-box;
}
.block-stash-item .item-image .item-quantity {
top: auto;
left: auto;
right: 0;
bottom: 0;
line-height: 20px;
}
/** Actions (used in drops). */
.block-stash-item .item-action {
margin: 5px 0 0;
text-align: center;
}
.block-stash-item .item-action button {
margin: 0;
}
/** Small item. */
.block-stash-item.item-small .item-image {
width: 50px;
height: 50px;
}
.block-stash-item.item-small .item-image .item-label,
.block-stash-item.item-xsmall .item-image .item-label {
display: none;
}
.block-stash-item.item-small:hover .item-label,
.block-stash-item.item-xsmall:hover .item-label {
display: block;
bottom: -22px;
background-color: black;
width: 90px;
max-width: none;
text-align: center;
border-radius: 5px;
padding: 0 5px;
right: auto;
left: 0;
left: -webkit-calc(50% - 90px / 2); /* stylelint-disable-line */
left: -moz-calc(50% - 90px / 2); /* stylelint-disable-line */
left: calc(50% - 90px / 2); /* stylelint-disable-line */
z-index: 1;
}
/** Extra small item. */
.block-stash-item.item-xsmall .item-image {
width: 25px;
height: 25px;
}
.block-stash-item.item-xsmall:hover .item-label {
top: 2px;
left: 28px;
width: auto;
bottom: auto;
height: 20px;
line-height: 20px;
}
.block-stash-item.item-medium .item-image {
width: 100px;
height: 100px;
}
/** Quantity rules. */
.block-stash-item.item-quantity-1 .item-quantity {
display: none;
}
/** Stash pages. */
.path-blocks-stash .tablewithitems .block-stash-item {
float: left;
margin-right: 5px;
}
.path-blocks-stash .tablewithitems td {
line-height: 25px;
}
.path-blocks-stash .heading-button {
float: right;
}
.path-blocks-stash .singlebutton div,
.path-blocks-stash .singlebutton input {
margin: 0;
}
.path-blocks-stash .block-stash-item-drops {
margin: 0;
padding: 0;
list-style: none;
}
.path-blocks-stash .block-stash-drop-snippet-dialogue .block-stash-drop-summary hr {
margin: 0;
}
.path-blocks-stash .block-stash-drop-snippet-dialogue .block-stash-drop-summary h6,
.path-blocks-stash .block-stash-drop-snippet-dialogue .block-stash-drop-summary p {
margin-bottom: 0;
}
.path-blocks-stash .reporttable .c0 {
width: 35px;
}
.path-blocks-stash .reporttable .stash-items .block-stash-item {
margin-bottom: 5px;
}
/** Snippet UI. */
.block-stash-snippet-ui [name=snippet] {
box-sizing: border-box;
width: 100%;
max-width: 100%;
min-width: 100%;
height: 45px;
cursor: initial;
background-color: #fff;
}
/** Item details. */
.block-stash-item-detail .item-preview {
float: left;
}
.block-stash-item-detail .item-description {
margin-left: 110px;
}
.dir-rtl .block-stash-item-detail .item-preview {
float: right;
}
.dir-rtl .block-stash-item-detail .item-description {
margin-right: 110px;
margin-left: 0;
}
/** Trade widget box */
.block-stash-trade {
border: 1px solid #bbb;
max-width: 400px;
}
.trade-label {
border-bottom: 1px solid #bbb;
background: #f2f2f2;
}
.dimmed {
color: #999;
}
/** Trade form */
#block_stash_full_trade_form {
border: 1px solid;
border-color: #eee;
/*max-width: 600px;*/
padding: 5px;
}
.block_stash_item_box {
border-bottom: 1px solid;
border-color: #eee;
}
.block-stash-will-do-for-now {
border: 1px solid;
border-color: #eee;
height: 300px;
overflow-y: auto;
}
.block-stash-quantity {
width: 75px !important; /* stylelint-disable-line declaration-no-important */
margin-bottom: 0 !important; /* stylelint-disable-line declaration-no-important */
}
.block-stash-filler {
height: 30px;
}
.block-stash-title-text {
padding-right: 15px;
}
.block_stash-controls {
color: black !important;
top: unset !important;
}
.block_studentstracker .studentstracker_header{margin:10px 0px 20px 0px}.block_studentstracker .studentstracker_footer{margin-top:10px}.block_studentstracker .content{text-decoration:none}.block_studentstracker .content ul{margin-left:0;padding-left:0}.block_studentstracker .content ul li{display:flex;white-space:nowrap;list-style-type:none;padding:2px 5px 2px 5px;margin-bottom:4px;border-radius:4px;margin-left:0;opacity:.8;text-align:left}.block_studentstracker .content ul li span{color:#333}.block_studentstracker .content ul li a{text-decoration:none}.block_studentstracker .content ul li a:hover .userpicture,.block_studentstracker .content ul li a:hover .userinitials{-ms-transform:scale(1.25);-webkit-transform:scale(1.25);transform:scale(1.25)}.block_studentstracker .content ul li a .userpicture{transition:all .2s ease-in-out}.block_studentstracker .content ul li a .userinitials{transition:all .2s ease-in-out;width:15px;height:15px;font-size:.6em}.block_studentstracker .content ul li a .icon{margin-right:0}.block_studentstracker .content ul li .pull-left{overflow:hidden;text-overflow:ellipsis;text-align:left}.block_studentstracker .content ul li .pull-right{flex-grow:1;color:rgba(0,0,0,0.8);font-size:.9em;padding-left:5px;text-align:right}.block_studentstracker .studentstracker-never:hover,.block_studentstracker .studentstracker-four-days:hover,.block_studentstracker .studentstracker-two-days:hover{opacity:1}.block_studentstracker .studentstracker-never{background:#e0e0e0}.block_studentstracker .badge{padding-right:9px;padding-left:9px;border-radius:6px;margin-right:5px}.block_studentstracker #tracker_showmore{transition:opacity 1s}.block_studentstracker #tracker_showmore button{margin-left:auto;margin-right:auto;font-weight:bold;width:50px;text-align:center;text-decoration:none;border-radius:6px;padding:0;height:23px;color:#fff;border:none;background:#00aeef;transition:background-color .25s;text-shadow:-1px 1px #009bd6;line-height:15px}.block_studentstracker #tracker_showmore button:hover{background:#1c8eba;text-shadow:-1px 1px #197da4}.block_studentstracker #tracker_showmore button:active{box-shadow:none;position:relative;top:5px}.block_studentstracker #tracker_showmore button svg{width:24px}.block_studentstracker #tracker_showless{display:none}.block_studentstracker #tracker_showless button{margin-left:auto;margin-right:auto;font-weight:bold;width:50px;text-align:center;text-decoration:none;border-radius:6px;padding:0;height:23px;color:#fff;border:none;background:#00aeef;transition:background-color .25s;text-shadow:-1px 1px #009bd6;line-height:15px}.block_studentstracker #tracker_showless button:hover{background:#1c8eba;text-shadow:-1px 1px #197da4}.block_studentstracker #tracker_showless button:active{box-shadow:none;position:relative;top:5px}.block_studentstracker #tracker_showless button svg{width:24px}.popover .popover-body .block_studentstracker-userpicture{font-size:1.5em}
.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;
}
}
.timer-container {
display: flex;
align-items: center;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.timer-display {
padding: .5rem;
text-align: center;
transition: all 0.3s ease-in-out;
}
.timer-display.bg-danger {
color: white;
}
.info-text {
font-size: 0.8rem;
}
.info-label {
font-weight: bold;
}
.info-value {
font-weight: normal;
}
.block_timezoneclock .additionaltimezones {
display: flex;
flex-wrap: wrap;
width: 100%;
gap: 1%;
}
.block_timezoneclock .sectiontitle {
font-size: 1.6rem;
border-bottom: 0.08em solid #ccc;
margin-bottom: 0.6em;
}
.block_timezoneclock .clockwrap {
--size: 200px;
display: flex;
flex-direction: column;
flex-grow: 1;
margin-left: 0.1em;
margin-right: 0.1em;
max-width: 360px;
background-color: #f3f5f8;
border: 0.1em solid #ccc;
border-radius: 0.3em;
padding: 0;
margin-bottom: 0.8em;
flex-basis: 50%;
font-size: 1.2em;
margin-top: 1em;
}
.block_timezoneclock .clockwrap .dateline {
display: flex;
flex-wrap: wrap;
align-self: start;
text-shadow: 0 0 13px #7084ca;
color: white;
background-color: black;
padding: 0.2em 0.8em;
border-radius: 0.3em;
margin: 0.5em auto;
max-width: calc(100% - .1em);
white-space: pre;
}
.block_timezoneclock .clockwrap .clock {
display: flex;
flex-wrap: wrap;
align-self: start;
text-shadow: 0 0 13px #7084ca;
color: white;
margin-bottom: 0;
}
.block_timezoneclock .clockwrap .tztitle {
background-color: #7084ca;
transform: translateX(0.8em) translateY(-1.2em);
color: white;
}
.block_timezoneclock .tab-pane {
padding-left: 0;
padding-right: 0;
}
@media (max-width: 768px) {
.block_timezoneclock .clockwrap {
flex-basis: auto;
max-width: unset;
}
}
.block_timezoneclock .clockwrap .analogclock {
height: calc(var(--size) + 10px);
width: calc(var(--size) + 10px);
position: relative;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background-color: #f5f5f5;
box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.14);
border-width: 0;
margin: 0.5em auto;
}
.block_timezoneclock .clockwrap .analogclock .clock__inner {
position: relative;
height: var(--size);
width: var(--size);
border-radius: 50%;
}
.block_timezoneclock .clockwrap .analogclock .clock__axis {
background: black;
width: 12px;
height: 12px;
border-radius: 50%;
position: absolute;
top: calc(var(--size) / 2);
left: calc(var(--size) / 2);
display: flex;
align-items: center;
justify-content: center;
transform: translateX(-6px) translateY(-6px);
}
.block_timezoneclock .clockwrap .analogclock .clock__axis::after {
width: 7px;
height: 7px;
content: " ";
background-color: #7084ca;
display: inline-block;
border-radius: 50%;
}
.block_timezoneclock .clockwrap .analogclock .clock__indicator,
.block_timezoneclock .clockwrap .analogclock .clock__hour,
.block_timezoneclock .clockwrap .analogclock .clock__minute,
.block_timezoneclock .clockwrap .analogclock .clock__second {
position: absolute;
color: black;
transform-origin: bottom center;
border-radius: 1px;
display: block;
}
.block_timezoneclock .clockwrap .analogclock .clock__hour,
.block_timezoneclock .clockwrap .analogclock .clock__minute,
.block_timezoneclock .clockwrap .analogclock .clock__second {
--gudder: 0;
--divider: 60;
--unit: 1;
--hand-width: 6px;
width: var(--hand-width);
left: calc(50% - var(--hand-width) / 2);
transform: rotateZ(calc(var(--unit) * 360deg / var(--divider)));
border-top-left-radius: 5px;
border-top-right-radius: 5px;
height: calc(var(--size) / 2 - var(--gudder));
margin-top: var(--gudder);
font-size: 0;
background-color: black;
}
.block_timezoneclock .clockwrap .analogclock .clock__hour {
--divider: 12;
--gudder: 50px;
}
.block_timezoneclock .clockwrap .analogclock .clock__minute {
--gudder: 40px;
}
.block_timezoneclock .clockwrap .analogclock .clock__second {
--gudder: 20px;
--hand-width: 3px;
background-color: #7084ca;
display: flex;
align-items: end;
z-index: 1;
}
.block_timezoneclock .clockwrap .analogclock .clock__second::after {
height: 20px;
width: 4px;
content: " ";
display: inline-block;
background-color: inherit;
transform: translateY(10px);
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.block_timezoneclock .clockwrap .analogclock .clock__indicator {
height: calc(var(--size) / 2);
border-top: 5px solid #a0a0a0;
background: none;
width: 1px;
left: calc(50%);
transform: rotateZ(calc(6deg * (5 + var(--nth-child))));
text-shadow: none;
}
.block_timezoneclock .clockwrap .analogclock .clock__indicator:nth-of-type(5n) {
width: 2px;
font-weight: bold;
border-top: 10px solid #1d1d1d;
counter-increment: hourcounter;
}
.block_timezoneclock .clockwrap .analogclock .clock__indicator:nth-of-type(5n)::after {
content: counter(hourcounter) "";
transform: rotateZ(calc(-6deg * (5 + var(--nth-child))));
font-size: 12px;
display: flex;
align-items: center;
justify-content: center;
}
.block_timezoneclock .clockwrap .analogclock .clock__dayPeriod {
--width: 2em;
position: absolute;
display: inline-block;
bottom: 20%;
left: calc(50% - var(--width) / 2);
color: white;
text-align: center;
background-color: black;
padding: 0.1em;
font-size: 0.6em;
font-weight: bold;
margin-left: auto;
margin-right: auto;
border-radius: 0.4em;
width: var(--width);
}
.block_timezoneclock .clockwrap .unitdisplay {
display: flex;
align-items: center;
justify-content: center;
}
.block_timezoneclock .clockwrap .unitdisplay::before {
content: attr(data-unit);
}
.block_timezoneclock .clockwrap .digitalclock {
background-color: black;
padding: 0.2em 0.8em;
width: 100%;
border-radius: inherit;
white-space: pre;
}
.block_timezoneclockconverterform .form-check-input[id^="id_toggletimestamp"] {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.block_timezoneclockconverterform .form-check-input[id^="id_toggletimestamp"] ~ span {
cursor: pointer;
}
.block_timezoneclockconverterform .form-check-input[id^="id_toggletimestamp"]:disabled ~ span {
opacity: .65;
cursor: not-allowed;
pointer-events: none;
}
.block_timezoneclockconverterform .icon {
margin-right: 0;
}
.block_timezoneclockconverterform .form-check-input[id^="id_toggletimestamp"]:not(:checked) ~ span > i:nth-child(1),
.block_timezoneclockconverterform .form-check-input[id^="id_toggletimestamp"]:checked ~ span > i:nth-child(2) {
display: none;
}
/* Moodle 4.0 version label fix */
.block_timezoneclockconverterform [data-groupname="selectedstamp"] > label.col-form-label:not(.sr-only) {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.ts-wrapper .ts-control > input[role="combobox"] {
min-width: 12.3rem;
}
.tzinformation {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.5rem;
}
.tzinformation [data-action="replacecomputertimezone"] {
visibility: hidden;
}
/* RTL Fixes */
html[dir="rtl"] .block_timezoneclock .clockwrap .digitalclock {
direction: rtl;
}
html[dir="rtl"] .block_timezoneclock .clockwrap .analogclock .clock__axis {
transform: translateX(6px) translateY(-6px);
}
.choices-js-wrapper .choices {
width: 100%;
}
.choices-js-wrapper [data-selectenhanced="1"] {
visibility: hidden;
}
/* Style for the blockcontent template*/
.townsquare_header {
background-color: #f8f9fa;
border-radius: 0.375rem;
padding: 0.5rem 0.75rem;
margin-bottom: 0.75rem;
border-bottom: 1px solid #dee2e6;
}
@media (max-width: 767.98px) {
.townsquare_header {
margin-top: 0.5rem;
}
}
@keyframes ts-spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.ts-reloading i {
animation: ts-spin 0.6s linear infinite;
transform-origin: center center;
}
#ts_reload_button {
outline: none;
user-select: none;
}
#ts_reload_button i {
display: inline-block;
}
#ts_reload_button:active {
transform: none;
}
.townsquare_sidepanel.col-md-3 {
background-color: #eee;
border-radius: 0.5rem;
padding-left: 0;
padding-right: 0;
}
.townsquare_content {
max-height: 750px;
max-width: 100%;
border-radius: 0.5rem;
overflow-x: hidden;
display: flex;
flex-direction: column;
}
.townsquare_letters {
overflow-y: scroll;
overflow-x: hidden;
flex: 1;
}
/* Style for the side panel filter */
.ts_usersettings {
padding-left: 0.5em;
}
.ts_usersettings_button {
display: flex;
margin: 0.5em;
}
.ts_usersettings_message {
background-color: #eee;
display: none;
}
.ts_button_transition {
transition: background-color 1.0s ease, color 1.0s ease;
}
/* Style for all letter or content templates */
.townsquareletter_header.card-header {
padding-top: 0.4rem;
padding-bottom: 0.4rem;
}
.townsquareletter_body.card-body {
padding-top: 0.7rem;
padding-bottom: 0.6rem;
}
.townsquareletter_top {
display: flex;
}
.townsquareletter_course {
flex: 1;
}
.townsquareletter_courselink:hover {
color: #fff;
text-decoration: underline;
}
.townsquareletter_courselink {
color: #fff;
text-decoration: none;
}
.townsquareletter_course,
.townsquareletter_date {
color: #fff;
text-shadow: 1px 1px 2px #000;
}
.townsquare_showmore {
cursor: pointer;
background-color: #6a737b;
}
/* Styles for individual letters */
/* basicletter Style*/
/* postletter Style */
.postletter_origin {
margin-bottom: 0.4rem;
}
.postletter_message {
max-height: 90px; /*4 lines with font-size 15px and line-height 1.5*/
overflow: hidden;
display: block;
transition: max-height 0.3s ease;
}
/* actvitiycompletionletter Style*/
/* Style for the orientation marker */
.orientationmarker {
padding-top: 0.3rem;
padding-bottom: 0.5rem;
display: flex;
align-items: center;
}
.orientationmarker_date {
margin-right: 0.75rem;
}
.orientationmarker_line {
flex: 1;
height: 1px;
background-color: #0e0e0e;
}
.orientationmarker-collapse {
cursor: pointer;
}
.ts-letter-box {
overflow: hidden;
transition: max-height 0.3s ease;
}
/*# sourceMappingURL=styles.css.map */
.block_vitrina-courseslist .coursebox.panel {
width: 300px;
margin: 0 10px 10px;
overflow: hidden;
position: relative;
border: 1px solid #eee;
display: flex;
flex-wrap: wrap;
align-content: space-between;
}
.block_vitrina-courseslist .coursebox.panel .course-progress {
padding: 5px;
}
.block_vitrina-courseslist .coursebox.panel > div {
width: 100%;
margin: 0;
}
.block_vitrina-courseslist .coursebox .courseimage {
height: 160px;
overflow: hidden;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.block_vitrina-courseslist .coursebox.state-waiting {
filter: grayscale(1);
}
.block_vitrina-courseslist .coursebox.coursehidden {
opacity: 0.5;
filter: grayscale(1);
}
.block_vitrina-courseslist .coursebox .waiting-label {
position: absolute;
background-color: #595959;
color: #fff;
padding: 5px;
text-align: center;
left: 0;
right: 0;
top: 20%;
}
.block_vitrina-courseslist .coursebox.type-premium:after {
content: "";
position: absolute;
right: 10px;
top: 0;
background: transparent url(/theme/image.php/iomadmoon/block_vitrina/1777497332/premium) no-repeat;
width: 50px;
height: 60px;
}
.block_vitrina-courseslist .coursebox.type-premium .panel-heading {
padding-right: 60px;
}
.block_vitrina-courseslist .coursebox .panel-body {
padding: 5px 0;
text-align: center;
line-height: 120%;
}
.block_vitrina-courseslist .coursebox .panel-body a {
font-weight: bold;
}
.block_vitrina-courseslist .coursebox .panel-body a.btn-primary {
color: #fff;
}
.block_vitrina-courseslist .coursebox .panel-body .coursefee {
border-bottom: 1px solid #eee;
padding: 5px;
}
.block_vitrina-courseslist .coursebox .panel-body label {
font-weight: bold;
font-size: 12px;
}
.block_vitrina-courseslist .coursebox .panel-body .feeinfo {
padding: 5px 10px;
border-radius: 5px;
display: inline-block;
margin: 5px;
background-color: var(--secondary);
}
.block_vitrina-courseslist .coursebox.panel .contactslist {
display: flex;
justify-content: left;
align-content: center;
padding: 5px;
gap: 5px;
border-bottom: 1px solid #eee;
margin: 5px 0;
}
.block_vitrina-courseslist .coursebox .contactslist h5 {
display: flex;
align-items: center;
font-size: 80%;
}
.block_vitrina-courseslist .coursebox .contactslist .courseinstructors {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.block_vitrina-courseslist .coursebox .contactslist .courseinstructors a {
margin-right: 5px;
margin-bottom: 5px;
}
.block_vitrina-courseslist .coursebox .contactslist .courseinstructors a:hover {
opacity: 0.8;
}
.block_vitrina-courseslist .coursebox .contactslist .courseinstructors img {
border-radius: 50%;
object-fit: cover;
}
.block_vitrina-courseslist .coursebox .customfieldslist {
padding: 5px 0;
}
.block_vitrina-courseslist .coursebox .customfieldslist .list-group {
border-radius: 0;
}
.block_vitrina-courseslist .coursebox .customfieldslist .list-group-item {
padding: 0.4rem 0.6rem;
font-size: 90%;
border-right: none;
border-left: none;
}
.block_vitrina-courseslist .coursebox .panel-foot {
text-align: center;
padding-bottom: 5px;
}
.block_vitrina-courseslist .coursebox .course_description {
opacity: 0;
position: absolute;
left: 0;
top: 0;
right: 0;
overflow: auto;
background-color: #000d;
color: #fff;
padding: 5px;
z-index: 2;
line-height: 130%;
font-size: 90%;
text-align: left;
height: 100%;
}
@keyframes boxin {
from {
height: 0;
opacity: 0;
}
to {
height: 100%;
opacity: 1;
}
}
.block_vitrina-courseslist .courseimage:hover .course_description {
opacity: 1;
animation: boxin 0.3s;
}
/* Course detail */
#page-blocks-vitrina-detail .content-layout {
max-width: 940px;
margin: auto;
padding: 0 20px;
}
#page-blocks-vitrina-detail .content-layout .content-box {
padding: 10px 20px;
}
#page-blocks-vitrina-detail .catalog-return {
margin-bottom: 5px;
padding-bottom: 5px;
}
#page-blocks-vitrina-detail .catalog-return a {
padding: 5px;
border-radius: 10px;
display: inline-block;
}
/* End course detail */
#page-blocks-vitrina-index .courses-sort {
margin: 20px 0;
}
#page-blocks-vitrina-index .courses-sort ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
justify-content: center;
}
#page-blocks-vitrina-index .courses-sort li {
margin: 0 10px;
}
#page-blocks-vitrina-index .courses-sort li a {
position: relative;
}
#page-blocks-vitrina-index .courses-sort li a:after {
height: 30px;
width: 30px;
transform: rotate(45deg);
position: absolute;
bottom: -40px;
left: calc(50% - 15px);
}
#page-blocks-vitrina-index .courses-sort.sort-by-default li a[data-sort="default"] {
font-weight: bold;
border-bottom: 2px solid;
}
#page-blocks-vitrina-index .courses-sort.sort-by-default li a[data-sort="default"]:after {
content: "";
}
#page-blocks-vitrina-index .courses-sort.sort-by-recents li a[data-sort="recents"] {
font-weight: bold;
border-bottom: 2px solid;
}
#page-blocks-vitrina-index .courses-sort.sort-by-recents li a[data-sort="recents"]:after {
content: "";
}
#page-blocks-vitrina-index .courses-sort.sort-by-greats li a[data-sort="greats"] {
font-weight: bold;
border-bottom: 2px solid;
}
#page-blocks-vitrina-index .courses-sort.sort-by-greats li a[data-sort="greats"]:after {
content: "";
}
#page-blocks-vitrina-index .courses-sort.sort-by-premium li a[data-sort="premium"] {
font-weight: bold;
border-bottom: 2px solid;
}
#page-blocks-vitrina-index .courses-sort.sort-by-premium li a[data-sort="premium"]:after {
content: "";
}
#page-blocks-vitrina-detail .context-detail {
display: flex;
flex-wrap: wrap;
}
#page-blocks-vitrina-detail .context-detail .customfield-box {
padding: 0 10px;
text-align: center;
border-right: 1px solid #ddd;
}
#page-blocks-vitrina-detail .context-detail :last-child {
border-right: none;
}
#page-blocks-vitrina-detail .media-container {
padding: 20px 0 40px;
}
#page-blocks-vitrina-detail .media-container > div {
display: flex;
align-items: center;
justify-content: center;
}
#page-blocks-vitrina-detail .media-container > div > div {
width: 50%;
display: flex;
justify-content: center;
align-items: center;
}
#page-blocks-vitrina-detail .media-content video,
#page-blocks-vitrina-detail .media-content img,
#page-blocks-vitrina-detail .media-content audio,
#page-blocks-vitrina-detail .media-container video,
#page-blocks-vitrina-detail .media-container img,
#page-blocks-vitrina-detail .media-container audio {
max-width: 100%;
}
#page-blocks-vitrina-detail .share-container {
justify-items: center;
align-items: center;
border-bottom: 2px solid #e5e5e5;
padding: 20px 0;
}
#page-blocks-vitrina-detail .share-container .share-content {
display: grid;
grid-template-columns: auto auto auto;
padding: 0 20px;
}
#page-blocks-vitrina-detail .share-container .input-container {
width: 100%;
}
#page-blocks-vitrina-detail .share-container input[name="courselink"] {
border: 2px solid #d7d7d7;
font-style: italic;
}
#page-blocks-vitrina-detail .share-container .input-group-text {
border-color: #d7d7d7;
border-right: none;
background-color: #f5f5f5;
}
#page-blocks-vitrina-detail .share-container .input-group-text i {
color: #d7d7d7;
}
#page-blocks-vitrina-detail .share-container .share-icons {
display: flex;
justify-content: center;
padding: 0 10px;
}
#page-blocks-vitrina-detail .share-container .share-icons a {
border-radius: 50%;
color: #6ca0a5;
display: flex;
width: 34px;
height: 34px;
justify-content: center;
align-items: center;
margin: 0 3px;
font-size: 22px;
background-color: #eaeaea;
}
#page-blocks-vitrina-detail .share-container .share-icons a i {
color: #6ca0a5;
}
#page-blocks-vitrina-detail .coursebanner-box {
position: relative;
min-height: 178px;
background-color: #eee;
display: flex;
align-items: center;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
max-height: 200px;
overflow: hidden;
}
#page-blocks-vitrina-detail .coursebanner-box img {
max-width: 100%;
max-height: 100%;
width: 100%;
}
#page-blocks-vitrina-detail .coursebanner-box .coursetitle {
display: block;
left: 0;
padding: 15px 40px;
text-transform: uppercase;
color: #fff;
font-weight: bold;
font-size: 22px;
line-height: 24px;
width: 100%;
max-width: 500px;
background-color: #aaa;
background-size: cover;
background-repeat: no-repeat;
position: absolute;
}
#page-blocks-vitrina-detail .coursebanner-box .coursetitle span {
display: block;
font-size: 80%;
font-weight: normal;
line-height: 20px;
}
#page-blocks-vitrina-detail .course-detail .enroll-container {
display: flex;
align-items: center;
justify-content: center;
padding: 50px 10px 0;
background-color: #aaa;
border-radius: 50%;
color: #fff;
position: relative;
width: 300px;
height: 300px;
}
#page-blocks-vitrina-detail .course-detail .enroll-container .haspaymentgw p {
line-height: 100%;
}
#page-blocks-vitrina-detail .course-detail .enroll-container .haspaymentgw [data-component="enrol_fee"] {
margin-bottom: 10px;
}
#page-blocks-vitrina-detail .course-detail .enrollstate-completed .enroll-container {
background-color: #86d7d1;
color: #016e84;
}
#page-blocks-vitrina-detail .course-detail .enrollstate-enrolled .enroll-container {
background-color: #f2c000;
color: #016e84;
}
#page-blocks-vitrina-detail .course-detail .enroll-content {
margin-bottom: 0;
margin-left: 10px;
font-size: 24px;
font-weight: bold;
text-align: center;
}
#page-blocks-vitrina-detail .course-detail .enroll-content img.icon {
width: auto;
height: auto;
}
#page-blocks-vitrina-detail .course-detail .enroll-content em {
font-size: 20px;
}
#page-blocks-vitrina-detail .course-detail .enroll-container .requireauth {
line-height: 19px;
font-size: 17px;
max-width: 70%;
margin: auto;
}
#page-blocks-vitrina-detail .course-detail .enrollstate-completed .enroll-container a.btn {
color: #016e84;
border: 2px solid #016e84;
}
#page-blocks-vitrina-detail .course-detail .enroll-container .enrollform-footer {
padding: 5px;
}
#page-blocks-vitrina-detail .course-detail .enroll-container select[name="enrolid"] {
margin-bottom: 10px;
}
#page-blocks-vitrina-detail .course-detail .enroll-container [name="enroltoken"] {
text-align: center;
letter-spacing: 10px;
}
#page-blocks-vitrina-detail .course-detail .detail-foot {
padding: 20px;
margin-top: 30px;
display: flex;
}
#page-blocks-vitrina-detail .course-detail .license {
text-align: center;
}
#page-blocks-vitrina-detail .course-detail .license img {
border-width: 0;
}
#page-blocks-vitrina-detail .course-detail.type-premium:after {
content: "";
position: absolute;
right: 10px;
top: 0;
background: transparent url(/theme/image.php/iomadmoon/block_vitrina/1777497332/premium) no-repeat;
width: 80px;
height: 100px;
}
#page-blocks-vitrina-detail .ranking-summary {
display: flex;
}
#page-blocks-vitrina-detail .ranking-summary > div {
display: flex;
flex-direction: column;
border-right: 2px solid #e2e2e2;
padding: 0 20px;
}
#page-blocks-vitrina-detail .ranking-summary > div label {
margin: 0;
}
#page-blocks-vitrina-detail .ranking-detail {
max-width: 400px;
padding-right: 20px;
width: 100%;
}
#page-blocks-vitrina-detail .ranking-detail > div:first-child {
display: flex;
align-items: baseline;
}
#page-blocks-vitrina-detail .ranking-detail > div:first-child label {
font-size: 40px;
display: inline-block;
margin: 0 10px 0 0;
}
#page-blocks-vitrina-detail .ranking-detail > div .vitrina-ranking-stars {
display: inline-block;
}
#page-blocks-vitrina-detail .ranking-detail > div:nth-child(2) {
display: flex;
flex-direction: column-reverse;
margin-top: 20px;
}
#page-blocks-vitrina-detail .ranking-detail .ranking-detail-item {
display: flex;
align-items: center;
margin-bottom: 5px;
}
#page-blocks-vitrina-detail .ranking-detail .ranking-detail-item label {
white-space: nowrap;
padding-right: 10px;
margin: 0;
}
#page-blocks-vitrina-detail .ranking-detail .ranking-detail-item div:nth-child(3) {
white-space: nowrap;
width: 50px;
text-align: right;
}
#page-blocks-vitrina-detail .ranking-detail .ranking-detail-item .rating-bar {
height: 10px;
border-radius: 5px;
background-color: #cfcfcf;
width: 100%;
}
#page-blocks-vitrina-detail .ranking-detail .ranking-detail-item .rating-bar div {
height: 100%;
border-radius: 5px;
background-color: #ffc500;
}
.vitrina-ranking-stars {
width: 160px;
height: 28px;
position: relative;
font-size: 0;
}
.vitrina-ranking-stars .icon {
width: 100%;
height: 100%;
margin: 0;
vertical-align: unset;
}
.vitrina-ranking-stars-bar {
overflow: hidden;
position: absolute;
left: 0;
top: 0;
bottom: 0;
}
.vitrina-ranking-stars-bar::after {
content: "";
position: absolute;
background: url(/theme/image.php/iomadmoon/block_vitrina/1777497332/stars) no-repeat;
background-size: contain;
width: 160px;
height: 28px;
}
.coursebox .vitrina-ranking-stars {
transform: scale(0.6);
transform-origin: left;
}
#page-blocks-vitrina-detail .course-comments {
width: 100%;
}
#page-blocks-vitrina-detail .course-comments > div {
display: flex;
align-items: flex-start;
margin-bottom: 10px;
margin-left: 20px;
}
#page-blocks-vitrina-detail .course-comments > div img.userpicture {
border-radius: 50%;
margin-right: 10px;
max-width: 100px;
}
#page-blocks-vitrina-detail .course-comments > div .timeformated {
font-size: 80%;
font-style: italic;
}
#page-blocks-vitrina-detail .msg-courselink-copy {
position: absolute;
background-color: #fff;
opacity: 0.9;
padding: 5px;
border: 1px dashed;
font-size: 70%;
left: 0;
}
.relatedcourses h3 {
text-align: center;
}
.relatedcourses > div {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-top: 30px;
}
/* Tabs control */
.block_vitrina-tabs {
display: flex;
flex-wrap: wrap;
border-bottom: 1px solid #ddd;
}
.block_vitrina-tabs > [data-ref] {
padding: 10px;
cursor: pointer;
border: none;
border-bottom: 3px solid transparent;
}
.block_vitrina-tabs > :hover[data-ref] {
border-bottom-color: var(--secondary);
}
.block_vitrina-tabs > .active:hover[data-ref],
.block_vitrina-tabs > .active {
cursor: default;
font-weight: bold;
border-bottom-color: var(--primary);
}
.block_vitrina-tabcontent {
padding: 10px 0;
display: none;
}
.block_vitrina-tabcontent.active {
display: block;
}
.block_vitrina-tabcontent .courses-list {
display: flex;
align-items: stretch;
flex-wrap: wrap;
}
.block_vitrina-tabcontent.loading .courses-list {
min-height: 100px;
background-image: url(/theme/image.php/iomadmoon/block_vitrina/1777497332/loading);
background-repeat: no-repeat;
background-position: center;
}
.block_vitrina-tabcontent .loadmore {
width: 100%;
}
.block_vitrina-tabcontent .nocourses {
width: 100%;
}
/* End Tabs control */
/* Catalog filter layout */
#page-blocks-vitrina-index .block_vitrina-content {
display: flex;
}
#page-blocks-vitrina-index .block_vitrina-content.loading .over-loading {
background-image: url(/theme/image.php/iomadmoon/block_vitrina/1777497332/loading);
background-repeat: no-repeat;
background-position: center;
background-size: 300px;
background-color: #5558;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
#vitrina-filtercol {
border-right: 1px solid #eee;
padding-right: 10px;
}
#vitrina-resultscol {
padding-left: 20px;
width: 100%;
}
/* End of catalog filter layout */
/* Filter controls */
.path-blocks-vitrina .filterfulltext {
width: 100%;
max-width: 500px;
margin: 20px auto;
padding: 0 10px;
border-radius: 10px;
}
.path-blocks-vitrina .filterfulltext input {
width: calc(100% - 45px);
outline: none;
}
.path-blocks-vitrina .filterfulltext button {
width: 40px;
padding-left: 5px;
padding-right: 5px;
}
.path-blocks-vitrina .filterfulltext button:hover {
opacity: 0.8;
}
.path-blocks-vitrina .filtercontrol > h5 {
display: block;
width: 100%;
padding: 5px;
font-weight: bold;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
}
.path-blocks-vitrina .filtercontrol .filteroptions > li {
padding-bottom: 5px;
max-width: 200px;
display: flex;
}
.path-blocks-vitrina .filtercontrol .filteroptions label {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
padding-left: 5px;
margin: 0;
cursor: pointer;
width: 100%;
}
.path-blocks-vitrina .filtercontrol .filteroptions label:hover {
background-color: #f5f5f5;
}
.path-blocks-vitrina .filtercontrol .filteroptions {
list-style: none;
padding: 0;
}
.path-blocks-vitrina .filtercontrol .filteroptions .filter-optiongroup {
flex-direction: column;
}
.path-blocks-vitrina .filtercontrol .filteroptions .filter-optiongroup.haschilds {
border-bottom: 1px solid #ddd;
margin-bottom: 10px;
}
.path-blocks-vitrina .filtercontrol .filteroptions .filter-optiongroup.haschilds:last-child {
border-bottom: none;
margin-bottom: 0;
}
.path-blocks-vitrina .filtercontrol .filteroptions .filter-optiongroup.haschilds > .filter-option {
font-weight: bold;
}
.path-blocks-vitrina .filtercontrol .filteroptions .filter-option {
display: flex;
}
.vitrina-filter-closebutton,
.vitrina-filter-responsivebutton {
display: none;
}
/* End of Filter controls */
@media (max-width: 512px) {
/* Detail styles */
#page-blocks-vitrina-detail .media-container > div > div {
width: 100%;
}
#page-blocks-vitrina-detail .ranking-summary {
display: block;
}
#page-blocks-vitrina-detail .ranking-summary > div {
border-bottom: 2px solid #e2e2e2;
border-right: none;
padding: 10px 0;
}
#page-blocks-vitrina-detail .share-container .share-content {
display: block;
}
#page-blocks-vitrina-detail .share-container .share-content > div {
margin-bottom: 10px;
}
#page-blocks-vitrina-detail .course-detail .detail-foot {
display: block;
}
#page-blocks-vitrina-detail .ranking-detail {
margin-bottom: 20px;
}
/* End of detail styles */
.vitrina-filter-responsivebutton {
display: block;
position: fixed;
left: 0;
padding: 5px 10px 5px 5px;
border-radius: 0 10px 10px 0;
background-color: var(--light);
cursor: pointer;
box-shadow: 1px 2px 7px #888;
}
.vitrina-filter-closebutton {
position: absolute;
top: 0;
right: 5px;
display: block;
cursor: pointer;
}
.vitrina-filter-closebutton i {
color: #fff;
font-size: 200%;
}
.vitrina-filter-responsivebutton:hover {
background-color: #dae0e5;
}
.vitrina-filter-responsivebutton i {
margin: 0;
}
#vitrina-filtercol {
display: none;
}
#vitrina-filtercol .filterscolbox {
padding: 10px;
background-color: #fff;
overflow: auto;
height: 100%;
border-radius: 10px;
}
#vitrina-resultscol {
padding-left: 0;
}
.block_vitrina-content.opened-popup #vitrina-filtercol {
position: fixed;
top: var(--navbar-height, 50px);
right: 0;
bottom: 0;
left: 0;
z-index: 99;
background-color: #3338;
padding: 30px 20px 20px;
display: block;
}
.block_vitrina-tabs {
padding-left: 10px;
}
.block_vitrina-tabs > [data-ref] {
max-width: 26vw;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.block_vitrina-tabcontent .courses-list {
justify-content: center;
}
}
/**
* 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: ;
--tw-contain-size: ;
--tw-contain-layout: ;
--tw-contain-paint: ;
--tw-contain-style: ;
}
::backdrop {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
--tw-contain-size: ;
--tw-contain-layout: ;
--tw-contain-paint: ;
--tw-contain-style: ;
}
.block_xp .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 .xp-pointer-events-none {
pointer-events: none;
}
.block_xp .xp-invisible {
visibility: hidden;
}
.block_xp .xp-absolute {
position: absolute;
}
.block_xp .xp-relative {
position: relative;
}
.block_xp .xp-sticky {
position: sticky;
}
.block_xp .xp-inset-0 {
inset: 0px;
}
.block_xp .xp-inset-y-0 {
top: 0px;
bottom: 0px;
}
.block_xp .xp--left-8 {
left: -2rem;
}
.block_xp .xp--top-4 {
top: -1rem;
}
.block_xp .xp--top-6 {
top: -1.5rem;
}
.block_xp .xp-left-0 {
left: 0px;
}
.block_xp .xp-left-0\.5 {
left: 0.125rem;
}
.block_xp .xp-left-2\.5 {
left: 0.625rem;
}
.block_xp .xp-right-0 {
right: 0px;
}
.block_xp .xp-top-0 {
top: 0px;
}
.block_xp .xp-top-0\.5 {
top: 0.125rem;
}
.block_xp .xp-z-10 {
z-index: 10;
}
.block_xp .xp-z-20 {
z-index: 20;
}
.block_xp .xp-order-1 {
order: 1;
}
.block_xp .xp-col-span-2 {
grid-column: span 2 / span 2;
}
.block_xp .xp-m-0 {
margin: 0px;
}
.block_xp .xp--my-1 {
margin-top: -0.25rem;
margin-bottom: -0.25rem;
}
.block_xp .xp-mx-2 {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.block_xp .xp-my-2 {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.block_xp .xp-my-3 {
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
.block_xp .xp-my-4 {
margin-top: 1rem;
margin-bottom: 1rem;
}
.block_xp .\!xp-mr-1 {
margin-right: 0.25rem !important;
}
.block_xp .xp--mr-2 {
margin-right: -0.5rem;
}
.block_xp .xp--mt-1\.5 {
margin-top: -0.375rem;
}
.block_xp .xp-mb-0 {
margin-bottom: 0px;
}
.block_xp .xp-mb-1 {
margin-bottom: 0.25rem;
}
.block_xp .xp-mb-1\.5 {
margin-bottom: 0.375rem;
}
.block_xp .xp-mb-2 {
margin-bottom: 0.5rem;
}
.block_xp .xp-mb-4 {
margin-bottom: 1rem;
}
.block_xp .xp-mb-6 {
margin-bottom: 1.5rem;
}
.block_xp .xp-ml-1 {
margin-left: 0.25rem;
}
.block_xp .xp-ml-2 {
margin-left: 0.5rem;
}
.block_xp .xp-ml-3 {
margin-left: 0.75rem;
}
.block_xp .xp-ml-4 {
margin-left: 1rem;
}
.block_xp .xp-mr-4 {
margin-right: 1rem;
}
.block_xp .xp-mt-0\.5 {
margin-top: 0.125rem;
}
.block_xp .xp-mt-1 {
margin-top: 0.25rem;
}
.block_xp .xp-mt-2 {
margin-top: 0.5rem;
}
.block_xp .xp-mt-4 {
margin-top: 1rem;
}
.block_xp .xp-mt-6 {
margin-top: 1.5rem;
}
.block_xp .xp-mt-8 {
margin-top: 2rem;
}
.block_xp .xp-block {
display: block;
}
.block_xp .xp-inline-block {
display: inline-block;
}
.block_xp .xp-flex {
display: flex;
}
.block_xp .xp-inline-flex {
display: inline-flex;
}
.block_xp .xp-grid {
display: grid;
}
.block_xp .xp-hidden {
display: none;
}
.block_xp .xp-h-10 {
height: 2.5rem;
}
.block_xp .xp-h-14 {
height: 3.5rem;
}
.block_xp .xp-h-3 {
height: 0.75rem;
}
.block_xp .xp-h-4 {
height: 1rem;
}
.block_xp .xp-h-5 {
height: 1.25rem;
}
.block_xp .xp-h-6 {
height: 1.5rem;
}
.block_xp .xp-h-8 {
height: 2rem;
}
.block_xp .xp-h-\[500px\] {
height: 500px;
}
.block_xp .xp-h-auto {
height: auto;
}
.block_xp .xp-h-full {
height: 100%;
}
.block_xp .xp-min-h-10 {
min-height: 2.5rem;
}
.block_xp .xp-min-h-28 {
min-height: 7rem;
}
.block_xp .xp-min-h-7 {
min-height: 1.75rem;
}
.block_xp .xp-min-h-full {
min-height: 100%;
}
.block_xp .xp-w-14 {
width: 3.5rem;
}
.block_xp .xp-w-16 {
width: 4rem;
}
.block_xp .xp-w-24 {
width: 6rem;
}
.block_xp .xp-w-4 {
width: 1rem;
}
.block_xp .xp-w-5 {
width: 1.25rem;
}
.block_xp .xp-w-56 {
width: 14rem;
}
.block_xp .xp-w-6 {
width: 1.5rem;
}
.block_xp .xp-w-8 {
width: 2rem;
}
.block_xp .xp-w-auto {
width: auto;
}
.block_xp .xp-w-full {
width: 100%;
}
.block_xp .xp-min-w-48 {
min-width: 12rem;
}
.block_xp .xp-min-w-\[0\.25rem\] {
min-width: 0.25rem;
}
.block_xp .xp-min-w-\[2\.25rem\] {
min-width: 2.25rem;
}
.block_xp .xp-min-w-\[3rem\] {
min-width: 3rem;
}
.block_xp .xp-min-w-\[4ch\] {
min-width: 4ch;
}
.block_xp .xp-min-w-\[86px\] {
min-width: 86px;
}
.block_xp .xp-min-w-px {
min-width: 1px;
}
.block_xp .xp-max-w-\[24ch\] {
max-width: 24ch;
}
.block_xp .xp-max-w-\[4rem\] {
max-width: 4rem;
}
.block_xp .xp-max-w-\[6rem\] {
max-width: 6rem;
}
.block_xp .xp-max-w-\[80\%\] {
max-width: 80%;
}
.block_xp .xp-max-w-\[99\%\] {
max-width: 99%;
}
.block_xp .xp-max-w-full {
max-width: 100%;
}
.block_xp .xp-max-w-prose {
max-width: 65ch;
}
.block_xp .xp-flex-0 {
flex: 0 0 auto;
}
.block_xp .xp-flex-1 {
flex: 1 1 0%;
}
.block_xp .xp-flex-2 {
flex: 2 2 0%;
}
.block_xp .xp-flex-none {
flex: none;
}
.block_xp .xp-shrink-0 {
flex-shrink: 0;
}
.block_xp .xp-flex-grow {
flex-grow: 1;
}
.block_xp .xp-grow {
flex-grow: 1;
}
.block_xp .xp-grow-0 {
flex-grow: 0;
}
.block_xp .xp-basis-auto {
flex-basis: auto;
}
.block_xp .xp-origin-top-right {
transform-origin: top right;
}
.block_xp .xp--translate-x-1\/2 {
--tw-translate-x: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.block_xp .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 .xp--translate-y-1\.5 {
--tw-translate-y: -0.375rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.block_xp .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 .-xp-rotate-6 {
--tw-rotate: -6deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.block_xp .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 .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 .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 .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 .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 .xp-animate-fade-in {
animation: xp-fade-in 300ms both;
}
@keyframes xp-pulse {
50% {
opacity: .5;
}
}
.block_xp .xp-animate-pulse {
animation: xp-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
.block_xp .xp-cursor-pointer {
cursor: pointer;
}
.block_xp .xp-select-none {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.block_xp .xp-grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.block_xp .xp-grid-cols-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.block_xp .xp-flex-row {
flex-direction: row;
}
.block_xp .xp-flex-col {
flex-direction: column;
}
.block_xp .xp-flex-wrap {
flex-wrap: wrap;
}
.block_xp .xp-items-start {
align-items: flex-start;
}
.block_xp .xp-items-end {
align-items: flex-end;
}
.block_xp .xp-items-center {
align-items: center;
}
.block_xp .xp-justify-end {
justify-content: flex-end;
}
.block_xp .xp-justify-center {
justify-content: center;
}
.block_xp .xp-gap-1 {
gap: 0.25rem;
}
.block_xp .xp-gap-2 {
gap: 0.5rem;
}
.block_xp .xp-gap-3 {
gap: 0.75rem;
}
.block_xp .xp-gap-4 {
gap: 1rem;
}
.block_xp .xp-gap-6 {
gap: 1.5rem;
}
.block_xp .xp-gap-x-1 {
-moz-column-gap: 0.25rem;
column-gap: 0.25rem;
}
.block_xp .xp-gap-x-2 {
-moz-column-gap: 0.5rem;
column-gap: 0.5rem;
}
.block_xp .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 .xp-self-end {
align-self: flex-end;
}
.block_xp .xp-self-center {
align-self: center;
}
.block_xp .xp-overflow-hidden {
overflow: hidden;
}
.block_xp .xp-overflow-y-auto {
overflow-y: auto;
}
.block_xp .xp-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.block_xp .xp-whitespace-nowrap {
white-space: nowrap;
}
.block_xp .xp-rounded {
border-radius: 0.25rem;
}
.block_xp .xp-rounded-full {
border-radius: 9999px;
}
.block_xp .xp-rounded-lg {
border-radius: 0.5rem;
}
.block_xp .xp-rounded-md {
border-radius: 0.375rem;
}
.block_xp .xp-rounded-none {
border-radius: 0px;
}
.block_xp .xp-rounded-xl {
border-radius: 0.75rem;
}
.block_xp .xp-rounded-l {
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.block_xp .xp-rounded-r {
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
}
.block_xp .xp-border {
border-width: 1px;
}
.block_xp .xp-border-0 {
border-width: 0px;
}
.block_xp .xp-border-2 {
border-width: 2px;
}
.block_xp .xp-border-b {
border-bottom-width: 1px;
}
.block_xp .xp-border-b-2 {
border-bottom-width: 2px;
}
.block_xp .xp-border-l {
border-left-width: 1px;
}
.block_xp .xp-border-r {
border-right-width: 1px;
}
.block_xp .xp-border-t {
border-top-width: 1px;
}
.block_xp .xp-border-solid {
border-style: solid;
}
.block_xp .xp-border-dashed {
border-style: dashed;
}
.block_xp .xp-border-gray-100 {
border-color: #f3f4f6;
}
.block_xp .xp-border-gray-200 {
border-color: #e5e7eb;
}
.block_xp .xp-border-gray-300 {
border-color: #d1d5db;
}
.block_xp .xp-border-red-600 {
border-color: #dc2626;
}
.block_xp .xp-border-sky-400 {
border-color: #38bdf8;
}
.block_xp .xp-border-b-white {
border-bottom-color: #fff;
}
.block_xp .xp-bg-black {
background-color: #000;
}
.block_xp .xp-bg-blue-100 {
background-color: #dbeafe;
}
.block_xp .xp-bg-gray-100 {
background-color: #f3f4f6;
}
.block_xp .xp-bg-gray-200 {
background-color: #e5e7eb;
}
.block_xp .xp-bg-green-400 {
background-color: #4ade80;
}
.block_xp .xp-bg-indigo-500 {
background-color: #6366f1;
}
.block_xp .xp-bg-red-100 {
background-color: #fee2e2;
}
.block_xp .xp-bg-slate-50 {
background-color: #f8fafc;
}
.block_xp .xp-bg-transparent {
background-color: transparent;
}
.block_xp .xp-bg-white {
background-color: #fff;
}
.block_xp .xp-bg-yellow-200 {
background-color: #fef08a;
}
.block_xp .xp-p-0 {
padding: 0px;
}
.block_xp .xp-p-0\.5 {
padding: 0.125rem;
}
.block_xp .xp-p-1 {
padding: 0.25rem;
}
.block_xp .xp-p-2 {
padding: 0.5rem;
}
.block_xp .xp-p-3 {
padding: 0.75rem;
}
.block_xp .xp-p-4 {
padding: 1rem;
}
.block_xp .xp-p-\[0\.2rem\] {
padding: 0.2rem;
}
.block_xp .xp-px-1 {
padding-left: 0.25rem;
padding-right: 0.25rem;
}
.block_xp .xp-px-1\.5 {
padding-left: 0.375rem;
padding-right: 0.375rem;
}
.block_xp .xp-px-2 {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.block_xp .xp-px-3 {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.block_xp .xp-px-4 {
padding-left: 1rem;
padding-right: 1rem;
}
.block_xp .xp-px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.block_xp .xp-px-\[0\.2rem\] {
padding-left: 0.2rem;
padding-right: 0.2rem;
}
.block_xp .xp-py-0\.5 {
padding-top: 0.125rem;
padding-bottom: 0.125rem;
}
.block_xp .xp-py-1 {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.block_xp .xp-py-2 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.block_xp .xp-py-6 {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.block_xp .xp-pb-0\.5 {
padding-bottom: 0.125rem;
}
.block_xp .xp-pb-1 {
padding-bottom: 0.25rem;
}
.block_xp .xp-pb-4 {
padding-bottom: 1rem;
}
.block_xp .xp-pl-0 {
padding-left: 0px;
}
.block_xp .xp-pl-2 {
padding-left: 0.5rem;
}
.block_xp .xp-pl-3 {
padding-left: 0.75rem;
}
.block_xp .xp-pl-6 {
padding-left: 1.5rem;
}
.block_xp .xp-pr-2 {
padding-right: 0.5rem;
}
.block_xp .xp-pr-6 {
padding-right: 1.5rem;
}
.block_xp .xp-pt-2 {
padding-top: 0.5rem;
}
.block_xp .xp-pt-3 {
padding-top: 0.75rem;
}
.block_xp .xp-pt-8 {
padding-top: 2rem;
}
.block_xp .xp-text-left {
text-align: left;
}
.block_xp .xp-text-center {
text-align: center;
}
.block_xp .xp-text-right {
text-align: right;
}
.block_xp .xp-align-top {
vertical-align: top;
}
.block_xp .xp-align-middle {
vertical-align: middle;
}
.block_xp .xp-font-mono {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.block_xp .xp-text-2xl {
font-size: 1.5rem;
line-height: 2rem;
}
.block_xp .xp-text-2xs {
font-size: 0.6875rem;
line-height: 1;
}
.block_xp .xp-text-3xl {
font-size: 1.875rem;
line-height: 2.25rem;
}
.block_xp .xp-text-\[10rem\] {
font-size: 10rem;
}
.block_xp .xp-text-base {
font-size: 1rem;
line-height: 1.5rem;
}
.block_xp .xp-text-lg {
font-size: 1.125rem;
line-height: 1.75rem;
}
.block_xp .xp-text-sm {
font-size: 0.875rem;
line-height: 1.25rem;
}
.block_xp .xp-text-xl {
font-size: 1.25rem;
line-height: 1.75rem;
}
.block_xp .xp-text-xs {
font-size: 0.75rem;
line-height: 1rem;
}
.block_xp .xp-font-bold {
font-weight: 700;
}
.block_xp .xp-font-medium {
font-weight: 500;
}
.block_xp .xp-font-normal {
font-weight: 400;
}
.block_xp .xp-uppercase {
text-transform: uppercase;
}
.block_xp .xp-normal-case {
text-transform: none;
}
.block_xp .xp-italic {
font-style: italic;
}
.block_xp .xp-not-italic {
font-style: normal;
}
.block_xp .xp-leading-none {
line-height: 1;
}
.block_xp .xp-leading-tight {
line-height: 1.25;
}
.block_xp .xp-tracking-wide {
letter-spacing: 0.025em;
}
.block_xp .\!xp-text-blue-600 {
color: #2563eb !important;
}
.block_xp .xp-text-current {
color: currentColor;
}
.block_xp .xp-text-gray-300 {
color: #d1d5db;
}
.block_xp .xp-text-gray-50 {
color: #f9fafb;
}
.block_xp .xp-text-gray-500 {
color: #6b7280;
}
.block_xp .xp-text-gray-600 {
color: #4b5563;
}
.block_xp .xp-text-gray-700 {
color: #374151;
}
.block_xp .xp-text-gray-900 {
color: #111827;
}
.block_xp .xp-text-inherit {
color: inherit;
}
.block_xp .xp-text-red-600 {
color: #dc2626;
}
.block_xp .xp-text-white {
color: #fff;
}
.block_xp .xp-no-underline {
text-decoration-line: none;
}
.block_xp .xp-opacity-0 {
opacity: 0;
}
.block_xp .xp-opacity-60 {
opacity: 0.6;
}
.block_xp .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 .xp-transition {
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.block_xp .xp-transition-colors {
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.block_xp .xp-transition-height {
transition-property: height;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.block_xp .xp-transition-opacity {
transition-property: opacity;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.block_xp .xp-transition-transform {
transition-property: transform;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.block_xp .xp-duration-1000 {
transition-duration: 1000ms;
}
.block_xp .xp-duration-150 {
transition-duration: 150ms;
}
.block_xp .xp-duration-300 {
transition-duration: 300ms;
}
.block_xp .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\.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 .xp-animation-delay-\[3\.8s\] {
animation-delay: 3.8s;
}
.block_xp .xp-animation-delay-\[4\.5s\] {
animation-delay: 4.5s;
}
.block_xp .xp-animation-delay-\[500ms\] {
animation-delay: 500ms;
}
.block_xp .xp-animation-delay-\[5s\] {
animation-delay: 5s;
}
.block_xp .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/iomadmoon/block_xp/1777497332/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/iomadmoon/block_xp/1777497332/1);
}
.block_xp-level.level-2 {
background-image: url(/theme/image.php/iomadmoon/block_xp/1777497332/2);
}
.block_xp-level.level-3 {
background-image: url(/theme/image.php/iomadmoon/block_xp/1777497332/3);
}
.block_xp-level.level-4 {
background-image: url(/theme/image.php/iomadmoon/block_xp/1777497332/4);
}
.block_xp-level.level-5 {
background-image: url(/theme/image.php/iomadmoon/block_xp/1777497332/5);
}
.block_xp-level.level-6 {
background-image: url(/theme/image.php/iomadmoon/block_xp/1777497332/6);
}
.block_xp-level.level-7 {
background-image: url(/theme/image.php/iomadmoon/block_xp/1777497332/7);
}
.block_xp-level.level-8 {
background-image: url(/theme/image.php/iomadmoon/block_xp/1777497332/8);
}
.block_xp-level.level-9 {
background-image: url(/theme/image.php/iomadmoon/block_xp/1777497332/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 .after\:xp-hidden::after {
content: var(--tw-content);
display: none;
}
.block_xp .first\:xp-mt-0:first-child {
margin-top: 0px;
}
.block_xp .hover\:xp-bg-gray-100:hover {
background-color: #f3f4f6;
}
.block_xp .hover\:xp-bg-gray-200:hover {
background-color: #e5e7eb;
}
.block_xp .hover\:xp-bg-gray-50:hover {
background-color: #f9fafb;
}
.block_xp .hover\:xp-text-gray-900:hover {
color: #111827;
}
.block_xp .hover\:xp-no-underline:hover {
text-decoration-line: none;
}
.block_xp .focus\:xp-pointer-events-auto:focus {
pointer-events: auto;
}
.block_xp .focus\:xp-z-10:focus {
z-index: 10;
}
.block_xp .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-text-inherit) {
color: inherit;
}
.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 .supports-hover\:xp-pointer-events-none {
pointer-events: none;
}
.block_xp .supports-hover\:xp-opacity-0 {
opacity: 0;
}
}
@media (min-width: 640px) {
.block_xp .sm\:xp--mr-3 {
margin-right: -0.75rem;
}
.block_xp .sm\:xp--mt-3\.5 {
margin-top: -0.875rem;
}
.block_xp .sm\:xp-ml-\[100px\] {
margin-left: 100px;
}
.block_xp .sm\:xp-mr-1 {
margin-right: 0.25rem;
}
.block_xp .sm\:xp-block {
display: block;
}
.block_xp .sm\:xp-w-2\/3 {
width: 66.666667%;
}
.block_xp .sm\:xp-max-w-56 {
max-width: 14rem;
}
.block_xp .sm\:xp-basis-52 {
flex-basis: 13rem;
}
.block_xp .sm\:xp-grid-cols-10 {
grid-template-columns: repeat(10, minmax(0, 1fr));
}
.block_xp .sm\:xp-grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.block_xp .sm\:xp-flex-row {
flex-direction: row;
}
.block_xp .sm\:xp-gap-8 {
gap: 2rem;
}
.block_xp .sm\:xp-pl-8 {
padding-left: 2rem;
}
}
@media (min-width: 768px) {
.block_xp .md\:xp-flex-nowrap {
flex-wrap: nowrap;
}
}
@media (min-width: 1024px) {
.block_xp .lg\:xp-w-36 {
width: 9rem;
}
.block_xp .lg\:xp-w-full {
width: 100%;
}
.block_xp .lg\:xp-flex-row {
flex-direction: row;
}
.block_xp .lg\:xp-flex-col {
flex-direction: column;
}
.block_xp .lg\:xp-flex-nowrap {
flex-wrap: nowrap;
}
.block_xp .lg\:xp-gap-0 {
gap: 0px;
}
.block_xp .lg\:xp-border-b-0 {
border-bottom-width: 0px;
}
.block_xp .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(.\[\&_\.xp-rules-section\:last-child_\.xp-rule-entry\:last-child\]\:xp-border-0 .xp-rules-section:last-child .xp-rule-entry:last-child) {
border-width: 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(.last-of-type\:\[\&_p\]\:xp-mb-0 p:last-of-type) {
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;
}
/**
* @package filter_edusharing
* @copyright metaVentis GmbH — http://metaventis.com
* @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
*/
.edu-sharing-render {
border-radius: 0 0 1.5em 1.5em;
background-color: #f8f8f8;
}
.edu-sharing-render .image-wrapper img {
border-radius: 1.5em 1.5em 0 0;
}
#region-main > div.card {
overflow-x: visible;
}
.eduContainer {
width: 180px;
color: rgba(0, 0, 0, 0.0); /*do not change*/
}
.edusharing_spinner_inner {
width: 30px;
height: 50px;
display: inline-block;
}
.edusharing_spinner1 {
background: url(/theme/image.php/iomadmoon/edusharing/1777497332/hex1);
background-repeat: no-repeat;
background-position: center;
background-size: 50px;
width: 50px;
height: 50px;
-webkit-animation: spin 2s infinite ease-in;
-moz-animation: spin 2s infinite ease-in;
-ms-animation: spin 2s infinite ease-in;
-o-animation: spin 2s infinite ease-in;
animation: spin 2s infinite ease-in;
-webkit-animation-delay: 0.1s;
-moz-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.edusharing_spinner2 {
background: url(/theme/image.php/iomadmoon/edusharing/1777497332/hex2);
background-repeat: no-repeat;
background-position: center;
background-size: 50px;
width: 50px;
height: 50px;
-webkit-animation: spin 2s infinite ease-in;
-moz-animation: spin 2s infinite ease-in;
-ms-animation: spin 2s infinite ease-in;
-o-animation: spin 2s infinite ease-in;
animation: spin 2s infinite ease-in;
-webkit-animation-delay: 0.25s;
-moz-animation-delay: 0.25s;
animation-delay: 0.25s;
}
.edusharing_spinner3 {
background: url(/theme/image.php/iomadmoon/edusharing/1777497332/hex3);
background-repeat: no-repeat;
background-position: center;
background-size: 50px;
width: 50px;
height: 50px;
-webkit-animation: spin 2s infinite ease-in;
-moz-animation: spin 2s infinite ease-in;
-ms-animation: spin 2s infinite ease-in;
-o-animation: spin 2s infinite ease-in;
animation: spin 2s infinite ease-in;
-webkit-animation-delay: 0.5s;
-moz-animation-delay: 0.5s;
animation-delay: 0.5s;
}
@-webkit-keyframes spin {
0% {
transform: scale(1);
}
50% {
transform: scale(0.5);
}
100% {
transform: scale(1);
}
}
@-moz-keyframes spin {
0% {
transform: scale(1);
}
50% {
transform: scale(0.5);
}
100% {
transform: scale(1);
}
}
@-ms-keyframes spin {
0% {
transform: scale(1);
}
50% {
transform: scale(0.5);
}
100% {
transform: scale(1);
}
}
@-o-keyframes spin {
0% {
transform: scale(1);
}
50% {
transform: scale(0.5);
}
100% {
transform: scale(1);
}
}
@keyframes spin {
0% {
transform: scale(1);
}
50% {
transform: scale(0.5) rotate(90deg);
}
100% {
transform: scale(1);
}
}
@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;
}
.filter_generico_dragdropsquare {
width: 130px;
height: 25px;
line-height: 25px;
text-align: center;
border-radius: 5px;
color: #73AD21;
border: 1px solid #73AD21;
padding: 1px 1px 1px 1px;
background-color: #CBF2DC;
margin-top: 5px;
float: right;
}
div.filter_generico_dragging {
border: 2px dashed #0000FF;
}
#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;
}
.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 */
}
}
:root {
--sectioncolor: #0f6cbf;
--section-height: 100px;
--section-bg-position: top;
--section-bg-size: center;
--section-bg-repeat: no-repeat;
--activity-height: 100px;
--activity-bg-position: top;
--activity-bg-size: center;
--activity-bg-repeat: no-repeat;
}
.link-layout .img-element .activityiconcontainer.img-block .activityicon,
.link-layout .img-element .activityiconcontainer.img-block .icon {
filter: none;
}
@media (min-width: 1200px) {
.pagelayout-course.format-designer #page-wrapper #page.drawers .main-inner {
max-width: none;
}
}
@media (min-width: 768px) {
.pagelayout-standard.format-designer #page.drawers .main-inner,
body.limitedwidth.format-designer #page.drawers .main-inner,
.pagelayout-standard.format-designer #page.drawers .footer-popover,
body.limitedwidth.format-designer #page.drawers .footer-popover {
max-width: none;
}
.format-designer.path-admin.path-admin-roles:not(.format-site) .header-maxwidth,
.format-designer.path-admin.path-admin-roles:not(.format-site) .secondary-navigation .navigation .nav-tabs,
.format-designer.path-admin.path-admin-tool-lp .header-maxwidth,
.format-designer.path-admin.path-admin-tool-lp .secondary-navigation .navigation .nav-tabs {
max-width: none;
}
#page.drawers.format-designer {
padding-left: 0;
padding-right: 0;
}
}
.format-designer.path-mod .header-maxwidth,
.format-designer.path-admin .header-maxwidth {
padding: 0 3rem;
background-color: #fff;
}
.format-designer.path-mod.course-header-type-hero .header-maxwidth,
.format-designer.path-admin.course-header-type-hero .header-maxwidth {
padding-top: 15px;
padding-bottom: 15px;
}
.format-designer.path-mod.course-header-type-hero .header-maxwidth + #page-content,
.format-designer.path-admin.course-header-type-hero .header-maxwidth + #page-content {
margin-top: 2rem;
}
.format-designer ul.designer .card.card-list {
min-height: 78px;
width: 100%;
border: none;
border-left: 6px solid #333;
box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.10);
}
.format-designer ul.designer .card.card-list.restricted {
border-color: #ccc;
}
.format-designer ul.designer .card.card-list .card-body .mod-indent-outer .completion-info {
text-align: center;
margin-bottom: 5px;
display: inline-block;
vertical-align: middle;
}
.format-designer ul.designer .card-layout .card.card-list .card-body .mod-indent-outer .completion-info {
text-align: left;
}
.format-designer .designer .section .content .section li.activity .card .card-body {
padding: 15px 0;
position: relative;
z-index: 0;
}
.format-designer .designer .section .content .section.list-layout li.activity .card .card-body {
padding: 15px 0;
}
.format-designer ul.designer .section .content .section.card-layout .card.card-list .card-body {
padding: 15px;
}
.format-designer .designer .section .content .section li.activity .card .card-body .activity-background-style {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.format-designer .designer .section.img-text.card-layout .activity.videotime.preview_mode .activity-block .completion-html-card {
width: auto;
margin-bottom: 40px;
}
.format-designer .designer .section.img-text.card-layout .activity.videotime.label_mode .activity-block .completion-html-card {
position: static;
}
.format-designer ul.designer .section .mod-indent-outer .completion-info button.border-badge-notstarted,
.format-designer ul.designer .section .card.card-list .card-body .mod-indent-outer .completion-info button.border-badge-notstarted {
color: var(--primary, var(--sectioncolor));
border-color: var(--primary, var(--sectioncolor));
background: none;
box-shadow: none;
outline: none;
}
.format-designer ul.designer .section .mod-indent-outer .completion-info button.border-badge-danger,
.format-designer ul.designer .section .card.card-list .card-body .mod-indent-outer .completion-info button.border-badge-danger {
color: #dc3545;
border-color: #dc3545;
background: none;
box-shadow: none;
outline: none;
}
.format-designer ul.designer .section .mod-indent-outer .completion-info button.border-badge-warning,
.format-designer ul.designer .section .card.card-list .card-body .mod-indent-outer .completion-info button.border-badge-warning {
color: #fd7e14;
border-color: #fd7e14;
background: none;
box-shadow: none;
outline: none;
}
.format-designer ul.designer .card-layout .card.card-list .card-body {
padding: 15px;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.format-designer ul.designer .card.card-list .card-body .mod-indent-outer .mod-indent .row div:nth-child(2) .col {
padding: 0;
flex-basis: auto;
}
.format-designer ul.designer .card.card-list .card-body .mod-indent-outer .mod-indent .row div:nth-child(2) .pull-right {
float: none;
}
.format-designer ul.designer .card.card-list .card-body .mod-indent-outer .mod-indent .mod-visits-block {
display: none;
transition: all .5s ease;
}
.format-designer ul.designer .card.card-list .card-body .mod-indent-outer .mod-indent .mod-visits-block p {
margin-bottom: 0;
}
.format-designer ul.designer .card.card-list:hover .card-body .mod-indent-outer .mod-indent .row div:nth-child(2)
.col + .mod-visits-block {
display: inline-block;
transition: all .5s ease;
}
.format-designer .course-content ul.designer li.section .section-header-content > .d-flex {
margin-bottom: 20px;
display: inline-block;
}
.format-designer .course-content ul.designer li.section h3.sectionname {
margin-top: 0;
display: inline-block;
vertical-align: middle;
}
.format-designer .course-content ul.designer li.section .categorise-section-block {
display: inline-block;
vertical-align: middle;
margin-left: 10px;
margin-bottom: 10px;
}
.format-designer .course-content ul.designer li.section .categorise-section-block span.badge {
font-size: 12px;
color: #000;
line-height: 13px;
border-radius: 3px;
background-color: #e4e4e4;
}
.format-designer .course-content ul.designer li.section.section-summary h3 {
max-width: 90%;
display: inline-block;
}
.format-designer .course-content ul.designer li.section.restricted h3.sectionname {
opacity: .6;
}
.format-designer .course-content ul.designer li.section .availability-section-block {
display: inline-block;
vertical-align: top;
margin-top: 0;
margin-bottom: 10px;
margin-left: 5px;
margin-right: 10px;
}
.format-designer .course-content ul.designer li.section .summary .no-overflow {
width: 100%;
}
.format-designer .course-content ul.designer li.section .availability-section-block + div {
clear: both;
margin-top: 10px;
}
.format-designer .course-content ul.designer.course-type-flow li.section .availability-section-block + div {
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
display: -webkit-box;
}
.format-designer .course-content ul.designer li.section .availability-section-block .section_availability .availabilityinfo {
font-size: 12px;
border: 1px solid #ccc;
padding: 5px;
margin-right: 5px;
vertical-align: middle;
display: none;
}
.format-designer .course-content ul.designer li.section .availability-section-block .section_availability
.availabilityinfo.isrestricted {
background: #fff;
display: none;
position: absolute;
margin-left: 20px;
}
.format-designer .course-content ul.designer li.section .availability-section-block .section_availability
.availabilityinfo.isrestricted.show {
display: inline-block;
}
.format-designer .course-content ul.designer li.section .availability-section-block .section_availability
.availabilityinfo.isrestricted .badge-info {
display: none;
}
.format-designer .course-content ul.designer li.section .availability-section-block .section-restricted-action {
display: inline-block;
cursor: pointer;
}
.format-designer .course-content ul.designer li.section .availability-section-block .section-restricted-action i {
font-size: 26px;
line-height: 30px;
color: #ccc;
}
/* Course type - Normal*/
.format-designer .course-content .single-section-layout ul.designer.course-type-normal li.section.main {
border-radius: 0;
padding: 0 15px;
}
.format-designer .course-content .single-section-layout ul.designer.course-type-normal li.section.main > div {
height: 100%;
}
.format-designer .course-content .single-section-layout ul.designer.course-type-normal li.section.main .section-header-content {
/* height: 100%; */
padding: 15px;
margin-bottom: 15px;
display: flex;
flex-direction: column;
}
.format-designer .course-content .single-section-layout ul.designer.course-type-normal li.section.main
.section-header-content .moodle-actionmenu {
margin-top: 0;
}
.format-designer .course-content .single-section-layout:not(.section-page-layout) ul.designer.course-type-normal
li.section.main .section-content-wrapper {
height: 100%;
border: 1px solid #eee;
cursor: pointer;
position: relative;
}
.format-designer .course-content ul.designer.course-type-normal li.section.main:before {
border: 0;
}
/* Section goto link */
.format-designer .course-content ul.designer:not(.course-type-flow) li.section
.section-header-content:not(.flow-stack) .goto-section {
float: right;
clear: both;
}
.format-designer .course-content ul.designer.course-type-normal li.section .section-header-content .goto-section {
width: 35px;
color: var(--primary, var(--sectioncolor));
text-indent: -999em;
border: 0;
background: none;
padding: 0;
margin: 20px 0;
clear: none;
}
.format-designer .course-content ul.designer.course-type-normal li.section .section-header-content .goto-section:focus {
box-shadow: none;
}
.format-designer .course-content ul.designer.course-type-normal li.section .section-header-content .goto-section i {
font-size: 24px;
text-indent: 0;
margin: 0 0 0 10px;
float: left;
}
.format-designer #goto-top-link {
z-index: 1;
}
/* End of Section goto link */
/* Section block */
body.format-designer.path-enrol:not(.path-enrol-manual) div#course-header {
margin-bottom: 2rem;
}
body.format-designer #page.drawers .main-inner .header-maxwidth {
position: relative;
}
body.format-designer.path-admin #page.drawers .main-inner .header-maxwidth {
padding: 0 20px;
}
.format-designer .course-content ul.designer li.section .section-content-wrapper.section-progress-info-completed
.section-progress-info {
width: auto;
}
/* Section activities lists */
.format-designer .course-content ul.designer.course-type-normal li.section .section-header-content .section-summary-activities {
width: 80%;
margin-top: 20px;
display: inline-flex;
flex-wrap: wrap;
}
.format-designer .course-content ul.designer.course-type-normal li.section .section-header-content
.section-summary-activities .img-element {
width: 40px;
height: 40px;
line-height: 35px;
text-align: center;
border: 2px solid #000;
border-radius: 50%;
margin-right: 10px;
margin-bottom: 10px;
position: relative;
}
.format-designer .course-content ul.designer.course-type-normal li.section .section-header-content
.section-summary-activities .img-element img {
width: 16px;
}
.format-designer .course-content ul.designer.course-type-normal li.section .section-header-content
.section-summary-activities .img-element svg {
width: 24px;
height: 24px;
}
.format-designer .course-content ul.designer.course-type-normal li.section .section-header-content
.section-summary-activities .img-element .activity-count {
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
color: #fff;
border-radius: 50%;
background-color: #000;
position: absolute;
top: -15px;
right: -10px;
}
/* Section activities lists */
/* End of Course type - Normal*/
.format-designer ul.designer .card.card-list.notstarted {
border-left-color: var(--primary, var(--sectioncolor));
}
.format-designer ul.designer .card.card-list.success {
border-left-color: #28a745;
}
.format-designer ul.designer .card.card-list.warning {
border-left-color: #fd7e14;
background-color: #ffe4cf;
}
.format-designer ul.designer .card.card-list.danger {
border-left-color: #dc3545;
background-color: #ffe6e8;
}
.format-designer ul.designer .card.card-list.muted {
color: #d8d8d8;
border-left-color: #d8d8d8;
}
.format-designer ul.designer .card.card-list.secondary {
border-left-color: #d8d8d8;
}
.format-designer ul.designer .circles-layout .card.card-list,
.format-designer ul.designer .circles-layout .card.card-list.secondary {
border: 0;
box-shadow: none;
}
.format-designer.editing ul.designer .section .list-layout li.activity {
border: 0;
background: none;
padding-bottom: 0;
}
.format-designer.editing ul.designer .section .list-layout li.activity .editing_move {
left: 30px;
top: 35px;
z-index: 1;
}
.format-designer.editing ul.designer .section .list-layout .card.card-list.secondary .mod-indent-outer > i.icon {
top: 50px;
left: 20px;
}
.format-designer .designer .section .activity .module-icons .actions {
top: 5px;
right: 5px;
}
.format-designer .designer .progress-bg-success {
background-color: #28a744;
}
.format-designer .designer .badge-success {
background-color: #28a744;
}
.format-designer .designer .badge-due-success,
.format-designer .designer .badge-due-success:active,
.format-designer .designer .badge-due-success:focus:active {
color: #fff;
border-color: #000;
background-color: #000;
box-shadow: none;
}
.format-designer .designer .badge-due-success.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.format-designer .designer .badge-due-success.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.format-designer .designer .badge-due-success.show > .btn-outline-success.dropdown-toggle:focus {
box-shadow: none;
}
.format-designer ul.designer .text-notstarted {
color: var(--primary, var(--sectioncolor));
}
.format-designer ul.designer .badge.badge-completion {
min-width: 125px;
line-height: 20px;
border-radius: 5px;
text-align: left;
white-space: normal;
padding: 0 0.5em;
}
.format-designer ul.designer .mform .fcontainer .fitem.gradient {
display: inline-block;
vertical-align: top;
}
.format-designer ul.designer .module-icons {
margin-left: 20px;
}
.format-designer ul.designer li.activity .activity-block .card:hover .show-on-hover {
opacity: 1;
transition: all .5s ease;
}
.format-designer ul.designer li.activity .activity-block .card .show-on-hover .col a,
.format-designer ul.designer li.activity .activity-block .card:hover .show-on-hover .col a {
font-size: 12px;
line-height: 24px;
color: #000;
text-decoration: none;
box-shadow: none;
}
.format-designer ul.designer li.activity .activity-block .card .col .call-action-block .font-weight-bold,
.format-designer ul.designer li.activity:hover .activity-block .card .col .font-weight-bold {
display: inline-block;
}
.format-designer ul.designer li.activity .activity-block .card .show-on-hover .col .restricted a,
.format-designer ul.designer li.activity .activity-block .card:hover .show-on-hover .col .restricted a {
font-size: 20px;
text-decoration: none;
display: inline-block;
margin-left: 5px;
vertical-align: top;
color: #ccc;
height: auto;
line-height: normal;
}
.format-designer ul.designer .module-icons a.dropdown-toggle,
.format-designer ul.designer .module-icons .menubar > .action-menu-item > a {
color: var(--primary, var(--sectioncolor));
font-weight: bold;
font-size: 0.75em;
}
.format-designer ul.designer .badge.badge-notstarted {
color: white;
}
@media (min-width: 768px) {
.format-designer ul.designer .card.card-list .card-body .mod-indent-outer {
width: 90%;
}
}
@media (max-width: 575px) {
.format-designer.editing ul.designer .section .list-layout li.activity .editing_move {
left: 5px;
}
}
/* Style Moodle completion checkbox */
.format-designer ul.designer .togglecompletion {
float: left;
}
.format-designer ul.designer .togglecompletion .btn {
line-height: 1;
}
.format-designer ul.designer .togglecompletion.badge-restricted {
color: #333;
background: #ccc;
}
.format-designer ul.designer .togglecompletion .btn img {
background-color: white;
border-radius: 5px;
}
body.format-designer.editing ul.designer .section .activity .editing_move {
left: 0;
top: calc(50% - 2px);
z-index: 1;
}
body.format-designer.editing ul.designer .section .circles-layout .activity .editing_move {
top: 0;
left: 20px;
}
@media (max-width: 575px) {
.format-designer.editing ul.designer .section .activity .contentwithoutlink,
.format-designer.editing ul.designer .section .activity .activityinstance {
padding-right: 60px;
}
body.format-designer.editing ul.designer .section .activity .editing_move {
left: 0;
}
body.format-designer.editing ul.designer .section .list-layout .activity .editing_move {
left: 20px;
z-index: 1;
}
body.format-designer.editing ul.designer .section .card-layout .activity .editing_move {
top: 10px;
left: 20px;
z-index: 1;
}
}
/* format_topics CSS copied from boost to replicate basic styling for designer (based on topic) */
.format-designer .course-content ul.designer {
list-style: none;
padding: 0 0 20px 0;
margin: 0 0 20px 0;
clear: both;
}
.format-designer .course-content ul.designer li.section.main {
padding: 0;
padding-bottom: 1rem;
margin: 1.5rem auto 0;
border: 0;
background-size: cover;
background-repeat: no-repeat;
position: relative;
}
.format-designer .course-content ul.designer li.section.main .section-background-style.section-design-whole {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 0;
}
.format-designer .course-content ul.designer li.section.main
.section-background-style.section-design-whole .mask-inner-section,
.format-designer .course-content ul.designer li.section .section-header-content
.section-background-style.sectiondesign-header .mask-inner-section {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.format-designer .course-content ul.designer li.section.main.section-height {
min-height: var(--section-height);
}
.format-designer .course-content ul.designer li.section.main.section-bg-design {
min-height: var(--section-height);
}
.format-designer .course-content ul.designer li.section.main .section-background-style,
.format-designer .course-content ul.designer li.section.bg-color-overlay.section-design-header
.section-header-content .section-background-style,
.format-designer .course-content ul.designer li.bg-color-overlay .card .card-body .section-background-style {
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.format-designer .course-content ul.designer li.section.main.bg-color-overlay.section-design-whole .bg-overlay,
.format-designer .course-content ul.designer li.section.main.bg-color-overlay.section-design-header .bg-overlay,
.format-designer .course-content ul.designer li.section.main.section-design-whole .bg-color-overlay .bg-overlay,
.format-designer .course-content ul.designer li.section.main.section-design-header .bg-color-overlay .bg-overlay {
width: 100%;
height: 100%;
border-radius: 3px;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.format-designer .course-content ul.designer li.section.main ul.section .videotime.bg-color-overlay .bg-overlay {
z-index: 0;
}
.format-designer .course-content ul.designer li.section.main.bg-color-overlay.section-design-whole .img-block .bg-overlay,
.format-designer .course-content ul.designer li.section.main.section-design-whole .bg-color-overlay .img-block .bg-overlay,
.format-designer .course-content ul.designer li.section.main.bg-color-overlay.section-design-header .img-block .bg-overlay,
.format-designer .course-content ul.designer li.section.main.section-design-header .bg-color-overlay .img-block .bg-overlay {
border-radius: 50%;
}
.format-designer .course-content ul.designer li.section.main.restricted {
opacity: .4;
}
.format-designer .course-content ul.designer li.section .right.side .btn-group .section_action_menu .dropdown-menu
.dropdown-item i {
display: inline-block;
}
.format-designer .course-content ul.designer li.section .content {
padding: 0;
margin: 0 auto;
clear: both;
}
.format-designer .course-content ul.designer li.section .left.side {
position: absolute;
top: 7px;
z-index: 1;
}
.format-designer .course-content ul.designer li.section .section-header-content {
padding: 10px;
background-size: cover;
background-repeat: no-repeat;
position: relative;
z-index: 0;
}
.format-designer.editing .course-content ul.designer li.section .section-header-content {
margin-right: 50px;
}
.format-designer .course-content ul.designer.course-type-flow li.section .section-header-content {
z-index: 0;
}
.format-designer .course-content ul.designer li.section .section-header-content .section-head-text {
display: inline-block;
}
.format-designer .course-content ul.designer.kanban-board li.section .section-header-content {
border-radius: 10px;
}
.format-designer .course-content ul.designer li.section .section-header-content > .align-items-start {
display: inline-block;
}
.format-designer .course-content ul.designer li.section .section-header-content .sectionname {
max-width: 300px;
display: inline-block;
}
.format-designer .course-content ul.designer li.section .section-header-content .sectionname .inplaceeditable {
display: inline-flex;
}
.format-designer .course-content ul.designer li.section .section-header-content .sectionbadges {
display: inline-block;
}
.format-designer .course-content ul.designer li.section .section-header-content .sectionname .inplaceeditable .quickeditlink {
margin-left: 10px;
}
.format-designer.editing .course-content ul.designer li.section .section-header-content .sectionname
.inplaceeditable .quickeditlink {
display: flex;
}
.format-designer.editing .course-content ul.designer li.section .section-header-content .sectionname
.inplaceeditable .quickeditlink .quickediticon {
margin-left: 5px;
margin-top: 0;
}
.format-designer .course-content .designer li.section .section-header-content a {
text-decoration: none;
}
.format-designer .course-content .designer li.section .section-header-content
span.section-collapse-icon {
display: inline-block;
}
.format-designer.editing .course-content .designer li.section .section-header-content span.section-collapse-icon,
.format-designer.editing .course-content ul.designer li.section .section-header-content .section-head-text {
float: left;
margin-bottom: 10px;
}
.format-designer .course-content .designer li.section .section-header-content
span.section-collapse-icon:before,
.format-designer .course-content .course-type-collapsible.designer li.section .section-header-content
span.section-collapse-icon:before {
content: '\f107';
width: 20px;
font-family: var(--fa-style-family, "Font Awesome 6 Free", fontawesome);
font-weight: var(--fa-style, 900);
font-size: 24px;
line-height: 32px;
text-align: center;
margin-right: 10px;
}
.format-designer .course-content .designer li.section .section-header-content.collapsed
span.section-collapse-icon:before,
.format-designer .course-content .course-type-collapsible.designer li.section .section-header-content.collapsed
span.section-collapse-icon:before {
content: '\f105';
}
.format-designer .course-content ul.designer li.section .section-header-content.boxed-block,
.format-designer .course-content ul.designer li.section .content .section.boxed-block {
margin: 0 auto;
}
.format-designer .course-content ul.designer li.section .section-progress-info {
max-width: 300px;
width: 100%;
text-align: right;
float: right;
margin: 10px;
}
.format-designer .course-content ul.designer li.section .section-progress-info .progress {
height: 12px;
border-radius: 25px;
}
.format-designer .course-content ul.designer li.section .content .summary .no-overflow {
width: 100%;
margin-top: 20px;
margin-bottom: 20px;
}
.format-designer .course-content ul.designer li.section.section-design-header .content .summary .no-overflow a,
.format-designer .course-content ul.designer li.section.section-design-whole .content .summary .no-overflow a {
color: var(--sectioncolor);
}
.format-designer.path-course-view ul.designer li.activity form.togglecompletion .btn {
text-decoration: none;
line-height: 1.5;
padding: .375rem .75rem;
}
.format-designer.path-course-view ul.designer li.activity form.togglecompletion .btn.badge-success:hover {
color: #fff;
}
.format-designer.path-course-view ul.designer li.activity form.togglecompletion .btn.badge-success:focus,
.format-designer.path-course-view ul.designer li.activity form.togglecompletion .btn.badge-success:active {
color: #fff;
outline: none;
}
.format-designer.path-course-view ul.designer li.activity > span {
display: inline-block;
vertical-align: middle;
}
.format-designer.path-course-view.pagelayout-course #page {
background-color: transparent;
}
.format-designer #page #page-content section#region-main {
padding: 15px 10px;
border-radius: 5px;
}
.format-designer.path-course-view.pagelayout-course #page #page-content section#region-main {
padding: 0;
overflow: visible;
}
.format-designer .course-content ul.designer li.section.main.container .section-content-wrapper .right .section-collapsemenu {
margin-bottom: 10px;
}
.format-designer .course-content ul.designer li.section.main.container .section-content-wrapper .right .section_action_menu {
margin-top: 10px;
display: inline-block;
}
@media (min-width: 992px) {
.format-designer ul.designer .list-layout .card.card-list .row .col-lg-2 .pull-right {
text-align: center;
float: none;
}
}
@media (max-width: 991px) {
.format-designer .designer .section.img-text .activity .row > div .pull-right {
margin-top: 10px;
}
}
@media (max-width: 767px) {
.format-designer .course-content ul.designer li.section > .d-flex a.btn-icon {
display: inline-block;
}
.format-designer .course-content ul.designer li.section .restricted-section-block {
text-align: right;
display: block;
float: none;
}
}
@media (min-width: 576px) {
.format-designer .course-content ul.designer li.section .summary,
.format-designer .course-content ul.designer li.section .content > .availabilityinfo {
margin-left: 25px;
margin-bottom: 20px;
}
.format-designer .course-content ul.designer li.section .summary {
margin-left: 0;
}
}
.format-designer .course-content ul.designer li.section .left,
.format-designer .course-content ul.designer li.section .right {
width: auto;
padding: 0 6px 0;
text-align: right;
}
.format-designer .course-content ul.designer li.section .right .dropdown:not(.dropdown-subpanel) {
display: inline-block;
margin-right: 10px;
}
.format-designer .course-content ul.designer li.section .right .icon-loader-block {
position: absolute;
right: 0;
}
.format-designer .course-content ul.designer li.section .right .btn-group .action-menu .menubar {
height: 100%;
margin-left: 10px;
align-items: center;
}
@media (max-width: 767.98px) {
body.format-designer:not(.editing) .course-content ul.designer li.section .left,
body.format-designer:not(.editing) .course-content ul.designer li.section .right {
display: none;
}
}
.format-designer .designer .section.img-text .activity .row > div:nth-child(2) .pull-right {
text-align: center;
float: none;
}
.format-designer .designer .list-layout .section .content .section li.activity .mod-visits-block {
display: block;
}
.format-designer .designer .section.img-text .activity-block .availability-info {
position: relative;
}
.format-designer .designer .section.img-text .activity-block .availability-info .restrict-block {
margin-left: 20px;
}
.format-designer .designer .section.img-text.link-layout .activity-block .availability-info {
display: inline-block;
}
.format-designer .designer .section.img-text.list-layout .activity-block .availability-info {
height: 100%;
display: inline-flex;
align-items: center;
}
.format-designer .designer .section.img-text.card-layout .activity-block .availability-info {
float: right;
}
.format-designer .designer .section.img-text .activity .restrict-block .info-content-block {
text-align: left;
margin-right: 10px;
}
.format-designer .designer .section.img-text.card-layout .activity .restrict-block .info-content-block {
margin-right: 0;
}
.format-designer .designer .section.img-text .activity .restrict-block .info-content-block
.availabilityinfo.isrestricted {
min-width: 220px;
font-size: 12px;
color: #000;
border: 2px solid #333;
background: #fff;
padding: 5px;
margin: 0;
vertical-align: middle;
display: none;
position: absolute;
top: 0;
left: 40px;
opacity: 1;
z-index: 1;
}
.format-designer .designer .section.img-text.card-layout .activity .restrict-block .info-content-block
.availabilityinfo.isrestricted {
position: absolute;
right: 55px;
}
.format-designer .designer .section.img-text .activity .restrict-block.show .info-content-block
.availabilityinfo.isrestricted {
display: inline-block;
}
.format-designer .designer .section.img-text.card-layout .activity .restrict-block.show .info-content-block
.availabilityinfo.isrestricted {
left: auto;
right: 25px;
}
.format-designer .designer .section.img-text.circles-layout .activity .restrict-block .info-content-block
.availabilityinfo.isrestricted {
top: -30px;
}
.format-designer .designer .section.img-text .activity .restrict-block.show .info-content-block
.availabilityinfo.isrestricted ul {
padding: 0;
margin: 0;
}
.format-designer .designer .section.img-text .activity .restrict-block.show .info-content-block
.availabilityinfo.isrestricted ul li {
list-style: none;
text-align: left;
}
.format-designer .designer .section.img-text .activity .availabilityinfo .badge-info {
display: none;
}
.format-designer .designer .section.img-text .activity .availabilityinfo strong {
font-size: 12px;
margin-left: 5px;
display: inline-block;
}
.format-designer .designer .section.img-text .activity .call-action-block {
display: inline-block;
vertical-align: middle;
margin-right: 5px;
}
.format-designer .designer .section.img-text .activity .call-action-block a:focus {
border: 0;
background: none;
box-shadow: none;
}
.format-designer .designer .section.img-text .activity .restrict-block.show .call-action-block {
display: inline-block;
float: none;
}
.format-designer .designer .section.img-text .activity .call-action-block a > span {
text-indent: -999em;
display: inline-block;
line-height: 20px;
vertical-align: top;
}
.format-designer .designer .section.img-text.list-layout .activity .call-action-block a > span {
line-height: 27px;
}
.format-designer .designer .section.img-text .activity .call-action-block a > span i {
font-size: 26px;
color: #ccc;
line-height: 32px;
text-indent: 0;
float: left;
}
.format-designer .designer .section.img-text.circles-layout .activity .call-action-block a > span i {
margin-top: 0;
}
.format-designer .designer .section.img-text .activity .activityinstance {
width: 100%;
padding-right: 30px;
margin-bottom: 0;
display: inline-flex;
align-items: center;
}
.format-designer .designer .section.img-text.card-layout .activity .activity-block .activityinstance {
padding-right: 0;
margin-bottom: 10px;
}
.format-designer .designer .section.img-text .activity .activityinstance .img-block {
border-radius: 5px;
padding: 15px;
}
.format-designer .designer .section.img-text .activity .activityinstance .activitytitle .img-block {
padding: 5px;
}
.format-designer .designer .section.img-text.card-layout .activity .activityinstance .img-block {
padding: 10px;
}
.format-designer .designer .section.img-text .activity .activityinstance .img-element.content-show .img-block {
visibility: visible;
}
.format-designer .designer .section.img-text .activity .activityinstance .img-element.content-hide .img-block {
visibility: hidden;
}
.format-designer .designer .section.img-text .activity .activityinstance .img-element.content-show-hover .img-block {
visibility: hidden;
}
.format-designer .designer .section.img-text .activity:hover .activityinstance .img-element.content-show-hover .img-block {
visibility: visible;
}
.format-designer .designer .section.img-text .activity .activityinstance .img-element.content-hide-hover .img-block {
visibility: visible;
}
.format-designer .designer .section.img-text .activity:hover .activityinstance .img-element.content-hide-hover .img-block {
visibility: hidden;
}
.format-designer .designer .section.img-text .activity .activityinstance .img-element.content-remove .img-block {
display: none;
}
.format-designer .designer .section.img-text.circles-layout .activity
.activityinstance .img-element.content-hide .img-block,
.format-designer .designer .section.img-text.circles-layout .activity
.activityinstance .img-element.content-show-hover .img-block,
.format-designer .designer .section.img-text.circles-layout .activity:hover
.activityinstance .img-element.content-hide-hover .img-block {
background: none;
}
.format-designer .designer .section.img-text.circles-layout .activity:hover
.activityinstance .img-element.content-show-hover .img-block,
.format-designer .designer .section.img-text.circles-layout .activity
.activityinstance .img-element.content-hide-hover .img-block {
background: #eee;
}
.format-designer .designer .section.img-text.circles-layout .activity
.activityinstance .img-element.content-show .img-block,
.format-designer .designer .section.img-text.circles-layout .activity
.activityinstance .img-element.content-hide .img-block,
.format-designer .designer .section.img-text.circles-layout .activity
.activityinstance .img-element.content-show-hover .img-block,
.format-designer .designer .section.img-text.circles-layout .activity
.activityinstance .img-element.content-hide-hover .img-block {
visibility: visible;
}
.format-designer .designer .section.img-text.circles-layout .activity
.activityinstance .img-element.content-show .img-block .mod-icon-url {
visibility: visible;
}
.format-designer .designer .section.img-text.circles-layout .activity
.activityinstance .img-element.content-hide .img-block .mod-icon-url {
visibility: hidden;
}
.format-designer .designer .section.img-text.circles-layout .activity
.activityinstance .img-element.content-show-hover .img-block .mod-icon-url {
visibility: hidden;
}
.format-designer .designer .section.img-text.circles-layout .activity:hover
.activityinstance .img-element.content-show-hover .img-block .mod-icon-url {
visibility: visible;
}
.format-designer .designer .section.img-text.circles-layout .activity:hover
.activityinstance .img-element.content-hide-hover .img-block .mod-icon-url {
visibility: hidden;
}
.format-designer .designer .section.img-text.circles-layout .activity .activityinstance
.img-element.content-remove .img-block .mod-icon-url {
display: none;
}
.format-designer .designer .section.img-text.link-layout .activity .activityinstance .img-block {
width: auto;
height: auto;
text-align: right;
display: inline-block;
background: none;
padding: 0 0 5px 0;
}
.format-designer .designer .section.img-text .activity .activityinstance .img-block img {
margin: 0 auto;
}
.format-designer .designer .section.img-text .activity .activityinstance .inplaceeditable {
width: 95%;
display: inline-block;
}
.format-designer .designer .section.img-text.circles-layout .activity .activityinstance .inplaceeditable {
width: 100%;
display: flex;
flex-direction: column;
}
/*v-4.0+*/
.format-designer .designer .section.img-text.list-layout .activity .activityinstance .inplaceeditable {
display: flex;
}
/*End ofv-4.0+*/
.format-designer .designer .section.img-text .activity .activityinstance .inplaceeditable.content-show {
visibility: visible;
}
.format-designer .designer .section.img-text .activity .activityinstance .inplaceeditable.content-hide {
visibility: hidden;
}
.format-designer .designer .section.img-text .activity .activityinstance.content-show-hover .inplaceeditable {
visibility: hidden;
}
.format-designer .designer .section.img-text .activity:hover .activityinstance.content-show-hover .inplaceeditable {
visibility: visible;
}
.format-designer .designer .section.img-text .activity .activityinstance.content-hide-hover .inplaceeditable {
visibility: visible;
}
.format-designer .designer .section.img-text .activity:hover .activityinstance.content-hide-hover
.inplaceeditable {
visibility: hidden;
}
.format-designer .designer .section.img-text .activity .activityinstance .inplaceeditable.content-remove {
display: none;
}
.format-designer.editing .designer .section.img-text .activity .activityinstance .inplaceeditable
.activity-instance {
width: 90%;
display: inline-block;
}
.format-designer.editing .designer .section.img-text.circles-layout .activity .activityinstance
.inplaceeditable .activity-instance {
width: 100%;
}
.format-designer.editing .designer .section.img-text.circles-layout .activity .activityinstance
.inplaceeditable .activity-instance {
margin: 0 auto;
}
.format-designer.editing .designer .section.img-text .activity .activityinstance .inplaceeditable
.activity-instance .activitytitle,
.format-designer.editing .designer .section.img-text .activity .activityinstance .inplaceeditable
.activity-instance .activitytitle .media-body .activityname .aalink .instancename {
width: 100%;
display: flex;
}
.format-designer.editing .designer .section.img-text.circles-layout .activity .activityinstance .inplaceeditable
.activity-instance .activitytitle,
.format-designer.editing .designer .section.img-text.circles-layout .activity .activityinstance .inplaceeditable
.activity-instance .activitytitle .media-body .activityname .aalink .instancename {
display: block;
}
.format-designer .designer .section.img-text.card-layout .activity .activityinstance .inplaceeditable {
width: 90%;
}
.format-designer.editing .designer .section.img-text.card-layout .activity .activityinstance
.inplaceeditable.inplaceeditingon input {
width: auto;
}
/*v-4.0+*/
.format-designer .designer .section.img-text.card-layout .activity .activityinstance .inplaceeditable {
display: block;
}
.format-designer .designer .section .content .section.card-layout li.activity .activityinstance .aalink {
width: 80%;
}
/*End of v-4.0*/
.format-designer .designer .section.img-text.list-layout .activity .activityinstance {
padding-right: 30px;
}
.format-designer .designer .section.img-text.list-layout .activity .activity-altcontent {
margin-top: 15px;
}
.format-designer .designer .section.img-text.list-layout .activity .activityinstance .activity-instance {
width: 100%;
margin-right: 20px;
}
.format-designer .designer .section.img-text.list-layout .activity .availabilityinfo {
opacity: .5;
}
.format-designer .designer .section.list-layout .activity .actions {
top: 0;
right: 0;
}
.format-designer .designer .section.card-layout .activity .actions {
right: 10px;
}
/* Course Edit dropdown menu */
@media (min-width: 576px) and (max-width: 1690px) {
.format-designer .designer .section.desktop-five-column .section.link-layout .activity .action-menu .menubar .dropdown
.dropdown-menu .dropdown-subpanel .dropdown-menu,
.format-designer .designer .section.desktop-five-column .section.card-layout .activity .action-menu .menubar .dropdown
.dropdown-menu .dropdown-subpanel .dropdown-menu,
.format-designer .designer .section.desktop-five-column .section.circles-layout .activity .action-menu .menubar .dropdown
.dropdown-menu .dropdown-subpanel .dropdown-menu {
left: 0;
}
}
@media (min-width: 576px) and (max-width: 1570px) {
.format-designer .designer .section.desktop-four-column .section.link-layout .activity .action-menu .menubar .dropdown
.dropdown-menu .dropdown-subpanel .dropdown-menu,
.format-designer .designer .section.desktop-four-column .section.card-layout .activity .action-menu .menubar .dropdown
.dropdown-menu .dropdown-subpanel .dropdown-menu,
.format-designer .designer .section.desktop-four-column .section.circles-layout .activity .action-menu .menubar .dropdown
.dropdown-menu .dropdown-subpanel .dropdown-menu {
left: 0;
}
}
@media (min-width: 576px) and (max-width: 1380px) {
.format-designer .designer .section.desktop-three-column .section.link-layout .activity .action-menu .menubar .dropdown
.dropdown-menu .dropdown-subpanel .dropdown-menu,
.format-designer .designer .section.desktop-three-column .section.card-layout .activity .action-menu .menubar .dropdown
.dropdown-menu .dropdown-subpanel .dropdown-menu,
.format-designer .designer .section.desktop-three-column .section.circles-layout .activity .action-menu .menubar .dropdown
.dropdown-menu .dropdown-subpanel .dropdown-menu {
left: 0;
}
}
@media (min-width: 576px) and (max-width: 991px) {
.format-designer .designer .section.desktop-two-column .section.link-layout .activity .action-menu .menubar .dropdown
.dropdown-menu .dropdown-subpanel .dropdown-menu,
.format-designer .designer .section.desktop-two-column .section.card-layout .activity .action-menu .menubar .dropdown
.dropdown-menu .dropdown-subpanel .dropdown-menu,
.format-designer .designer .section.desktop-two-column .section.circles-layout .activity .action-menu .menubar .dropdown
.dropdown-menu .dropdown-subpanel .dropdown-menu {
left: 0;
}
}
/* End of Course Edit dropdown menu */
.format-designer .designer .section.list-layout .activity .aalink img.activityicon,
.format-designer .designer .section.card-layout .activity .aalink img.activityicon {
width: 40px;
height: 40px;
margin-right: 10px;
display: none;
}
.format-designer .designer .section.list-layout .activity .restricted .instancename {
color: #6a737b;
}
.format-designer .designer .section.img-text .activity .activityinstance .activity-type p {
font-size: 12px;
}
.format-designer .designer .section.img-text .activity .activityinstance .instancename {
font-size: 16px;
}
.format-designer .designer .section.img-text.card-layout .activity .restricted .activityinstance .aalink {
color: #ccc;
}
.format-designer .designer .section .content .section.card-layout {
text-align: left;
padding-left: 0;
margin: 0;
flex-wrap: wrap;
}
.format-designer .designer .section .content .section.card-layout li.activity .activity-block.designer {
height: 100%;
}
.format-designer .designer.kanban-board .section .content .section.card-layout li.activity .activity-block.designer {
padding: 0;
}
.format-designer .designer .section .content .section.card-layout.circles-layout {
text-align: center;
}
.format-designer .designer .section .content .section.card-layout li.activity {
width: 48%;
min-height: 150px;
text-align: left;
border: 0;
background: none;
padding: 0.25rem 5px 0.25rem;
margin-top: 10px;
margin-bottom: 0;
margin-right: 15px;
display: inline-block;
vertical-align: top;
position: relative;
flex: auto;
}
.format-designer .designer .section .content .section.card-layout li.activity.subsection .section {
min-width: auto;
max-width: none;
}
.format-designer .designer .section .content.collapse .section.card-layout li.activity,
.format-designer .designer .section .content.collapsing .section.card-layout li.activity,
.format-designer .designer .section .content.show .section.card-layout li.activity {
width: 48%;
}
.format-designer .designer .section .content .section.card-layout li.activity:hover {
border: 0;
background: none;
}
.format-designer .designer .section .content .section.card-layout li.activity:nth-child(2n) {
margin-right: 0;
}
.format-designer .designer .section .content .section.list-layout {
padding: 0;
margin: 0;
}
.format-designer .designer .section .content .section.circles-layout {
text-align: center;
display: block;
padding: 0;
margin: 0;
}
.format-designer .designer .section .content .section li.activity {
padding: 10px 10px 0 10px;
margin-bottom: 15px;
border: 0;
}
.format-designer .designer .section .content .section li.activity.activity-height .activity-block .card {
min-height: var(--activity-height);
}
.format-designer .designer .section .content .section.circles-layout li.activity {
padding-bottom: 10px;
margin: 10px 0;
display: inline-block;
vertical-align: top;
}
.format-designer .designer .section .content .section.list-layout li.activity {
padding-top: 0;
margin-top: 10px;
margin-bottom: 10px;
}
.format-designer.editing .course-content ul.designer li.section .section-header-content .section-head-text .bulkselect {
position: absolute;
top: 15px;
left: -2rem;
}
.format-designer .designer .section .content .section.link-layout li.activity .activity-block .bulkselect {
top: 10px;
left: 10px;
z-index: 1;
}
.format-designer .designer .section .content .section.list-layout li.activity .activity-block .bulkselect {
top: 2rem;
z-index: 1;
}
.format-designer .designer .section .content .section.card-layout li.activity .bulkselect {
position: absolute;
top: 20px;
left: 20px;
z-index: 1;
}
.format-designer .designer.kanban-board .section .content .section.card-layout li.activity .bulkselect {
left: 20px;
}
.format-designer .course-content ul.designer.kanban-board li.section.main .section-head-text .bulkselect {
top: -5px;
left: -5px;
}
.format-designer .designer .section .content .section.circles-layout li.activity .activity-block .bulkselect {
top: 10px;
left: 10px;
z-index: 1;
}
.format-designer .designer .section .content .section li.activity .activity-block.designer {
height: 100%;
padding: 10px;
border: 0;
display: flex;
position: relative;
z-index: 0;
}
.format-designer.editing .designer .section .content .section li.activity .activity-block.designer:hover {
background: none;
box-shadow: none;
}
.format-designer .designer .section .content .section li.activity .activity-block.designer .activity-background-style {
width: 100%;
height: 100%;
border-radius: 3px;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.format-designer .designer .section .content .section li.activity .activity-block.designer .contentwithoutlink {
padding: 0;
display: inline-block;
}
.format-designer .designer .section .content .section li.activity.hasinfo {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.format-designer .designer .section .content .section.link-layout {
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
}
.format-designer .designer .section .content .section.link-layout li.activity {
width: 100%;
padding: 0;
margin-bottom: 5px;
background-repeat: no-repeat;
background-size: cover;
position: relative;
flex: auto;
}
.format-designer .designer .section .content .section.link-layout li.activity .mod-indent-outer > i.icon {
position: absolute;
top: 20px;
left: 5px;
}
.format-designer .designer .section .content .section.link-layout li.activity .mod-indent-outer {
padding-top: 0;
}
.format-designer .designer .section .content .section.link-layout li.activity .mod-indent-outer .activityinstance .activitytitle {
z-index: 0;
}
.format-designer .designer .section .content .section.link-layout li.activity .mod-indent-outer .activityinstance
.activitytitle .img-element {
margin-top: 22px;
}
.format-designer.editing .designer .section .content .section.link-layout li.activity .mod-indent-outer {
padding: 30px;
}
.format-designer .designer .section .content .section.list-layout li.activity .mod-indent-outer > .icon {
position: absolute;
}
.format-designer.editing .designer .section .content .section.list-layout li.activity .mod-indent-outer > .icon {
position: static;
}
.format-designer.editing .designer .section .content .section li.activity .mod-indent-outer > .icon {
position: absolute;
}
.format-designer .activity-item,
.format-designer .activity-item.hiddenactivity {
background-color: transparent;
}
.format-designer .activity-item .activity-actions .actions .menubar .dropdown .dropdown-menu .dropdown-item:not(.menu-action) {
display: none;
}
.format-designer .course-content .section .right .menubar .action-menu-trigger {
margin-left: auto;
}
.format-designer .designer .section .content .section li.activity .badge-restricted {
background: #ced4da;
}
.format-designer .designer .section .content .section li.activity .availability-block-content {
max-width: 270px;
width: 100%;
display: inline-block;
}
.format-designer .designer .section .content .section.link-layout li.activity .activityinstance {
width: 70%;
vertical-align: middle;
margin-bottom: 0;
}
/*V-4.0+*/
.format-designer .designer .section .content .section.link-layout li.activity .activityinstance {
display: inline-block;
}
/*End of V-4.0+*/
.format-designer .designer .section .content .section.link-layout li.activity.label .activityinstance {
min-width: auto;
width: auto;
padding: 0;
}
.format-designer .designer .section .content .section li.activity.label .activityinstance {
display: none;
}
.format-designer .designer .section .content .section li.activity.label .activity-block.designer .contentwithoutlink {
width: 94%;
padding: 0;
display: inline-block;
vertical-align: top;
}
.format-designer .designer .section .content .section.link-layout li.activity.label .activity-block.designer .contentwithoutlink {
width: 65%;
}
.format-designer .designer .section .content .section.link-layout li.activity.label .activity-block.designer
.contentwithoutlink .no-overflow > h2 {
display: none;
}
.format-designer .designer .section .content .section.link-layout li.activity.restricted .activityinstance.ismodcontent {
display: inline-block;
}
.format-designer .designer .section .content .section.link-layout li.activity .action-html-card {
max-width: 100px;
width: 100%;
text-align: right;
margin-top: 0;
margin-left: 0;
vertical-align: middle;
float: none;
opacity: 0;
display: none;
}
.format-designer .designer .section .content .section.link-layout li.activity:hover .action-html-card {
display: none;
}
.format-designer .designer .section .content .section.link-layout li.activity.restricted .action-html-card {
width: auto;
opacity: 1;
}
.format-designer .designer .section .content .section li.activity .activity-actions {
position: absolute;
top: 5px;
right: 5px;
}
.format-designer .designer .section .content .section.link-layout li.activity .center-reports-block {
float: right;
margin-right: 10px;
}
.format-designer .designer .section .content .section.link-layout li.activity .center-reports-block .pull-right {
float: none;
}
.format-designer .designer .section .content .section.link-layout li.activity .center-reports-block .pull-right .completion-info {
text-align: center;
}
.format-designer .designer .section .content .section li.activity .availability-block-content .availabilityinfo {
width: 100%;
text-align: center;
display: inline-block;
margin: 0;
}
.format-designer .designer .section .content .section li.activity .availability-block-content .center-reports-block {
display: block;
margin: 0;
}
.format-designer .designer .section .content .section li.activity .availability-block-content .center-reports-block .pull-right {
width: 100%;
float: none;
margin: 0;
}
.format-designer .designer .section .content .section li.activity .availability-block-content .center-reports-block .pull-right
.col {
text-align: center;
}
.format-designer .designer .section .content .section li.activity .activityinstance .activity-type {
display: block;
margin-top: 10px;
}
.format-designer .designer .section .content .section.list-layout li.activity .activityinstance .activity-type,
.format-designer .designer .section .content .section.link-layout li.activity .activityinstance .activity-type {
margin-top: 0;
}
.format-designer .designer .section .content .section li.activity .activityinstance .activity-type.content-hide,
.format-designer .designer .section .content .section li.activity .activityinstance .activity-type.content-remove {
margin: 0;
}
.format-designer .designer .section .content .section li.activity .activityinstance .activity-type.content-show p {
visibility: visible;
}
.format-designer .designer .section .content .section li.activity .activityinstance .activity-type.content-hide p {
visibility: hidden;
}
.format-designer .designer .section .content .section li.activity .activityinstance .activity-element
.activity-type.content-show-hover p {
visibility: hidden;
}
.format-designer .designer .section .content .section li.activity:hover .activityinstance .activity-element
.activity-type.content-show-hover p {
visibility: visible;
}
.format-designer .designer .section .content .section li.activity .activityinstance .activity-element
.activity-type.content-hide-hover p {
visibility: visible;
}
.format-designer .designer .section .content .section li.activity:hover .activityinstance .activity-element
.activity-type.content-hide-hover p {
visibility: hidden;
}
.format-designer .designer .section .content .section li.activity .activityinstance .activity-type.content-remove p {
display: none;
}
.format-designer .designer .section .content .section li.activity:not(.circle-layout) .activityinstance .no-overflow > h2,
.format-designer .designer .section .content .section li.activity:not(.circle-layout) .activityinstance .no-overflow > p {
font-size: 20px;
font-weight: bold;
color: #6a737b;
text-decoration: none;
}
.format-designer .designer .section .content .section li.activity .activityinstance .activity-type p {
font-size: 10px;
font-weight: bold;
color: #999;
margin-bottom: 0;
}
.format-designer .designer .section .content .section li.activity .restricted .activityinstance .activity-type p {
color: #ccc;
}
.format-designer .designer .section .content .section li.activity .activityinstance .aalink {
font-size: 20px;
color: rgb(59, 59, 59);
text-decoration: none;
text-indent: 0;
display: inline-flex;
}
/*v-4.0+*/
.format-designer .designer .section .content .section li.activity.circle-layout .activityinstance .aalink {
display: block;
z-index: 1;
}
/*End of v-4.0+*/
.format-designer .designer .section .content .section.list-layout li.activity .activityinstance .aalink {
width: 100%;
display: flex;
}
.format-designer .designer .section .content .section.list-layout li.activity .activityinstance .aalink .instancename {
width: 100%;
}
.format-designer .designer .section .content .section.list-layout li.activity .activityinstance .aalink,
.format-designer .designer .section .content .section.card-layout li.activity .activityinstance .aalink {
text-indent: 0;
padding-left: 0;
display: inline-block;
vertical-align: top;
}
.format-designer .designer .section .content .section li.activity .activityinstance .instancename {
line-height: 30px;
font-weight: bold;
display: inline-block;
vertical-align: middle;
}
.format-designer .designer .section .content .section li.activity .restricted .mod-content {
opacity: .5;
}
.format-designer .designer .section .content .section.list-layout li.activity .mod-content {
margin-left: 65px;
margin-bottom: 20px;
}
.format-designer .designer .section .content .section li.activity .restricted .mod-content p {
color: #6a737b;
}
.format-designer .designer .section .content .section li.activity .restricted .mod-content p:empty {
display: none;
}
.format-designer .designer .section .content .section li.activity .completion-html-card {
display: inline-block;
vertical-align: middle;
}
.format-designer .designer .section .content .section.list-layout li.activity .completion-html-card {
margin-bottom: 0;
}
.format-designer .designer .section .content .section.list-layout li.activity .action-html-card {
margin-top: 0;
}
.format-designer .designer .section .content .section li.activity .activityinstance .cmname-block.content-show .aalink {
visibility: visible;
}
.format-designer .designer .section .content .section li.activity .activityinstance .cmname-block.content-hide .aalink {
visibility: hidden;
}
.format-designer .designer .section .content .section li.activity .activityinstance .cmname-block.content-show-hover .aalink {
visibility: hidden;
}
.format-designer .designer .section .content .section li.activity:hover .activityinstance .cmname-block.content-show-hover .aalink {
visibility: visible;
}
.format-designer .designer .section .content .section li.activity .activityinstance .cmname-block.content-hide-hover .aalink {
visibility: visible;
}
.format-designer .designer .section .content .section li.activity:hover .activityinstance .cmname-block.content-hide-hover .aalink {
visibility: hidden;
}
.format-designer .designer .section .content .section li.activity .activityinstance .cmname-block.content-remove .aalink {
display: none;
}
.format-designer .designer .section .content .section li.activity .completion-html-card.content-show .completion-info {
visibility: visible;
}
.format-designer .designer .section .content .section li.activity .completion-html-card.content-hide .completion-info {
visibility: hidden;
}
.format-designer .designer .section .content .section li.activity .completion-html-card.content-show-hover .completion-info {
visibility: hidden;
}
.format-designer .designer .section .content .section li.activity:hover .completion-html-card.content-show-hover .completion-info {
visibility: visible;
}
.format-designer .designer .section .content .section li.activity .completion-html-card.content-hide-hover .completion-info {
visibility: visible;
}
.format-designer .designer .section .content .section li.activity:hover .completion-html-card.content-hide-hover .completion-info {
visibility: hidden;
}
.format-designer .designer .section .content .section li.activity .completion-html-card.content-remove .completion-info {
display: none;
}
.format-designer .designer .section .content .section.card-layout li.activity .completion-html-card {
margin: 0 0 10px;
}
.format-designer .designer .section .content .section.card-layout li.activity .restricted .completion-html-card
.completion-info .badge-restricted span {
color: #6a737b;
}
.format-designer .designer .section .content .section li.activity .mod-indent-outer .row {
margin: 0;
}
.format-designer .designer .section .content .section li.activity .mod-indent-outer .col.align-self-center {
text-align: right;
padding: 0;
}
.format-designer .designer .section .content .section li.activity .mod-indent-outer .pull-right {
float: none;
}
.format-designer .designer .section .content .section li.activity .mod-indent-outer .show-on-hover
.col.align-self-center {
text-align: center;
}
.format-designer .designer .section .content .section.list-layout li.activity .mod-indent-outer
.show-on-hover .col.align-self-center {
text-align: right;
}
.format-designer .designer .section .content .section.list-layout li.activity:hover .mod-indent-outer
.show-on-hover .col.align-self-center {
display: block;
}
.format-designer .designer .section .content .section li.activity .mod-visits-block {
min-height: 20px;
margin-right: 10px;
transition: all .5s ease;
display: inline-block;
vertical-align: middle;
}
.format-designer .designer .section .content .section li.activity .mod-visits-block.content-show p {
visibility: visible;
}
.format-designer .designer .section .content .section li.activity .mod-visits-block.content-hide p {
visibility: hidden;
}
.format-designer .designer .section .content .section li.activity .mod-visits-block.content-show-hover p {
visibility: hidden;
}
.format-designer .designer .section .content .section li.activity:hover .mod-visits-block.content-show-hover p {
visibility: visible;
}
.format-designer .designer .section .content .section li.activity .mod-visits-block.content-hide-hover p {
visibility: visible;
}
.format-designer .designer .section .content .section li.activity:hover .mod-visits-block.content-hide-hover p {
visibility: hidden;
}
.format-designer .designer .section .content .section li.activity .mod-visits-block.content-remove p {
display: none;
}
.format-designer .designer .section .content .section.link-layout li.activity .completion-html-card {
margin-bottom: 0;
}
.format-designer .designer .section .content .section.link-layout li.activity .mod-visits-block {
display: inline-block;
vertical-align: middle;
}
.format-designer .designer .section .content .section.list-layout li.activity .mod-visits-block {
margin-right: 4px;
}
.format-designer .designer .section .content .section.card-layout li.activity .mod-visits-block {
position: absolute;
left: 0;
bottom: 0;
}
.format-designer .designer .section .content .section.card-layout li.activity .mod-visits-block p {
text-align: left;
margin-bottom: 0;
}
.format-designer .designer .section .content .section li.activity .mod-visits-block p {
font-size: 12px;
font-weight: normal;
color: #999;
text-align: center;
margin-bottom: 0;
}
.format-designer .designer .section .content .section li.activity .action-html-card {
text-align: center;
margin-top: 10px;
margin-left: 30px;
float: right;
}
.format-designer .designer .section .content .section li.activity .action-html-card.content-show a {
visibility: visible;
}
.format-designer .designer .section .content .section li.activity .action-html-card.content-hide a {
visibility: hidden;
}
.format-designer .designer .section .content .section li.activity .action-html-card.content-show-hover a {
visibility: hidden;
}
.format-designer .designer .section .content .section li.activity:hover .action-html-card.content-show-hover a {
visibility: visible;
}
.format-designer .designer .section .content .section li.activity .action-html-card.content-hide-hover a {
visibility: visible;
}
.format-designer .designer .section .content .section li.activity:hover .action-html-card.content-hide-hover a {
visibility: hidden;
}
.format-designer .designer .section .content .section li.activity .action-html-card.content-remove a {
display: none;
}
.format-designer .designer .section .content .section li.activity .mod-content {
margin-bottom: 20px;
}
.format-designer .designer .section .content .section li.activity .mod-content.content-show .trim-summary,
.format-designer .designer .section .content .section li.activity .mod-content.content-show .fullcontent-summary,
.format-designer .designer .section .content .section li.activity .mod-content.content-show p {
visibility: visible;
}
.format-designer .designer .section .content .section li.activity .mod-content.content-hide .trim-summary,
.format-designer .designer .section .content .section li.activity .mod-content.content-hide .fullcontent-summary,
.format-designer .designer .section .content .section li.activity .mod-content.content-hide p {
visibility: hidden;
}
.format-designer .designer .section .content .section li.activity .mod-content.content-show-hover .trim-summary,
.format-designer .designer .section .content .section li.activity .mod-content.content-show-hover .fullcontent-summary,
.format-designer .designer .section .content .section li.activity .mod-content.content-show-hover p {
visibility: hidden;
}
.format-designer .designer .section .content .section li.activity:hover .mod-content.content-show-hover .trim-summary,
.format-designer .designer .section .content .section li.activity:hover .mod-content.content-show-hover .fullcontent-summary,
.format-designer .designer .section .content .section li.activity:hover .mod-content.content-show-hover p {
visibility: visible;
}
.format-designer .designer .section .content .section li.activity .mod-content.content-hide-hover .trim-summary,
.format-designer .designer .section .content .section li.activity .mod-content.content-hide-hover .fullcontent-summary,
.format-designer .designer .section .content .section li.activity .mod-content.content-hide-hover p {
visibility: visible;
}
.format-designer .designer .section .content .section li.activity:hover .mod-content.content-hide-hover .trim-summary,
.format-designer .designer .section .content .section li.activity:hover .mod-content.content-hide-hover .fullcontent-summary,
.format-designer .designer .section .content .section li.activity:hover .mod-content.content-hide-hover p {
visibility: hidden;
}
.format-designer .designer .section .content .section li.activity .mod-content.content-remove .trim-summary,
.format-designer .designer .section .content .section li.activity .mod-content.content-remove .fullcontent-summary,
.format-designer .designer .section .content .section li.activity .mod-content.content-remove p {
display: none;
}
.format-designer .designer .section .content .section.card-layout li.activity .action-html-card {
position: absolute;
right: 0;
bottom: 0;
margin-top: 0;
margin-left: 0;
}
.format-designer .designer .section .content .section.card-layout li.activity .restricted .action-html-card {
opacity: 1;
}
.format-designer .designer .section .content .section li.activity .action-html-card a {
font-size: 12px;
color: #000;
text-decoration: none;
box-shadow: none;
}
.format-designer .designer .section .content .section li.activity .action-html-card a span i {
margin-left: 5px;
}
.format-designer .designer .section .content .section.card-layout li.activity .editing_move {
left: 20px;
z-index: 1;
}
.format-designer .designer .section .content .section.link-layout li.activity .activityinstance .aalink.quickeditlink,
.format-designer .designer .section .content .section.list-layout li.activity .activityinstance .aalink.quickeditlink,
.format-designer .designer .section .content .section.card-layout li.activity .activityinstance .aalink.quickeditlink {
width: auto;
float: right;
}
.format-designer .designer .section.img-text.list-layout .content .section li.activity .activityinstance .aalink {
margin-top: 5px;
}
.format-designer .designer .section.img-text.list-layout .activity .activityinstance .activity-element {
width: 78%;
display: inline-block;
}
.format-designer .designer .container-boxed .section.img-text.list-layout .activity .activityinstance .activity-element,
.format-designer .designer .section.img-text.list-layout.content-boxed .activity .activityinstance .activity-element {
width: auto;
}
.format-designer .designer .container-boxed .section.img-text.list-layout .activity .activityinstance .availability-info,
.format-designer .designer .section.img-text.list-layout.content-boxed .activity .activityinstance .availability-info {
margin-left: 5px;
}
.format-designer.editing .designer .section .content .section.card-layout li.activity .activityinstance
.activity-element .cmname-block {
display: block;
}
.format-designer.editing .designer .section .content .section.link-layout li.activity .activityinstance .aalink img.activityicon {
display: none;
}
.format-designer.editing .designer .section .content .section.link-layout li.activity .activityinstance .aalink .instancename,
.format-designer.editing .designer .section .content .section.list-layout li.activity .activityinstance .aalink .instancename,
.format-designer.editing .designer .section .content .section.card-layout li.activity .activityinstance .aalink .instancename {
width: 100%;
}
.format-designer .designer .section .content .section.card-layout li.activity .activityinstance .activity-element {
vertical-align: top;
}
.format-designer .designer .section .content .section.card-layout li.activity .activityinstance .activity-element.content-show {
visibility: visible;
}
.format-designer .designer .section .content .section.card-layout li.activity .activityinstance .activity-element.content-hide {
visibility: hidden;
}
.format-designer .designer .section .content .section.card-layout li.activity:hover .activityinstance.content-show-hover {
visibility: hidden;
}
.format-designer .designer .section .content .section.card-layout li.activity:hover .activityinstance.content-show-hover
.activity-element.content-show-hover {
visibility: visible;
}
.format-designer .designer .section .content .section.card-layout li.activity:hover .activityinstance.content-hide-hover {
visibility: visible;
}
.format-designer .designer .section .content .section.card-layout li.activity:hover .activityinstance.content-hide-hover
.activity-element.content-hide-hover {
visibility: hidden;
}
.format-designer .designer .section .content .section.card-layout li.activity .activityinstance .activity-element.content-remove {
display: none;
}
.format-designer .designer .section .content .section.link-layout li.activity:not(.subsection) .mod-content {
margin-left: 35px;
margin-bottom: 5px;
}
.format-designer .designer .section .content .section.card-layout li.activity .card.card-list.success {
min-height: 250px;
}
.format-designer .designer .section .content .section.card-layout li.activity .card.card-list .mod-indent-outer {
height: 100%;
position: relative;
}
.format-designer .designer .section .content .section.card-layout li.activity .card-list {
cursor: pointer;
margin: 0;
}
body.format-designer.editing .designer .section .content .section.card-layout li.activity .card-list {
cursor: move;
}
body.format-designer.editing .designer .section .content .section.card-layout li.activity .card-list .card-body {
padding-top: 40px;
}
.format-designer .designer .section .content .section.card-layout li.activity.label .activity-block.designer .contentwithoutlink {
width: 100%;
}
.format-designer .designer .section .content .section.link-layout li.activity {
display: inline-block;
margin-right: 15px;
margin-top: 15px;
}
.format-designer .designer .section .content .section.link-layout li.activity:last-child {
margin-right: 0;
}
@media (min-width: 1500px) {
.format-designer .designer .section.container-full .content.show .section.circles-layout li.activity {
width: 19.5%;
}
}
@media (min-width: 1367px) and (max-width: 1499px) {
.format-designer .designer .section.container-full .content.show .section.card-layout li.activity {
width: 32%;
}
}
@media (min-width: 1200px) {
.format-designer .designer .section .content .section.link-layout li.activity:not(.subsection) .mod-content {
width: 50%;
}
.format-designer.editing .designer .section .content .section.link-layout li.activity .activityinstance .aalink.quickeditlink,
.format-designer.editing .designer .section .content .section.list-layout li.activity .activityinstance .aalink.quickeditlink,
.format-designer.editing .designer .section .content .section.card-layout li.activity .activityinstance .aalink.quickeditlink {
width: auto;
}
}
@media (max-width: 1199px) {
.format-designer .designer .section.img-text.list-layout .activity .activityinstance .activity-element {
width: 70%;
}
.format-designer .designer .section .content .section li.activity .activity-block.designer .contentwithoutlink {
width: 92%;
}
.format-designer .designer .section .content .section.link-layout li.activity .activityinstance {
width: 70%;
}
}
@media (min-width: 768px) {
.format-designer .designer .section .content .section.card-layout li.activity .activityinstance .activity-instance {
width: 85%;
}
.format-designer .designer .section .content .section.link-layout li.activity:not(.subsection) .mod-content {
display: inline-block;
margin-top: 5px;
margin-right: 5px;
}
.format-designer .designer .section .content .section.link-layout li.activity.restricted .mod-content {
display: block;
}
.format-designer .designer .section .content .section.link-layout li.activity.restricted
.ismodcontent + .availability-info + .mod-content {
display: inline-block;
}
}
@media (min-width: 992px) {
.format-designer .designer .section .content .section.card-layout li.activity .card.card-list {
min-height: 220px;
}
.format-designer .designer .section .content .section.card-layout li.activity .card.card-list .mod-indent-outer {
min-height: 190px;
}
.format-designer.editing .designer .section .content .section.link-layout li.activity .activityinstance .aalink.quickeditlink,
.format-designer.editing .designer .section .content .section.list-layout li.activity .activityinstance .aalink.quickeditlink,
.format-designer.editing .designer .section .content .section.card-layout li.activity .activityinstance .aalink.quickeditlink {
width: auto;
margin-right: -25px;
position: absolute;
right: 0;
}
}
@media (max-width: 991px) {
.format-designer .designer .section.img-text.list-layout .activity .activityinstance,
.format-designer .designer .section.img-text.card-layout .activity .activityinstance {
padding-right: 0;
}
.format-designer .designer .section .content .section.card-layout li.activity .activityinstance .activity-instance {
width: 80%;
}
.format-designer .designer .section .content .section li.activity .activity-block.designer .contentwithoutlink {
width: 90%;
}
.format-designer .designer .section .content .section.link-layout li.activity .activityinstance {
width: 67%;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.format-designer .designer .section .content .section.card-layout li.activity .card.card-list {
min-height: 250px;
}
.format-designer .designer .section .content .section.card-layout li.activity .card.card-list .mod-indent-outer {
min-height: 220px;
}
.format-designer.editing .designer .section .content .section.link-layout li.activity .activityinstance .aalink,
.format-designer.editing .designer .section .content .section.list-layout li.activity .activityinstance .aalink,
.format-designer.editing .designer .section .content .section.card-layout li.activity .activityinstance .aalink {
width: 80%;
}
.format-designer.editing .designer .section .content .section.link-layout li.activity .activityinstance .aalink.quickeditlink,
.format-designer.editing .designer .section .content .section.list-layout li.activity .activityinstance .aalink.quickeditlink,
.format-designer.editing .designer .section .content .section.card-layout li.activity .activityinstance .aalink.quickeditlink {
width: auto;
}
.format-designer.editing .designer .section .content .section.link-layout li.activity .activityinstance .aalink .instancename,
.format-designer.editing .designer .section .content .section.list-layout li.activity .activityinstance .aalink .instancename,
.format-designer.editing .designer .section .content .section.card-layout li.activity .activityinstance .aalink .instancename {
width: 70%;
}
.format-designer .designer .section.img-text.list-layout .activity .activityinstance .activity-element {
width: 59%;
}
.format-designer.editing .designer .section.img-text .activity .activityinstance .inplaceeditable .activity-instance {
width: 84%;
}
.format-designer .designer .section .content .section.list-layout li.activity .activityinstance .aalink.quickeditlink {
margin-top: 25px;
}
}
@media (max-width: 767px) {
.format-designer .designer .section .content .section.card-layout li.activity {
width: 100%;
padding: 0;
margin-right: 0;
}
.format-designer .designer .section .content .section.link-layout li.activity .activityinstance {
width: 90%;
}
.format-designer .designer .section .content .section.card-layout li.activity .card-list {
min-height: 150px;
}
.format-designer .designer .section .content .section.card-layout li.activity .card.card-list .mod-indent-outer {
min-height: 120px;
}
.format-designer.editing .designer .section.img-text .activity .activityinstance .inplaceeditable .activity-instance {
width: 85%;
}
.format-designer .designer .section .content .section.card-layout li.activity .editing_move {
top: 100px;
left: 30px;
z-index: 1;
}
.format-designer .designer .section.img-text.list-layout .activity .activityinstance .activity-element {
max-width: none;
width: 70%;
}
.format-designer .designer .section .content .section li.activity .mod-indent-outer .col.align-self-center {
text-align: left;
}
.format-designer.editing .designer .section .content .section.link-layout li.activity .activityinstance .aalink,
.format-designer.editing .designer .section .content .section.list-layout li.activity .activityinstance .aalink,
.format-designer.editing .designer .section .content .section.card-layout li.activity .activityinstance .aalink {
width: 90%;
}
.format-designer.editing .designer .section .content .section.link-layout li.activity .activityinstance .aalink.quickeditlink,
.format-designer.editing .designer .section .content .section.list-layout li.activity .activityinstance .aalink.quickeditlink,
.format-designer.editing .designer .section .content .section.card-layout li.activity .activityinstance .aalink.quickeditlink {
width: auto;
}
.format-designer.editing .designer .section .content .section.link-layout li.activity .activityinstance .aalink .instancename {
width: 63%;
}
.format-designer.editing .designer .section .content .section.list-layout li.activity .activityinstance .aalink .instancename,
.format-designer.editing .designer .section .content .section.card-layout li.activity .activityinstance .aalink .instancename {
width: 80%;
}
.format-designer .designer .section.img-text .activity .restrict-block .info-content-block .availabilityinfo.isrestricted {
left: auto;
right: 40px;
}
.format-designer .designer .section .content .section.link-layout li.activity .mod-content {
width: auto;
display: block;
margin-top: 10px;
}
.format-designer .designer .section .content .section.link-layout li.activity .center-reports-block {
width: 100%;
margin-top: 10px;
margin-right: 0;
float: none;
}
.format-designer .designer .section .content .section.link-layout li.activity .mod-indent-outer .col.align-self-center {
text-align: right;
}
.format-designer .designer .section .content .section li.activity .activity-block.designer .contentwithoutlink {
width: 80%;
}
}
@media (max-width: 575px) {
.format-designer .designer .section .content .section.card-layout li.activity {
width: 99%;
}
.format-designer .designer .section .content .section.card-layout li.activity .activityinstance .activity-instance {
width: 75%;
}
.editing .designer .section .content .section.link-layout li.activity .activityinstance .aalink .instancename {
width: auto;
}
.format-designer .designer .section .content .section.link-layout li.activity .activityinstance .aalink.quickeditlink {
float: none;
}
.format-designer .designer .section.img-text.link-layout .activity-block .availability-info {
margin-top: 10px;
float: right;
}
.format-designer .designer .section .content .section.link-layout li.activity .activityinstance {
width: 85%;
}
.format-designer .designer .section .content .section li.activity:hover .mod-visits-block {
margin-right: 0;
display: inline-block;
}
.format-designer .designer .section .content .section li.activity:hover .mod-visits-block {
margin-right: 10px;
}
.format-designer .designer .section .content .section.link-layout li.activity:hover .mod-visits-block {
margin-right: 10px;
}
.format-designer .designer .section .content .section.list-layout li.activity .mod-indent-outer .col.align-self-center {
text-align: left;
}
.format-designer .designer .section .content .section.link-layout li.activity .mod-indent-outer .col.align-self-center {
text-align: right;
}
}
.format-designer .designer .section .content .section li.activity .mod-content .trim-summary.summary-hide {
display: none;
}
.format-designer .designer .section .content .section li.activity .mod-content .fullcontent-summary.summary-hide {
display: none;
}
/*Circle layout*/
.format-designer .designer .section .circle-layout {
width: 24.7%;
border: 0;
background: none;
padding: 0;
margin: 20px 0 0 0;
display: inline-block;
vertical-align: top;
}
.format-designer .designer .section .circle-layout:not(.horizontal_circles) .activity-block .card {
text-align: center;
border: 0;
background-color: transparent;
box-shadow: none;
}
.format-designer .designer .section .circle-layout:not(.horizontal_circles) .activity-block .card.warning .img-block {
background-color: #ffe4cf;
}
.format-designer .designer .section .circle-layout:not(.horizontal_circles) .activity-block .card.danger .img-block {
background-color: #ffe6e8;
}
.format-designer .designer .section .circle-layout:not(.horizontal_circles) .activity-block .card .card-body {
padding: 10px;
}
.format-designer .designer .section.img-text.circles-layout .activity-block .img-element {
width: 80px;
height: 80px;
display: inline-block;
margin-bottom: 10px;
}
.format-designer .designer .section.img-text.circles-layout .activity-block .activityinstance
.activity-instance .activitytitle .img-element {
display: none;
}
.format-designer .designer .section.img-text.circles-layout .activity-block .img-block {
width: 80px;
height: 80px;
line-height: 50px;
background-color: #eee;
background-repeat: no-repeat;
background-size: cover;
border-radius: 50%;
margin: 0 auto 10px;
display: inline-block;
position: relative;
z-index: 0;
}
.format-designer .designer .section.img-text .circle-layout .activity-block .activityinstance {
margin-bottom: 5px;
padding-right: 0;
display: block;
}
.format-designer .designer.kanban-board .kanban-board-activities .section.img-text .circle-layout
.activity-block .activityinstance .img-element .img-block {
background-color: #fff;
}
.format-designer .designer .section.img-text.circles-layout .activity .activityinstance .inplaceeditable
.activity-instance .activitytitle .img-element,
.format-designer.editing .designer .section.img-text.circles-layout .activity .activityinstance .inplaceeditable
.activity-instance .activitytitle .img-element {
display: none;
}
.format-designer .designer .section.img-text .circle-layout .activity-block .activityinstance
.activity-instance .activitytitle {
display: block;
margin: 0 auto;
}
.format-designer .designer .section.img-text .circle-layout .activity-block .activityinstance
.activity-instance .activitytitle .img-element {
display: none;
}
.format-designer .designer .section.img-text .circle-layout .activity-block .activityinstance .activity-altcontent {
text-align: left;
margin-left: 90px;
}
.format-designer .designer .section .content .section li.activity.circle-layout .activityinstance .activity-type {
margin-left: 0;
margin-bottom: 5px;
}
.format-designer .designer .section .content .section li.activity.circle-layout .mod-content {
margin-left: 0;
}
.format-designer .designer .section .content .section li.activity.circle-layout .completion-html-card {
margin-left: 0;
display: block;
}
.format-designer .designer .section .circle-layout .activity-block .img-block img.activityicon {
margin: 0 auto;
}
.format-designer .designer .section .circle-layout .activity-block .aalink img.activityicon {
display: none;
}
.format-designer ul.designer .circle-layout .card.card-list .card-body .mod-indent-outer .completion-info {
text-align: center;
}
.format-designer .designer .section .content .section li.activity.circle-layout .mod-visits-block {
margin: 0 0 20px 0;
}
.format-designer .designer .section .content .section.card-layout li.activity.circle-layout .mod-visits-block p {
text-align: center;
}
.format-designer:not(.editing) .designer .section .content .section li.activity.circle-layout .activityinstance .aalink {
width: 100%;
padding: 0;
}
.format-designer .designer .section .content .section li.activity.circle-layout .action-html-card {
float: none;
margin-top: 0;
margin-left: 0;
}
.format-designer .designer .section.img-text.circles-layout .activity-block .availability-info {
position: absolute;
top: 0;
left: 20px;
}
.format-designer .designer .section-design-whole .mod-content .trim-summary a,
.format-designer .designer .section-design-header .mod-content .trim-summary a {
cursor: zoom-in;
}
.format-designer .designer .section-design-whole .mod-content .fullcontent-summary a,
.format-designer .designer .section-design-header .mod-content .fullcontent-summary a {
cursor: zoom-out;
}
@media (min-width: 992px) and (max-width: 1366px) {
.format-designer .designer .section .circle-layout {
width: 33%;
}
}
@media (min-width: 576px) and (max-width: 991px) {
.format-designer .designer .section .circle-layout {
width: 49%;
}
}
@media (max-width: 575px) {
.format-designer .designer .section .circle-layout {
width: 100%;
}
.format-designer .designer .section .circle-layout .activity-block .card {
min-height: auto;
}
}
/*Course Integrate time management*/
.format-designer .single-section-layout .course-info-block {
margin: 15px 0;
clear: both;
}
.format-designer.path-course-view .completionprogress + h2.accesshide {
clear: both;
position: static;
}
.format-designer.path-course-view .completionprogress {
margin-bottom: 15px;
}
.format-designer .single-section-layout .course-info-block > div {
width: 17%;
display: inline-block;
vertical-align: top;
margin-right: 15px;
margin-bottom: 15px;
}
.format-designer .single-section-layout .course-info-block .carousel {
margin-right: 0;
float: right;
}
.format-designer .single-section-layout .course-info-block .carousel .carousel-item .contact-element {
margin-right: 15px;
}
.format-designer .single-section-layout .course-info-block .carousel .carousel-item .contact-element:last-child {
margin-right: 0;
}
.format-designer .single-section-layout .course-info-block .carousel .carousel-control {
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
border-radius: 50%;
background: #333;
display: none;
top: 45%;
}
.format-designer .single-section-layout .course-info-block .carousel .carousel-control.carousel-control-prev {
left: -30px;
}
.format-designer .single-section-layout .course-info-block .carousel:hover .carousel-control {
display: block;
}
.format-designer .single-section-layout .course-info-block .carousel .carousel-control span {
display: none;
}
.format-designer .single-section-layout .course-info-block .carousel .carousel-control:before {
content: '\f104';
font-family: var(--fa-style-family, "Font Awesome 6 Free", fontawesome);
font-weight: var(--fa-style, 900);
color: #fff;
}
.format-designer .single-section-layout .course-info-block .carousel .carousel-control-next:before {
content: '\f105';
}
.format-designer .course-info-block .carousel .contact-element .contact-block .img-block {
max-width: 80px;
width: 100%;
height: 80px;
margin-right: 10px;
float: left;
}
.format-designer .course-info-block .carousel .contact-element .contact-block .img-block img {
width: 100%;
height: 100%;
border-radius: 50%;
}
.format-designer .course-info-block .carousel .contact-element .contact-block .content-block {
padding-left: 100px;
}
.format-designer .course-info-block .carousel .contact-element .contact-block .content-block .title-block h4 span + span {
font-size: 14px;
margin-top: 10px;
}
.format-designer .course-info-block .carousel .contact-element .contact-block .content-block .title-block > a {
text-decoration: none;
}
.format-designer .course-info-block .carousel .contact-element .contact-block .content-block .title-block a h4 {
font-size: 24px;
font-weight: bold;
color: #000;
}
.format-designer .course-info-block .carousel .contact-element .contact-block .title-block h4 span {
font-size: 13px;
display: flex;
}
.format-designer .course-info-block .carousel .contact-element .contact-block .info-block .btn-group a.btn {
font-size: 12px;
text-align: left;
}
.format-designer .course-info-block .carousel .contact-element .contact-block .info-block .header-button-group a.btn {
padding-left: 0;
}
.format-designer .single-section-layout .course-info-block > div h6 {
font-size: 14px;
color: #999;
}
.format-designer .single-section-layout .course-info-block > div h3 {
font-size: 24px;
font-weight: 500;
}
.format-designer .single-section-layout .course-info-block > div.progress-block {
width: auto;
display: block;
margin-right: 30px;
clear: both;
}
.format-designer .single-section-layout .course-info-block > div.progress-block > .progress {
max-width: 50%;
display: flex;
border: 0;
border-radius: 25px;
padding-right: 0;
margin-bottom: 10px;
}
.format-designer .single-section-layout .course-info-block > div.progress-block > .progress .progress-bar {
background: #28a745;
height: 100%;
}
.format-designer .single-section-layout .course-info-block > div.progress-block > .progress .progress-bar.bg-remain-block {
background: #e9ecef;
}
.format-designer .single-section-layout .course-info-block > div.progress-block > div {
display: inline-block;
border-right: 1px solid #eee;
padding-right: 10px;
margin-right: 10px;
}
.format-designer .single-section-layout .course-info-block > div.progress-block > div:last-child {
border: 0;
}
.format-designer .single-section-layout .course-info-block > div.progress-block > div p {
font-size: 14px;
font-weight: 500;
margin-bottom: 0;
}
.format-designer .single-section-layout .course-info-block > div.progress-block .activity-completed-block p {
color: #000;
}
.format-designer .single-section-layout .course-info-block > div.progress-block .activity-due-block p {
color: #fd7e14;
}
.format-designer .single-section-layout .course-info-block > div.progress-block .activity-overdue-block p {
color: #dc3545;
}
@media (min-width: 1551px) {
.format-designer .single-section-layout .course-info-block > div {
width: 19%;
}
.format-designer .single-section-layout .course-info-block .carousel {
width: 38%;
}
}
@media (min-width: 1200px) and (max-width: 1550px) {
.format-designer .single-section-layout .course-info-block > div {
width: 20%;
}
.format-designer .single-section-layout .course-info-block .carousel {
width: 34%;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.format-designer .single-section-layout .course-info-block > div {
width: 19%;
}
.format-designer .single-section-layout .course-info-block .carousel {
width: 35%;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.format-designer .single-section-layout .course-info-block > div {
width: 45%;
}
.format-designer .single-section-layout .course-info-block > div:nth-child(2n) {
width: 51%;
margin-right: 0;
}
.format-designer .single-section-layout .course-info-block .carousel {
float: none;
}
}
@media (max-width: 767px) {
.format-designer .single-section-layout .course-info-block > div {
width: 100%;
margin-right: 0;
margin-bottom: 30px;
}
.format-designer .single-section-layout .course-info-block .carousel {
float: none;
}
.format-designer .single-section-layout .course-info-block > div.progress-block > .progress {
max-width: none;
}
}
/*kanban layout*/
.format-designer .course-content ul.designer.kanban-board li.section.main {
min-width: 400px;
max-width: 550px;
vertical-align: top;
padding: 10px;
margin: 15px;
background: #eee;
border-radius: 10px;
box-shadow: 0 3px 6px rgba(0, 0, 0, .3);
align-self: flex-start;
flex: none;
}
.format-designer .course-content ul.designer.kanban-board li.section.main#section-0 {
min-width: 767px;
max-width: none;
background: none;
box-shadow: none;
padding: 5px 5px 10px 5px;
margin: 0;
}
.format-designer .course-content ul.designer.kanban-board .kanban-board-activities {
padding-top: 25px;
overflow: auto;
display: flex;
}
.format-designer .course-content ul.designer.kanban-board li.section.main .section-background-style,
.format-designer .course-content ul.designer.kanban-board li.section.main .bg-overlay {
border-radius: 10px;
}
.format-designer .course-content ul.designer.kanban-board li.section.main#section-0 .section-header-content
.section-progress-bar .progress {
background: #e9ecef;
}
.format-designer .course-content ul.designer.kanban-board li.section .section-progress-info {
margin-top: 10px;
}
.format-designer .course-content ul.designer.kanban-board .kanban-board-activities li.section
.section-progress-info .progress-bar .progress {
height: 12px;
background: #fff;
}
.format-designer .course-content ul.designer.kanban-board li.section .content .section-modchooser {
text-align: left;
margin-top: 10px;
}
.format-designer .course-content ul.designer.kanban-board li.section .content .section-modchooser .section-modchooser-link {
color: #6c757d;
}
.format-designer .format-designer ul.designer.kanban-board .section.img-text.list-layout .activity .activityinstance
.activity-element {
width: 70%;
}
.format-designer .course-content ul.designer.kanban-board .section .content .activity-block.designer .card .card-body
.col-12.col-md-7 {
max-width: none;
flex: auto;
}
.format-designer .course-content ul.designer.kanban-board .section .content .activity-block.designer .card .card-body
.col-12.col-md-7 .mod-content {
margin-left: 0;
margin-bottom: 10px;
}
.format-designer .course-content ul.designer.kanban-board .section .content .activity-block.designer .card .card-body
.col-12.col-md-7 .mod-content > .trim-summary,
.format-designer .course-content ul.designer.kanban-board .section .content .activity-block.designer .card .card-body
.col-12.col-md-7 .mod-content > .fullcontent-summary {
margin-top: 10px;
}
.format-designer .course-content ul.designer.kanban-board .section .content .activity-block.designer .card .card-body
.col-6.col-md-3,
.format-designer .course-content ul.designer.kanban-board .section .content .activity-block.designer .card .card-body
.col-6.col-md-2 {
flex: 0 0 50%;
max-width: 50%;
}
.format-designer .course-content ul.designer.kanban-board .section .content .activity-block.designer .card .card-body
.col-12.col-md-7 .activityinstance .cmname-block {
width: 100%;
}
.format-designer .course-content ul.designer.kanban-board .section .content .activity-block.designer .card .card-body
.col-6.col-md-3 .col.align-self-center {
text-align: left;
margin: 15px 0;
display: flex;
flex-direction: column;
}
.format-designer .course-content ul.designer.kanban-board .section .content .activity-block.designer .card .card-body
.col-6.col-md-3 .col.align-self-center .mod-visits-block {
margin-top: 5px;
display: block;
}
.format-designer .course-content ul.designer.kanban-board .section .content .activity-block.designer .card .card-body
.col-6.col-md-3 .col.align-self-center .mod-visits-block p {
text-align: left;
}
.format-designer .course-content ul.designer.kanban-board .section .content .activity-block.designer .card .card-body
.col-6.col-md-3 .col.align-self-center .completion-html-card {
margin-bottom: 0;
order: -1;
}
.format-designer .course-content ul.designer.kanban-board .section .content .activity-block.designer .card .card-body
.col-6.col-md-2 .col.align-self-center .action-html-card {
margin-top: 0;
}
@media (max-width: 767px) {
.format-designer .course-content ul.designer.kanban-board li.section.main#section-0 {
min-width: auto;
max-width: none;
width: 100%;
}
}
/*Video time*/
.format-designer .designer .section.img-text.card-layout .activity.videotime {
display: inline-block !important; /* stylelint-disable-line declaration-no-important */
}
.format-designer .designer .section.img-text .activity.videotime .activity-block.progress-element .card {
border-left: 0;
}
.format-designer .designer .section.img-text.card-layout .activity.videotime .activity-block .card-body {
padding: 0;
}
.format-designer .designer .section.img-text .activity.videotime .activity-block .card-body .activity-background-style {
background-size: cover;
}
.format-designer .designer .section.img-text.card-layout .activity.videotime .activity-block .card-body .mod-visits-block {
left: 0;
bottom: 0;
}
.format-designer .designer .section.img-text .activity.videotime .activity-block .mod-content .panel .panel-body h4 {
display: none;
}
.format-designer .designer .section.img-text.card-layout .activity.videotime .activity-block .mod-content {
margin: 0 0 20px 0;
}
.format-designer .designer .section.img-text.card-layout .activity.videotime.preview_mode .activity-block .mod-icon-url {
text-align: center;
margin: 20px 0;
display: block;
position: absolute;
top: 45%;
left: 45%;
}
.format-designer .designer .section.img-text.card-layout .activity.videotime.preview_mode .activity-block .mod-icon-url img {
width: 50px;
height: 50px;
}
.format-designer .designer .section.img-text.card-layout .activity.videotime.preview_mode .activity-block
.img-element .bg-overlay .img-block {
width: 50px;
height: 50px;
}
.format-designer .designer .section .content .section.img-text li.activity.videotime .activity-block.designer {
position: relative;
}
.format-designer .designer .section .content .section.img-text li.activity.videotime .activity-block.designer .video-progress {
width: 100%;
height: 7px;
border: none;
border-radius: 0;
box-shadow: none;
position: absolute;
left: 0;
bottom: 0;
}
.format-designer .designer .section .content .section.img-text li.activity.circle-layout .activity-block.designer .video-progress {
position: static;
}
.format-designer .course-content ul.designer.course-type-flow li.section .content.collapse.in {
display: contents;
}
.format-designer .designer.course-type-flow .section .content .section.img-text li.activity.videotime
.activity-block.designer .video-progress,
.format-designer .designer.kanban-board .section .content .section.img-text li.activity.videotime
.activity-block.designer .video-progress {
height: 5px;
}
.format-designer .designer .section .content .section.img-text li.activity.videotime .activity-block.designer
.video-progress .progress-bar {
background: #28a744;
}
.format-designer .designer .section .content .section.img-text li.activity.videotime .activity-block.designer
.contentwithoutlink .videotimetabs {
display: none;
}
.format-designer .designer .section .content .section.img-text li.activity.videotime .activity-block.designer {
padding-left: 0;
padding-right: 0;
}
.format-designer .designer .section.img-text.card-layout .activity.videotime .activity-block
.completion-html-card .completion-html-card {
padding: 0;
margin: 0;
position: static;
}
.format-designer .designer .section.img-text.card-layout .activity.videotime.label_mode .activity-block
.completion-html-card .completion-html-card {
margin-left: 0;
}
.format-designer .designer .section .content .section.card-layout li.activity.label_mode .completion-html-card {
margin-bottom: 40px;
}
.format-designer .designer .section .content .section li.activity.preview_mode .activity-block.designer .contentwithoutlink,
.format-designer .designer .section.img-text .activity.videotime .activity-block .contentwithoutlink .panel-body,
.format-designer .designer .section .content .section.img-text li.activity.videotime.hide-videotime-preview-image
.activity-block.designer .contentwithoutlink {
display: none;
}
.format-designer .designer .section .content .section.link-layout li.activity.videotime .activity-block.designer
.contentwithoutlink {
width: 75%;
vertical-align: middle;
margin-bottom: 0;
}
.format-designer .designer .section.img-text.card-layout .activity.videotime .activity-block .action-html-card {
padding-bottom: 0;
right: 0;
}
.format-designer .designer .section.img-text.card-layout .activity.videotime.preview_mode .activity-block .badge.video-duration {
position: absolute;
bottom: 0;
right: 0;
}
.path-course-view.format-designer li.activity.videotime.preview_mode .panel {
min-height: auto;
margin-bottom: 20px;
}
.format-designer ul.designer .card-layout .card.card-list .card-body .mod-indent-outer > div:last-child {
height: 100%;
}
.format-designer ul.designer .card-layout .card.card-list .card-body .mod-indent-outer > div:last-child .contentwithoutlink {
height: auto;
margin-bottom: 10px;
display: block;
}
.path-course-view.format-designer ul.designer .section .content .section.circles-layout li.activity.videotime {
display: inline-block !important; /* stylelint-disable-line declaration-no-important */
}
.path-course-view.format-designer ul.designer .section .content .section.circles-layout li.activity.videotime.preview_mode {
float: none;
}
/*Horizontal circles*/
.format-designer .designer .section .content .section.horizontal-circles-layout li.activity {
width: 100%;
}
.format-designer .designer .section .content .section.horizontal-circles-layout li.activity .card {
border: 0;
background-color: transparent;
box-shadow: none;
}
.format-designer .designer .section .content .section.horizontal-circles-layout li.activity .card .card-body {
min-height: 200px;
padding: 0.25rem;
}
.format-designer .designer .section.img-text .activity.horizontal_circles .restrict-block .info-content-block,
.format-designer .designer .section.img-text .activity.horizontal_circles .call-action-block {
margin-right: 0;
}
.format-designer .designer .section.img-text.horizontal-circles-layout li.horizontal_circles
.activity-block .activityinstance .cmname-block {
margin-right: 20px;
}
.format-designer .designer .section.img-text.horizontal-circles-layout li.horizontal_circles
.activity-block .activityinstance .cmname-block .instancename {
line-height: 24px;
}
.format-designer.editing .designer .section.img-text.horizontal-circles-layout li.horizontal_circles
.activityinstance .inplaceeditable,
.format-designer.editing .designer .section.img-text.horizontal-circles-layout li.horizontal_circles
.activityinstance .inplaceeditable .activity-instance {
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.format-designer.editing .designer .section.img-text.horizontal-circles-layout li.horizontal_circles .activity-actions {
right: 25px;
}
/*v-4.0+*/
.format-designer.editing .designer .section.img-text.horizontal-circles-layout li.horizontal_circles .activity-actions {
right: 0;
}
/*v-4.0+*/
.format-designer .designer.kanban-board .section .content .section.img-text.horizontal-circles-layout li.activity .card {
background: none;
}
.format-designer .designer.kanban-board .section .content .section.img-text.horizontal-circles-layout li.activity .card .card-body {
padding-bottom: 50px;
}
.format-designer .designer .section.img-text.horizontal-circles-layout li.horizontal_circles .activity-block .activityinstance {
display: inline-block;
vertical-align: top;
}
.format-designer .designer .section.img-text.circles-layout .circle-layout.circle-size-medium .activity-block
.activityinstance .img-element,
.format-designer .designer .section.img-text.horizontal-circles-layout li.horizontal_circles.circle-size-medium
.activity-block .activityinstance .img-element {
margin-right: 10px;
zoom: 200%;
}
.format-designer .designer .section.img-text.circles-layout .circle-layout.circle-size-large .activity-block
.activityinstance .img-element,
.format-designer .designer .section.img-text.horizontal-circles-layout li.horizontal_circles.circle-size-large
.activity-block .activityinstance .img-element {
margin-right: 10px;
zoom: 300%;
}
.format-designer .designer .section.img-text.circles-layout:not(.horizontal-circles-layout) .circle-layout
.activity-block .activityinstance .img-element {
margin-right: 0;
}
.format-designer .designer .section.img-text.horizontal-circles-layout li.horizontal_circles
.activity-block .activityinstance .img-element {
float: left;
}
.format-designer .designer .section.img-text.horizontal-circles-layout li.horizontal_circles
.activity-block .activityinstance .availability-info {
top: -15px;
left: auto;
right: -25px;
}
.format-designer .designer .section.img-text.horizontal-circles-layout li.horizontal_circles
.activity-block .activityinstance .activity-type,
.format-designer .designer .section.img-text.horizontal-circles-layout li.horizontal_circles
.activity-block .mod-content,
.format-designer .designer .section.img-text.horizontal-circles-layout li.horizontal_circles
.activity-block .activityinstance .cmname-block,
.format-designer .designer .section.img-text.horizontal-circles-layout li.horizontal_circles
.activity-block .activityinstance ~ .completion-html-card,
.format-designer .designer .section.img-text.horizontal-circles-layout li.horizontal_circles
.activity-block .mod-visits-block,
.format-designer .designer .section.img-text.horizontal-circles-layout li.horizontal_circles
.activity-block .action-html-card {
text-align: left;
display: block;
margin-left: 90px;
margin-bottom: 0;
}
.format-designer .designer .section .content .section.img-text.horizontal-circles-layout li.horizontal_circles .mod-visits-block {
margin-bottom: 40px;
}
.format-designer .designer .section.img-text.horizontal-circles-layout li.horizontal_circles .activity-block
.activityinstance ~ .completion-html-card {
margin-bottom: 0;
}
.format-designer .designer .section.img-text.horizontal-circles-layout li.horizontal_circles
.activity-block .activityinstance ~ .completion-html-card {
margin-bottom: 0;
}
.format-designer .designer .section.img-text.horizontal-circles-layout li.horizontal_circles
.activity-block .completion-html-card .completion-html-card {
margin-bottom: 0;
}
.format-designer.editing .designer .section .content .section li.activity.horizontal_circles .completion-html-card {
margin-top: 20px;
}
.format-designer .designer .section.img-text.horizontal-circles-layout li.horizontal_circles.circle-size-medium
.activity-block .activityinstance .activity-type,
.format-designer .designer .section.img-text.horizontal-circles-layout li.horizontal_circles.circle-size-medium
.activity-block .mod-content,
.format-designer .designer .section.img-text.horizontal-circles-layout li.horizontal_circles.circle-size-medium
.activity-block .activityinstance .cmname-block,
.format-designer .designer .section.img-text.horizontal-circles-layout li.horizontal_circles.circle-size-medium
.activity-block .activityinstance ~ .completion-html-card,
.format-designer .designer .section.img-text.horizontal-circles-layout li.horizontal_circles.circle-size-medium
.activity-block .mod-visits-block,
.format-designer .designer .section.img-text.horizontal-circles-layout li.horizontal_circles.circle-size-medium
.activity-block .action-html-card {
margin-left: 180px;
}
.format-designer .designer .section.img-text.horizontal-circles-layout li.horizontal_circles.circle-size-large
.activity-block .activityinstance .activity-type,
.format-designer .designer .section.img-text.horizontal-circles-layout li.horizontal_circles.circle-size-large
.activity-block .mod-content,
.format-designer .designer .section.img-text.horizontal-circles-layout li.horizontal_circles.circle-size-large
.activity-block .activityinstance .cmname-block,
.format-designer .designer .section.img-text.horizontal-circles-layout li.horizontal_circles.circle-size-large
.activity-block .activityinstance ~ .completion-html-card,
.format-designer .designer .section.img-text.horizontal-circles-layout li.horizontal_circles.circle-size-large
.activity-block .mod-visits-block,
.format-designer .designer .section.img-text.horizontal-circles-layout li.horizontal_circles.circle-size-large
.activity-block .action-html-card {
margin-left: 280px;
}
.format-designer .designer .section.img-text.horizontal-circles-layout li.horizontal_circles .activity-block .mod-visits-block p {
text-align: left;
}
@media (min-width: 1441px) {
.format-designer .designer .section.img-text.horizontal-circles-layout li.horizontal_circles .activity-block .action-html-card {
position: absolute;
left: auto;
right: 0;
bottom: 10px;
}
}
@media (max-width: 1440px) {
.format-designer .designer .section .content .section.img-text.horizontal-circles-layout
li.activity.horizontal_circles .mod-visits-block {
margin-bottom: 0;
}
}
@media (max-width: 767px) {
.format-designer .designer .section .content .section.link-layout li.activity.videotime
.activity-block.designer .contentwithoutlink {
width: 100%;
}
.format-designer .designer .section.img-text.circles-layout li.circles .badge.badge-completion {
text-align: center;
}
}
@media (max-width: 575px) {
.format-designer .designer .section .content .section.link-layout li.activity.videotime
.activity-block.designer .contentwithoutlink {
width: 90%;
}
.format-designer .designer .section .content .section.img-text.card-layout li.activity .mod-visits-block,
.format-designer .designer .section.img-text.card-layout .activity.videotime.preview_mode li.activity-block .mod-icon-url,
.format-designer .designer .section.img-text.card-layout .activity.videotime.preview_mode .activity-block .mod-icon-url {
position: static;
}
.format-designer .designer .section .content .section.img-text.card-layout li.activity .action-html-card,
.format-designer .designer .section.img-text.card-layout .activity.videotime.preview_mode
.activity-block .badge.video-duration {
float: right;
position: static;
}
.format-designer .designer .section .content .section.card-layout li.activity .completion-html-card {
display: block;
}
}
/*Flow layout*/
.format-designer .course-content ul.course-type-flow.designer .section.main .section-header-content {
min-height: 400px;
width: 400px;
display: inline-block;
vertical-align: top;
background-color: #f0f0f0;
border-radius: 3px;
padding: 20px;
margin-left: 20px;
margin-bottom: 30px;
transition: all .5s ease;
}
.format-designer .course-content ul.course-type-flow.designer .section.main .section-header-content.flow-stack.collapsed {
width: 400px;
}
/* Single section flow layout */
.format-designer .course-content .single-section-layout ul.course-type-flow.designer li.section .right,
.format-designer .course-content .single-section-layout ul.course-type-flow.designer li.section .content:not(.img-block) {
display: none;
}
.format-designer .course-content .single-section-layout ul.course-type-flow.designer
.section.main + .section.main.section-flow-none .section-header-content,
.format-designer .course-content .single-section-layout ul.course-type-flow.designer
.section.main.section-flow-none + .section.main.section-flow-none .section-header-content {
margin-right: 0;
}
/* End of Single section flow layout */
.format-designer .designer.course-type-flow .section .content .section.card-layout li.activity .card.card-list {
min-height: 400px;
}
.format-designer .course-content ul.designer.course-type-flow .section.main .card-body .mod-indent-outer > div {
display: block;
}
.format-designer .course-content ul.designer.course-type-flow .section.main .card-body
.mod-indent-outer > div:last-child .contentwithoutlink {
display: block;
}
.format-designer:not(.editing) .course-content ul.designer .section.main.section-header-image
.section-header-content.flow-stack .flow-stack-header {
top: 10px;
left: 10px;
z-index: -2;
}
.format-designer:not(.editing) .course-content ul.designer .section.main.section-header-image
.section-header-content.flow-stack .section-background-color,
.format-designer:not(.editing) .course-content ul.designer .section.main.section-background-color
.section-header-content.flow-stack .section-background-color {
top: 5px;
left: 5px;
z-index: -1;
}
.format-designer:not(.editing) .course-content ul.designer .section.main.section-header-image
.section-header-content.flow-stack.bg-mask .section-background-color,
.format-designer:not(.editing) .course-content ul.designer .section.main.section-background-color
.section-header-content.flow-stack.bg-mask .section-background-color {
top: 0;
left: 0;
}
.format-designer:not(.editing) .course-content ul.designer.course-type-flow li.section.section-background-overlay
.section-header-content.flow-stack .flow-stack-header {
top: 10px;
left: 10px;
z-index: -2;
}
.format-designer:not(.editing) .course-content ul.designer.course-type-flow li.section.section-background-overlay
.section-header-content.flow-stack .section-background-style.sectiondesign-header {
top: 0;
left: 0;
z-index: -1;
}
.format-designer .course-content ul.designer .section.main .section-header-content.flow-stack .flow-stack-header {
width: 100%;
height: 100%;
border-radius: 3px;
background: #f0f0f0;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
position: absolute;
top: 0;
left: 0;
z-index: -1;
transition: all .5s ease;
}
.format-designer .course-content ul.designer .section.main .section-header-content.flow-stack .section-background-color {
width: 100%;
height: 100%;
border-radius: 3px;
background: #f9f9f9;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
position: absolute;
top: 5px;
left: 5px;
z-index: -2;
transition: all .5s ease;
}
.format-designer .course-content ul.designer li.section .section-header-content.flow-stack
.section-background-style.sectiondesign-header {
width: 100%;
height: 100%;
border-radius: 3px;
background: #f0f0f0;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
position: absolute;
top: 10px;
left: 10px;
z-index: -3;
transition: all .5s ease;
}
.format-designer:not(.editing) .course-content ul.designer.course-type-flow li.section.section-background-color.bg-mask
.section-header-content.flow-stack .flow-stack-header:before,
.format-designer:not(.editing) .course-content ul.designer.course-type-flow
.section.main.bg-mask:not(.section-background-overlay) .section-header-content.flow-stack .flow-stack-header:before {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: -5px;
left: -5px;
background: #f9f9f9;
border-radius: 3px;
z-index: 1;
}
.format-designer:not(.editing) .course-content ul.designer .section.main .section-header-content.flow-stack:not(.collapsed)
.flow-stack-header,
.format-designer:not(.editing) .course-content ul.designer .section.main .section-header-content.flow-stack:not(.collapsed)
.section-background-color,
.format-designer:not(.editing) .course-content ul.designer .section.main .section-header-content.flow-stack:not(.collapsed)
.section-background-style.sectiondesign-header {
display: none;
}
.format-designer .course-content ul.designer.course-type-flow .section.main.section-background-overlay
.section-header-content.flow-stack:not(.collapsed) .section-background-style.sectiondesign-header,
.format-designer .course-content ul.designer.course-type-flow .section.main.section-header-image
.section-header-content.flow-stack:not(.collapsed) .section-background-style.sectiondesign-header {
display: block;
top: 0;
left: 0;
}
.format-designer:not(.editing) .course-content ul.designer.course-type-flow
.section.main.bg-mask:not(.section-background-overlay) .section-header-content.flow-stack .section-background-color {
top: 0;
left: 0;
z-index: -1;
}
.format-designer:not(.editing) .course-content ul.designer.course-type-flow
.section.main.bg-mask:not(.section-background-overlay) .section-header-content.flow-stack .flow-stack-header {
top: 10px;
left: 10px;
}
.format-designer:not(.editing) .course-content ul.designer.course-type-flow li.section.section-design-header.bg-mask
.section-header-content.flow-stack .section-background-style.sectiondesign-header {
z-index: -1;
}
.format-designer.editing .course-content ul.designer .section.main .section-header-content.flow-stack
.section-background-color,
.format-designer.editing .course-content ul.designer li.section .section-header-content.flow-stack
.section-background-style.sectiondesign-header {
top: 0;
left: 0;
z-index: -2;
}
.format-designer.editing .course-content ul.designer .section.main .section-header-content.flow-stack
.section-background-color {
z-index: -1;
}
.format-designer .course-content ul.course-type-flow.designer .section.main + .section.main
.section-header-content.flow-stack {
margin-left: 20px;
}
.format-designer .course-content ul.course-type-flow.designer .section.main + .section.main.section-flow-none
.section-header-content,
.format-designer .course-content ul.course-type-flow.designer
.section.main.section-flow-none + .section.main.section-flow-none .section-header-content {
margin-right: 10px;
}
.format-designer .course-content ul.course-type-flow.designer .section.main.section-flow-none + .section.main
.section-header-content.flow-stack {
margin-right: 0;
}
.format-designer .course-content ul.course-type-flow.designer .section.main .section-header-content .section-collapse-icon {
display: none;
}
.format-designer .course-content ul.designer.course-type-flow li.section .categorise-section-block {
margin-left: 0;
margin-bottom: 10px;
display: block;
}
.format-designer .course-content ul.course-type-flow.designer .section.main .section-header-content.flow-head-hide {
display: none;
}
.format-designer .course-content ul.course-type-flow.designer .section.main {
display: contents;
margin-right: 15px;
}
.format-designer .course-content ul.course-type-flow.designer .section.main.stack-header-collapsing {
width: 100%;
margin-top: 0;
background-color: transparent;
}
.format-designer .course-content ul.course-type-flow.designer .section.main.section-flow-none.stack-header-collapsing {
width: 31.7%;
}
.format-designer .course-content ul.course-type-flow.designer .section.main.stack-header-collapsing .content.flow-open.collapsing {
width: 100%;
height: auto;
}
.format-designer .course-content ul.designer.course-type-flow {
margin-top: 30px;
display: flex;
flex-wrap: wrap;
}
.format-designer .course-content ul.course-type-flow.designer .section.main .section-content-wrapper {
display: contents;
position: relative;
}
.format-designer .course-content ul.designer.course-type-flow li.section ul.section.img-text li.activity {
width: 400px;
display: inline-block;
vertical-align: top;
padding: 0;
margin-top: 0;
margin-left: 20px;
margin-right: 0;
margin-bottom: 30px;
background-color: #fff;
float: none;
}
.format-designer .course-content ul.designer.course-type-flow li.section ul.section.img-text li.activity .activity-block.designer {
padding: 0;
}
.format-designer .course-content ul.designer.course-type-flow li.section ul.section.img-text,
.format-designer .course-content ul.designer.course-type-flow li.section .content.flow-open.show,
.format-designer .course-content ul.designer.course-type-flow li.section .content.collapsing {
display: contents;
}
.format-designer .course-content ul.designer.course-type-flow li.section .section-header-content.flow-none .content.flow-open.show {
display: none;
}
.format-designer .course-content ul.course-type-flow.designer .section.main:after {
display: none;
}
.format-designer .course-content ul.designer.course-type-flow li.section .section-header-content .section-progress-info {
max-width: none;
width: 90%;
float: none;
position: absolute;
bottom: 10px;
left: 10px;
}
.format-designer .course-content ul.designer.course-type-flow li.section .section-header-content
.section-progress-info + .goto-section {
margin-bottom: 20px;
}
.format-designer.editing .course-content ul.designer li.section .section-header-content.flow-stack .section-progress-info {
max-width: none;
float: none;
}
.format-designer.editing .course-content ul.designer li.section .section-header-content.flow-stack
.section-progress-info .progress-bar {
max-width: 300px;
margin-left: auto;
margin-right: 15px;
}
.format-designer .course-content ul.designer.course-type-flow li.section .section-header-content
.section-progress-info > div:not(.progress-donut) .progress {
height: 12px;
background: #fff;
}
.format-designer .course-content ul.designer.course-type-flow li.section .section-header-content .section-progress-info
.section-progress-completed {
text-align: left;
}
.format-designer .course-content ul.designer.course-type-flow li.section .section-header-content .section-progress-info
.section-progress-completed span.badge-success {
font-size: 13px;
padding: 5px 10px;
}
.format-designer .course-content ul.designer.course-type-flow li.section .content .section li.activity:not(.videotime):not(.poster)
.mod-indent-outer .completion-html-card {
margin-bottom: 10px;
position: absolute;
left: 0;
bottom: 5px;
}
.format-designer .course-content ul.designer.course-type-flow li.section .content .section li.activity
.mod-indent-outer .completion-html-card .completion-html-card,
.format-designer .course-content ul.designer.course-type-flow li.section .content .section li.activity
.activity-background-style + .mod-indent-outer .completion-html-card .completion-html-card {
position: static;
}
.format-designer .course-content ul.designer.course-type-flow li.section .content .section li.activity
.mod-indent-outer .completion-html-card,
.format-designer .course-content ul.designer.course-type-flow li.section .content .section li.activity
.mod-indent-outer .completion-html-card .completion-info,
.format-designer .course-content ul.designer.course-type-flow li.section .content .section li.activity
.mod-indent-outer .completion-html-card .completion-info form {
width: 100%;
}
.format-designer .course-content ul.designer.course-type-flow li.section .content .section li.activity.videotime
.activity-background-style + .mod-indent-outer .completion-html-card {
padding-right: 20px;
margin-bottom: 10px;
position: absolute;
left: 5px;
bottom: 10px;
}
.format-designer .course-content ul.designer.course-type-flow li.section .content .section li.activity.videotime.label_mode
.mod-indent-outer .completion-html-card {
padding-right: 10px;
margin-bottom: 20px;
position: static;
}
.format-designer .course-content ul.designer.course-type-flow li.section .content .section li.activity
.activity-background-style + .mod-indent-outer .completion-html-card button.badge-success {
border-color: #28a744;
}
.format-designer .course-content ul.designer.course-type-flow li.section .content .section li.activity
div:not(.activity-background-style) + .mod-indent-outer .completion-html-card .completion-info form button {
width: 100%;
color: #333;
border: 1px solid #999;
border-radius: 3px;
background: none;
padding: 10px;
}
.format-designer .course-content ul.designer.course-type-flow li.section .content .section li.activity
.mod-indent-outer .completion-html-card .completion-info form button i {
display: none;
}
.format-designer .course-content ul.designer.course-type-flow li.section .content .section li.activity .card .card-body {
height: 100%;
padding: 15px;
}
.format-designer .course-content ul.designer.course-type-flow li.section .content .section li.activity .mod-indent-outer {
width: 100%;
}
.format-designer ul.designer .section .content .section.card-layout li.activity.videotime .card-list
.card-body.bg-overlay:before {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-image: linear-gradient(to right, rgba(0, 0, 0, .7), rgba(0, 0, 0, 0.01));
z-index: 0;
}
.format-designer ul.designer.course-type-flow.designer li.activity.videotime .card.card-list.notstarted {
border-left: 0;
}
.format-designer:not(.editing) .course-content ul.designer .section.main.section-background-color
.section-header-content.flow-stack .flow-stack-header {
top: 10px;
left: 10px;
z-index: -2;
}
.format-designer:not(.editing) .course-content ul.designer.course-type-flow li.section.section-background-color
.section-header-content.flow-stack .section-background-color {
top: 0;
left: 0;
}
.format-designer:not(.editing) .course-content ul.designer.course-type-flow li.section.section-background-color
.section-header-content.flow-stack .section-background-style.sectiondesign-header {
background: #f9f9f9;
top: 5px;
left: 5px;
z-index: -2;
}
.format-designer .course-content ul.designer.course-type-flow li.section.section-header-image .section-header-content
.section-background-style.sectiondesign-header {
border-radius: 3px;
top: 0;
left: 0;
z-index: -1;
}
.format-designer .course-content ul.designer.course-type-flow li.section.section-background-color
.section-header-content .bg-overlay {
border-radius: 5px;
}
.format-designer:not(.editing) .course-content ul.designer.course-type-flow
li.section.main.section-background-color:not(.section-background-overlay)
.section-header-content.collapsed .section-background-style.sectiondesign-header,
.format-designer:not(.editing) .course-content ul.designer.course-type-flow
li.section.main.section-background-color:not(.section-header-image)
.section-header-content.collapsed .section-background-style.sectiondesign-header {
top: 5px;
left: 5px;
z-index: -2;
}
.format-designer:not(.editing) .course-content ul.designer.course-type-flow
li.section.main.section-background-color:not(.section-background-overlay)
.section-header-content.collapsed .section-background-color,
.format-designer:not(.editing) .course-content ul.designer.course-type-flow
li.section.main.section-background-color:not(.section-header-image)
.section-header-content.collapsed .section-background-color {
top: 0;
left: 0;
}
.format-designer:not(.editing) .course-content ul.designer.course-type-flow li.section.section-background-color:not(.bg-mask)
.section-header-content.collapsed .section-background-color,
.format-designer:not(.editing) .course-content ul.designer.course-type-flow li.section.section-header-image:not(.bg-mask)
.section-header-content.collapsed .section-background-color {
top: 5px;
left: 5px;
}
.format-designer:not(.editing) .course-content ul.designer.course-type-flow li.section.section-background-color:not(.bg-mask)
.section-header-content.collapsed .section-background-style.sectiondesign-header,
.format-designer:not(.editing) .course-content ul.designer.course-type-flow li.section.section-header-image:not(.bg-mask)
.section-header-content.collapsed .section-background-style.sectiondesign-header {
top: 0;
left: 0;
z-index: -1;
}
.format-designer .course-content ul.course-type-flow.designer .section.main.section-background-color .section-header-content:before,
.format-designer .course-content ul.course-type-flow.designer .section.main.section-header-image .section-header-content:before {
z-index: -2;
}
.format-designer .course-content ul.course-type-flow.designer .section.main.section-background-color .section-header-content:after,
.format-designer .course-content ul.course-type-flow.designer .section.main.section-header-image .section-header-content:after {
z-index: -3;
}
.format-designer .course-content ul.designer.course-type-flow li.section .content .section li.activity .mod-indent-outer
.completion-html-card .completion-info form button {
width: 100%;
border-radius: 3px;
padding: 7px 10px;
}
.format-designer .course-content ul.designer.course-type-flow li.section .content .section li.activity .mod-indent-outer
.completion-html-card .completion-info form button.border-badge-notstarted {
color: #333;
border: 1px solid #999;
background: none;
}
@media (min-width: 992px) {
.format-designer .course-content ul.course-type-flow.designer .section.main .section-header-content.flow-card-small,
.format-designer .course-content ul.course-type-flow.designer .section.main
.section-header-content.flow-card-small.flow-stack.collapsed {
width: 320px;
min-height: 320px;
}
.format-designer .course-content ul.course-type-flow.designer .section.main .section-header-content.flow-card-medium,
.format-designer .course-content ul.course-type-flow.designer .section.main
.section-header-content.flow-card-medium.flow-stack.collapsed {
width: 360px;
min-height: 360px;
}
.format-designer .course-content ul.course-type-flow.designer .section.main .section-header-content.flow-card-large,
.format-designer .course-content ul.course-type-flow.designer .section.main
.section-header-content.flow-card-large.flow-stack.collapsed {
width: 400px;
min-height: 400px;
}
.format-designer .course-content ul.designer.course-type-flow li.section ul.section.img-text li.activity.flow-card-small {
width: 320px;
max-width: 320px;
}
.format-designer .course-content ul.designer.course-type-flow li.section ul.section.img-text li.activity.flow-card-medium {
width: 360px;
max-width: 360px;
}
.format-designer .course-content ul.designer.course-type-flow li.section ul.section.img-text li.activity.flow-card-large {
width: 400px;
max-width: 400px;
}
.format-designer .designer.course-type-flow .section .content .section.card-layout li.activity.flow-card-small .card.card-list {
min-height: 320px;
}
.format-designer .designer.course-type-flow .section .content .section.card-layout li.activity.flow-card-medium
.card.card-list {
min-height: 360px;
}
.format-designer .designer.course-type-flow .section .content .section.card-layout li.activity.flow-card-large .card.card-list {
min-height: 400px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.format-designer .course-content ul.course-type-flow.designer .section.main .section-header-content.flow-card-small.flow-stack,
.format-designer .course-content ul.course-type-flow.designer .section.main .section-header-content.flow-card-medium.flow-stack,
.format-designer .course-content ul.course-type-flow.designer .section.main .section-header-content.flow-card-large.flow-stack,
.format-designer .course-content .single-section-layout ul.course-type-flow.designer
.section.main + .section.main.section-flow-none .section-header-content,
.format-designer .course-content .single-section-layout ul.course-type-flow.designer
.section.main.section-flow-none + .section.main.section-flow-none .section-header-content {
width: 47%;
}
.format-designer .course-content ul.designer.course-type-flow li.section ul.section.img-text li.activity.flow-card-small {
width: 47%;
}
.format-designer .course-content ul.designer.course-type-flow li.section ul.section.img-text li.activity.flow-card-medium {
width: 47%;
}
.format-designer .course-content ul.designer.course-type-flow li.section ul.section.img-text li.activity.flow-card-large {
width: 47%;
}
}
@media (max-width: 767px) {
.format-designer .course-content ul.course-type-flow.designer .section.main .section-header-content.flow-card-small.flow-stack,
.format-designer .course-content ul.course-type-flow.designer .section.main .section-header-content.flow-card-medium.flow-stack,
.format-designer .course-content ul.course-type-flow.designer .section.main .section-header-content.flow-card-large.flow-stack,
.format-designer .course-content .single-section-layout ul.course-type-flow.designer
.section.main + .section.main.section-flow-none .section-header-content,
.format-designer .course-content .single-section-layout ul.course-type-flow.designer
.section.main.section-flow-none + .section.main.section-flow-none .section-header-content {
width: 97%;
}
.format-designer .course-content ul.designer.course-type-flow li.section ul.section.img-text li.activity.flow-card-small
.activity-block {
width: 97%;
}
.format-designer .course-content ul.designer.course-type-flow li.section ul.section.img-text li.activity.flow-card-medium
.activity-block {
width: 97%;
}
.format-designer .course-content ul.designer.course-type-flow li.section ul.section.img-text li.activity.flow-card-large
.activity-block {
width: 97%;
}
}
.flow-animation {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
transform-origin: center;
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
transform-origin: center;
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
transform-origin: center;
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
/** Moodle -4.5**/
.format-designer.format-designer-single-section .course-content ul.designer li.section.section-type-default
.section-header-content .sectionname .inplaceeditable {
display: flex;
}
.format-designer.editing .designer:not(.kanban-board) .section .content .section.link-layout li.activity:not(.subsection)
.mod-indent-outer > div {
display: flex;
align-items: center;
}
.format-designer .designer .section .content .section.link-layout.designer-section-content li.activity.subsection
.activityinstance {
width: auto;
min-width: auto;
padding: 0;
display: none;
}
.format-designer .designer:not(.kanban-board) .section .content .section.link-layout li.activity
.mod-indent-outer .col.align-self-center {
display: flex;
align-items: center;
}
.format-designer .designer:not(.kanban-board) .section .content .section.link-layout li.activity .mod-visits-block.content-show p {
width: max-content;
}
.format-designer .designer:not(.kanban-board) .section .content .section.link-layout li.activity .mod-visits-block {
display: inline-flex;
align-items: center;
}
.format-designer .designer:not(.course-type-default) .section .content .section.link-layout li.activity .center-reports-block {
margin-top: 18px;
}
.format-designer .designer.kanban-board .section .content .section.link-layout li.activity.subsection .mod-indent-outer {
padding: 0;
}
.format-designer .designer.kanban-board .section .content .section.link-layout li.activity.subsection
.mod-indent-outer .course-section {
min-width: auto;
padding: 0;
margin: 0;
}
.format-designer .designer.kanban-board .section .content .section.link-layout li.activity.subsection
.mod-indent-outer .course-section .section-item {
padding: 6px;
}
.format-designer .course-content ul.designer li.section.main .subsection .course-section {
margin-top: 0;
}
/* .format-designer .course-content ul.designer li.section.main.bg-color-overlay.section-design-header .bg-overlay,
.format-designer .course-content ul.designer li.section.main.bg-color-overlay.section-design-whole .bg-overlay {
z-index: 0;
} */
.course-content ul.flexsections {
padding: 0;
margin: 0;
list-style: none;
}
.course-content ul.flexsections li.section {
padding-top: 1rem;
padding-bottom: 1rem;
}
.course-content ul.flexsections li.section .content {
margin: 0;
padding: 0;
}
@media (min-width: 576px) {
.course-content ul.flexsections li.section .summary,
.course-content ul.flexsections li.section .content > .availabilityinfo {
margin-left: 25px;
}
}
.course-content ul.flexsections li.section .left,
.course-content ul.flexsections li.section .right {
padding: 0 6px 0;
text-align: right;
width: auto;
}
@media (max-width: 767.98px) {
body:not(.editing) .course-content ul.flexsections li.section .left,
body:not(.editing) .course-content ul.flexsections li.section .right {
display: none;
}
}
[data-flexsections-accordion="1"] .section-collapsemenu.collapsed .expandall {
display: none;
}
@media (min-width: 768px) {
#page.drawers .flexsections-activity-page-navigate-back {
padding-left: 15px;
padding-right: 15px;
}
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
body.format-kickstart .form-control .fa-search {
margin-right: 0;
}
/* Moodle 3.5 compatibility */
.format-kickstart .input-group > .form-control,
.format-kickstart .input-group > .custom-select,
.format-kickstart .input-group > .custom-file {
position: relative;
flex: 1 1 auto;
width: 1%;
margin-bottom: 0;
}
.format-kickstart .input-group {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: stretch;
width: 100%;
}
.format-kickstart .input-group.mb-3 {
margin-bottom: 1rem;
}
.format-kickstart .input-group-append {
margin-left: -1px;
background: #efefef;
border-top: 1px;
border-bottom: 1px;
border-right: 1px;
border-color: #dee2e6;
border-style: solid;
}
.format-kickstart .card {
min-width: 0;
height: 100%;
word-wrap: break-word;
background-color: #fff;
-webkit-background-clip: border-box;
background-clip: border-box;
border: 1px solid rgba(0, 0, 0, .125);
margin-bottom: .5rem;
position: relative;
display: flex;
flex-direction: column;
}
.format-kickstart .summary-view-block .card {
padding: 1.5rem;
}
.format-kickstart .course-content > a {
float: right;
}
.format-kickstart .card-deck .carousel-inner {
display: flex;
margin-bottom: .5rem;
}
.format-kickstart .card-deck.templates-block .image-block,
#page-course-format-kickstart-list .card-deck.templates-block .image-block {
margin-bottom: 20px;
}
.format-kickstart .card-deck.templates-block .image-block .carousel-item {
height: 200px;
width: 100%;
}
.format-kickstart .card-deck.templates-block .image-block .carousel-item img {
width: 100%;
min-height: 120px;
object-fit: cover;
overflow-clip-margin: unset;
border-radius: 5px;
height: 100%;
}
#page-course-view-kickstart.kickstart-icon:before {
content: '\f1ce';
font-family: var(--fa-style-family, "Font Awesome 6 Free", "Font Awesome 6 Brands", fontawesome);
font-weight: 700;
font-size: 40px;
position: fixed;
top: 50%;
left: 50%;
animation: spin 2s linear infinite;
z-index: 11;
}
#page-course-view-kickstart.kickstart-icon:after {
content: '';
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, .9);
position: fixed;
top: 0;
left: 0;
z-index: 10;
}
@media (min-width: 576px) {
.format-kickstart .card-deck {
flex-flow: row wrap;
margin-right: -.25rem;
margin-left: -.25rem;
}
}
@media (min-width: 576px) {
.format-kickstart .card-deck .card {
display: flex;
flex: 1 0 0%;
flex-direction: column;
margin-right: .25rem;
margin-bottom: 0;
margin-left: .25rem;
}
}
.format-kickstart .card-body {
flex: 1 1 auto;
padding: 1.25rem;
}
.format-kickstart .card-body .card-title,
.format-kickstart .card-body .card-text,
.format-kickstart .card-body p {
margin-bottom: 5px;
}
.format-kickstart .card-body .text-muted {
margin-top: 5px;
}
.format-kickstart .card-body .card-text:empty,
.format-kickstart .card-body .text-muted:empty {
display: none;
}
.format-kickstart .course-content > .card .card-body {
text-align: right;
padding: 0;
display: flex;
align-items: center;
}
.format-kickstart .course-content > .card .card-body > .img-responsive + .card-title {
text-align: center;
float: none;
margin: 1rem 0;
}
.format-kickstart .course-content > .card .card-body .card-title {
width: 50%;
text-align: left;
margin: 5px 5px 5px 0;
}
.format-kickstart .course-content > .card .card-body a.btn {
margin: 5px 5px 5px 0;
}
.format-kickstart .course-content > .card .card-body a.btn:not(.btn-outline-dark) {
margin-left: auto;
}
.format-kickstart .card-footer {
padding: .75rem 1.25rem;
background-color: rgba(0, 0, 0, .03);
border-top: 1px solid rgba(0, 0, 0, .125);
}
#page-content form .edit-shortname-parent-kickstart i {
padding: 10px;
}
@media (min-width: 576px) {
.format-kickstart .mform > .form-group {
margin-left: 1.5rem;
}
}
body#page-course-format-kickstart-template.template-designer-format #fitem_id_coursetype {
display: none;
}
/*List view*/
.format-kickstart .kickstart-list-view .templates-block {
display: block;
}
.format-kickstart .kickstart-list-view .templates-block .card {
margin-bottom: 20px;
flex-direction: row;
align-items: center;
padding: 1.25rem;
}
.format-kickstart .kickstart-list-view .templates-block .card .card-body {
padding: 0;
display: flex;
align-items: center;
}
.kickstart-page .template-list.kickstart-list-view .card-deck .card {
flex-direction: row;
flex-wrap: wrap;
}
.kickstart-page .template-list.kickstart-list-view .card-deck .card .card-body {
width: 40%;
display: flex;
align-items: center;
gap: 10px;
}
.format-kickstart .kickstart-list-view .templates-block .card .card-body .image-block {
max-width: 150px;
width: 100%;
height: 120px;
display: inline-block;
margin-bottom: 0;
margin-right: 20px;
}
.format-kickstart .kickstart-list-view .templates-block .card .card-body .image-block img {
border-radius: 5px;
}
.format-kickstart .kickstart-list-view .templates-block .card .card-body .image-block .carousel {
height: 100%;
}
.format-kickstart .kickstart-list-view .templates-block .card .card-body .image-block .carousel .carousel-inner {
height: 100%;
box-shadow: 0 0 10px rgba(0, 0, 0, .1);
border-radius: 5px;
}
.format-kickstart .template-list .templates-block .card .card-body .image-block
.carousel .carousel-indicators li {
width: 10px;
height: 2px;
background-color: rgba(255, 255, 255, .7);
margin: 0 5px 0 0;
cursor: pointer;
}
.format-kickstart .kickstart-list-view .templates-block .card .card-body .image-block .carousel-item {
height: auto;
}
.format-kickstart .template-list .templates-block .card .card-body .image-block
.carousel .carousel-indicators li.active {
background-color: var(--primar, var(--bs-primary));
}
.format-kickstart .template-list .templates-block .card .card-body .image-block
.carousel .carousel-indicators li::marker {
color: transparent;
}
.format-kickstart .kickstart-list-view .templates-block .card .card-footer {
text-align: right;
border: 0;
background: none;
padding: 0 0 0 1.25rem;
}
.format-kickstart .kickstart-list-view .templates-block .card .card-footer a {
width: max-content;
margin: 5px 0;
}
.format-kickstart .kickstart-list-view .templates-block .card .card-footer a.btn-outline-primary {
margin-left: 10px;
}
#page-admin-course-format-kickstart-templates .generaltable tbody tr td .singlebutton {
margin-right: 10px;
}
#page-admin-course-format-kickstart-templates .generaltable tbody tr td .singlebutton + .singlebutton {
margin: 10px 0;
}
/* Tile view */
.format-kickstart .course-content .kickstart-tile-view .templates-block .card {
padding: 0;
}
@media (max-width: 991px) {
.format-kickstart .kickstart-list-view .templates-block .card .card-body .image-block .carousel-item {
width: 150px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
#page-course-view-kickstart #page-wrapper #page,
#page-course-format-kickstart-list #page-wrapper #page {
padding: 2rem;
}
#page-course-view-kickstart #page-wrapper #page.drawers div[role="main"],
#page-course-format-kickstart-list #page-wrapper #page.drawers div[role="main"] {
padding: 0;
}
}
@media (max-width: 767px) {
.format-kickstart .card-footer {
padding: .625rem;
}
.kickstart-page .template-list.kickstart-list-view .card-deck .card:has(.image-block) {
flex-direction: column;
}
.kickstart-page .template-list.kickstart-list-view .card-deck .card:has(.image-block) .card-body {
width: 100%;
margin-bottom: 15px;
}
.kickstart-page .template-list.kickstart-list-view .card-deck .card:has(.image-block) .card-footer {
margin-left: auto;
}
}
/* Content Migration from course block */
.format-kickstart.path-course-view .course-content .course-kickstart-block .card {
padding: 1.25rem;
}
/* Teacher profile block */
.format-kickstart.path-course-view .course-content .card .card-header,
.format-kickstart.path-course-view .course-content .card .card-header img {
border-radius: 50%;
}
/* End of Teacher profile block */
.format-kickstart.path-course-view .course-content .card .card-block a.btn {
margin-right: 10px;
}
.format-kickstart.path-course-view .input-group-append {
border: 0;
}
.format-kickstart.path-course-view .input-group-append button i.icon {
margin: 0;
}
/* End of Content Migration from course block */
/* Kickstart Interface template */
.kickstart-page {
padding-top: 10px;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px 5px;
}
.kickstart-page .search-kickstart-template ~ hr {
border-top: 1px solid #dee2e6;
margin-top: 14px;
}
.kickstart-page .mform {
width: 100%;
}
.kickstart-page .summary-view-block,
/* .kickstart-page:not(:has(.mform)) .alert-block, */
.kickstart-page:has(.summary-view-block) .kickstart-block .tertiary-navigation,
.kickstart-page:has(.alert-block):not(:has(.mform)) .kickstart-block .tertiary-navigation {
max-width: 830px;
margin: 0 auto;
}
.kickstart-page .kickstart-block .tertiary-navigation {
width: auto;
border: 0;
padding: 0 15px 0 0;
margin: 0 10px 0 0;
}
.kickstart-page:has(.summary-view-block) .kickstart-block,
.kickstart-page:has(.mform) .kickstart-block,
.kickstart-page:has(.alert-success) .kickstart-block {
width: 100%;
border-bottom: 1px solid #dee2e6;
padding-bottom: 24px;
margin-bottom: 30px;
}
.kickstart-page:has(.search-kickstart-template) .kickstart-block .tertiary-navigation,
.kickstart-page:has(.input-group) .kickstart-block .tertiary-navigation {
border-right: 1px solid #dee2e6;
}
.kickstart-page .kickstart-block .tertiary-navigation .navitem {
margin-bottom: 0;
}
.kickstart-page .kickstart-block + .mform {
width: 100%;
}
.kickstart-page .template-list .card-deck .card .card-content img {
max-width: 260px;
width: 100%;
}
.kickstart-page .search-kickstart-template {
max-width: 390px;
width: 100%;
padding-right: 15px;
border-right: 1px solid #dee2e6;
}
.kickstart-page .input-group {
min-width: 450px;
max-width: 450px;
width: 100%;
border-right: 1px solid #dee2e6;
padding: 0 15px 0 0;
}
@media (max-width: 500px) {
.kickstart-page .input-group {
min-width: 370px;
max-width: 370px;
}
.kickstart-page .input-group input {
font-size: 12px;
}
}
@media (max-width: 400px) {
.kickstart-page .input-group {
min-width: 320px;
max-width: 320px;
}
.kickstart-page .input-group input {
font-size: 9px;
}
.kickstart-page .search-kickstart-template input {
font-size: 12px;
}
}
/* Tile view */
.kickstart-page .template-list.kickstart-tile-view {
display: flex;
flex-wrap: wrap;
gap: 15px;
}
.kickstart-page .template-list.kickstart-tile-view .card-deck {
min-height: 230px;
flex-basis: 19.5%;
}
.kickstart-page .template-list .card-deck .card .card-footer {
border: 0;
background: none;
display: flex;
gap: 15px;
flex-direction: row-reverse;
align-items: center;
}
.kickstart-page .template-list.kickstart-tile-view .card-deck .card .card-footer {
padding: 0 1.25rem 1.25rem;
}
/* End of Tile view */
#page-course-view-kickstart.limitedwidth #page.drawers .main-inner:not(:has(.kickstart-page .summary-view-block)):not(:has(.kickstart-page > .alert-block)),
#page-course-view-kickstart.limitedwidth #page.drawers .main-inner:has(.kickstart-page .mform) {
max-width: 100%;
}
#page-course-format-kickstart-list #page.drawers .main-inner:has(.kickstart-page .summary-view-block),
#page-course-format-kickstart-list #page.drawers .main-inner:has(.kickstart-page .mform),
#page-course-format-kickstart-list #page.drawers .main-inner:has(.kickstart-page .alert) {
max-width: 830px;
}
#page-course-view-kickstart .secondary-navigation .navigation,
#page-course-format-kickstart-list .secondary-navigation .navigation {
margin: 0;
}
#page-course-view-kickstart #page.drawers div[role="main"],
#page-course-format-kickstart-list #page.drawers div[role="main"] {
padding: 0;
}
.kickstart-page .listing-view-block {
margin: 0 10px 0 auto;
margin-left: auto;
margin-right: 10px;
display: flex;
}
.kickstart-page .listing-view-block ~ * {
width: 100%;
}
.kickstart-page .listing-view-block a {
padding: 0.375rem 0.75rem;
border: 1px solid var(--primary, var(--bs-primary));
}
.kickstart-page .listing-view-block a:first-child {
border-right: 0;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.kickstart-page .listing-view-block a:last-child {
border-left: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
}
.kickstart-page .listing-view-block a:hover,
.kickstart-page .listing-view-block a:focus,
.kickstart-page .listing-view-block a.active {
color: #fff;
text-decoration: none;
background: var(--primary, var(--bs-primary));
box-shadow: none;
}
.kickstart-page .listing-view-block a span {
display: none;
}
.kickstart-page .listing-view-block a i {
font-size: 18px;
}
.kickstart-page .listing-view-block + a {
width: auto;
flex: initial;
}
.kickstart-page .course-kickstart-block,
.kickstart-page .summary-view-block,
.kickstart-page .alert,
.kickstart-page > p {
width: 100%;
}
.kickstart-page .course-kickstart-block .course-kickstart-block {
margin-top: 15px;
}
@media (min-width: 1501px) {
.course-content .kickstart-page .template-list.kickstart-tile-view .card-deck {
flex-basis: 33%;
}
}
@media (min-width: 1200px) and (max-width: 1500px) {
.kickstart-page .template-list.kickstart-tile-view .card-deck {
flex-basis: 24.5%;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.kickstart-page .template-list.kickstart-tile-view .card-deck {
flex-basis: 33%;
}
}
@media (max-width: 991px) {
.kickstart-page .search-kickstart-template {
max-width: 360px;
padding-right: 15px;
}
}
@media (min-width: 576px) and (max-width: 991px) {
.kickstart-page .template-list.kickstart-tile-view .card-deck {
min-height: 180px;
flex-basis: 50%;
}
}
@media (max-width: 575px) {
.kickstart-page .template-list.kickstart-tile-view .card-deck {
min-height: 150px;
flex-basis: 100%;
}
}
/* End of Kickstart Interface template */
.format-menutopic .course-content ul.topics {
margin: 0;
}
.format-menutopic .course-content ul.topics li.section {
list-style: none;
margin: 5px 0 0 0;
padding: 0;
}
.format-menutopic .course-content ul.topics li.section .content {
margin: 0 40px;
}
.format-menutopic .course-content ul.topics li.section .position-left {
width: 40px;
float: left;
text-align: center;
}
.format-menutopic .course-content ul.topics li.section .position-right {
width: 40px;
float: right;
text-align: center;
}
.format-menutopic .jumpmenu {
text-align: center;
}
#page-content div#region-pre.format_menutopic_correctstyle,
#page-content div#region-post.format_menutopic_correctstyle {
overflow: visible;
}
#format_menutopic_menu.format-menutopic-menu {
z-index: 9998;
}
#format_menutopic_menu.format-menutopic-menu ul {
list-style: none;
margin: 0;
padding: 0;
background-color: #fff;
z-index: 9;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
#format_menutopic_menu.format-menutopic-menu .menu-body-content > li {
border: 1px solid #ccc;
}
#format_menutopic_menu.format-menutopic-menu .menu-body-content li a {
text-decoration: none;
padding: 5px 12px;
display: block;
white-space: nowrap;
}
#format_menutopic_menu.format-menutopic-menu .menu-body-content .submenu-body-content li a {
border-bottom: 1px solid #ccc;
}
#format_menutopic_menu.format-menutopic-menu .menu-body-content li a:hover {
background-color: #ccc;
}
#format_menutopic_menu.format-menutopic-menu .menu-body-content li ul {
display: none;
position: absolute;
min-width: 150px;
border: 1px solid #ccc;
}
#format_menutopic_menu.format-menutopic-menu .menu-body-content li:hover > ul {
display: block;
}
#format_menutopic_menu.format-menutopic-menu li.current {
background-color: #ccc;
}
#format_menutopic_menu.format-menutopic-menu li.current::before {
content: unset;
}
#format_menutopic_menu.format-menutopic-menu li.disabled {
background-color: #eee;
}
#format_menutopic_menu.format-menutopic-menu li.disabled a {
color: #aaa;
}
/* MIDDLE MENU */
#region-main #format_menutopic_menu.format-menutopic-menu ul.submenu-body-content {
box-shadow: 5px 10px 12px -4px #888;
}
#region-main #format_menutopic_menu.format-menutopic-menu .menu-level-1 ul.submenu-body-content {
left: 100%;
top: 0;
}
#region-main #format_menutopic_menu.format-menutopic-menu .menu-level-0 > .menu-withsubitems > a {
padding-right: 20px;
}
#region-main #format_menutopic_menu.format-menutopic-menu .menu-level-0 > .menu-withsubitems > a:after {
display: inline-block;
width: 0;
height: 0;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid;
border-right: 0.3em solid transparent;
border-bottom: 0;
border-left: 0.3em solid transparent;
color: rgba(0, 0, 0, 0.9);
font-size: 100%;
}
#region-main #format_menutopic_menu.format-menutopic-menu .menu-level-1 .menu-withsubitems > a {
display: inline-block;
width: 0;
height: 0;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-left: 0.3em solid;
border-bottom: 0.3em solid transparent;
border-right: 0;
border-top: 0.3em solid transparent;
color: rgba(0, 0, 0, 0.9);
}
/* LEFT MENU */
#format_menutopic_menu.format-menutopic-menu {
margin-bottom: 10px;
}
#block-region-side-pre #format_menutopic_menu.format-menutopic-menu ul.submenu-body-content,
#nav-drawer #format_menutopic_menu.format-menutopic-menu ul.submenu-body-content {
border: 1px solid #ccc;
left: 100%;
top: 0;
box-shadow: 5px 10px 12px -4px #888;
}
#nav-drawer #format_menutopic_menu.format-menutopic-menu ul.submenu-body-content {
left: auto;
right: 0;
}
#block-region-side-pre #format_menutopic_menu.format-menutopic-menu .menu-body-content > li,
#nav-drawer #format_menutopic_menu.format-menutopic-menu .menu-body-content > li {
position: relative;
white-space: normal;
}
#block-region-side-pre #format_menutopic_menu.format-menutopic-menu .menu-body-content > li,
#nav-drawer #format_menutopic_menu.format-menutopic-menu .menu-body-content > li a {
white-space: normal;
}
#block-region-side-pre #format_menutopic_menu.format-menutopic-menu .menu-withsubitems > a:after,
#nav-drawer #format_menutopic_menu.format-menutopic-menu .menu-withsubitems > a:after {
display: inline-block;
width: 0;
height: 0;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-left: 0.3em solid;
border-bottom: 0.3em solid transparent;
border-right: 0;
border-top: 0.3em solid transparent;
color: rgba(0, 0, 0, 0.9);
}
/* RIGHT MENU */
#block-region-side-post #format_menutopic_menu.format-menutopic-menu {
margin-bottom: 10px;
}
#block-region-side-post #format_menutopic_menu.format-menutopic-menu ul.submenu-body-content {
border: 1px solid #ccc;
right: 100%;
top: 0;
box-shadow: -5px 10px 12px -4px #888;
}
#block-region-side-post #format_menutopic_menu.format-menutopic-menu .menu-body-content > li {
position: relative;
}
#block-region-side-post #format_menutopic_menu.format-menutopic-menu li a {
padding-left: 20px;
}
#block-region-side-post #format_menutopic_menu.format-menutopic-menu .menu-withsubitems > a:before {
display: inline-block;
width: 0;
height: 0;
margin-right: 0.255em;
vertical-align: 0.255em;
content: "";
border-right: 0.3em solid;
border-bottom: 0.3em solid transparent;
border-left: 0;
border-top: 0.3em solid transparent;
color: rgba(0, 0, 0, 0.9);
}
.format-menutopic .menutopic_hideicons .activityicon {
display: none;
}
.format-menutopic .summarytext img.activityicon,
.format-menutopic .summary img.activityicon {
margin-right: 3px;
vertical-align: text-bottom;
border-radius: 0;
}
#format_menutopic_menu.format-menutopic-menu li.menuitem.menu-withsubitems {
position: relative;
}
.format-menutopic ul.topics {
list-style: none;
}
.format-menutopic .content > .summary .quickeditlink {
display: none;
}
.format-menutopic .content .summarytext .iconwithhelp {
cursor: pointer;
}
.format-menutopic .content .summarytext .iconwithhelp .icon {
margin: 0;
}
.format-menutopic #treecontainer ul.tree,
.format-menutopic #treecontainer ul.tree ul {
list-style: none;
margin: 0;
padding-left: 0;
background-color: #f9f9f9;
color: black;
}
.format-menutopic #treecontainer ul.tree li {
margin-left: 17px;
cursor: pointer;
position: relative;
min-height: 30px;
border-bottom: 1px solid #ddd;
padding: 5px;
}
.format-menutopic #treecontainer ul.tree li:hover {
background-color: #eee;
}
.format-menutopic #treecontainer .operations.main {
text-align: right;
}
.format-menutopic #treecontainer ul.tree .operations {
display: none;
margin-right: 5px;
position: absolute;
right: 0;
top: 0;
}
.format-menutopic #treecontainer ul.tree li:hover > .operations {
display: inline-block;
}
.format-menutopic #treecontainer .operations > span {
border: 1px solid #aaa;
background-color: #fff;
color: #333;
border-radius: 5px;
width: 25px;
height: 25px;
display: inline-block;
text-align: center;
margin-right: 2px;
box-shadow: 1px 1px 1px #333;
cursor: pointer;
}
.format-menutopic #treecontainer .operations > span:hover {
border: 1px solid #aaa;
background-color: #333;
color: #fff;
}
.format-menutopic #treecontainer .root-level > li > .operations span[data-action="toleft"],
.format-menutopic #treecontainer li:first-child > .operations span[data-action="toright"],
.format-menutopic #treecontainer li:first-child > .operations span[data-action="toup"],
.format-menutopic #treecontainer li:last-child > .operations span[data-action="todown"] {
display: none;
}
.format-menutopic #treecontainer [aria-expanded="false"] > [role="group"] {
display: none;
}
.format-menutopic #treecontainer ul.tree li > input {
border: 1px solid #fff;
background-color: transparent;
width: 100%;
}
.format-menutopic #treecontainer ul.tree li > input:hover {
border: 1px solid #ccc;
background-color: #fff;
}
.format-menutopic .treeeditform td {
padding: 5px;
}
.format-menutopic .treeeditform input {
border: 1px solid #ccc;
}
.format-menutopic #id_treeeditgeneral .form-inline .form-control-static {
display: inline;
width: 100%;
}
.format-menutopic li.activity > div {
position: relative;
}
.format-menutopic.path-mod #page-header {
display: none;
}
.format-menutopic .editmode-form .btn i {
margin: 0;
}
#format_menutopic_menu .navbar {
z-index: 2;
}
.format-menutopic #navbarmenutopic .navbar-nav {
flex-wrap: wrap;
}
.format-menutopic #navbarmenutopic .navbar-nav .nav-item {
text-align: center;
display: flex;
align-items: center;
line-height: 16px;
}
.format-menutopic .navbar:not(.navbar-dark) #navbarmenutopic .navbar-nav .nav-item.menu-level-0.active {
border-bottom: solid 3px var(--primary);
}
.format-menutopic #navbarmenutopic .dropdown-menu-dark .dropdown-item span.iconhelp i:before,
.format-menutopic #navbarmenutopic .dropdown-menu-dark .dropdown-item {
color: var(--dark);
}
.format-menutopic #navbarmenutopic .dropdown-menu-dark .dropdown-item:hover span.iconhelp i:before,
.format-menutopic #navbarmenutopic .dropdown-menu-dark .dropdown-item:hover {
color: var(--light);
}
.format-menutopic #navbarmenutopic .dropdown-menu-dark .dropdown-item.current span.iconhelp i:before,
.format-menutopic #navbarmenutopic .dropdown-menu-dark .dropdown-item.current {
color: var(--light);
font-weight: bold;
}
.format-menutopic #navbarmenutopic .dropdown-menu-dark .dropdown-item.disabled {
opacity: 0.7;
}
.format-menutopic.editing #navbarmenutopic .dropdown-menu-dark .dropdown-item.disabled {
pointer-events: auto;
cursor: pointer;
}
.format-menutopic #navbarmenutopic .btn-primary.disabled.active {
background-color: #0b5190;
border-color: #0a4b84;
}
.format-menutopic .container-menu {
display: flex;
justify-content: space-evenly;
}
.format-menutopic .menuitem span.iconhelp {
cursor: pointer;
margin-left: 5px;
pointer-events: auto;
}
.format-menutopic .menuitem span.iconhelp i {
margin: 0;
}
.format-menutopic #format_menutopic_menu nav.notlinkinparent .menu-withsubitems > a {
pointer-events: none;
}
/* Template styles */
.format-menutopic .menutopic .cmnameinline .activityiconcontainer {
padding-left: 0.2rem;
padding-right: 0;
display: inline-flex;
}
.format-menutopic .activityinsummarytpl .description .course-description-item {
background-color: transparent;
}
.format-menutopic .activityinsummarytpl .description .availabilityinfo {
display: inline-block;
min-width: 300px;
margin: 0;
padding: 0;
}
.format-menutopic .activity-dates-inline {
display: flex;
}
.format-menutopic .activity_dateinline {
display: block;
}
.format-menutopic .modal-body .activity-info .completion-dropdown a[role="button"].btn,
.format-menutopic .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-menutopic .modal-body .activity-info .completion-dropdown a[role="button"].btn:hover,
.format-menutopic .modal-body .activity-info .completion-dropdown button.btn:hover {
color: #fff;
background-color: #6a737b;
border-color: #b1bbc4;
}
/* End of template styles */
/* Completion */
.format-menutopic .menutopic .completiontag img.icon {
margin: 0 3px 0 5px;
}
/* End of completion*/
/* Sections/activities navigation */
.format-menutopic .section-navigation .prevsection,
.format-menutopic .section-navigation .nextsection {
display: flex;
min-width: 100px;
}
.format-menutopic .section-navigation .nextsection {
justify-content: right;
margin-left: 5px;
}
.format-menutopic .section-navigation .prevsection {
justify-content: left;
margin-right: 5px;
}
.format-menutopic .section-navigation .prevsection a,
.format-menutopic .section-navigation .nextsection a {
display: flex;
align-items: center;
line-height: 100%;
}
.format-menutopic .section-navigation .prevsection a {
padding-right: 10px;
}
.format-menutopic .section-navigation .nextsection a {
flex-direction: row-reverse;
padding-left: 10px;
text-align: right;
}
/* The jump list if exist */
.format-menutopic .single-section .section-navigation.mdl-bottom div:nth-child(2) {
max-width: calc(100% - 210px);
}
/* The slide navigation is only available to wide screens */
@media (min-width: 600px) {
.format-menutopic .sectionsnavigation-slides {
position: relative;
}
.format-menutopic .single-section.sectionsnavigation-slides .nextsection a,
.format-menutopic .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-menutopic .single-section.sectionsnavigation-slides:hover .nextsection a,
.format-menutopic .single-section.sectionsnavigation-slides:hover .prevsection a {
display: flex;
}
.format-menutopic .single-section.sectionsnavigation-slides:hover .nextsection a {
right: -30px;
}
.format-menutopic .single-section.sectionsnavigation-slides:hover .prevsection a {
left: -20px;
}
.format-menutopic .single-section.sectionsnavigation-slides .nextsection span,
.format-menutopic .single-section.sectionsnavigation-slides .prevsection span {
font-size: 40px;
}
.format-menutopic .single-section.sectionsnavigation-slides .nextsection a:hover,
.format-menutopic .single-section.sectionsnavigation-slides .prevsection a:hover {
opacity: 1;
cursor: pointer;
width: auto;
font-size: inherit;
}
.format-menutopic .single-section.sectionsnavigation-slides .prevsection a:hover {
text-align: left;
justify-content: left;
padding-right: 10px;
}
.format-menutopic .single-section.sectionsnavigation-slides .nextsection a:hover {
text-align: right;
justify-content: right;
padding-left: 10px;
flex-direction: row-reverse;
}
}
/* End of slide navigation */
.format-singleactivity .tree_item.orphaned a {
color: red;
}
.dir-rtl.path-admin-user-profile .table th,
.dir-rtl.path-admin-user-profile .table td {
text-align: right;
}
.profilefield_conditional_notice {
width: 85%;
max-width: 850px;
margin-left: auto;
margin-right: auto;
}
.profilefield_conditional_optionlabel {
background-color: lightgrey;
}
.user-competency-course-navigation.coursemodule {
min-width: 280px;
position: relative;
padding-left: 10px;
left: 20px;
bottom: 10px;
}
.user-competency-course-navigation.coursemodule [data-action="previous-user"],
.user-competency-course-navigation.coursemodule [data-action="next-user"] {
font-size: 26px;
display: inline-block;
position: absolute;
bottom: 0px;
opacity: 0;
animation-name: display-arrows-navigation;
-webkit-animation-name: display-arrows-navigation;
-moz-animation-name: display-arrows-navigation;
-webkit-animation-duration: .5s;
-moz-animation-duration: .5s;
animation-duration: .5s;
-webkit-animation-delay: .5s;
-moz-animation-delay: .5s;
animation-delay: .5s;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.user-competency-course-navigation.coursemodule [data-action="previous-user"] {
left: -16px;
}
.user-competency-course-navigation.coursemodule [data-action="next-user"] {
margin-left: 3px;
}
.user-competency-course-navigation.coursemodule .badge.badge-info m-b-1 {
margin-bottom: 0.4rem !important;
}
.user-competency-course-navigation.coursemodule span>.d-md-inline-block.position-relative {
display: inline-block;
}
@keyframes display-arrows-navigation {
0% {opacity: 0;}
100% {opacity: 1;}
}
@-webkit-keyframes display-arrows-navigation {
0% {opacity: 0;}
100% {opacity: 1;}
}
@-moz-keyframes display-arrows-navigation {
0% {opacity: 0;}
100% {opacity: 1;}
}
.scale-comp-container {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-flow: row wrap;
-webkit-flex-flow: row wrap;
}
.scale-comp-container .scale-comp-item {
flex: 0 1 315px;
-webkit-flex: 0 1 315px;
-ms-flex: 0 1 315px;
margin-right: 15px;
min-width: 315px;
border: 1px solid #ccc;
margin-bottom: 15px;
padding-left: 5px;
padding-right: 5px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-flow: column wrap;
-webkit-flex-flow: column wrap;
justify-content: space-between;
}
.scale-comp-container .scale-comp-item .donotapplybulk {
margin: 5px;
}
.scale-comp-container .scale-comp-item .donotapplybulk label {
color: #31708f;
}
.scale-comp-container .scale-comp-item .donotapplybulk label input {
margin-right: 5px;
}
.scale-comp-container .scale-comp-item table caption {
font-size: 14px;
line-height: 20px;
}
.scale-comp-container .scale-comp-item table.disabled {
opacity: 0.5;
}
#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*/
.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;
}
.competencyreport h3 {
font-size: 18px;
font-weight: 400;
}
.competencyreport .form-group {
margin-bottom: 10px;
}
.competencyreport .scaleitem > label {
font-weight: bold;
}
.competencyreport .mform .fitem .fgroup button:first-child {
margin-left : 0;
}
.competencyreport .form-control:focus {
border-color: #ccd0d7;
box-shadow: none !important;
}
.competencyreport .x_panel {
position: relative;
width: 100%;
box-sizing: border-box;
padding: 5px 0;
display: inline-block;
opacity: 1;
transition: all 250ms ease-in-out;
}
.competencyreport .x_title {
border-bottom: 1px solid transparent;
padding: 2px 5px;
transition: all 250ms ease-in-out;
}
.competencyreport .panel-collapsed .x_title {
border-bottom-color: #cfd1d5;
}
.competencyreport .x_title h4 a:hover {
text-decoration: none;
}
.competencyreport .x_title .filter {
width: 40%;
float: right;
}
.competencyreport .x_title h4 {
margin: 5px 0 6px;
display: inline-block;
font-size: 18px;
line-height: 1.2em;
font-weight: 400;
transition: all 250ms ease-in-out 0s;
}
.competencyreport .panel-collapsed .x_title h4 {
max-width: calc(100% - 150px);
}
.competencyreport .x_title span {
color: #333;
}
.competencyreport .x_title h4 small {
font-size: 14px;
}
.competencyreport .x_content {
padding: 0 5px 6px;
position: relative;
width: 100%;
box-sizing: border-box;
float: left;
clear: both;
}
.competencyreport .toggle {
float: left;
margin: 0;
padding-top: 16px;
width: 70px;
}
.competencyreport .toggle a {
padding: 15px 15px 0;
margin: 0;
cursor: pointer;
}
.competencyreport .toggle a i {
font-size: 26px;
}
.competencyreport .nav.child_menu > li > a {
color: rgba(255, 255, 255, 0.75);
font-size: 12px;
padding: 9px;
}
.competencyreport a.collapse-link {
display: inline-block;
padding: 5px;
color: #999;
font-size: 14px;
cursor: pointer;
text-align: center;
vertical-align: top;
width: 16px;
}
.competencyreport a.collapse-link:hover {
background: #f5f7fa;
}
.competencyreport .clearfix::after,
.competencyreport form::after {
clear: both;
content: ".";
display: block;
height: auto;
visibility: hidden;
}
.competencyreport ul.to_do {
padding: 0;
}
.competencyreport ul.to_do li {
border-radius: 3px;
position: relative;
padding: 0;
margin-bottom: 2px;
list-style: none;
}
.competencyreport ul.to_do p {
margin: 0;
}
.competencyreport #userInfoContainer {
text-align: left;
}
.competencyreport .widget_profile_box {
background: #1375c7;
border-radius: 4px;
box-sizing: border-box;
margin-top: 14px;
position: relative;
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-around;
align-content: center;
align-items: flex-start;
}
.competencyreport .widget_profile_box * {
color: #fff;
}
.competencyreport .widget_profile_box div,
.competencyreport .widget_profile_box h3 {
display: inline-block;
line-height: 61px;
height: 61px;
vertical-align: middle;
white-space: nowrap;
}
.competencyreport .widget_profile_box h3 {
margin: 0 0 0 5px;
}
.competencyreport .widget_profile_box h3 img {
display: inline-block;
overflow: hidden;
text-indent: -10000px;
margin-bottom: 2px;
-webkit-filter: brightness(1.7);
filter: url(/theme/image.php/iomadmoon/report_lpmonitoring/1777497332/white#white);
}
.competencyreport .widget_profile_box .plan-name {
margin-right: 5px;
width: 40%;
overflow: hidden;
}
.competencyreport .widget_profile_box #plan-user-info {
font-size: 14px;
position: relative;
top: -10px;
flex: 2 0 auto;
}
.competencyreport .widget_profile_box #plan-user-info #spinerprofile {
display: none;
left: 16px;
position: absolute;
line-height: 81px;
z-index: 1;
}
.competencyreport .widget_profile_box #plan-user-info.loading #spinerprofile {
display: block;
}
.competencyreport .widget_profile_box .img-wrapper {
height: 81px;
width: 81px;
}
.competencyreport .widget_profile_box #plan-user-info.loading .img-wrapper:before {
background: rgba(0, 0, 0, 0.8);
border-radius: 50%;
content: "";
display: block;
height: 81px;
left: 0;
position: absolute;
width: 81px;
}
.competencyreport .widget_profile_box #plan-user-info .img-wrapper .img-circle.profile_img {
display: block;
background: #fff;
border: 1px solid rgba(32, 85, 130, 0.6);
box-sizing: border-box;
margin: 0;
padding: 5px;
width: 81px;
height: 81px;
}
.competencyreport .widget_profile_box a.navigatetoplan {
border-left: 1px solid rgba(255, 255, 255, 0.15);
box-sizing: border-box;
font-size: 10px;
line-height: 61px;
position: relative;
text-align: center;
width: 102px;
overflow: hidden;
}
.competencyreport .widget_profile_box a.nexplan {
padding-right: 10px;
}
.competencyreport .widget_profile_box a.nexplan i {
right: 5px;
}
.competencyreport .widget_profile_box a.prevplan {
padding-left: 10px;
}
.competencyreport .widget_profile_box a.prevplan i {
left: 5px;
}
.competencyreport .widget_profile_box a.navigatetoplan img {
border-radius: 50%;
height: 25px;
width: 25px;
display: block;
margin: 0 auto;
}
.competencyreport .widget_profile_box a.navigatetoplan i {
line-height: 0;
position: absolute;
top: 50%;
}
.competencyreport .widget_profile_box a.navigatetoplan .user-profile-small {
display: inline-block;
line-height: 61px;
vertical-align: middle;
white-space: normal;
}
.competencyreport .widget_profile_box a.navigatetoplan .user-profile-small p {
line-height: 11px;
margin: 0;
width: 90px;
}
@media (min-width: 1350px){
.competencyreport .compstats .competency-detail {
flex: 0 1 315px;
margin-right: 20px;
min-width: 315px;
}
}
@media (min-width: 380px) and (max-width: 1350px) {
.competencyreport .compstats .competency-detail {
flex: 0 1 400px;
margin-right: 20px;
min-width: 400px;
}
}
@media (min-width: 100px) and (max-width: 370px) {
.competencyreport .compstats .competency-detail {
flex: 0 1 235px;
min-width: 235px;
}
}
@media (max-width: 998px) {
.competencyreport .widget_profile_box {
flex-flow : row wrap;
height: auto;
text-align: center;
padding: 0 40px;
}
.competencyreport .widget_profile_box div,
.competencyreport .widget_profile_box h3 {
display: block;
height: auto;
line-height: 1.2em;
margin: 0 auto;
}
.competencyreport .widget_profile_box h3 {
width: 100%;
white-space: normal;
}
.competencyreport .widget_profile_box .plan-name {
width: 100%;
margin: 10px 0;
}
.competencyreport .widget_profile_box #plan-user-info {
height: auto;
width: 100%;
}
.competencyreport .widget_profile_box a.navigatetoplan {
position: absolute;
width: 40px;
top: 0;
bottom: 0;
height: auto;
}
.competencyreport .widget_profile_box a.nexplan {
right: 0;
}
.competencyreport .widget_profile_box a.prevplan {
left: 0;
border-left: none;
border-right: 1px solid rgba(255, 255, 255, 0.15);
}
.competencyreport .widget_profile_box a.navigatetoplan .user-profile-small {
display: none;
}
.competencyreport .widget_profile_box #plan-user-info {
top: 0;
margin-bottom: 10px;
}
.competencyreport .widget_profile_box a.navigatetoplan i,
.competencyreport .widget_profile_box #plan-user-info #spinerprofile {
left: 0;
right: 0;
}
.competencyreport .widget_profile_box #plan-user-info.loading .img-wrapper::before {
left: auto;
margin: 0 auto;
}
}
.competencyreport .green {
color: #4cae4c !important;
}
.competencyreport .blue {
color: #3590db;
}
.competencyreport .fail {
color: #ac2925 !important;
}
.competencyreport .breadcrumb {
background: transparent;
padding: 0;
margin: 0;
}
.competencyreport .truncate,
.badge.cr-scalename.truncate {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
max-width: 100%;
box-sizing: border-box;
}
.competencyreport .x_panel table td p {
font-size: 12px;
}
.competencyreport .preuve {
font-weight: 600;
line-height: 25px;
font-size: 22px;
}
.competencyreport .modal-dialog td span.badge {
font-size: 12px;
}
.competencyreport .widget_stats {
min-height: 60px;
padding: 1px 5px;
}
@media (min-width: 768px) {
.competencyreport .tile_count .tile_stats_count .count {
font-size: 28px;
}
}
.competencyreport .tile_count {
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
margin-bottom: 0;
margin-top: 4px;
}
.competencyreport .tile_count .tile_stats_count {
padding: 0 10px 0 20px;
position: relative;
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
}
.competencyreport .tile_count .tile_stats_count table {
width: 100%;
}
.competencyreport .tile_count .rating {
-webkit-flex-grow: 2;
flex-grow: 2;
}
.competencyreport .tile_count .finalrating {
min-width: 250px;
}
@media (min-width: 992px) {
.competencyreport .tile_count .tile_stats_count {
margin-bottom: 0;
border-bottom: 0;
padding-bottom: 2px;
}
.competencyreport .tile_count .tile_stats_count:first-child {
border-left: 0;
}
.competencyreport .tile_count .tile_stats_count .count {
font-size: 28px;
}
}
.competencyreport .tile_count .tile_stats_count .count {
font-size: 28px;
line-height: 47px;
font-weight: 600;
}
@media (min-width: 992px) and (max-width: 1100px) {
.competencyreport .tile_count .tile_stats_count .count {
font-size: 28px;
}
}
.competencyreport .tile_count .tile_stats_count h5 {
font-size: 14px;
font-weight: bold;
color: #555;
padding-bottom: 5px;
border-bottom: 1px solid #cfd1d5;
}
@media (min-width: 768px) {
.competencyreport .tile_count .tile_stats_count h5 {
font-size: 15px;
}
}
.competencyreport .btn {
border-radius: 3px;
box-shadow: none;
text-shadow: none;
}
.competencyreport .btn-primary {
background: #1375c7;
}
.competencyreport .btn-primary:hover,
.competencyreport .btn-primary:focus,
.competencyreport .btn-primary:active,
.competencyreport .btn-primary.active,
.competencyreport .btn-primary.disabled,
.competencyreport .btn-primary[disabled] {
background: #1453c7;
}
.competencyreport .tile-stats {
min-height: 125px;
position: relative;
display: block;
overflow: hidden;
padding-bottom: 5px;
}
.competencyreport .tile-stats .icon {
width: 20px;
height: 20px;
position: absolute;
right: 53px;
top: 22px;
z-index: 1;
}
.competencyreport .tile-stats .icon i {
margin: 0;
font-size: 60px;
line-height: 0;
vertical-align: bottom;
padding: 0;
}
.competencyreport .tile-stats .count {
font-size: 38px;
font-weight: bold;
line-height: 1.65857;
}
.competencyreport .tile-stats .reset-grade {
position: absolute;
top: 100px;
right: 10px;
}
.competencyreport .tile-stats .count,
.competencyreport .tile-stats h4,
.competencyreport .tile-stats p {
position: relative;
margin: 0;
margin-left: 10px;
z-index: 0;
padding: 0;
}
.competencyreport .tile-stats h4 {
color: #bab8b8;
}
.competencyreport .tile-stats p {
margin-top: 5px;
font-size: 12px;
}
.competencyreport .tile-stats > .dash-box-footer {
position: relative;
text-align: center;
margin-top: 5px;
padding: 3px 0;
color: #fff;
color: rgba(255, 255, 255, 0.8);
display: block;
z-index: 10;
background: rgba(0, 0, 0, 0.1);
text-decoration: none;
}
.competencyreport .tile-stats > .dash-box-footer:hover {
color: #fff;
background: rgba(0, 0, 0, 0.15);
}
.competencyreport .tile-stats > .dash-box-footer:hover {
color: #fff;
background: rgba(0, 0, 0, 0.15);
}
.competencyreport .navbar-right {
margin-right: 0;
}
.competencyreport .ln_solid {
border-top: 1px solid #e5e5e5;
color: #fff;
background-color: #fff;
height: 1px;
margin: 0 0 20px;
}
.competencyreport table.tile_info {
padding: 10px 15px;
}
.competencyreport table.tile_info td {
text-align: left;
padding: 0;
font-size: 15px;
}
.competencyreport #listPlanCompetencies table.tile_info tr:hover {
background: #f5f5f5;
}
.competencyreport .compstats table.tile_info tr:not(:first-child):hover {
background: #f5f5f5;
}
.competencyreport table.tile_info td:first-child {
width: 83%;
}
.competencyreport table.tile_info td p {
margin: 0;
line-height: 17px;
}
.competencyreport table.tile_info td i {
margin: 0 8px;
font-size: 17px;
float: left;
line-height: 17px;
}
.competencyreport table.tile_info td a {
cursor: pointer;
font-weight: bold;
overflow: auto;
}
.competencyreport table.tile_info td a,
.competencyreport table.tile_info td span.nbcourses,
.competencyreport table.tile_info td span.nbcms,
.competencyreport table.tile_info td span.nbusers{
display: inline-block;
text-align: center;
width: 100%;
vertical-align: middle;
}
.competencyreport table.tile_info td span {
line-height: 28px;
}
.competencyreport table.tile_info span.right {
margin-right: 0;
float: right;
position: absolute;
right: 4%;
}
.competencyreport .h1,
.competencyreport .h2,
.competencyreport .h3,
.competencyreport .h4,
.competencyreport .h5,
.competencyreport .h6,
.competencyreport h1,
.competencyreport h2,
.competencyreport h3,
.competencyreport h4,
.competencyreport h5,
.competencyreport h6 {
color: inherit;
font-family: inherit;
font-weight: 500;
line-height: 1.1;
}
.competencyreport .nav {
margin-bottom: 5px;
}
.competencyreport .rate-competency {
position: relative;
top: 10px;
left: 5px;
}
.competencyreport .tile_stats_count .tile-stats .level-proficiency {
font-size: 13px;
margin-right: 5px;
width: 80px;
text-align: center;
line-height: 1.5em;
margin-top: 17px;
}
.competencyreport .tile_stats_count .tile-stats .icon-proficiency {
clear: both;
margin-top: 30px;
height: 0;
width: 0;
}
.competencyreport .tile_stats_count .tile-stats .icon-proficiency i {
font-size: 35px;
}
.competencyreport .fautocomplete .form-autocomplete-downarrow {
color: #333;
cursor: pointer;
position: relative;
top: 0;
}
.competencyreport .fautocomplete span[data-value=""] {
padding: 0;
}
.competencyreport .fautocomplete input[type="text"] {
margin-bottom: 2px;
}
.competencyreport .fautocomplete .badge-info span {
padding: 2px 4px;
}
.competencyreport #loaderscalevalues {
width: 197px;
text-align: center;
}
.competencyreport #scalevalues .fitemtitle.proficient label small {
color: #666;
}
.competencyreport .disabled-option {
display: none;
}
.competencyreport .disabled-option .fautocomplete input,
.competencyreport .disabled-option .fautocomplete select {
background: #eee;
cursor: not-allowed;
pointer-events: none;
}
.competencyreport .disabled-option .fautocomplete .form-autocomplete-downarrow {
display: none;
}
.competencyreport #learningplanSelectorReport {
//margin-top: 29px;
}
.competencyreport #studentselectorreport {
margin-top: 25px;
}
.competencyreport label.templabel {
text-align: left;
padding-left: 0;
}
.competencyreport button .fa-spin {
margin-left: 7px;
position: static;
display: none;
}
.competencyreport button.loading .fa-spin {
display: inline-table;
}
.competencyreport span.user-nav-separator {
display: block;
border-left: 2px solid #fff;
height: 50px;
}
.competencyreport .level {
display: block;
font-size: 15px;
font-weight: bold;
line-height: 30px;
min-width: 20px;
opacity: 0;
position: absolute;
right: 5px;
top: 7px;
transition: all 250ms ease-in-out 0s;
visibility: hidden;
}
.competencyreport .fa-certificate,
.competencyreport .fa-question-circle {
color: #999;
}
.competencyreport .panel-collapsed .x_content {
display: none;
}
.competencyreport .panel-collapsed .level {
opacity: 1;
visibility: visible;
}
.competencyreport .form-autocomplete-suggestions {
z-index: 40;
}
#listPlanCompetencies {
clear: both;
}
#listPlanCompetencies p.alert-info {
font-size: 15px;
margin-top: 20px;
}
.competencyreport canvas.detail-competency {
margin: 1px 1px 1px 0;
width: 80px;
height: 80px;
}
.competencyreport .breadcrumb > li + li::before {
color: #666;
content: "/ ";
padding: 0 5px;
}
.competencyreport .no-data-available {
border-radius: 50%;
text-align: center;
background: rgb(255, 255, 255);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
line-height: 1.2;
border: 2px solid rgb(204, 204, 204);
padding: 0.1em;
height: 74px;
width: 74px;
white-space: normal;
}
.competencyreport .no-data-available span {
font-size: 0.8em;
}
/* Important, the following selectors must not be prefixed with the class ".competency" because of their use in dialogues. */
.cr-caption {
max-width: 100%;
}
.badge.cr-scalename {
color: #000;
font-size: 13px;
text-shadow: none;
vertical-align: middle;
}
.finalrating .badge.cr-scalename.truncate {
max-width: calc(100% - 100px);
}
.badge.cr-scalename.light-color {
color: #fff;
}
@media (min-width: 1200px) {
.competencyreport .scalecontainer {
margin-top: 5px;
}
.competencyreport #scalevalues .fitemtitle.proficient {
padding-top: 0;
margin-top : -2px;
}
.competencyreport #loaderscalevalues {
width: 462px;
}
}
.competencyreport .templatelist input {
width:35%;
}
.competencyreport .compstats {
display: flex;
flex-flow: row wrap;
}
.competencyreport div.stats .x_title {
border-bottom-color: #cfd1d5;
}
.competencyreport td.convaschart {
padding-top: 30px;
vertical-align: top;
}
.competencyreport .loaderstatscompetency {
text-align: center;
width: 100%;
min-height: 190px;
}
.competencyreport .loaderstatscompetency {
display: none;
}
.competencyreport .loaderstatscompetency i.fa-refresh {
line-height: 190px;
vertical-align: middle;
}
.competencyreport .loading .loaderstatscompetency {
display: block;
}
.competencyreport .plan-info-report {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -moz-flex;
display: -webkit-flex;
display: flex;
flex-flow: row wrap;
justify-content: space-around;
}
.competencyreport .plan-info-report:empty {
border-bottom: none;
}
.competencyreport .report-stats-competencies {
background: #fff none repeat scroll 0 0;
display: flex;
flex-direction: column;
padding: 1em 1.5em;
text-align: center;
margin-bottom: 0.5em;
}
.competencyreport .report-stats-competencies .switcher-container label.switch {
text-align: left;
}
.competencyreport .report-stats-competencies .space-block-stats {
padding-bottom: 0.5em;
flex: 1 0 auto;
}
.competencyreport .plan-info-report .report-stats-competencies .stats-cmp-proficient {
font-size: 12px;
}
.competencyreport .plan-info-report .report-stats-competencies .stats-display-rating {
position: relative;
font-size: 12px;
}
.competencyreport .plan-info-report .report-stats-competencies .stats-display-rating .resetdisplayrating {
position: absolute;
top: -56px;
left: 23px;
}
.competencyreport .plan-info-report .report-stats-competencies .count-stats {
font-size: 2.9em;
font-weight: 600;
line-height: 47px;
}
.competencyreport .plan-info-report > div.report-stats-competencies {
width: 13%;
}
.competencyreport .plan-info-report > div.report-stats-competencies.displayratings {
width: 22%;
}
.competencyreport .plan-info-report .report-stats-competencies .empty-value {
color: #cfd1d5;
}
.competencyreport .plan-info-report .report-stats-competencies .custom-switch .custom-control-label {
font-size: 12px;
}
.competencyreport .reset-grade a, .competencyreport .reset-grade-all a {
font-size: 12px;
}
.competencyreport .reset-grade-all {
text-align: right;
}
.competencyreport .collapsible-actions {
text-align: right;
position: relative;
color:#555;
align-self: end;
min-width: 120px;
margin-bottom: 7px;
margin-top: 7px;
}
.competencyreport .compstats .competency-detail .totalnbusers {
font-size: 0.8em;
}
.competencyreport .compstats .competency-detail .count {
line-height: 15px;
padding-left: 5px;
}
.competencyreport .compstats .competency-detail h5 {
border: medium none;
font-size: 11px;
margin: 10px 0;
max-width: 130px;
padding: 0;
padding: 0 0 0 5px;
}
.competencyreport .compstats .competency-detail td.convaschart {
width: 30%;
}
.competencyreport .compstats .competency-detail td.scalevalues {
vertical-align: top;
}
.competencyreport .compstats .competency-detail .tile_count .rating {
flex-grow: unset;
width: 100%;
}
.competencyreport .compstats .tile_count .tile_stats_count {
padding: 0;
}
.competencyreport .borderbottom {
border-bottom: 1px solid #cfd1d5;
margin-top: 1.5em;
}
.competencyreport .scalefiltercontainer .checkbox.checkbox-primary input,
.competencyreport .scaleitem .checkbox.checkbox-primary input,
.competencyreport .advanced .checkbox.checkbox-primary input,
.competencyreport .scalesortordercontainer .checkbox.checkbox-primary input,
.competencyreport .scalesortordercontainer .fradio.radio .radiocontainer input,
.competencyreport .scalefiltercontainer .fradio.radio .radiocontainer input {
margin-right: 1rem;
}
.lpmonitoringdialogue .stats-rated-column {
min-width: 20%;
}
.lpmonitoringdialogue div.dataTables_paginate a.paginate_button.first:not(.page-item),
.lpmonitoringdialogue div.dataTables_paginate a.paginate_button.previous:not(.page-item) {
position: relative;
padding-left: 24px;
}
.lpmonitoringdialogue div.dataTables_paginate a.paginate_button.next:not(.page-item),
.lpmonitoringdialogue div.dataTables_paginate a.paginate_button.last:not(.page-item) {
position: relative;
padding-right: 24px;
}
.lpmonitoringdialogue div.dataTables_paginate a.first:not(.page-item):before,
.lpmonitoringdialogue div.dataTables_paginate a.previous:not(.page-item):before {
display: block;
font-family: var(--fa-style-family-classic);
font-size: 1.5em;
left: 10px;
position: absolute;
top: 2px;
}
.lpmonitoringdialogue div.dataTables_paginate a.next:not(.page-item):after,
.lpmonitoringdialogue div.dataTables_paginate a.last:not(.page-item):after {
display: block;
font-family: var(--fa-style-family-classic);
font-size: 1.5em;
position: absolute;
right: 10px;
top: 2px;
}
.lpmonitoringdialogue div.dataTables_paginate a.first:not(.page-item):before {
content: "\f100";
}
.lpmonitoringdialogue div.dataTables_paginate a.previous:not(.page-item):before {
content: "\f104";
}
.lpmonitoringdialogue div.dataTables_paginate a.next:not(.page-item):after {
content: "\f105";
}
.lpmonitoringdialogue div.dataTables_paginate a.last:not(.page-item):after {
content: "\f101";
}
.lpmonitoringdialogue .dataTables_wrapper {
position: relative;
clear: both;
*zoom: 1;
zoom: 1;
}
.lpmonitoringdialogue .dataTables_wrapper .dataTables_length {
float: left;
}
.lpmonitoringdialogue .dataTables_wrapper .dataTables_filter {
float: right;
text-align: right;
}
.lpmonitoringdialogue .dataTables_wrapper .dataTables_filter input {
margin-left: 0.5em;
}
.lpmonitoringdialogue table.dataTable thead th {
position: relative;
background-image: none !important;
}
.lpmonitoringdialogue table.dataTable thead th.sorting:after,
.lpmonitoringdialogue table.dataTable thead th.sorting_asc:after,
.lpmonitoringdialogue table.dataTable thead th.sorting_desc:after {
position: absolute;
top: 10px;
right: 8px;
display: block;
font-family: var(--fa-style-family-classic);
}
.lpmonitoringdialogue table.dataTable thead th.sorting:after {
content: "\f0dc";
color: #ddd;
font-size: 0.8em;
padding-top: 0.12em;
}
.lpmonitoringdialogue table.dataTable thead th.sorting_asc:after {
content: "\f0de";
}
.lpmonitoringdialogue table.dataTable thead th.sorting_desc:after {
content: "\f0dd";
}
.lpmonitoringdialogue div.dataTables_scrollBody table.dataTable thead th.sorting:after,
.lpmonitoringdialogue div.dataTables_scrollBody table.dataTable thead th.sorting_asc:after,
.lpmonitoringdialogue div.dataTables_scrollBody table.dataTable thead th.sorting_desc:after {
content: "";
}
.lpmonitoringdialogue table.dataTable thead .sorting_asc,
.lpmonitoringdialogue table.dataTable thead .sorting_desc,
.lpmonitoringdialogue table.dataTable thead .sorting {
cursor: pointer;
}
.lpmonitoringdialogue table.dataTable tr.odd td.sorting_1,
.lpmonitoringdialogue table.dataTable tr.odd td.sorting_2,
.lpmonitoringdialogue table.dataTable tr.odd td.sorting_3,
.lpmonitoringdialogue table.dataTable tr.even td.sorting_1,
.lpmonitoringdialogue table.dataTable tr.even td.sorting_2,
.lpmonitoringdialogue table.dataTable tr.even td.sorting_3 {
background-color: unset;
}
.lpmonitoringdialogue .dataTables_paginate {
text-align: center;
}
.competencyreport .main_container {
display: flex;
flex-direction: column;
align-items: start;
}
.competencyreport .main_container .button-bulkdefaultrating {
width: auto;
align-self: flex-end;
}
.competencyreport ul.form-autocomplete-suggestions li {
display: flex;
flex-wrap: nowrap;
}
.competencyreport ul.form-autocomplete-suggestions li:not(:first-child):not(:last-child) {
border-bottom: 0.5px solid #ccc;
}
.competencyreport .form-autocomplete-suggestions li::before {
content: "";
}
.competencyreport .form-autocomplete-suggestions li>span.userplan-fullname {
margin-right: 1rem;
}
.competencyreport .form-autocomplete-suggestions li>span.nbratinguser {
margin-left: auto;
margin-right: 0.5rem;
}
.competencyreport .compstats .tile_count .tile_stats_count .incourse {
font-size: 1.6em;
}
.competencyreport .status-icon {
font-size: 1.5em;
}
.competencyreport .status-icon .draft {
color: #ff7200;
}
.competencyreport .status-icon .waiting {
color: #00cce4;
}
.competencyreport .status-icon .review {
color: #833fff;
}
.competencyreport .status-icon .active {
color: #00d30f;
}
.competencyreport .status-icon .complete {
color: #0078ff;
}
.competencyreport .x_title small {
color: #333;
}
.competencyreport .mform .fitem_fradiogroup {
margin-bottom: 0px;
}
.lpmonitoringdialogue .dataTables_filter input {
background-clip: padding-box;
background-color: #fff;
background-image: none;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem;
font-size: 1rem;
line-height: 1.25;
padding: 0.5rem 0.75rem;
width: 100%;
display: inline-block;
vertical-align: middle;
width: auto;
}
.lpmonitoringdialogue table caption {
caption-side: top;
color: unset;
}
/** default pagination for datatables plugin**/
.lpmonitoringdialogue div.dataTables_paginate a.paginate_button.first,
.lpmonitoringdialogue div.dataTables_paginate a.paginate_button.previous {
position: relative;
padding-left: 24px;
}
.lpmonitoringdialogue div.dataTables_paginate a.paginate_button.next,
.lpmonitoringdialogue div.dataTables_paginate a.paginate_button.last {
position: relative;
padding-right: 24px;
}
.lpmonitoringdialogue div.dataTables_paginate a.first:before,
.lpmonitoringdialogue div.dataTables_paginate a.previous:before {
display: block;
font-family: var(--fa-style-family-classic);
font-size: 1.5em;
left: 10px;
position: absolute;
top: 2px;
}
.lpmonitoringdialogue div.dataTables_paginate a.next:after,
.lpmonitoringdialogue div.dataTables_paginate a.last:after {
display: block;
font-family: var(--fa-style-family-classic);
font-size: 1.5em;
position: absolute;
right: 10px;
top: 2px;
}
.lpmonitoringdialogue div.dataTables_paginate a.first:before {
content: "\f100";
}
.lpmonitoringdialogue div.dataTables_paginate a.previous:before {
content: "\f104";
}
.lpmonitoringdialogue div.dataTables_paginate a.next:after {
content: "\f105";
}
.lpmonitoringdialogue div.dataTables_paginate a.last:after {
content: "\f101";
}
.lpmonitoringdialogue .dataTables_wrapper {
position: relative;
clear: both;
*zoom: 1;
zoom: 1;
}
.lpmonitoringdialogue .dataTables_wrapper .dataTables_length {
float: left;
}
.lpmonitoringdialogue .dataTables_wrapper .dataTables_filter {
float: right;
text-align: right;
}
.lpmonitoringdialogue .dataTables_wrapper .dataTables_filter input {
margin-left: 0.5em;
}
.lpmonitoringdialogue table.dataTable thead th {
position: relative;
background-image: none !important;
}
.lpmonitoringdialogue table.dataTable thead th.sorting:after,
.lpmonitoringdialogue table.dataTable thead th.sorting_asc:after,
.lpmonitoringdialogue table.dataTable thead th.sorting_desc:after {
position: absolute;
top: 10px;
right: 8px;
display: block;
font-family: var(--fa-style-family-classic);
}
.lpmonitoringdialogue table.dataTable thead th.sorting:after {
content: "\f0dc";
color: #ddd;
font-size: 0.8em;
padding-top: 0.12em;
}
.lpmonitoringdialogue table.dataTable thead th.sorting_asc:after {
content: "\f0de";
}
.lpmonitoringdialogue table.dataTable thead th.sorting_desc:after {
content: "\f0dd";
}
.lpmonitoringdialogue div.dataTables_scrollBody table.dataTable thead th.sorting:after,
.lpmonitoringdialogue div.dataTables_scrollBody table.dataTable thead th.sorting_asc:after,
.lpmonitoringdialogue div.dataTables_scrollBody table.dataTable thead th.sorting_desc:after {
content: "";
}
.lpmonitoringdialogue table.dataTable thead .sorting_asc,
.lpmonitoringdialogue table.dataTable thead .sorting_desc,
.lpmonitoringdialogue table.dataTable thead .sorting {
cursor: pointer;
}
.lpmonitoringdialogue .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:not(.page-item),
.lpmonitoringdialogue .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:not(.page-item):hover,
.lpmonitoringdialogue .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:not(.page-item):active {
background: transparent none repeat scroll 0 0;
border: 1px solid transparent;
box-shadow: none;
color: #666 !important;
cursor: default;
}
.lpmonitoringdialogue .dataTables_wrapper .dataTables_paginate .paginate_button:not(.page-item) {
box-sizing: border-box;
color: #333333 !important;
cursor: pointer;
display: inline-block;
line-height: 1.5em;
margin-left: 2px;
min-width: 1.5em;
padding: 0.2em 0.6em;
text-align: center;
text-decoration: none !important;
border-radius: 3px;
}
.lpmonitoringdialogue .dataTables_wrapper .dataTables_paginate .paginate_button.current:not(.page-item),
.lpmonitoringdialogue .dataTables_wrapper .dataTables_paginate .paginate_button.current:not(.page-item):hover {
background: rgba(0, 0, 0, 0) linear-gradient(to bottom, white 0%, gainsboro 100%) repeat scroll 0 0;
border: 1px solid #cacaca;
color: #333333 !important;
}
.lpmonitoringdialogue .dataTables_paginate {
text-align: center;
}
.competencyreport:not(.boost) .input-group-addon {
background-color: #eceeef;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem;
color: #55595c;
display: table-cell;
font-size: 1rem;
font-weight: 400;
line-height: 1.25;
margin-bottom: 0;
padding: 0.2rem 0.5rem;
text-align: center;
vertical-align: middle;
white-space: nowrap;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.competencyreport:not(.boost) .input-group {
border-collapse: separate;
display: table;
position: relative;
width: 100%;
}
.competencyreport:not(.boost) .input-group input {
border-bottom-right-radius: 0;
border-right: 0 none;
border-top-right-radius: 0;
}
.competencyreport:not(.boost) .row {
margin-left: 0;
}
.button-displayratinghelp, .button-resethelp {
background: transparent;
background-color: transparent;
border: none;
left: 85px;
}
/** report table **/
.competencyreport .nav-tabs {
margin-top: 30px;
}
.competencyreport .table-scroll {
position: relative;
width:100%;
z-index: 1;
margin: auto;
overflow: scroll;
height: 500px;
}
.competencyreport .table-scroll table {
width: 98%;
margin: auto;
border-collapse: separate;
border-spacing: 0;
}
.competencyreport .table-scroll th,
.competencyreport .table-scroll td {
padding: 3px 3px;
border: 1px solid #000;
background: #fff;
vertical-align: top;
}
.competencyreport .table-scroll thead th {
position: -webkit-sticky;
position: sticky;
top: 0;
min-width: 150px;
}
.competencyreport .table-scroll th:first-child,
.competencyreport .table-scroll td:first-child {
position: -webkit-sticky;
position: sticky;
left: 0;
z-index: 2;
}
.competencyreport .table-scroll thead th:first-child,
.competencyreport .table-scroll tfoot th:first-child {
z-index: 5;
min-width: 300px;
}
.competencyreport .dataTables_filter {
display: none;
}
#report-content .filter-report-custom {
margin-top: 15px;
margin-bottom: 15px;
height: 30px;
}
#report-content .filter-report-custom .radio-primary, #summary-content .filter-report-custom .radio-primary {
float: left;
margin-right: 30px;
}
#report-content .table-scroll .breadcrumb.tile_stats_count {
font-size: 0.8em;
margin-top: 2px;
font-weight: lighter;
}
#report-content #table-search-column,
#report-content #table-search {
float: right;
}
#report-content #table-search-column {
margin-top: 5px;
margin-bottom: 5px;
clear: both;
}
#report-content .filtersearchhidden,
#report-content .switchsearchhidden, #summary-content .switchsearchhidden {
display: none !important;
}
#report-content .table-scroll td {
vertical-align: middle;
padding: 6px;
}
#report-content .filtercolumn {
position: absolute;
bottom: 05px;
clear: both;
display: block;
margin-top: 5px;
font-weight: normal;
}
#report-content select.filtercolumn {
width: 130px;
}
#report-content .datatablescalefilter {
float: right;
clear: both;
}
#report-content .datatablescalefilter label {
float: right;
margin-bottom: 0.1rem;
margin-top: 1rem;
}
#report-content input.filtercolumn {
width: 240px;
position: relative;
margin-bottom: 5px;
margin-top: 15px
}
#report-content a.nowrapcm {
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
max-width: 150px;
vertical-align: bottom;
white-space: nowrap;
}
#report-content .table-scroll td.evaluation a,
#report-content .table-scroll td.evaluation.notrated,
#report-content .table-scroll td.evaluation.notrated a {
color: #000;
}
/** full navigation **/
.toggle-lp-list-users {
padding-top: 5px!important;
padding-bottom: 5px !important;
padding-right: 3px !important;
width: 35px;
padding-left: 3px !important;
margin-bottom: 10px;
height: 60px;
display: inline-block;
background-color: #1375c7 !important;
display: block;
float: left;
margin-top: 13px;
border-radius: 6px;
height: 62px;
margin-left: 5px;
margin-right: 5px;
}
.toggle-lp-list-users i {
font-size: 25px;
margin-bottom: 3px;
display: block;
color: #fff !important;
}
[data-region="blocks-lp-list-users"].lp-list-users-closed {
margin-left: -320px;
}
[data-region="blocks-lp-list-users"] {
-moz-transition: margin .8s ease;
-webkit-transition: margin .8s ease;
-ms-transition: margin .8s ease;
-o-transition: margin .8s ease;
transition: margin .8s ease;
max-width: 240px;
float: left;
margin-left: 0;
margin-top: 13px;
}
.plan-info-container.closed .plan-info-detail {
width: 95%;
}
.plan-info-container.nonavigation .plan-info-detail {
width: 100%;
}
.plan-info-detail {
float: left;
width: 80%;
-moz-transition: width .8s ease;
-webkit-transition: width .8s ease;
-ms-transition: width .8s ease;
-o-transition: width .8s ease;
transition: width .8s ease;
}
.plan-info-container .table-list-users span.nav-small {
font-size: 0.7em;
display: inline;
}
.plan-info-container .table-list-users .nav-list-users-displayinfo {
display: inline-block;
float: right;
}
.plan-info-container .table-list-users .nav-list-users-displayinfo i.fa {
font-size: 1.3em;
font-weight: bold;
color: #262626;
}
.table-list-users {
width: 100%;
max-width: 100%;
border-radius: 4px;
border-collapse: collapse;
overflow: hidden;
color: #262626;
}
.competencyreport .table-list-users img {
border-radius: 50%;
height: 25px;
width: 25px;
display: block;
margin: 0 auto;
}
.table-list-users tr.selected {
background-color: #bedbff !important;
}
.table-list-users tr {
cursor: pointer;
}
.table-list-users td {
border: none !important;
font-size: 0.9em;
padding-left: 1px;
padding-right: 1px;
}
.table-list-users td span.fullname-td {
display: inline-block;
width: 165px;
overflow: hidden;
}
.table-list-users td.img-user {
width: 30px
}
.drawer-open-left .plan-info-detail {
width: 70%;
}
@media (max-width: 1199px) {
[data-region="blocks-lp-list-users"] {
max-width: 100%;
width: 100%;
}
[data-region="blocks-lp-list-users"].lp-list-users-closed {
margin-left: 0;
}
.drawer-open-left .plan-info-detail,
.plan-info-detail {
width: 100%;
}
}
@media (max-width: 1500px) and (min-width: 1199px) {
.plan-info-detail {
width: 70%;
}
.drawer-open-left .plan-info-detail {
width: 65%;
}
.plan-info-container.closed .plan-info-detail {
width: 90%;
}
}
@media (min-width: 1800px) {
.drawer-open-left .plan-info-detail {
width: 80%;
}
}
.competencyreport .count {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.competencyreport .count span.counttitle {
color: #555;
font-size: 0.5em;
display: inline-block;
margin-left: 8px;
font-weight: 300;
}
ul.detail-comp-tab li a::first-letter {
text-transform: capitalize;
}
.competencyreport .nav-tabs.detail-comp-tab {
margin-top: 10px;
}
.template-selector {
display: flex;
flex-direction: row;
flex-flow: wrap;
justify-content: flex-start;
}
.template-selector .label-template-selector {
margin-right: 20px;
}
.scale-comp-container {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-flow: row wrap;
-webkit-flex-flow: row wrap;
}
.scale-comp-container .scale-comp-item {
flex: 0 1 315px;
-webkit-flex: 0 1 315px;
-ms-flex: 0 1 315px;
margin-right: 15px;
min-width: 315px;
border: 1px solid #ccc;
margin-bottom: 15px;
padding-left: 5px;
padding-right: 5px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-flow: column wrap;
-webkit-flex-flow: column wrap;
justify-content: space-between;
}
.scale-comp-container .scale-comp-item .donotapplybulk {
margin: 5px;
}
.scale-comp-container .scale-comp-item .donotapplybulk label {
color: #31708f;
}
.scale-comp-container .scale-comp-item .donotapplybulk label input {
margin-right: 5px;
}
#savescalesvalues [data-region="scale-buttons"] input[type="checkbox"] {
margin-right: 0.5rem;
}
#savescalesvalues input[type="submit"] {
float: right;
}
.scale-comp-container .scale-comp-item table caption {
font-size: 14px;
line-height: 20px;
}
.scale-comp-container .scale-comp-item table.disabled {
opacity: 0.5;
}
.filter-report-custom .report-filterscale {
float: right;
margin-bottom: 10px;
margin-top: 5px;
height: auto;
padding: .5rem .5rem;
clear: both;
}
#table-search-columns,
#filter-report-data {
float: right;
}
#table-search-columns {
width: 245px;
}
/* round sahpe image */
#plan-user-info .profile_img {
border-radius: 50% !important;
}
/*nav bar navigation of learning plan*/
#page-report-lpmonitoring-index .plan-info-container .plan-info-detail #nav-tabs:not(.hidden)
{
display: flex !important;
}
/* left arrow of navigation in learning plan */
#page #page-content #region-main-box #users-list-full-navigation .fa-angle-double-left:before {
padding-left: 5px;
}
#page #page-content #region-main-box #users-list-full-navigation .fa-angle-double-right:before {
padding-left: 7px;
}
/* button close in messages of evidence in pop up of learning plans*/
.evidence .pull-xs-right a img {
float: right;
padding-top: 15px;
padding-right: 5px;
}
/* list of student's learning plan accordion */
#page-report-lpmonitoring-index #region-main {
padding: 0.5rem !important;
}
/* pop up message evidence */
.moodle-dialogue-base .evidence {
margin-bottom: 10px;
margin-top: 10px;
padding-left: 25px;
}
/* search filter */
.filter-report-custom > .col-md-3 {
float: right;
}
.filter-datatable-right {
justify-content: flex-end;
flex-flow: column;
align-items: flex-end;
}
/*summary table*/
.summary-table thead th.total-cell, .summary-table thead th.course-cell, .summary-table thead th.cm-cell {
vertical-align: middle;
}
.competencyreport .table-scroll .summary-parent th, .competencyreport .table-scroll .summary-parent td {
background-color: #D9D9D9;
}
.lpmonitoringdialogue .row {
width: 100%;
}
.lpmonitoringdialogue ul.pagination {
flex-flow: row;
justify-content: center;
flex-wrap: nowrap;
}
.lpmonitoringdialogue .dataTables_wrapper.dt-bootstrap .row div {
width: 100%;
}
.summary-table td.course-cell,
.summary-table td.total-cell,
.summary-table td.cm-cell {
text-align: center;
vertical-align: middle;
font-size: 1.2rem;
}
.summary-table tr:not(.summary-parent) .light-color,
#report-content .table-scroll td.evaluation a.light-color {
color: #FFF;
}
@media (max-width: 998px) {
.competencyreport .form-autocomplete-suggestions li {
flex-direction: column;
}
.competencyreport .form-autocomplete-suggestions li>span.userplan-fullname {
margin: 0;
margin-bottom: 0.5rem;
}
.competencyreport .form-autocomplete-suggestions li>span.nbratinguser {
margin: 0;
}
}
#reportFilter,
.competencyreport .plan-info-container {
width: 100%;
}
.lpmonitoringdialogue .dataTables_wrapper {
display: flex;
flex-direction: column;
}
.lpmonitoringdialogue .dataTables_paginate.paging_simple_numbers {
margin-top: 1rem;
}
.competencyreport .scalevalue input[aria-labelledby="scalevalues"] {
width: unset;
}
#page-report-lpmonitoring-index .comment-list,
#page-report-lpmonitoring-index .comment-ctrl {
font-size: 1rem;
}
#page-report-lpmonitoring-stats .competencyreport {
width: 100%;
max-width: 100%;
}
/** Styles for the plugin **/
.path-admin-report-modulecompletion details summary {
font-size: 2rem;
border-bottom: 1px solid #eee;
padding-bottom: 0.5rem;
margin-bottom: 1.5rem;
}
.path-admin-report-modulecompletion .report_modulecompletion_reports .hidable_content {
height: 0;
overflow: hidden;
transition: height 0.5s linear;
}
.path-admin-report-modulecompletion .report_modulecompletion_reports .card-block {
padding: 1.25rem;
}
.path-admin-report-modulecompletion .report_modulecompletion_reports .progress-bar-wrapper {
font-size: 0.85rem;
margin-bottom: 0.25rem;
}
.path-admin-report-modulecompletion .report_modulecompletion_reports .progress,
.path-report-modulecompletion .report_modulecompletion_user_reports .report_user_course .progress {
height: 0.25rem;
}
/** css print **/
@media print {
.path-admin-report-modulecompletion .report_modulecompletion_reports .btn {
display: none;
}
}
/*
* Usage
*/
.path-report-myfeedback .usagereport h3,
.path-report-myfeedback .userstable {
clear: left;
}
.path-report-myfeedback .report_form {
display: inline;
}
.path-report-myfeedback .searchusage,
.path-report-myfeedback #report_category_select {
margin-left: 20px;
}
.path-report-myfeedback .report_info {
padding-bottom: 20px;
}
.path-report-myfeedback .buttonswrapper {
float: right;
}
.path-report-myfeedback .uparrow {
margin-bottom: 12px;
margin-left: 7px;
}
.path-report-myfeedback .progress-spinner {
width: 70px;
height: 60px;
position: absolute;
top: 40%;
left: 50%;
z-index: 9999;
}
/*
* Table
*/
.path-report-myfeedback table.dataTable {
margin: 0 auto;
clear: both;
width: 100%;
}
.path-report-myfeedback table.dataTable thead th {
padding: 10px 18px 10px 10px;
border-bottom: 1px solid #aaa;
font-weight: bold;
cursor: pointer;
}
.path-report-myfeedback table.dataTable tfoot th {
padding: 3px 18px 3px 10px;
border-top: 1px solid #fafafa;
font-weight: bold;
}
.path-report-myfeedback table.dataTable td {
padding: 3px 10px;
}
.path-report-myfeedback table.dataTable td.center,
.path-report-myfeedback table.dataTable td.dataTables_empty {
text-align: left;
}
.path-report-myfeedback table.dataTable img.smallicon {
height: 12px;
width: 12px;
}
.path-report-myfeedback table.dataTable tr.odd {
background-color: #fff;
}
.path-report-myfeedback table.dataTable tr.even {
background-color: #fcfcf0;
}
.path-report-myfeedback table.dataTable tr.odd td.sorting_1 {
background-color: #fcfce7;
}
.path-report-myfeedback table.dataTable tr.odd td.sorting_2 {
background-color: #fcfcf0;
}
.path-report-myfeedback table.dataTable tr.odd td.sorting_3 {
background-color: #e0e2ff;
}
.path-report-myfeedback table.dataTable tr.even td.sorting_1 {
background-color: #fcfce0;
}
.path-report-myfeedback table.dataTable tr.even td.sorting_2 {
background-color: #fcfcf0;
}
.path-report-myfeedback table.dataTable tr.even td.sorting_3 {
background-color: #f9f9ff;
}
/*
* Table wrapper
*/
.path-report-myfeedback .dataTables_wrapper {
position: relative;
clear: both;
*zoom: 1;
}
.path-report-myfeedback .dataTables_wrapper label,
.path-report-myfeedback .dataTables_wrapper .ColVis {
margin-bottom: 0;
}
/*
* Page length menu
*/
.path-report-myfeedback .dataTables_length {
float: left;
}
/*
* Filter
*/
.path-report-myfeedback .dataTables_filter {
float: left;
text-align: right;
margin-left: 35%;
}
/*
* Table information
*/
.path-report-myfeedback .dataTables_info {
clear: both;
float: left;
}
/*
* Pagination
*/
.path-report-myfeedback .dataTables_paginate {
float: right;
text-align: right;
margin-left: 10px;
}
.path-report-myfeedback .dataTables_paginate .paginate_button {
margin-right: 5px;
}
/* Two button pagination - previous / next */
.path-report-myfeedback .paginate_disabled_previous,
.path-report-myfeedback .paginate_enabled_previous,
.path-report-myfeedback .paginate_disabled_next,
.path-report-myfeedback .paginate_enabled_next {
height: 19px;
float: left;
cursor: pointer;
color: #111;
}
.path-report-myfeedback .paginate_disabled_previous:hover,
.path-report-myfeedback .paginate_enabled_previous:hover,
.path-report-myfeedback .paginate_disabled_next:hover,
.path-report-myfeedback .paginate_enabled_next:hover {
text-decoration: none;
}
.path-report-myfeedback .paginate_disabled_previous:active,
.path-report-myfeedback .paginate_enabled_previous:active,
.path-report-myfeedback .paginate_disabled_next:active,
.path-report-myfeedback .paginate_enabled_next:active {
outline: none;
}
.path-report-myfeedback .paginate_disabled_previous,
.path-report-myfeedback .paginate_disabled_next {
color: #666;
}
.path-report-myfeedback .paginate_disabled_previous,
.path-report-myfeedback .paginate_enabled_previous {
padding-left: 23px;
}
.path-report-myfeedback .paginate_disabled_next,
.path-report-myfeedback .paginate_enabled_next {
padding-right: 23px;
margin-left: 10px;
}
/* Full number pagination */
.path-report-myfeedback .paging_full_numbers {
height: 22px;
line-height: 22px;
}
.path-report-myfeedback .paging_full_numbers a:active {
outline: none;
}
.path-report-myfeedback .paging_full_numbers a:hover {
text-decoration: none;
}
.path-report-myfeedback .paging_full_numbers a.paginate_button,
.path-report-myfeedback .paging_full_numbers a.paginate_active {
border: 1px solid #aaa;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 2px 5px;
margin: 0 3px;
cursor: pointer;
color: #333;
}
.path-report-myfeedback .paging_full_numbers a.paginate_button {
background-color: #ddd;
}
.path-report-myfeedback .paging_full_numbers a.paginate_button:hover {
background-color: #ccc;
text-decoration: none;
}
.path-report-myfeedback .paging_full_numbers a.paginate_active {
background-color: #99b3ff;
}
/*
* Processing indicator
*/
.path-report-myfeedback .dataTables_processing {
position: absolute;
top: 50%;
left: 50%;
width: 250px;
height: 30px;
margin-left: -125px;
margin-top: -15px;
padding: 14px 0 2px 0;
border: 1px solid #fafafa;
text-align: left;
color: #999;
font-size: 14px;
background-color: white;
}
/*
* Sorting
*/
.path-report-myfeedback .sorting {
background-image: url(/theme/image.php/iomadmoon/core/1777497332/t/sort);
background-position: center right;
background-repeat: no-repeat;
}
.path-report-myfeedback .sorting_asc {
background-image: url(/theme/image.php/iomadmoon/core/1777497332/t/sort_asc);
background-position: center right;
background-repeat: no-repeat;
}
.path-report-myfeedback .sorting_desc {
background-image: url(/theme/image.php/iomadmoon/core/1777497332/t/sort_desc);
background-position: center right;
background-repeat: no-repeat;
}
.path-report-myfeedback table.dataTable thead th:active,
.path-report-myfeedback table.dataTable thead td:active {
outline: none;
}
/*
* Scrolling
*/
.path-report-myfeedback .dataTables_scroll {
clear: both;
}
.path-report-myfeedback .dataTables_scrollBody {
*margin-top: -1px;
-webkit-overflow-scrolling: touch;
}
.path-report-myfeedback table.grades,
.path-report-myfeedback table#feedbackcomments {
color: #666;
font-size: 13px;
width: 100%;
}
.path-report-myfeedback table.grades th {
padding: 8px 10px 8px 10px;
border-top: 1px solid #fafafa;
border-bottom: 1px solid #fafafa;
background: #dce9f9;
background-image: linear-gradient(to bottom, #ebf3fc, #dce9f9);
}
.path-report-myfeedback table.grades th:first-child {
text-align: left;
padding-left: 10px;
}
.path-report-myfeedback table.grades tr {
text-align: left;
padding-left: 10px;
}
.path-report-myfeedback table.grades td:first-child {
text-align: left;
padding-left: 5px;
border-left: 0;
}
.path-report-myfeedback table.grades td,
.path-report-myfeedback table.dataTable tr.odd {
padding: 5px;
border-top: 1px solid #fff;
border-bottom: 1px solid #e0e0e0;
min-width: 100px;
}
.path-report-myfeedback table.grades tr:last-child td {
border-bottom: 0;
}
.path-report-myfeedback table.grades tr:hover td {
background: #f6f6f6;
}
.path-report-myfeedback td.tablefooter {
border-top: 1px solid #e0e0e0;
background: #dce9f9;
background-image: linear-gradient(to bottom, #ebf3fc, #dce9f9);
}
.path-report-myfeedback table.grades tr.tablefooter:hover td,
.path-report-myfeedback table#feedbackcomments tr.tablefooter:hover td {
background: #fff;
}
.path-report-myfeedback table.grades .tablefooter select,
.path-report-myfeedback table#feedbackcomments .tablefooter select {
width: 100%; /*This solves the responsive issue*/
}
.path-report-myfeedback table.grades .horizontal-bar {
width: 100%;
border: 1px solid #fafafa;
background: #eee;
}
.path-report-myfeedback table.grades .grade-bar {
background: #8bc278;
}
.path-report-myfeedback table.grades .available-grade {
text-align: right;
width: 100%;
}
/*Setting the spacing in the feedback comments table*/
.path-report-myfeedback table#feedbackcomments {
border-collapse: separate;
border-spacing: 0 10px;
}
.path-report-myfeedback table#feedbackcomments tr {
background: #fff;
vertical-align: top;
}
.path-report-myfeedback table#feedbackcomments tr.tableheader,
.path-report-myfeedback table tr.tableheader {
background: #dce9f9;
position: sticky;
top: 0;
}
.path-report-myfeedback table#feedbackcomments th,
.path-report-myfeedback table#feedbackcomments td {
padding: 5px 10px;
border: 0;
text-align: center;
}
/*The Feedback heading and tabs*/
.path-report-myfeedback .heading h2 {
margin: 0;
margin-bottom: 10px;
padding-left: 10px;
background: #619eb6;
color: #fff;
}
.path-report-myfeedback .nav.nav-tabs {
font-size: 18px;
margin-bottom: 10px;
}
.path-report-myfeedback .nav-tabs > li > a:focus {
background-color: #0070a8;
}
.path-report-myfeedback .nav-tabs > .active > a:focus,
.path-report-myfeedback .nav-tabs > .active > a:hover {
background-color: #fff;
border-color: #ddd;
border-bottom-color: #fff;
}
.path-report-myfeedback .profilepicture {
float: left;
margin-right: 5px;
display: inline-block;
}
.path-report-myfeedback .descriptionbox {
display: inline-block;
margin-bottom: 10px;
}
.path-report-myfeedback .personaltutoremail {
background: #f5f5f5;
float: right;
margin-right: 40px;
margin-bottom: 10px;
padding: 5px 10px;
border-radius: 4px;
border: 1px solid #ccc;
}
.path-report-myfeedback .personaltutoremail > a {
color: #333;
font-weight: normal;
}
.path-report-myfeedback .personaltutoremails {
float: right;
margin-right: 40px;
}
.path-report-myfeedback .personaltutoremail:focus,
.path-report-myfeedback .personaltutoremail:hover {
background-color: #e6e6e6;
}
.path-report-myfeedback .personaltutoremail > a:focus,
.path-report-myfeedback .personaltutoremail > a:hover {
text-decoration: none;
}
.path-report-myfeedback .enrolledon {
color: #619eb6;
font-weight: normal;
}
.path-report-myfeedback .en-course {
color: #444;
font-weight: normal;
}
.path-report-myfeedback .btn.success {
background: #8bc278;
color: #fff;
}
.path-report-myfeedback .btn.info {
background: lightblue;
color: #fff;
}
.path-report-myfeedback .btn.warning {
background: orange;
color: #fff;
display: block;
width: 15%;
margin-bottom: 10px;
}
.path-report-myfeedback .wordcloud {
float: left;
width: 45%;
height: 150px;
background: #e0e2ff;
margin-right: 20px;
margin-bottom: 20px;
}
.path-report-myfeedback .cloudtext {
float: right;
width: 45%;
}
/*
* Datatables responsive css
*
*/
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child {
position: relative;
padding-left: 30px;
cursor: pointer;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
top: 8px;
left: 4px;
height: 16px;
width: 16px;
display: block;
position: absolute;
color: white;
border: 2px solid white;
border-radius: 16px;
text-align: center;
line-height: 14px;
box-shadow: 0 0 3px #444;
box-sizing: content-box;
content: '+';
background-color: #aaa;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child.dataTables_empty:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child.dataTables_empty:before {
display: none;
}
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
content: '-';
background-color: #aaa;
}
table.dataTable.dtr-inline.collapsed > tbody > tr.child td:before {
display: none;
}
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child {
padding-left: 27px;
}
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child:before {
top: 5px;
left: 4px;
height: 14px;
width: 14px;
border-radius: 14px;
line-height: 12px;
}
table.dataTable.dtr-column > tbody > tr > td.control,
table.dataTable.dtr-column > tbody > tr > th.control {
position: relative;
cursor: pointer;
}
table.dataTable.dtr-column > tbody > tr > td.control:before,
table.dataTable.dtr-column > tbody > tr > th.control:before {
top: 50%;
left: 50%;
height: 16px;
width: 16px;
margin-top: -10px;
margin-left: -10px;
display: block;
position: absolute;
color: white;
border: 2px solid white;
border-radius: 16px;
text-align: center;
line-height: 14px;
box-shadow: 0 0 3px #444;
box-sizing: content-box;
content: '+';
background-color: #31b131;
}
table.dataTable.dtr-column > tbody > tr.parent td.control:before,
table.dataTable.dtr-column > tbody > tr.parent th.control:before {
content: '-';
background-color: #d33333;
}
table.dataTable > tbody > tr.child {
padding: 0.5em 1em;
}
table.dataTable > tbody > tr.child:hover {
background: transparent;
}
table.dataTable > tbody > tr.child ul {
display: inline-block;
list-style-type: none;
margin: 0;
padding: 0;
}
table.dataTable > tbody > tr.child ul li {
border-bottom: 1px solid #efefef;
padding: 0.5em 0;
}
table.dataTable > tbody > tr.child ul li:first-child {
padding-top: 0;
}
table.dataTable > tbody > tr.child ul li:last-child {
border-bottom: #e0e0e0;
}
table.dataTable > tbody > tr.child span.dtr-title {
display: inline-block;
min-width: 75px;
font-weight: bold;
}
/* End of DataTables responsive */
/*
* Namespace DTCR - "DataTables ColReorder" plug-in
*/
table.DTCR_clonedTable {
background-color: rgba(255, 255, 255, 0.7);
z-index: 202;
}
div.DTCR_pointer {
width: 1px;
background-color: #0259c4;
z-index: 201;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* ColVis styles
*/
div.ColVis {
float: right;
/*margin-bottom: 1em;*/
}
button.ColVis_Button,
ul.ColVis_collection li {
position: relative;
float: left;
margin-right: 3px;
padding: 5px 8px;
border: 1px solid #999;
cursor: pointer;
font-size: 0.88em;
color: black;
white-space: nowrap;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 1px 1px 3px #ccc;
-moz-box-shadow: 1px 1px 3px #ccc;
-o-box-shadow: 1px 1px 3px #ccc;
box-shadow: 1px 1px 3px #ccc;
/* Generated by http://www.colorzilla.com/gradient-editor/ */
background: linear-gradient(to top, #fff 0%, #f3f3f3 89%, #f9f9f9 100%); /* W3C */
}
.ColVis_Button:hover,
ul.ColVis_collection li:hover {
border: 1px solid #666;
text-decoration: none;
-webkit-box-shadow: 1px 1px 3px #999;
-moz-box-shadow: 1px 1px 3px #999;
-o-box-shadow: 1px 1px 3px #999;
box-shadow: 1px 1px 3px #999;
background: linear-gradient(to top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%); /* W3C */
}
button.ColVis_Button {
height: 30px;
padding: 3px 8px;
}
button.ColVis_Button::-moz-focus-inner {
border: none;
padding: 0;
}
button.ColVis_Button:active {
outline: none;
}
div.ColVis_collectionBackground {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: black;
z-index: 1100;
}
ul.ColVis_collection {
list-style: none;
width: 150px;
padding: 8px 8px 4px 8px;
margin: 0;
border: 1px solid #ccc;
background-color: #f3f3f3;
overflow: hidden;
z-index: 2002;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
-o-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
}
ul.ColVis_collection li {
position: relative;
height: auto;
left: 0;
right: 0;
padding: 0.5em;
display: block;
float: none;
margin-bottom: 4px;
-webkit-box-shadow: 1px 1px 3px #999;
-moz-box-shadow: 1px 1px 3px #999;
-o-box-shadow: 1px 1px 3px #999;
box-shadow: 1px 1px 3px #999;
}
ul.ColVis_collection li {
text-align: left;
}
ul.ColVis_collection li.ColVis_Button:hover {
border: 1px solid #999;
background-color: #f0f0f0;
}
ul.ColVis_collection li span {
display: inline-block;
padding-left: 0.5em;
cursor: pointer;
}
ul.ColVis_collection li.ColVis_Special {
border-color: #555;
/* W3C */
background: linear-gradient(to bottom, rgba(237, 237, 237, 1) 0%, rgba(214, 214, 214, 1) 77%, rgba(232, 232, 232, 1) 100%);
}
ul.ColVis_collection li.ColVis_Special:hover {
background: linear-gradient(to top, #d0d0d0 0%, #d5d5d5 89%, #e2e2e2 100%); /* W3C */
}
ul.ColVis_collection li label {
overflow: hidden;
}
span.ColVis_radio {
display: inline-block;
width: 20px;
}
div.ColVis_catcher {
position: absolute;
z-index: 1101;
}
/*button-colvis*/
div.dt-button-info {
position: fixed;
top: 50%;
left: 50%;
width: 400px;
margin-top: -100px;
margin-left: -200px;
background-color: white;
border: 2px solid #111;
box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
border-radius: 3px;
text-align: center;
z-index: 21;
}
div.dt-button-info h2 {
padding: 0.5em;
margin: 0;
font-weight: normal;
border-bottom: 1px solid #ddd;
background-color: #f3f3f3;
}
div.dt-button-info > div {
padding: 1em;
}
button.dt-button,
div.dt-button,
a.dt-button {
position: relative;
display: inline-block;
box-sizing: border-box;
margin-right: 0.333em;
padding: 0.5em 1em;
border: 1px solid #999;
border-radius: 2px;
cursor: pointer;
font-size: 0.88em;
color: black;
white-space: nowrap;
overflow: hidden;
background-color: #e9e9e9;
background-image: -webkit-linear-gradient(top, white 0%, #e9e9e9 100%);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-decoration: none;
outline: none;
}
button.dt-button.disabled,
div.dt-button.disabled,
a.dt-button.disabled {
color: #999;
border: 1px solid #d0d0d0;
cursor: default;
background-color: #f9f9f9;
/* Fallback */
background-image: -webkit-linear-gradient(top, #fff 0%, #f9f9f9 100%);
}
button.dt-button:active:not(.disabled),
button.dt-button.active:not(.disabled),
div.dt-button:active:not(.disabled),
div.dt-button.active:not(.disabled),
a.dt-button:active:not(.disabled),
a.dt-button.active:not(.disabled) {
background-color: #e2e2e2;
/* Fallback */
background-image: -webkit-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);
box-shadow: inset 1px 1px 3px #999;
}
button.dt-button:active:not(.disabled):hover:not(.disabled),
button.dt-button.active:not(.disabled):hover:not(.disabled),
div.dt-button:active:not(.disabled):hover:not(.disabled),
div.dt-button.active:not(.disabled):hover:not(.disabled),
a.dt-button:active:not(.disabled):hover:not(.disabled),
a.dt-button.active:not(.disabled):hover:not(.disabled) {
box-shadow: inset 1px 1px 3px #999;
background-color: #ccc;
/* Fallback */
background-image: -webkit-linear-gradient(top, #eaeaea 0%, #ccc 100%);
}
button.dt-button:hover,
div.dt-button:hover,
a.dt-button:hover {
text-decoration: none;
}
button.dt-button:hover:not(.disabled),
div.dt-button:hover:not(.disabled),
a.dt-button:hover:not(.disabled) {
border: 1px solid #666;
background-color: #e0e0e0;
/* Fallback */
background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);
}
button.dt-button:focus:not(.disabled),
div.dt-button:focus:not(.disabled),
a.dt-button:focus:not(.disabled) {
border: 1px solid #426c9e;
text-shadow: 0 1px 0 #c4def1;
outline: none;
background-color: #79ace9;
/* Fallback */
background-image: -webkit-linear-gradient(top, #bddef4 0%, #79ace9 100%);
}
.dt-button embed {
outline: none;
}
div.dt-buttons {
position: relative;
float: right;
}
div.dt-buttons.buttons-right {
float: right;
}
div.dt-button-collection {
position: absolute;
top: 0;
left: 0;
width: 150px;
margin-top: 3px;
padding: 8px 8px 4px 8px;
border: 1px solid #ccc;
background-color: white;
overflow: hidden;
z-index: 2002;
border-radius: 5px;
box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
-webkit-column-gap: 8px;
-moz-column-gap: 8px;
column-gap: 8px;
}
div.dt-button-collection button.dt-button,
div.dt-button-collection div.dt-button,
div.dt-button-collection a.dt-button {
position: relative;
left: 0;
right: 0;
display: block;
float: none;
margin-bottom: 4px;
margin-right: 0;
}
div.dt-button-collection button.dt-button:active:not(.disabled),
div.dt-button-collection button.dt-button.active:not(.disabled),
div.dt-button-collection div.dt-button:active:not(.disabled),
div.dt-button-collection div.dt-button.active:not(.disabled),
div.dt-button-collection a.dt-button:active:not(.disabled),
div.dt-button-collection a.dt-button.active:not(.disabled) {
background-color: #dadada;
/* Fallback */
background-image: -webkit-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
box-shadow: inset 1px 1px 3px #666;
}
div.dt-button-collection.fixed {
position: fixed;
top: 50%;
left: 50%;
margin-left: -75px;
border-radius: 0;
}
div.dt-button-collection.fixed.two-column {
margin-left: -150px;
}
div.dt-button-collection.fixed.three-column {
margin-left: -225px;
}
div.dt-button-collection.fixed.four-column {
margin-left: -300px;
}
div.dt-button-collection > * {
-webkit-column-break-inside: avoid;
break-inside: avoid;
}
div.dt-button-collection.two-column {
width: 300px;
padding-bottom: 1px;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
div.dt-button-collection.three-column {
width: 450px;
padding-bottom: 1px;
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}
div.dt-button-collection.four-column {
width: 600px;
padding-bottom: 1px;
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
}
div.dt-button-background {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
/* W3C Markup, IE10 Release Preview */
z-index: 2001;
}
@media screen and (max-width: 640px) {
div.dt-buttons {
float: none;
text-align: center;
}
}
.disabled {
color: #999;
}
/*hiding the unix date that is used to sort the data, even when expanded
also the blank invisible column that shows up on ColVis hide/Show list*/
.invisibly,
.paginate_button.previous.disabled,
.paginate_button.next.disabled {
display: none;
}
.path-report-myfeedback #userstable_wrapper {
max-width: 720px;
}
.path-report-myfeedback #userstable_filter {
margin-right: 0;
}
.path-report-myfeedback #userstable_wrapper input[type="search"] {
padding: 0 4px;
}
.path-report-myfeedback #userstable_filter input {
max-width: 180px;
}
.path-report-myfeedback #userstable_wrapper select {
height: 20px;
padding: 0 4px;
margin-bottom: 0;
}
.path-report-myfeedback .grades-bar {
width: 100%;
font-size: 14px;
background: linear-gradient(to right, #b9ccb7, #82c783); /* Standard syntax (must be last) */
color: #fff;
border: 1px solid #444;
}
.path-report-myfeedback .grade-bar40 {
display: inline-block;
width: 40%;
text-align: center;
background: linear-gradient(to right, #ce9d93, #d4b5af); /* Standard syntax (must be last) */
border-right: 1px solid #444;
}
.path-report-myfeedback .grade-bar506070 {
display: inline-block;
text-align: center;
width: 10%;
border-right: 1px solid #444;
}
.path-report-myfeedback .grade-bar-100 {
display: inline-block;
text-align: center;
width: 15%;
}
.path-report-myfeedback .top-text {
width: 100%;
line-height: 1;
}
.path-report-myfeedback .btext {
display: inline-block;
line-height: 1;
font-size: 12px;
text-align: right;
}
.path-report-myfeedback .vline {
display: inline-block;
line-height: 1;
font-size: 12px;
text-align: right;
}
.path-report-myfeedback .grade-bar-b {
width: 100%;
line-height: 1;
border: 1px solid #fff;
}
.path-report-myfeedback .grade-bar-b40 {
display: inline-block;
width: 40%;
border-right: 1px solid #444;
}
.path-report-myfeedback .grade-bar-b1 {
display: inline-block;
width: 10%;
border-right: 1px solid #444;
}
.path-report-myfeedback .btext-b40 {
display: inline-block;
width: 41%;
text-align: right;
}
.path-report-myfeedback .btext-b {
display: inline-block;
width: 10.3%;
text-align: right;
}
.path-report-myfeedback .fullhundred {
width: 100%;
}
.path-report-myfeedback .mymods-container {
width: 60%;
float: left;
display: inline-block;
}
.path-report-myfeedback .mymods-container-right {
width: 35%;
float: right;
display: inline-block;
margin: 20px;
text-align: center;
}
.path-report-myfeedback .mymods-content {
width: 40%;
float: left;
color: #fff;
}
.path-report-myfeedback .db {
display: block;
}
.path-report-myfeedback #toggle-grade {
font-size: 12px;
}
.path-report-myfeedback .t-rel,
.path-report-myfeedback #t-rel {
display: none;
}
.path-report-myfeedback .t-rel.off,
.path-report-myfeedback #t-rel.off {
display: block;
}
.path-report-myfeedback .ellip {
overflow: hidden;
max-width: 120px;
white-space: nowrap;
text-overflow: ellipsis;
}
.path-report-myfeedback .student {
background-color: #fcfce0;
}
.path-report-myfeedback table#feedbackcomments td.note-val-2 {
min-width: 200px;
border: 3px solid #ccc;
text-align: left;
}
.path-report-myfeedback .ac-year-right {
float: right;
margin: 0 40px;
}
.path-report-myfeedback .ac-year-left {
float: left;
margin: 0 40px;
}
.path-report-myfeedback #tutortable {
text-align: center;
}
.path-report-myfeedback .greenlight {
padding: 3px 6px;
background-color: #8bc278;
}
.path-report-myfeedback .amberlight {
padding: 3px 6px;
background-color: #d69859;
}
.path-report-myfeedback .redlight {
padding: 3px 6px;
background-color: #c05756;
}
.path-report-myfeedback .ownreport {
float: right;
background-color: #284956;
padding: 0 10px 5px;
line-height: 1em;
margin: 5px 20px;
border-radius: 8px;
}
.path-report-myfeedback .ownreport:hover {
background-color: #227c94;
}
.path-report-myfeedback .ownreport a {
color: #fff;
text-decoration: none;
font-size: 0.8em;
}
.path-report-myfeedback .accordion-group {
border: 0;
}
.path-report-myfeedback .accordion-heading .accordion-toggle {
padding: 0;
}
.path-report-myfeedback .tri {
text-align: center;
}
.path-report-myfeedback #tutortable tfoot td {
border: 1px solid #fafafa;
}
.path-report-myfeedback #tutortable td,
.path-report-myfeedback .modtable td,
.path-report-myfeedback #progtable td,
.path-report-myfeedback #ptutor td,
.path-report-myfeedback #ptutor th {
padding: 5px 5px 0 5px;
}
.path-report-myfeedback h4 {
color: #444;
font-weight: bold;
}
.path-report-myfeedback .modtable.dataTable td {
vertical-align: middle;
}
.path-report-myfeedback .modCanvas {
width: 400px;
text-align: center;
}
.path-report-myfeedback .pToggle,
.path-report-myfeedback .sToggle,
.path-report-myfeedback .aToggle {
background: #f5f5f5;
margin: 10px 20px;
padding: 5px 10px;
border-radius: 4px;
cursor: pointer;
border: 1px solid #ccc;
}
.path-report-myfeedback .modass {
background-color: #619eb6;
color: #fff;
}
.path-report-myfeedback .fullRec {
margin-bottom: 60px;
}
.path-report-myfeedback .stu-inner {
padding: 10px;
}
.path-report-myfeedback form.prog_form {
margin-right: 40px;
display: inline-block;
}
.path-report-myfeedback .assess-br,
.path-report-myfeedback .hidetable,
.path-report-myfeedback .tangle {
cursor: pointer;
}
.path-report-myfeedback .overallgrade {
display: none;
}
.path-report-myfeedback .tutorCanvas {
color: #777;
}
.path-report-myfeedback table th {
border-bottom: 1px solid #aaa;
}
.path-report-myfeedback aside#block-region-side-pre,
.path-report-myfeedback aside#block-region-side-post {
display: none;
}
.path-report-myfeedback #region-main {
width: 100%;
}
.path-report-myfeedback table.fixedHeader-floating {
position: fixed;
background-color: white;
}
.path-report-myfeedback table.fixedHeader-floating.no-footer {
border-bottom-width: 0;
}
.path-report-myfeedback table.fixedHeader-locked {
position: absolute;
background-color: white;
}
.path-report-myfeedback #reportPrint {
background: #f5f5f5 url(/report/myfeedback/pix/info.png) right center no-repeat;
}
.path-report-myfeedback #tutortable td:focus {
outline: none;
}
div.dt-button-collection button.dt-button:active:not(.disabled),
div.dt-button-collection button.dt-button.active:not(.disabled),
div.dt-button-collection div.dt-button:active:not(.disabled),
div.dt-button-collection div.dt-button.active:not(.disabled),
div.dt-button-collection a.dt-button:active:not(.disabled),
div.dt-button-collection a.dt-button.active:not(.disabled) {
background: #dce9f9;
box-shadow: inset 1px 1px 3px #666;
}
a {
color: #005e8d;
text-decoration: none;
}
.path-report-myfeedback .modal {
position: fixed;
top: 10%;
left: 50%;
bottom: auto;
z-index: 1050;
width: 560px;
margin-left: -280px;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.3);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
outline: none;
height: fit-content;
}
.path-report-myfeedback #feedname,
#notename {
height: 8em;
width: 30em;
}
.path-report-myfeedback .modal-backdrop {
z-index: 0;
}
.path-report-myfeedback .modal-backdrop.in {
opacity: .8;
}
.path-report-myfeedback #tooltip2 {
z-index: 9999;
}
.path-report-myfeedback #progtable > tbody > tr.recordRow {
display: none;
}
@media print {
.path-report-myfeedback table.fixedHeader-floating {
display: none;
}
}
@media print {
#page-header,
.navbar,
#page-navbar,
#block-region-side-pre,
#page-footer,
#region-main .nav.nav-tabs,
#region-main .buttonswrapper,
.dataTables_wrapper .tablefooter,
p.helplink,
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_paginate,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .bar,
.dataTables_wrapper .ColVis,
.path-report-myfeedback .personaltutoremails,
.personaltutoremail,
.ac-year-right #mod_form,
.ac-year-right .my,
.path-report-myfeedback .ownreport {
display: none;
}
#region-main {
float: left;
width: 100%;
}
.back-to-top {
display: none;
}
}
@media only screen and (max-width: 579px) {
.path-report-myfeedback .dataTables_filter {
margin-right: 0;
}
.path-report-myfeedback #userstable_wrapper {
max-width: 420px;
}
}
@media only screen and (min-width: 580px) and (max-width: 767px) {
.path-report-myfeedback .dataTables_filter {
margin-left: 15%;
}
}
@media only screen and (min-width: 768px) and (max-width: 860px) {
.path-report-myfeedback .dataTables_filter {
margin-left: 0;
}
}
@media only screen and (min-width: 861px) and (max-width: 1000px) {
.path-report-myfeedback .dataTables_filter {
margin-left: 5%;
}
}
@media only screen and (min-width: 1001px) and (max-width: 1260px) {
.path-report-myfeedback .dataTables_filter {
margin-left: 10%;
}
}
.userprofilebox .buttonswrapper {
padding-top: 10px;
}
#page-report-outline-user table tr td {
padding: 10px 3px;
min-width: 20px;
}
#page-report-outline-user .subsection .icon {
padding-left: 10px;
}
#page-report-participation-index .participationselectform {
margin: 10px auto;
}
#page-report-participation-index .participationselectform label {
margin-left: 15px;
margin-right: 5px;
}
/* Die to css conflicts with form-inline, we have to create a specific class to fix submit button alignment on clean */
#page-report-participation-index .participationselectform input[type="submit"] {
margin-bottom: 0;
}
#page-report-progress-index #completion-progress th,
#page-report-progress-index #completion-progress td {
padding: 2px 2px;
font-weight: normal;
border-right: 1px solid #eee;
}
#page-report-progress-index .progress-actions {
text-align: center;
list-style: none;
}
#page-report-progress-index .completion_pagingbar {
margin: 1em 0;
text-align: center;
}
#page-report-progress-index .completion_prev {
display: inline;
margin-right: 2em;
}
#page-report-progress-index .completion_pagingbar p {
display: inline;
}
#page-report-progress-index .completion_next {
display: inline;
margin-left: 2em;
}
#page-report-progress-index .completion-header,
#page-report-progress-index .completion-progresscell {
text-align: center;
}
/* Custom CSS for rotated header.. */
#page-report-progress-index .rotated-text-container {
display: inline-block;
width: 16px;
}
#page-report-progress-index .rotated-text {
display: inline-block;
white-space: nowrap;
/*rtl:remove*/
transform: translate(0, 100%) rotate(-90deg);
/*rtl:raw:
transform: translate(0, 100%) rotate(90deg);
*/
transform-origin: 0 0;
vertical-align: middle;
}
#page-report-progress-index .rotated-text:after {
content: "";
float: left;
margin-top: 100%;
}
#page-report-progress-index .modicon {
padding-top: 5px;
}
#completion-progress .icon {
margin-left: 0.5rem;
}
.report-roster {
list-style: none;
margin-top: 20px;
text-align: justify;
}
.report-roster li {
display: inline-block;
margin-bottom: 5px;
vertical-align: top;
text-align: center;
}
.report-roster li span {
white-space: nowrap;
display: block;
text-align: center;
}
.report-roster:after {
content: '';
display: inline-block;
width: 100%;
}
.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;
}
/**
* Styles for Student Course Grades Report
*
* @package report_studentgrades
* @copyright 2025 onwards, Moodle Community
* @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
* @author Moodle Community
*/
/* Main interface styles */
.report-studentgrades .form-group {
margin-bottom: 15px;
}
.report-studentgrades label {
display: block;
margin-bottom: 5px;
font-weight: bold;
}
.report-studentgrades .form-control {
width: 100%;
max-width: 300px;
padding: 8px 12px;
border: 1px solid #ddd;
border-radius: 4px;
}
.report-studentgrades .btn {
padding: 10px 20px;
margin-top: 10px;
border: none;
border-radius: 4px;
cursor: pointer;
}
.report-studentgrades .btn-primary {
background-color: #0073aa;
color: white;
}
.report-studentgrades .btn-primary:hover {
background-color: #005a87;
}
/* Export preview styles */
.report-studentgrades .export-preview {
border: 1px solid #ddd;
padding: 20px;
margin-top: 20px;
background-color: #f9f9f9;
}
.report-studentgrades .export-preview h3 {
margin-top: 0;
color: #333;
}
#page-report_usercoursereports .course-thumbnail,
#page-report_usercoursereports .user-thumbnail {
width: 50px;
height: 50px;
object-fit: cover;
}
#page-report_usercoursereports .user-thumbnail {
border-radius: 50%;
}
#page-report_usercoursereports .course-link {
font-weight: bold;
font-size: 16px;
color: #1a73e8;
text-decoration: none;
}
#page-report_usercoursereports .course-link:hover {
text-decoration: underline;
}
#page-report_usercoursereports table td {
max-width: 400px;
}
#page-report_usercoursereports .break-anywhere {
line-break: anywhere;
word-break: break-word;
overflow-wrap: anywhere;
}
/* ---- report-usercoursereports-filter section ---- */
#page-report_usercoursereports .report-usercoursereports-filter .filter-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
margin: 0 auto;
}
#page-report_usercoursereports .report-usercoursereports-filter .filter-grid .usercoursereports-filter-field {
display: block;
margin-bottom: 0;
padding-left: 3rem;
}
#page-report_usercoursereports .report-usercoursereports-filter .filter-grid .usercoursereports-filter-field .col-form-label {
padding-left: 15px;
font-weight: 600;
}
#page-report_usercoursereports .report-usercoursereports-filter .filter-grid .usercoursereports-filter-field .felement {
width: 100%;
padding-left: 15px;
}
#page-report_usercoursereports .report-usercoursereports-filter .filter-grid .usercoursereports-filter-field
.form-autocomplete-selection:not(:has([role="option"])) {
display: none;
}
#page-report_usercoursereports .report-usercoursereports-filter .filter-grid .usercoursereports-filter-field
.form-autocomplete-selection:has([role="option"]) {
display: block;
}
#page-report_usercoursereports .report-usercoursereports-filter .filter-buttons {
padding-left: 3rem;
}
#page-report_usercoursereports .report-usercoursereports-filter .filter-grid .usercoursereports-filter-field
input[type="checkbox"]:focus {
box-shadow: unset;
}
#page-report_usercoursereports .report-usercoursereports-filter .usercoursereports-filter-field > div {
width: 100%;
flex: 0 0 100%;
max-width: 100%;
}
#page-report_usercoursereports #report-usercoursereports-filter-area {
position: relative;
}
#page-report_usercoursereports #report-usercoursereports-filter-area #filter-loading-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.7);
display: flex;
align-items: center;
justify-content: center;
z-index: 10;
}
@media (max-width: 767px) {
#page-report_usercoursereports .report-usercoursereports-filter .filter-grid {
grid-template-columns: 1fr;
gap: 10px;
padding: 0 1rem;
}
#page-report_usercoursereports .report-usercoursereports-filter .filter-grid .usercoursereports-filter-field {
padding-left: 0;
}
}
/* ---- usercoursereports-single-search */
#page-report_usercoursereports #usercoursereports-single-search .form-autocomplete-selection {
display: none;
}
#page-report_usercoursereports #usercoursereports-single-search #fitem_id_id {
margin: 0;
}
/* ---- singlecoursedetails section ---- */
#page-report_usercoursereports .singlecoursedetails .collapsed-summary {
max-height: 100px;
overflow: hidden;
position: relative;
transition: max-height 0.5s ease;
}
#page-report_usercoursereports .singlecoursedetails .collapsed-summary::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 40px;
background: linear-gradient(to top, white, transparent);
}
#page-report_usercoursereports .list-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0;
}
#page-report_usercoursereports .list-grid .list-group-item {
border: 1px solid #dee2e6;
border-left: none;
border-top: none;
}
#page-report_usercoursereports .list-grid .list-group-item:nth-child(odd) {
border-left: 1px solid #dee2e6;
}
#page-report_usercoursereports .list-grid .list-group-item:first-child,
#page-report_usercoursereports .list-grid .list-group-item:nth-child(2) {
border-top: 1px solid #dee2e6;
}
#page-report_usercoursereports .list-grid .list-group-item strong {
display: inline-block;
margin-right: .3rem;
font-weight: 600;
}
@media (max-width: 767.98px) {
#page-report_usercoursereports .list-grid {
grid-template-columns: 1fr;
}
#page-report_usercoursereports .list-grid .list-group-item {
border-left: 1px solid #dee2e6;
}
#page-report_usercoursereports .list-grid .list-group-item:nth-child(odd) {
border-left: 1px solid #dee2e6;
}
}
.checklist_export_options {
width: 800px;
margin: 0 auto;
}
.checklist_export_options label {
width: 200px;
text-align: right;
display: inline-block;
}
/**
* 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: #555;
}
.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/iomadmoon/core/1777497332/t/delete) no-repeat center top;
margin-top: 4px;
}
.gradingform_guide.editor .moveup input {
width: 20px;
height: 15px;
background: transparent url(/theme/image.php/iomadmoon/core/1777497332/t/up) no-repeat center top;
margin-top: 4px;
}
.gradingform_guide.editor .movedown input {
width: 20px;
height: 15px;
background: transparent url(/theme/image.php/iomadmoon/core/1777497332/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/iomadmoon/core/1777497332/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/iomadmoon/core/1777497332/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: #555;
}
/* 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/iomadmoon/core/1777497332/t/delete);
margin: .3em .3em 0 .3em;
}
.gradingform_rubric.editor .criterion .controls .duplicate input {
width: 24px;
height: 24px;
background-image: url(/theme/image.php/iomadmoon/core/1777497332/t/copy);
margin: .3em .3em 0 .3em;
}
.gradingform_rubric.editor .levels .level .delete input {
width: 24px;
height: 24px;
background-image: url(/theme/image.php/iomadmoon/core/1777497332/t/delete);
}
.gradingform_rubric.editor .moveup input {
width: 24px;
height: 24px;
background-image: url(/theme/image.php/iomadmoon/core/1777497332/t/up);
margin: .3em .3em 0 .3em;
}
.gradingform_rubric.editor .movedown input {
width: 24px;
height: 24px;
background-image: url(/theme/image.php/iomadmoon/core/1777497332/t/down);
margin: .3em .3em 0 .3em;
}
.gradingform_rubric.editor .addcriterion input,
.gradingform_rubric.editor .addlevel input {
background: #fff url(/theme/image.php/iomadmoon/core/1777497332/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;
}
/* Template editor */
#page-admin-tool-certificate-template [data-region="pdf"] {
clear: both;
position: relative;
}
#page-admin-tool-certificate-template [data-region="pdf"] > * {
position: absolute;
}
#page-admin-tool-certificate-template [data-region="pdf"] [data-region="pdfelement"] {
display: inline-block;
word-wrap: break-word;
text-decoration: none;
}
#page-admin-tool-certificate-template [data-region="pdf"]:not(.recalculated) [data-region="pdfelement"],
#page-admin-tool-certificate-template [data-region="pdf"]:not(.recalculated) * {
opacity: 0;
}
#page-admin-tool-certificate-template [data-region="template"] .ws-toggle .collapsed-icon-container {
display: none;
}
#page-admin-tool-certificate-template [data-region="template"] .ws-toggle .expanded-icon-container {
display: inline-block;
}
#page-admin-tool-certificate-template [data-region="template"] .ws-toggle.collapsed .collapsed-icon-container {
display: inline-block;
}
#page-admin-tool-certificate-template [data-region="template"] .ws-toggle.collapsed .expanded-icon-container {
display: none;
}
/* Elements refpoint */
#page-admin-tool-certificate-template [data-region="pdf"] [data-region="pdfelement"][data-refpoint]:before {
background-image: url(/theme/image.php/iomadmoon/tool_certificate/1777497332/target);
background-repeat: no-repeat;
content: "";
display: block;
float: left;
height: 9px;
width: 100%;
background-position: left top;
margin: -4px -5px -5px -4px;
}
#page-admin-tool-certificate-template [data-region="pdf"] [data-region="pdfelement"][data-refpoint="1"]:before {
background-position: center top;
margin: -4px 0 -5px 0;
}
#page-admin-tool-certificate-template [data-region="pdf"] [data-region="pdfelement"][data-refpoint="2"]:before {
background-position: right top;
margin: -4px -5px -5px 4px;
}
/* Page margins */
#page-admin-tool-certificate-template [data-region="pdf"] .verticalline {
width: 1px;
}
#page-admin-tool-certificate-template [data-region="pdf"] .horizontalline {
height: 1px;
}
#page-admin-tool-certificate-template [data-region="pdf"] .dottedline {
border-left: 1px dotted black;
}
#page-admin-tool-certificate-template [data-region="pdf"] .solidline {
border-left: 1px solid black;
border-top: 1px solid black;
line-height: normal;
}
#page-admin-tool-certificate-template #region-main {
overflow: visible;
}
#page-admin-tool-certificate-template .modal-dialog .modal-header [data-action="hide"] {
display: none;
}
.clearfix.margin-notification {
margin-top: 30px;
}
.cm-competency-img {
vertical-align: unset;
margin-right: 10px;
}
.colexpall-cmcompetency {
clear: both;
}
.cmcompetencyreport .x_panel {
position: relative;
width: 100%;
box-sizing: border-box;
padding: 5px 0;
display: inline-block;
opacity: 1;
transition: all 250ms ease-in-out;
}
.cmcompetencyreport .x_title {
border-bottom: 1px solid transparent;
padding: 2px 5px;
transition: all 250ms ease-in-out;
}
.cmcompetencyreport .panel-collapsed .x_title {
border-bottom-color: #cfd1d5;
}
.cmcompetencyreport .x_title span.cmusercompetency-notrated {
color: #333;
}
.cmcompetencyreport .x_title h4 a:hover {
text-decoration: none;
}
.cmcompetencyreport .x_title .filter {
width: 40%;
float: right;
}
.cmcompetencyreport .x_title h4 {
margin: 5px 0 6px;
display: inline-block;
font-size: 18px;
line-height: 1.2em;
font-weight: 400;
transition: all 250ms ease-in-out 0s;
}
.cmcompetencyreport .panel-collapsed .x_title h4 {
max-width: calc(100% - 150px);
}
.cmcompetencyreport .panel-collapsed .x_content {
display: none;
}
.cmcompetencyreport .panel-collapsed .level {
opacity: 1;
visibility: visible;
}
.cmcompetencyreport .level {
display: block;
font-size: 15px;
font-weight: bold;
line-height: 30px;
min-width: 20px;
opacity: 0;
position: absolute;
right: 5px;
top: 7px;
transition: all 250ms ease-in-out 0s;
visibility: hidden;
}
.cmcompetencyreport .x_title span {
color: #fff;
}
.cmcompetencyreport .x_title small {
color: #333;
}
.cmcompetencyreport .x_title h4 small {
font-size: 14px;
}
.cmcompetencyreport .x_content {
padding: 0 5px 6px;
padding-left: 25px;
position: relative;
width: 100%;
box-sizing: border-box;
float: left;
clear: both;
}
.cmcompetencyreport .toggle {
float: left;
margin: 0;
padding-top: 16px;
width: 70px;
}
.cmcompetencyreport .toggle a {
padding: 15px 15px 0;
margin: 0;
cursor: pointer;
}
.cmcompetencyreport .toggle a i {
font-size: 26px;
}
.cmcompetencyreport a.collapse-link {
display: inline-block;
padding: 5px;
color: #999;
font-size: 14px;
cursor: pointer;
text-align: center;
vertical-align: top;
width: 20px;
}
.cmcompetencyreport a.collapse-link:hover {
background: #f5f7fa;
}
/* Styles for course ratings */
.tool_courserating-stars {
white-space: nowrap;
}
.tool_courserating-stars .icon {
margin-right: 1px;
}
.tool_courserating-cfield .course-average-value {
font-weight: bold;
}
.tool_courserating-cfield .tool_courserating-ratings:hover {
text-decoration: none;
}
.tool_courserating-reportrating {
font-weight: 700;
white-space: nowrap;
}
.tool_courserating-reviews-popup .course-average-value {
font-weight: 700;
letter-spacing: -.02rem;
font-size: 4rem;
}
.tool_courserating-reviews-popup .course-average-caption {
font-weight: 700;
line-height: 1.4;
font-size: 0.9rem;
}
.tool_courserating-reviews-popup .course-rating-percent {
font-weight: 700;
}
.tool_courserating-reviews-popup .course-rating-bar {
height: 10px;
display: block;
border-radius: 2px;
box-shadow: inset 0 0 2px rgba(0, 0, 0, .25);
position: relative;
background-color: #eee;
margin: 3px;
}
.tool_courserating-reviews-popup .course-rating-bar .course-rating-bar-rating {
display: block;
height: 10px;
}
.tool_courserating-reviews-popup .user-review {
border-top: 1px solid #dee2e6;
}
.tool_courserating-form-stars-group label .icon {
font-size: 2rem;
}
.tool_courserating-form-stars-group label.form-check-inline {
margin-right: 0;
padding-right: 1rem;
}
.tool_courserating-form-stars-group input[type='radio'] {
display: none;
}
.tool_courserating-form-stars-group .stars-1 .star-on,
.tool_courserating-form-stars-group.s-1 .stars-1 .star-off,
.tool_courserating-form-stars-group .stars-2 .star-on,
.tool_courserating-form-stars-group.s-2 .stars-2 .star-off,
.tool_courserating-form-stars-group .stars-3 .star-on,
.tool_courserating-form-stars-group.s-3 .stars-3 .star-off,
.tool_courserating-form-stars-group .stars-4 .star-on,
.tool_courserating-form-stars-group.s-4 .stars-4 .star-off,
.tool_courserating-form-stars-group .stars-5 .star-on,
.tool_courserating-form-stars-group.s-5 .stars-5 .star-off {
display: none;
}
.tool_courserating-form-stars-group.s-1 .stars-1 .star-on,
.tool_courserating-form-stars-group.s-2 .stars-2 .star-on,
.tool_courserating-form-stars-group.s-3 .stars-3 .star-on,
.tool_courserating-form-stars-group.s-4 .stars-4 .star-on,
.tool_courserating-form-stars-group.s-5 .stars-5 .star-on {
display: inline-block;
}
.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;
}
.tool-dynamic-cohorts-condition-edit,
.tool-dynamic-cohorts-condition-delete,
.tool-dynamic-cohorts-condition-view {
cursor: pointer;
color: #0036ae;
}
/**
* Styles for admin tool page.
*/
/* Fix bad default table wrap (caused by the long mimetype field). */
.path-admin-tool-filetypes .generaltable .c0,
.path-admin-tool-filetypes .generaltable .c1,
.path-admin-tool-filetypes .generaltable .c2,
.path-admin-tool-filetypes .generaltable th {
white-space: nowrap;
}
/* Formatting for deleted lines. */
.path-admin-tool-filetypes .generaltable .deleted .c0 img {
opacity: 0.2;
}
.path-admin-tool-filetypes .generaltable .deleted .c0 span {
text-decoration: line-through;
}
/* Custom types show bold */
.path-admin-tool-filetypes .generaltable .nonstandard {
font-weight: bold;
}
#page-admin-tool-installaddon-index #installfromrepobox {
text-align: center;
padding-top: 2em;
padding-bottom: 2em;
}
#page-admin-tool-installaddon-index #installfromrepobox .singlebutton {
display: inline-block;
}
#page-admin-tool-installaddon-index #installfromrepobox .singlebutton input[type=submit] {
padding: 1em;
}
/*
// 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 .
*/
/*
Document : styles
Created on : 28/11/2013, 09:59:27
Author : Jordi Pujol-Ahulló, SREd, Universitat Rovira i Virgili
Package : tool
Subpackage : iomadmerge
License : http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
Description:
Format merging results.
*/
.result > .title {
display: block;
font-weight: bold;
}
.result > .resultsetko {
color: red;
}
.align-center{
text-align: center;
}
/* 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_iomadpolicy 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;
}
.iomadpolicy-heading .iomadpolicy-viewdoc-buttons {
text-align: center;
margin: 15px;
}
#page-admin-tool-iomadpolicy-acceptances .colselect {
width: 35px;
}
#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;
}
/* Get rid of second vertical scrollbar around OPcache GUI */
#page-admin-tool-redis-index div[role="main"] {
overflow-y: hidden;
}
#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;
}
.tool-trigger-step-moveup,
.tool-trigger-step-movedown,
.tool-trigger-step-edit,
.tool-trigger-step-delete {
cursor: pointer;
}
.tool-trigger-initial-hidden {
visibility: hidden;
}
.fieldtitle {
width: 100%;
display: block;
font-size: .85em;
}
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;
}
}
@font-face {
font-display: swap;
font-family: 'Atkinson Hyperlegible';
font-style: normal;
font-weight: 700;
src: url(/theme/font.php/iomadmoon/local_ai_manager/1777497332/AtkinsonHyperlegible-Bold.ttf) format('truetype');
}
@font-face {
font-display: swap;
font-family: 'Atkinson Hyperlegible';
font-style: normal;
font-weight: 400;
src: url(/theme/font.php/iomadmoon/local_ai_manager/1777497332/AtkinsonHyperlegible-BoldItalic.ttf) format('truetype');
}
@font-face {
font-display: swap;
font-family: 'Atkinson Hyperlegible';
font-style: normal;
font-weight: 400;
src: url(/theme/font.php/iomadmoon/local_ai_manager/1777497332/AtkinsonHyperlegible-Italic.ttf) format('truetype');
}
@font-face {
font-display: swap;
font-family: 'Atkinson Hyperlegible';
font-style: normal;
font-weight: 400;
src: url(/theme/font.php/iomadmoon/local_ai_manager/1777497332/AtkinsonHyperlegible-Regular.ttf) format('truetype');
}
@font-face {
font-display: swap;
font-family: 'Lexend';
font-style: normal;
font-weight: 200;
src: url(/theme/font.php/iomadmoon/local_ai_manager/1777497332/Lexend-ExtraLight.ttf) format('truetype');
}
@font-face {
font-display: swap;
font-family: 'Lexend';
font-style: normal;
font-weight: 300;
src: url(/theme/font.php/iomadmoon/local_ai_manager/1777497332/Lexend-Light.ttf) format('truetype');
}
@font-face {
font-display: swap;
font-family: 'Lexend';
font-style: normal;
font-weight: 400;
src: url(/theme/font.php/iomadmoon/local_ai_manager/1777497332/Lexend-Regular.ttf) format('truetype');
}
@font-face {
font-display: swap;
font-family: 'Lexend';
font-style: normal;
font-weight: 600;
src: url(/theme/font.php/iomadmoon/local_ai_manager/1777497332/Lexend-SemiBold.ttf) format('truetype');
}
@font-face {
font-display: swap;
font-family: 'Lexend';
font-style: normal;
font-weight: 700;
src: url(/theme/font.php/iomadmoon/local_ai_manager/1777497332/Lexend-Bold.ttf) format('truetype');
}
.local_ai_manager-green {
color: #00bf00;
}
.local_ai_manager-red {
color: #f00;
}
.local_ai_manager-infobox {
display: flex;
align-items: center;
gap: 10px;
color: #60616d;
font-family: "Atkinson Hyperlegible";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
}
.local_ai_manager_userquota_infobox {
color: #60616d;
font-family: "Atkinson Hyperlegible";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
}
.local_ai_manager-userquota_limitreached {
color: #f00;
}
.local_ai_manager-infobox p {
margin: 0;
}
.rights-table-selection_info {
font-weight: normal;
}
.local_ai_manager-idmgroupfilter_select {
min-width: 20rem;
}
#page-local-ai_manager-purpose_config #region-main select {
width: 100%;
}
body.path-local-ai_manager .secondary-navigation {
padding-bottom: 3.5rem;
}
body.limitcontentwidth #page-content {
max-width: 1000px;
margin: 0 auto;
}
.local_ai_manager-info-warning {
display: flex;
align-items: center;
gap: 10px;
font-family: "Atkinson Hyperlegible";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
padding-top: 0.5rem;
}
.local_ai_manager-info-warning .local_ai_manager-info-warning-text {
margin: 0;
}
.local_ai_manager-caching_enabled {
color: #f00;
}
.local_ai_manager-caching_disabled {
color: #00bf00;
}
#page-local-ai_manager-edit_instance [data-name="vertexcachestatus"] {
width: 100%;
}
.modal-dialog.local_ai_manager-prompts_view_modal {
max-width: 95%;
}
.local_ai_manager-prompts_view_modal table {
table-layout: fixed;
}
.local_ai_manager-prompts_view_table-context {
width: 15%;
}
.local_ai_manager-prompts_view_table-prompt,
.local_ai_manager-prompts_view_table-promptcompletion {
width: 35%;
}
.local_ai_manager-prompts_view_table-date {
width: 12%;
}
.local_ai_manager-purpose_info_icon .icon {
cursor: pointer;
}
/* AI Check Button Styles */
.aicheck-button-injected {
margin: 10px 0;
}
.aicheck-button-container {
margin: 15px 0;
text-align: center;
}
/* Modal feedback styling */
.modal-body {
max-height: 70vh;
overflow-y: auto;
}
/**
// 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 .
*/
/**
* CSS definitions
*
* @package local
* @subpackage assignsubmission_download
* @author Andreas Hruska (andreas.hruska@tuwien.ac.at)
* @author Katarzyna Potocka (katarzyna.potocka@tuwien.ac.at)
* @author Günther Bernsteiner
* @copyright 2014 Academic Moodle Cooperation {@link http://www.academic-moodle-cooperation.org}
* @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
*/
.path-mod-assign input#id_grpperpage_optimum {
margin-left: 10px;
}
.path-mod-assign div.paging {
padding-left: 10px;
}
.path-mod-assign input#selectall {
float: left;
margin-left: 3px;
}
.path-mod-assign div.bold {
margin-top: 20px;
}
.path-mod-assign .gradingtable td.c0 input {
margin-left: 10px;
}
.path-mod-assign.local-assignsubmission_download .gradingtable thead tr {
position: inherit;
top: 0px;
}
.path-mod-assign div.data_bold {
padding: 12px;
font-weight: bold;
}
.path-mod-assign div.table_printpreview {
margin-left: 10px;
margin-right: 10px;
border: 1px solid #d9d9d9;
}
.path-mod-assign div.table_printpreview .generalbox {
border: none;
}
.path-mod-assign div.table_printpreview .initialbar {
padding: 12px;
}
.path-mod-assign .felement:not([data-fieldtype="editor"]) a,
.path-mod-assign .felement:not([data-fieldtype="editor"]) strong {
display: block;
float: left;
margin-top: 6px;
}
.path-mod-assign input#id_grpperpage_optimum {
margin-left: 10px;
}
.path-mod-assign div.commands {
float: none;
}
.path-mod-assign table.flexible tr.r0 td {
background-color: #f0f0f0;
white-space: nowrap;
}
.path-mod-assign table.flexible tr.r1 td {
background-color: #fafafa;
white-space: nowrap;
}
.path-mod-assignment .scroll_forced {
margin-left: 10px;
margin-right: 10px;
padding: 0;
border: 1px solid #ddd;
}
.path-mod-assignment .scroll_forced .datapreviewtitle {
font-weight: bold;
margin-top: 1em;
margin-left: 1em;
}
.path-mod-assignment .scroll_forced .checkboxcontroller {
margin-top: 1em;
margin-left: 1em;
}
body.local-assignsubmission_download .activity-information[data-region="activity-information"] {
display: none;
}
/*
// This file is part of local_checkmarkreport for Moodle - http://moodle.org/
//
// It is free software: you can redistribute it and/or modify
// it under the terms of the GNU General Public License as published by
// the Free Software Foundation, either version 3 of the License, or
// (at your option) any later version.
//
// It is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
// GNU General Public License for more details.
//
// You should have received a copy of the GNU General Public License
// along with Moodle. If not, see .
*/
/**
* Styles for local_checkmarkreport
*
* @package local_checkmarkreport
* @author Philipp Hager
* @copyright 2014 Academic Moodle Cooperation {@link http://www.academic-moodle-cooperation.org}
* @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
*/
/** General Styles **/
.path-local-checkmarkreport #reportfilterform .form-inline.felement label {
margin-right: 0;
}
.path-local-checkmarkreport #reportfilterform .break {
flex-basis: 100%;
width: 0;
height: 0;
overflow: hidden;
}
.path-local-checkmarkreport div.scrollforced {
overflow-x: scroll;
width: 100%;
}
.path-local-checkmarkreport span.downloadlink {
margin-bottom: 2em;
margin-left: 1em;
margin-right: 1em;
}
.path-local-checkmarkreport #checkmarkreporttable table .hiddencol .hidecol,
.path-local-checkmarkreport #checkmarkreporttable table .showcol,
.path-local-checkmarkreport #checkmarkreporttable table .hiddencol .content {
display: none;
}
.path-local-checkmarkreport #checkmarkreporttable table .hiddencol .showcol,
.path-local-checkmarkreport #checkmarkreporttable table .hidecol,
.path-local-checkmarkreport #checkmarkreporttable table .content {
display: inline;
white-space: nowrap;
}
.path-local-checkmarkreport #checkmarkreporttable table .hiddencol {
margin: 0;
padding: 0;
}
.path-local-checkmarkreport #checkmarkreporttable table .hidecol {
margin-left: 3px;
}
.path-local-checkmarkreport #checkmarkreporttable table.userview th.cell {
text-align: center;
}
.path-local-checkmarkreport #checkmarkreporttable table tr {
white-space: nowrap;
}
.path-local-checkmarkreport #checkmarkreporttable table td {
text-align: center;
}
.path-local-checkmarkreport #checkmarkreporttable table td.fullnameuser,
.path-local-checkmarkreport #checkmarkreporttable table td.email {
text-align: left;
}
.path-local-checkmarkreport #checkmarkreporttable .overview .current,
.path-local-checkmarkreport #checkmarkreporttable .useroverview .current {
background: #f3e4c0;
}
.path-local-checkmarkreport #checkmarkreporttable .overview .current::before,
.path-local-checkmarkreport #checkmarkreporttable .useroverview .current::before {
/* Prevents theme_boost course content css injecting left-border before cells! */
content: none;
}
.path-local-checkmarkreport #checkmarkreporttable .useroverview .checked,
.path-local-checkmarkreport #checkmarkreporttable .useroverview .points,
.path-local-checkmarkreport #checkmarkreporttable .useroverview .attendance {
/* Minimum width for these cells */
white-space: nowrap;
width: 1%;
}
.path-local-checkmarkreport #checkmarkreporttable .useroverview .attendance {
text-align: center;
vertical-align: middle;
}
.path-local-checkmarkreport #checkmarkreporttable .useroverview .presentationgrade {
text-align: right;
vertical-align: middle;
}
.path-local-checkmarkreport [role=tooltip] {
/* Timing has to be synced with JS! */
transition: opacity 200ms ease-in-out;
}
.tabletoolbar {
display: flex;
justify-content: space-between;
}
/**/
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes skeleton-loading {
0% {
background-color: rgba(0, 0, 0, 0.05);
}
100% {
background-color: rgba(0, 0, 0, 0.12);
}
}
.block_dash .panel .card-img-top-overlay,
.block_dash .card .card-img-top-overlay {
position: absolute;
top: 10px;
left: 10px;
z-index: 1;
}
.block_dash .panel,
.block_dash .panel .card-img-top {
width: 100%;
}
.block_dash.local_dash-layout-cards_layout img.card-img-top.img-responsive {
object-fit: cover;
height: 120px;
}
/* Timeline */
.dash-block-content .timeline {
list-style: none;
padding: 20px 0 20px;
position: relative;
}
.dash-block-content .timeline:before {
top: 0;
bottom: 0;
position: absolute;
content: " ";
width: 3px;
background-color: #eee;
left: 50%;
margin-left: -1.5px;
}
.dash-block-content .timeline > li {
margin-bottom: 20px;
position: relative;
}
.dash-block-content .timeline > li:before,
.dash-block-content .timeline > li:after {
content: " ";
display: table;
}
.dash-block-content .timeline > li:after {
clear: both;
}
.dash-block-content .timeline > li:before,
.dash-block-content .timeline > li:after {
content: " ";
display: table;
}
.dash-block-content .timeline > li:after {
clear: both;
}
.dash-block-content .timeline > li > .timeline-panel {
width: 46%;
min-height: 70px;
float: left;
border: 1px solid #d4d4d4;
border-radius: 2px;
padding: 20px;
position: relative;
-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}
.dash-block-content .timeline > li > .timeline-panel:before {
position: absolute;
top: 26px;
right: -15px;
display: inline-block;
border-top: 15px solid transparent;
border-left: 15px solid #ccc;
border-right: 0 solid #ccc;
border-bottom: 15px solid transparent;
content: " ";
}
.dash-block-content .timeline > li > .timeline-panel:after {
content: " ";
position: absolute;
top: 27px;
right: -14px;
display: inline-block;
border-top: 14px solid transparent;
border-left: 14px solid #fff;
border-right: 0 solid #fff;
border-bottom: 14px solid transparent;
}
.dash-block-content .timeline > li > .timeline-badge {
color: #fff;
width: 50px;
height: 50px;
line-height: 50px;
font-size: 1.4em;
text-align: center;
border-top-right-radius: 50%;
border-top-left-radius: 50%;
border-bottom-right-radius: 50%;
border-bottom-left-radius: 50%;
background-color: #999;
margin-left: -25px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 16px;
left: 50%;
z-index: 100;
img.img-responsive {
max-height: 20px;
width: auto;
}
}
.dash-block-content .timeline > li.timeline-inverted > .timeline-panel {
float: right;
}
.dash-block-content .timeline > li.timeline-inverted > .timeline-panel:before {
border-left-width: 0;
border-right-width: 15px;
left: -15px;
right: auto;
}
.dash-block-content .timeline > li.timeline-inverted > .timeline-panel:after {
border-left-width: 0;
border-right-width: 14px;
left: -14px;
right: auto;
}
.dash-block-content .timeline .timeline-badge.primary {
background-color: #2e6da4;
}
.dash-block-content .timeline .timeline-badge.success {
background-color: #3f903f;
}
.dash-block-content .timeline .timeline-badge.warning {
background-color: #f0ad4e;
}
.dash-block-content .timeline .timeline-badge.danger {
background-color: #d9534f;
}
.dash-block-content .timeline .timeline-badge.info {
background-color: #5bc0de;
}
.dash-block-content .timeline .timeline-title {
margin-top: 0;
color: inherit;
}
.dash-block-content .timeline .timeline-body > p,
.dash-block-content .timeline .timeline-body > ul {
margin-bottom: 0;
}
.dash-block-content .timeline .timeline-body > p + p {
margin-top: 5px;
}
.dash-block-content .timeline .timeline-badge i {
width: 100%;
margin-top: 12px;
font-size: 1.25em;
}
.dash-block-content .timeline .timeline-panel img {
max-width: 200px;
}
.dash-preferences-form.mform .select2-form .felement .select2-container {
min-width: 150px;
}
@media (max-width: 1767px) {
.dash-block-content ul.timeline:before {
left: 40px;
}
.dash-block-content ul.timeline > li > .timeline-panel {
width: calc(100% - 90px);
}
.dash-block-content ul.timeline > li > .timeline-panel {
width: -moz-calc(100% - 90px);
}
.dash-block-content ul.timeline > li > .timeline-panel {
width: -webkit-calc(100% - 90px);
}
.dash-block-content ul.timeline > li > .timeline-badge {
left: 15px;
margin-left: 0;
top: 16px;
}
.dash-block-content ul.timeline > li > .timeline-panel {
float: right;
}
.dash-block-content ul.timeline > li > .timeline-panel:before {
border-left-width: 0;
border-right-width: 15px;
left: -15px;
right: auto;
}
.dash-block-content ul.timeline > li > .timeline-panel:after {
border-left-width: 0;
border-right-width: 14px;
left: -14px;
right: auto;
}
}
/* Card background image */
.block_dash .card.card-background {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.block_dash .img-responsive {
width: 100%;
height: 100%;
}
.block_dash .dash-container .dash-block-content .card {
width: 100%;
height: 100%;
border: 0;
position: relative;
z-index: 0;
}
.block_dash .dash-container .dash-block-content .card .badge {
white-space: pre-wrap;
}
.block_dash .dash-container .dash-block-content .card .badge + .card-body {
margin-top: 20px;
}
.block_dash .dash-container .dash-block-content .card a {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.block_dash .dash-container .dash-block-content .card img {
height: 100%;
object-fit: cover;
border-radius: 7px;
}
.block_dash .dash-container .dash-block-content .card .card-body p img {
margin-bottom: 10px;
}
.block_dash .dash-container .dash-block-content .card-layout-row .card.details-area-block {
display: none;
}
.block_dash .dash-container .dash-block-content .card-layout-row .card.details-area-block.show-detail {
display: block;
}
.block_dash .dash-container .dash-block-content .card-layout-row.card-layout-default.floating-block > .card-block {
margin-top: 5px;
}
.block_dash .dash-container .dash-block-content .card-layout-row.card-layout-default.floating-block.fit-content > .card-block {
width: 100%;
margin-bottom: 0;
}
.block_dash .dash-container .dash-block-content .card-layout-row.card-layout-default.fit-content
.card.details-area-block.show-detail {
width: 98.6%;
margin: 0 auto;
}
.block_dash .dash-container .dash-block-content
.card-layout-row.card-layout-default.floating-card.fit-content:not(.one-column-block) .card.details-area-block.show-detail {
width: 96.2%;
margin-top: 0;
}
.block_dash .dash-container .dash-block-content
.card-layout-row.card-layout-default.floating-card.fit-content.two-column-block .card.details-area-block.show-detail {
width: 97%;
}
.block_dash .dash-container .dash-block-content .card-layout-row.card-layout-default .card.details-area-block.show-detail,
.block_dash .dash-container .dash-block-content .card-layout-row.card_layout_masonry .card.details-area-block.show-detail {
height: 100%;
display: block;
margin-bottom: 0;
animation: fadeIn ease 1s;
z-index: 1;
}
.block_dash .dash-container .dash-block-content .card-layout-row.card-layout-default
.card-block.floating-details .card.details-area-block.show-detail {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.block_dash .dash-container .dash-block-content .card-layout-row.card-layout-default
.card.details-area-block.show-detail .card-block .card-footer > div {
margin-bottom: 0;
}
.block_dash .dash-container .dash-block-content .card-block:not(.floating-details):not(.slider) .card-background.card:before {
content: '';
width: 100%;
height: 100%;
border-radius: 7px;
background: rgba(0, 0, 0, 0.2);
position: absolute;
top: 0;
left: 0;
z-index: 0;
}
.block_dash .dash-container .dash-block-content .card-block.expand-details:not(.floating-details):not(.slider)
.card-background.card:before {
display: none;
}
.block_dash .dash-container .dash-block-content .card-block.masonry.filtr-item .card-background.card:before {
z-index: -1;
}
.block_dash .dash-container .dash-block-content .card-layout-row.expand-block > .card-block.expand-card.col-sm-12 {
display: flex;
}
.block_dash .dash-container .dash-block-content .card-layout-row.expand-block > .card-block.expand-card.col-sm-6,
.block_dash .dash-container .dash-block-content .card-layout-row.expand-block > .card-block.expand-card.col-sm-4 {
max-width: 70%;
flex: auto;
}
.block_dash .dash-container .dash-block-content .card-layout-row.expand-block > .card-block.expand-card.col-sm-6 + .card-block,
.block_dash .dash-container .dash-block-content .card-layout-row.expand-block > .card-block.expand-card.col-sm-4 + .card-block {
max-width: 30%;
}
.block_dash .dash-container .dash-block-content
.card-layout-row.expand-block > .card-block.expand-card.col-sm-6:nth-child(2n) + .card-block,
.block_dash .dash-container .dash-block-content
.card-layout-row.expand-block > .card-block.expand-card.col-sm-6:nth-child(3n) + .card-block {
max-width: 50%;
}
.block_dash .dash-container .dash-block-content .card-layout-row.expand-block .card-block.expand-card .card.details-area-block {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.block_dash .dash-container .dash-block-content .card-layout-row.expand-block .card-block.expand-card
.card.details-area-block .card-block {
display: flex;
flex-direction: column;
}
.block_dash .dash-container .dash-block-content .card-layout-row.expand-block .card-block.expand-card
.card.details-area-block .card-footer {
border: 0;
background: none;
}
/*End of Course detail block*/
/*Detail block Floating*/
.block_dash .dash-container .dash-block-content .card-layout-row.floating-block.fit-card .card-block.floating-details {
margin-bottom: 0;
transform: scale(1.1);
display: flex;
flex-direction: column;
transition: all .5s ease;
z-index: 1;
}
.block_dash .dash-container .dash-block-content .card-layout-row.floating-block.fit-card.floating-card
.card-block.floating-details {
display: grid;
}
.block_dash .dash-container .dash-block-content .card-layout-row.floating-block.fit-card.one-column-block
.card-block.floating-details {
max-width: none;
transform: scale(1);
}
.block_dash .dash-container .dash-block-content .card-layout-row.card-layout-default.one-column-block
.card-block.floating-details .card.details-area-block.show-detail {
margin-bottom: 0;
}
.block_dash .dash-container .dash-block-content .card-layout-row.floating-block .card-block.floating-details
.card.show-detail .card-body {
padding: 10px;
}
.block_dash .dash-container .dash-block-content .card-layout-row.floating-block .card-block.floating-details
.card.show-detail .card-body .title-block {
max-height: 100px;
margin-bottom: 0;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
display: -webkit-box;
}
.block_dash .dash-container .dash-block-content .card-layout-row.floating-block .card-block.floating-details
.card.show-detail .card-body .title-block h4 {
font-size: 16px;
}
.block_dash .dash-container .dash-block-content .card-layout-row.floating-block:not(.fit-content)
.card-block.floating-details > .card:not(.details-area-block),
.block_dash .dash-container .dash-block-content .card-layout-row.floating-block:not(.fit-content)
.card-block.floating-details .card img {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.block_dash .dash-container .dash-block-content .card-layout-row.floating-block.floating-card
.card-block.float-details .card.details-area-block {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.block_dash .dash-container .dash-block-content .card-layout-row.floating-block:not(.card-layout-default)
.card-block.col-12.floating-card .card.card-background:before {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.block_dash .dash-container .dash-block-content .card-layout-row.floating-block .card-block.col-sm-12.floating-card {
transform: scale(1.05);
}
.block_dash .dash-container .dash-block-content .card-layout-row.floating-block:not(.card-layout-default)
.card-block.floating-card .card.card-background img {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.block_dash .dash-container .dash-block-content .card-layout-row.floating-block:not(.card-layout-default) .card.details-area-block {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.block_dash .dash-container .dash-block-content .card-layout-row.card-layout-default.floating-block
.card-block.floating-card .card.details-area-block {
margin-bottom: 0;
}
.block_dash .dash-container .dash-block-content .card-layout-row.floating-block .card-block .card-body .title-block {
margin-bottom: 15px;
}
.block_dash .dash-container .dash-block-content .card-layout-row .card.details-area-block .body-block .detail-block,
.block_dash .dash-container .dash-block-content .card-layout-row .card.details-area-block .body-block .content-block,
.block_dash .dash-container .dash-block-content .card-layout-row .card.details-area-block .body-block .desc-block {
max-height: 90px;
overflow: hidden;
margin-top: 10px;
text-overflow: ellipsis;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
display: -webkit-box;
}
.block_dash .dash-container .dash-block-content .card-layout-row .card.details-area-block .body-block .detail-block p,
.block_dash .dash-container .dash-block-content .card-layout-row .card.details-area-block .body-block .content-block p,
.block_dash .dash-container .dash-block-content .card-layout-row .card.details-area-block .body-block .desc-block p {
margin-bottom: 0;
}
.block_dash .dash-container .dash-block-content .card-layout-row .card-block {
transition: all .5s ease;
}
.block_dash .dash-container .dash-block-content
.card-layout-row.floating-block > .card-block.floating-details .card.card-background {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.block_dash .dash-container .dash-block-content .card-layout-row.floating-block > .card-block.floating-details,
.block_dash .dash-container .dash-block-content
.card-layout-row.floating-block > .card-block.floating-details + .details-area-block {
border-top-left-radius: 0;
border-top-right-radius: 0;
transform: scale(1.03);
transition: all .5s ease;
}
.block_dash .dash-container .dash-block-content .card-layout-row.floating-block.fit-content > .card-block.floating-details {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.block_dash .dash-container .dash-block-content .card-layout-row.floating-block .card.details-area-block {
margin-bottom: 20px;
}
.block_dash .dash-container .dash-block-content .card-layout-row:not(.floating-block)
.card.details-area-block .card-block .card-footer > div {
margin-bottom: 10px;
}
.block_dash .dash-container .dash-block-content .card-layout-row .card.details-area-block .card-block .card-footer:after {
content: '';
display: block;
clear: both;
}
.block_dash .dash-container .dash-block-content .card-layout-row .card.details-area-block .card-block .card-footer .footer-left {
margin-top: 5px;
margin-right: 5px;
display: inline-block;
}
@media (max-width: 575px) {
.block_dash .dash-container .dash-block-content .card-layout-row.floating-block.fit-card .card-block.floating-details {
transform: scale(1.1);
}
}
/*End of Detail block Floating*/
/*Default layout*/
.block_dash .card-body .card-text .dash-block-content nav > .pagination,
.block_dash .card-body .card-text .dash-block-content .pagination-summary {
margin-top: 20px;
flex-wrap: wrap;
}
.block_dash .dash-container .dash-block-content .card-layout-row.one-column-block {
margin: 0;
}
.block_dash .dash-container .dash-block-content .card-layout-row.card-layout-default.fit-content.expand-card,
.block_dash .dash-container .dash-block-content .card-layout-row.card-layout-default.fit-content {
display: grid;
gap: .5rem 0;
grid-auto-flow: dense;
grid-template-columns: repeat(auto-fit, 100%);
justify-content: center;
}
.block_dash .dash-container .dash-block-content .card-layout-row.card-layout-default.fit-content.expand-block:not(.expand-card) {
display: flex;
}
/* .block_dash .dash-container .dash-block-content
.card-layout-row.card-layout-default.floating-block.fit-content:not(.floating-card) {
justify-content: left;
display: flex;
} */
.block_dash .dash-container .dash-block-content
.card-layout-row.card-layout-default.floating-block.fit-content:not(.floating-card) .card.details-area-block:hover {
margin-bottom: 0;
}
.block_dash .dash-container .dash-block-content .card-layout-row.card-layout-default.fit-content.two-column-block {
grid-template-columns: repeat(auto-fit, 50%);
}
.block_dash .dash-container .dash-block-content .card-layout-row.card-layout-default.fit-content.three-column-block {
grid-template-columns: repeat(auto-fit, 33.333%);
}
.block_dash .dash-container .dash-block-content .card-layout-row.card-layout-default.fit-content.four-column-block {
grid-template-columns: repeat(auto-fit, 25%);
}
.block_dash .dash-container .dash-block-content .card-layout-row.card-layout-default.fit-content.five-column-block {
grid-template-columns: repeat(auto-fit, 20%);
}
.block_dash .dash-container .dash-block-content .card-layout-row.card-layout-default.fit-content.six-column-block {
grid-template-columns: repeat(auto-fit, 16.666%);
}
.block_dash .dash-container .dash-block-content .card-layout-row.card-layout-default.fit-content.twelve-column-block {
grid-template-columns: repeat(auto-fit, 8.333%);
}
.block_dash .dash-container .dash-block-content .card-layout-row.card-layout-default.fit-content.expand-card .card-block,
.block_dash .dash-container .dash-block-content .card-layout-row.card-layout-default.fit-content.floating-card .card-block {
max-width: none;
width: 100%;
margin-bottom: 0;
}
.block_dash .dash-container .dash-block-content .card-layout-row.card-layout-default.fit-content
.card-block + .details-area-block {
margin-top: -2px;
}
.block_dash .dash-container .dash-block-content .card-layout-row.card-layout-default.fit-content.floating-card
.card-block:hover + .details-area-block,
.block_dash .dash-container .dash-block-content .card-layout-row.card-layout-default.fit-content
.card-block + .details-area-block:hover {
display: block;
}
.block_dash .dash-container .dash-block-content .card-layout-row.card-layout-default.fit-content.expand-card .card {
max-width: none;
}
.block_dash .dash-container .dash-block-content .card-layout-row.card-layout-default {
margin: 0;
}
.block_dash .dash-container .dash-block-content .card-layout-row.card-layout-default.fit-card:not(.one-column-block)
.card-block:not(.block-n-expand) .card:not(.details-area-block),
.block_dash .dash-container .dash-block-content .card-layout-row.card-layout-default.fit-card:not(.one-column-block)
.card-block:not(.float-n-expand) .card:not(.details-area-block) {
gap: 0;
}
.block_dash .dash-container .dash-block-content .card-layout-row.fit-card:not(.card_layout_slider) > .card-block {
flex-direction: row;
}
.block_dash .dash-container .dash-block-content .card-layout-row.card-layout-default > .card-block,
.block_dash .dash-container .dash-block-content .card-layout-row.card-layout_masonry > .card-block {
width: 100%;
border-radius: 7px;
padding: 0 5px;
margin-bottom: 10px;
display: flex;
flex-direction: column;
}
.block_dash .dash-container .dash-block-content .card-layout-row.card-layout-default.expand-block.fit-content > .card-block {
max-width: none;
width: 100%;
}
.block_dash .dash-container .dash-block-content
.card-layout-row.card-layout-default > .card-block.expand-card:not(.col-sm-12) .card.card-background,
.block_dash .dash-container .dash-block-content
.card-layout-row.card-layout_masonry > .card-block.expand-card:not(.col-sm-12) .card.card-background,
.block_dash .dash-container .dash-block-content
.card-layout-row.card-layout-default > .card-block.expand-card:not(.col-sm-12) .card.card-background img,
.block_dash .dash-container .dash-block-content
.card-layout-row.card-layout_masonry > .card-block.expand-card:not(.col-sm-12) .card.card-background img,
.block_dash .dash-container .dash-block-content
.card-layout-row.card-layout-default > .card-block.floating-card:not(.col-sm-12) .card.card-background,
.block_dash .dash-container .dash-block-content
.card-layout-row.card-layout_masonry > .card-block.floating-card:not(.col-sm-12) .card.card-background,
.block_dash .dash-container .dash-block-content
.card-layout-row.card-layout-default > .card-block.floating-card:not(.col-sm-12) .card.card-background img,
.block_dash .dash-container .dash-block-content
.card-layout-row.card-layout_masonry > .card-block.floating-card:not(.col-sm-12) .card.card-background img {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.block_dash .dash-container .dash-block-content .card-layout-row.fit-content > .details-area-block {
grid-column: 1 / -1;
}
@media (min-width: 992px) {
.block_dash .dash-container .dash-block-content
.card-layout-row.card-layout-default.fit-card.expand-card > .card-block.expand-details .card:not(.details-area-block),
.block_dash .dash-container .dash-block-content
.card-layout-row.card-layout-default.fit-card.expand-card > .card-block.expand-details .card:not(.details-area-block):before {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.block_dash .dash-container .dash-block-content .card-layout-row.fit-card
.card-block:not(.floating-details) .card.details-area-block.show-detail {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
}
@media (max-width: 991px) {
.block_dash .dash-container .dash-block-content
.card-layout-row.card-layout-default.fit-card > .card-block:not(.floating-details) {
flex-direction: column;
}
.block_dash .dash-container .dash-block-content
.card-layout-row.card-layout-default.fit-card.expand-card > .card-block.expand-details .card:not(.details-area-block),
.block_dash .dash-container .dash-block-content
.card-layout-row.card-layout-default.fit-card.expand-card > .card-block.expand-details .card:not(.details-area-block):before {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.block_dash .dash-container .dash-block-content .card-layout-row.fit-card
.card-block:not(.floating-details) .card.details-area-block.show-detail {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
}
@media (max-width: 575px) {
.block_dash .dash-container .dash-block-content .card-layout-row.card-layout-default.fit-content.expand-block {
display: flex;
}
.block_dash .dash-container .dash-block-content
.card-layout-row.card-layout-default.floating-card.fit-content:not(.one-column-block) .card.details-area-block.show-detail {
width: 97.7%;
}
}
/* End of Default layout */
/*SLider*/
form fieldset #fitem_id_config_preferences_details_bg_color.fitem.fitem_f .fitemtitle label,
form fieldset #fitem_id_config_preferences_details_text_color.fitem.fitem_f .fitemtitle label {
padding: 0;
margin: 0;
}
form fieldset #fitem_id_config_preferences_details_bg_color.fitem.fitem_f .felement.col-md-9,
form fieldset #fitem_id_config_preferences_details_text_color.fitem.fitem_f .felement.col-md-9 {
max-width: none;
padding: 0;
}
form fieldset .fitem.fitem_f .fitemtitle {
width: 28%;
display: inline-block;
vertical-align: top;
}
form fieldset .fitem.fitem_f .form-group .col-md-3 {
max-width: 0;
padding: 0;
}
form fieldset .fitem.fitem_f .fitemtitle label {
font-weight: bold;
padding-left: 15px;
margin-left: 1.5rem;
}
form fieldset .fitem.fitem_f .felement {
display: inline-block;
}
.block_dash.block .card-body {
min-height: auto;
border-radius: 5px;
}
.block_dash.block .card-body .singlebutton + small.card-footer-left {
max-width: 200px;
margin-top: 5px;
margin-right: 5px;
}
.block_dash.block .card-body .card-footer {
border: 0;
background: none;
}
.block_dash.block .card-body .card-footer:after {
content: '';
display: block;
clear: both;
}
.block_dash.block .card-body .card-footer-left,
.block_dash.block .card-body .card-footer-right {
margin-bottom: 5px;
}
.block_dash.block .card-body p:empty,
.block_dash.block .card-body p > *:not(img):not(i):empty {
display: none;
}
.block_dash.block .card-body .card-body-1,
.block_dash.block .card-body .card-body-2,
.block_dash.block .card-body .card-body-3 {
max-height: 90px;
overflow: hidden;
margin-bottom: 10px;
text-overflow: ellipsis;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
display: -webkit-box;
}
.block_dash.block .card-body .card-body-1 p,
.block_dash.block .card-body .card-body-2 p,
.block_dash.block .card-body .card-body-3 p {
margin-bottom: 0;
}
.block_dash.block .card-body > .singlebutton {
margin-bottom: 10px;
}
.block_dash .dash-block-content .card_layout_slider:not(.slick-slider) .card-block .slider-card {
display: none;
}
.block_dash .dash-block-content .card_layout_slider .slick-list .slick-slide {
height: 100%;
}
.block_dash .dash-block-content .card_layout_slider.slider-n-rows .slick-list .slick-slide {
height: auto;
}
.block_dash .dash-block-content .card_layout_slider .slick-list .slick-slide > div {
height: 100%;
margin: 0 5px 5px 5px;
display: flex;
gap: .5rem;
}
.block_dash .dash-block-content .card_layout_slider.slick-vertical .slick-list .slick-slide > div {
height: auto;
}
.block_dash .dash-block-content .card_layout_slider.slider-center-mode .slick-list .slick-slide {
padding: 30px 5px;
}
.block_dash .dash-block-content .card_layout_slider.slider-center-mode .slick-list .slick-slide.slick-center {
transform: scale(1.1);
animation: fadeIn ease 1s;
z-index: 1;
}
.block_dash .dash-block-content .card_layout_slider.slider-center-mode .slick-list .slick-slide.expand-slider-column {
flex: auto;
}
.block_dash .dash-block-content .card_layout_slider.slider-center-mode .slick-list
.slick-slide.expand-slider-column + .slick-slide {
flex: 0 0 1%;
}
.block_dash .dash-block-content .card_layout_slider.slider-center-mode.one-column-slider
.slick-list .slick-slide.expand-slider-column + .slick-slide {
flex: auto;
}
.block_dash .dash-block-content .card_layout_slider .slick-arrow {
color: #fff;
border: 1px solid var(--primary, var(--bs-primary));
border-radius: 5px;
background: var(--primary, var(--bs-primary));
padding: 4px 12px;
display: flex;
align-items: center;
position: absolute;
top: 0;
left: auto;
right: 90px;
z-index: 1;
}
.block_dash .dash-block-content .card_layout_slider .slick-arrow.slick-next {
right: 5px;
}
.block_dash .dash-block-content .card_layout_slider .slick-arrow:before,
.block_dash .dash-block-content .card_layout_slider .slick-arrow:after {
content: '';
font-family: var(--fa-style-family, "Font Awesome 6 Free", fontawesome);
font-weight: var(--fa-style, 900);
margin-top: 3px;
}
.block_dash .dash-block-content .card_layout_slider .slick-arrow.slick-prev:before {
content: '\f104';
margin-right: 5px;
}
.block_dash .dash-block-content .card_layout_slider .slick-arrow.slick-next:after {
content: '\f105';
margin-left: 5px;
}
.block_dash .dash-block-content .card_layout_slider .slick-dots {
list-style: none;
padding: 0 0 10px 0;
margin: 15px 0;
overflow: auto;
display: flex;
align-items: center;
}
.block_dash .dash-block-content .card_layout_slider .slick-dots li button {
width: 30px;
height: 30px;
color: #000;
border: 0;
border-radius: 50%;
background: none;
}
.block_dash .dash-block-content .card_layout_slider .slick-dots li button:hover,
.block_dash .dash-block-content .card_layout_slider .slick-dots li button:focus,
.block_dash .dash-block-content .card_layout_slider .slick-dots li button:active,
.block_dash .dash-block-content .card_layout_slider .slick-dots li.slick-active button {
color: #fff;
background: #0f6cbf;
}
.block_dash .dash-block-content .card_layout_slider {
padding-top: 50px;
padding-bottom: 15px;
}
.block_dash .dash-block-content .card_layout_slider.slider-center-mode {
padding-top: 30px;
}
.block_dash .dash-block-content .card_layout_slider.expand-block:not(.slick-vertical) .slick-list
.slick-slide.slider-n-expand > div,
.block_dash .dash-block-content .card_layout_slider.expand-block:not(.slick-vertical) .slick-list
.slick-slide.slick-active.expand-slider-column + .slick-active > div {
height: 100%;
}
.block_dash .dash-block-content .card_layout_slider.fit-card .slick-list .slick-slide.expand-slider-column {
min-width: 360px;
}
.block_dash .dash-block-content .card_layout_slider.expand-block:not(.slick-vertical) .slick-list .slick-slide .card-block.slider,
.block_dash .dash-block-content .card_layout_slider.floating-block:not(.slick-vertical) .slick-list .slick-slide .card-block.slider,
.block_dash .dash-block-content .card_layout_slider.modal-block:not(.slick-vertical) .slick-list .slick-slide .card-block.slider {
position: relative;
}
.block_dash .dash-block-content .card_layout_slider:not(.slick-vertical) .slick-list .slick-track {
display: flex;
}
.block_dash .dash-block-content .card_layout_slider.fit-content .slick-list .slick-slide .card-block.expand-details,
.block_dash .dash-block-content .card_layout_slider.fit-content .slick-list .slick-slide .card-block.floating-details {
height: 100%;
}
.block_dash .dash-block-content .card_layout_slider.fit-content .slick-list .slick-slide .card-block.expand-details .slider-card,
.block_dash .dash-block-content .card_layout_slider.fit-content .slick-list .slick-slide .card-block.floating-details .slider-card {
margin-bottom: 0;
}
.block_dash .dash-block-content .card_layout_slider.fit-content .slick-list .slick-slide
.card-block.expand-details .card.details-area-block,
.block_dash .dash-block-content .card_layout_slider.fit-content .slick-list .slick-slide
.card-block.floating-details .card.details-area-block {
position: static;
}
.block_dash .dash-block-content .card_layout_slider .card-block .slider-card {
width: 100%;
margin-bottom: 5px;
}
.block_dash .dash-block-content .card_layout_slider .slick-list .slick-slide .card-block .slider-card {
min-height: 200px;
height: 100%;
display: flex;
margin-bottom: 0;
}
.block_dash .dash-block-content .card_layout_slider.floating-card .slick-list .slick-slide
.card-block.floating-details .slider-card {
flex-direction: column;
}
.block_dash .dash-block-content .card_layout_slider.floating-card .slick-list .slick-slide .card-block .slider-card {
height: auto;
}
.block_dash .dash-block-content .card_layout_slider.floating-card.slick-vertical.fit-card .slick-list
.slick-slide .card-block .slider-card {
height: 100%;
}
.block_dash .dash-block-content .card_layout_slider .slick-list .slick-slide .card-block .details-area-block
.card-footer .footer-right .singlebutton button.btn {
font-size: 16px;
border-radius: 5px;
padding: 0.375rem 0.75rem;
}
.block_dash .dash-block-content .card_layout_slider .slick-list .slick-slide .card-block .slider-card
.card.details-area-block.show-detail {
left: 0;
animation: fadeIn ease 1s;
}
.block_dash .dash-block-content .card_layout_slider .slick-list .slick-slide .card-block .slider-card
.card.details-area-block.show-detail .card-block .card-body {
height: auto;
position: static;
}
.block_dash .dash-block-content .card_layout_slider .slick-list .slick-slide .card-block .slider-card
.card.details-area-block.show-detail .card-block .card-footer .footer-right {
margin-top: 0;
margin-bottom: 0;
}
.block_dash .dash-block-content .card_layout_slider .slick-list .slick-slide .card-block .card-body {
width: 100%;
height: auto;
top: 0;
z-index: 0;
}
.block_dash .dash-block-content .card_layout_slider .slick-list .slick-slide .card-block .card {
width: 100%;
height: 100%;
border: 0;
border-radius: 0;
}
.block_dash .dash-block-content .card_layout_slider.expand-card .slick-list .slick-slide .card-block .card,
.block_dash .dash-block-content .card_layout_slider.floating-card .slick-list .slick-slide .card-block .card {
height: auto;
margin-bottom: 0;
}
.block_dash .dash-block-content .card_layout_slider.expand-card .slick-list
.slick-slide .card-block .card:not(.details-area-block),
.block_dash .dash-block-content .card_layout_slider.floating-card .slick-list
.slick-slide .card-block .card:not(.details-area-block) {
min-height: 200px;
}
.block_dash .dash-block-content .card_layout_slider.expand-block:not(.fit-content) .slick-list
.slick-slide.expand-slider-column .card-block.slider.expand-details .slider-card,
.block_dash .dash-block-content .card_layout_slider.floating-block:not(.fit-content) .slick-list
.slick-slide.expand-slider-column .card-block.slider.floating-details .slider-card {
min-height: 200px;
height: 100%;
}
.block_dash .dash-block-content .card_layout_slider .slick-list .slick-slide .card-block .card a {
height: 100%;
}
.block_dash .dash-block-content .card_layout_slider .slick-list .slick-slide .card-block .card h4.card-title {
max-height: 60px;
overflow: hidden;
margin-bottom: 10px;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: -webkit-box;
}
.block_dash .dash-block-content .card_layout_slider .slick-list .slick-slide .card-block .card .card-title img {
max-height: 100px;
}
.block_dash .dash-block-content .card_layout_slider .slick-list .slick-slide .card-block .card .card-body .footer-card {
display: flex;
flex-direction: row-reverse;
align-items: center;
}
.block_dash .dash-block-content .card_layout_slider .slick-list .slick-slide .card-block .card .card-footer-left,
.block_dash .dash-block-content .card_layout_slider .slick-list .slick-slide .card-block .card .card-footer-right {
width: 100%;
}
.block_dash .dash-block-content .card_layout_slider .slick-list .slick-slide .card-block .card
.card-footer-left img:not(.icon-responsive),
.block_dash .dash-block-content .card_layout_slider .slick-list .slick-slide .card-block .card
.card-footer-right img:not(.icon-responsive) {
max-width: 200px;
}
.block_dash .dash-block-content .card_layout_slider .slick-list .slick-slide .card-block .card .card-footer-right img {
margin-left: auto;
}
.block_dash .dash-block-content .card_layout_slider .slick-list .slick-slide .card-block .details-area-block .body-block p:empty {
display: none;
}
.block_dash .dash-block-content .card_layout_slider .slick-list .slick-slide .card-block
.details-area-block .card-footer .footer-left {
margin-bottom: 10px;
}
.block_dash .dash-block-content .card_layout_slider .slick-list .slick-slide .card-block .details-area-block .title-block h4 {
font-size: 18px;
}
.block_dash .dash-block-content .card_layout_slider .slick-list .slick-slide .card-block .details-area-block .card-footer:after {
content: '';
display: block;
clear: both;
}
.block_dash .dash-block-content .card_layout_slider .slick-list .slick-slide .card-block
.details-area-block .card-footer .footer-right {
float: right;
}
.block_dash .dash-container .dash-block-content .card_layout_slider.floating-block .slick-list
.slick-slide .card-block .card.card-background {
max-height: none;
}
.block_dash .dash-container .dash-block-content .card_layout_slider.floating-block .slick-list
.slick-slide .card-block .card.details-area-block.show-detail .card-block {
display: block;
}
.block_dash .dash-container .dash-block-content .card_layout_slider.floating-block .slick-list
.slick-slide .card-block .card.details-area-block.show-detail .card-block .card-body {
height: auto;
}
.card.details-area-block .card-block .card-footer {
border: 0;
background: none;
display: flex;
align-items: center;
}
.card.details-area-block .card-block .card-footer .footer-left {
width: 100%;
}
.card.details-area-block .card-block .card-footer .footer-right {
width: 100%;
text-align: right;
float: right;
}
.card.details-area-block .card-block .card-footer .footer-right > * {
text-align: left;
}
.card.details-area-block .card-block .card-footer .footer-left img,
.card.details-area-block .card-block .card-footer .footer-right img {
max-width: 200px;
}
.card.details-area-block .card-block .card-footer .footer-right img {
margin-left: auto;
}
.card.details-area-block .card-block .card-footer:after {
content: '';
display: block;
clear: both;
}
/*Masonry*/
.block_dash .dash-block-content .masonry-searchbox {
display: inline-block;
vertical-align: top;
margin-bottom: 10px;
}
.block_dash .dash-block-content #masonry-sorter {
margin-bottom: 10px;
}
.block_dash .dash-block-content #masonry-sorter button {
margin-right: 2px;
}
.block_dash .dash-block-content .card_layout_masonry {
display: flex;
flex-wrap: wrap;
}
.block_dash .dash-block-content .card_layout_masonry:after {
content: '';
display: block;
clear: both;
}
.block_dash .dash-block-content .card_layout_masonry .card-block {
margin: 5px;
position: relative;
}
.block_dash .dash-block-content .card_layout_masonry .card-block .card {
height: auto;
border-radius: 10px;
}
.block_dash .dash-block-content .card_layout_slider.floating-card .slick-list .slick-slide
.card-block:not(.floating-details) .slider-card {
height: 100%;
}
.block_dash .dash-block-content .card_layout_slider.expand-card .slick-list
.slick-slide .card-block.expand-details .slider-card {
height: auto;
}
.block_dash .dash-block-content .card_layout_masonry .card-block.filtr-item:not(.Square):not(.Tall):not(.Wide) {
width: 32%;
}
.block_dash .dash-block-content .card_layout_masonry.fit-card
.card-block.filtr-item.expand-details:not(.Square):not(.Tall):not(.Wide) {
width: 64%;
}
.block_dash .dash-block-content .card_layout_masonry .card-block.filtr-item .masonry-more {
text-align: right;
margin-right: 20px;
margin-bottom: 20px;
}
.block_dash .dash-block-content .card_layout_masonry .card-block.filtr-item.show-content,
.block_dash .dash-container .dash-block-content .card-layout-row.card_layout_masonry > .card-block.filtr-item.show-content .card {
min-height: 200px;
height: auto;
}
.block_dash .dash-block-content .card_layout_masonry .card-block.filtr-item.show-content .card-body {
max-height: none;
display: block;
}
.block_dash .dash-block-content .card-layout-row .card-block.Square:not(.col-sm-8) {
width: 32%;
flex: 32%;
}
.block_dash .dash-block-content .card-layout-row.expand-card.fit-content .card-block.Square:not(.col-sm-8) {
width: auto;
}
.block_dash .dash-block-content .card-layout-row.card-layout-default.expand-block.fit-content .card-block.Square {
max-width: none;
}
.block_dash .dash-block-content .card-layout-row .card-block.Wide:not(.col-sm-8) {
width: 45.145%;
flex: 45.145%;
}
.block_dash .dash-block-content .card-layout-row.expand-card.fit-content .card-block.Wide:not(.col-sm-8) {
width: auto;
}
.block_dash .dash-block-content .card-layout-row.card-layout-default.expand-block.fit-content .card-block.Wide:not(.col-sm-8) {
max-width: none;
}
.block_dash .dash-block-content .card-layout-row .card-block.Tall:not(.col-sm-8) {
width: 18.5%;
flex: 18.5%;
}
.block_dash .dash-block-content .card-layout-row.expand-card.fit-content .card-block.Tall:not(.col-sm-8) {
width: auto;
}
.block_dash .dash-block-content .card-layout-row.card-layout-default.expand-block.fit-content .card-block.Tall:not(.col-sm-8) {
max-width: none;
}
.block_dash .dash-block-content .card-layout-row:not(.card_layout_slider) .card-block.Featured .card.card-background {
border: 2px solid #0f6cbf;
}
.block_dash .dash-block-content .card-layout-row .slick-slide .card-block.Featured .card.card-background {
border: 2px solid #0f6cbf;
}
.block_dash .dash-block-content .card-layout-row:not(.card_layout_slider) .card-block.Featured {
border-radius: 10px;
overflow: hidden;
}
.block_dash .dash-block-content .card-layout-row .card-block.Dimmed {
opacity: .5;
}
@media (min-width: 992px) and (max-width: 1400px) {
.block_dash .dash-block-content .card_layout_masonry .card-block.filtr-item:not(.Square):not(.Tall):not(.Wide) {
width: 30.6%;
}
}
@media (max-width: 991px) {
.block_dash .dash-block-content .card_layout_masonry .card-block.filtr-item:not(.Square):not(.Tall):not(.Wide) {
width: 30.6%;
}
}
@media (max-width: 646px) {
.block_dash .dash-block-content .card_layout_masonry .card-block.filtr-item:not(.Square):not(.Tall):not(.Wide) {
width: 29.2%;
}
}
@media (max-width: 575px) {
.block_dash .dash-block-content .card_layout_masonry .card-block.filtr-item:not(.Square):not(.Tall):not(.Wide) {
width: 100%;
}
}
/*End of Masonry*/
/*End of SLider*/
.block_dash .dash-container .dash-block-content
.card-layout-row.card_layout_masonry.fit-card > .card-block.filtr-item.floating-details {
display: flex;
flex-direction: row;
}
.block_dash .dash-container .dash-block-content
.card-layout-row.floating-block.card_layout_masonry > .card-block.filtr-item.floating-details {
border-radius: 10px;
overflow: hidden;
flex-direction: column;
}
.block_dash .dash-container .dash-block-content
.card-layout-row.card_layout_masonry > .card-block.filtr-item.Square {
width: 32%;
}
.block_dash .dash-container .dash-block-content
.card-layout-row.card_layout_masonry > .card-block.filtr-item.Wide {
min-width: 45.145%;
}
.block_dash .dash-container .dash-block-content
.card-layout-row.card_layout_masonry:not(.fit-card) > .card-block.filtr-item.expand-details
.card.show-detail {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.block_dash .dash-container .dash-block-content
.card-layout-row.card_layout_masonry:not(.fit-card) > .card-block.filtr-item.expand-details .card-background.card img {
border-bottom-left-radius: 0;
}
.block_dash .dash-container .dash-block-content .card-layout-row.card_layout_masonry > .card-block.filtr-item.expand-details,
.block_dash .dash-container .dash-block-content .card-layout-row.card_layout_masonry > .card-block.filtr-item.floating-details {
height: auto;
}
.block_dash .dash-block-content .card_layout_masonry .card-block.expand-details .card.card-background,
.block_dash .dash-block-content .card_layout_masonry .card-block.expand-details .card.card-background:before {
border-bottom-right-radius: 0;
}
.block_dash .dash-container .dash-block-content .card-layout-row.floating-block.card_layout_slider .card-block {
transform: scale(.97);
}
.block_dash .dash-container .dash-block-content .card-layout-row.floating-block.card_layout_slider .card-block.floating-details {
height: auto;
transform: scale(1);
z-index: 1;
}
.block_dash .dash-container .dash-block-content .card-layout-row.floating-block.card_layout_masonry .card-block.floating-details {
height: auto;
z-index: 1;
}
.block_dash .dash-container .dash-block-content .card-layout-row.floating-block.card_layout_masonry.fit-card
.card-block.floating-details .card:not(.details-area-block),
.block_dash .dash-container .dash-block-content .card-layout-row.floating-block.card_layout_masonry.fit-card
.card-block.floating-details .card.card-background img {
display: block;
}
.block_dash .dash-container .dash-block-content .card_layout_slider.floating-block .slick-list .slick-slide
.card-block.floating-details .card.card-background img {
border-bottom-left-radius: 5px;
}
.block_dash .dash-block-content .card_layout_masonry.expand-card .card-block.filtr-item.expand-details,
.block_dash .dash-block-content .card_layout_masonry.floating-card .card-block.filtr-item.floating-details {
display: flex;
flex-direction: column;
}
.block_dash .dash-block-content .card_layout_masonry.expand-card.fit-card .card-block.filtr-item.expand-details,
.block_dash .dash-block-content .card_layout_masonry.floating-card.fit-card .card-block.filtr-item.floating-details {
flex-direction: row;
}
.block_dash .dash-block-content .card_layout_masonry.expand-card.fit-card .card-block.filtr-item.expand-details.Square {
width: 64%;
}
.block_dash .dash-block-content .card_layout_masonry.expand-card.fit-card .card-block.filtr-item.expand-details.Wide {
width: 90.29%;
}
.block_dash .dash-block-content .card_layout_masonry.expand-card.fit-card .card-block.filtr-item.expand-details.Tall {
width: 37%;
}
.block_dash .dash-block-content .card_layout_masonry.expand-card.fit-card .card-block.filtr-item .card,
.block_dash .dash-block-content .card_layout_masonry.floating-card.fit-card .card-block.filtr-item .card {
height: auto;
}
.block_dash .dash-block-content .card_layout_masonry.expand-card .card-block.filtr-item.expand-details:not(.fit-content)
.card:not(.details-area-block),
.block_dash .dash-block-content .card_layout_masonry.expand-card .card-block.filtr-item.expand-details:not(.fit-content)
.card.card-background,
.block_dash .dash-block-content .card_layout_masonry.expand-card .card-block.filtr-item.expand-details:not(.fit-content)
.card.card-background:before,
.block_dash .dash-block-content .card_layout_masonry.floating-card .card-block.filtr-item.floating-details:not(.fit-content)
.card:not(.details-area-block),
.block_dash .dash-block-content .card_layout_masonry.floating-card .card-block.filtr-item.floating-details:not(.fit-content)
.card.card-background,
.block_dash .dash-block-content .card_layout_masonry.floating-card .card-block.filtr-item.floating-details:not(.fit-content)
.card.card-background:before {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.block_dash .dash-block-content .card_layout_masonry.expand-card.fit-content .card-block.filtr-item.expand-details
.card:not(.details-area-block) {
border-top-right-radius: 5px;
}
@media (max-width: 991px) {
.block_dash .dash-container .dash-block-content .card-layout-row.fit-card .card-block:not(.floating-details)
.card.details-area-block.show-detail {
border-top-right-radius: 5px;
border-bottom-left-radius: 0;
}
}
.block_dash .dash-block-content .card_layout_masonry.expand-card.fit-content .card-block.filtr-item.expand-details
.card:not(.details-area-block),
.block_dash .dash-block-content .card_layout_masonry.floating-card.fit-content .card-block.filtr-item.floating-details
.card:not(.details-area-block) {
border-bottom-left-radius: 0;
}
.icon-responsive {
max-width: 24px;
max-height: 24px;
width: 100%;
height: 100%;
object-fit: cover;
}
.block_dash .dash-container .dash-table td .activity-completion-override {
cursor: pointer;
}
/*---------------------------------------
* Form element: Fontawesome picker
--------------------------------------*/
/* Padding removed in the fontawesome picker popover. */
.fontawesome-picker .popover-body {
padding: 0;
}
/* Width, height, padding added, margin removed and text aligned centered in the popover fontawesome icon picker. */
.fontawesome-picker .popover-body .fontawesome-icon-suggestions {
width: 250px;
height: 350px;
list-style: none;
text-align: center;
overflow: auto;
padding: 10px 2px 2px 10px;
margin: 0;
}
/* Width, height, line height, border, border radius and margin added for the icon item in the popover fontawesome icon picker */
.fontawesome-picker .popover-body .fontawesome-icon-suggestions li {
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 5px;
border: 1px solid #eee;
margin: 0 10px 10px 0;
display: inline-block;
cursor: pointer;
}
/* Background color added on hover and selected for the font icon item. */
.fontawesome-picker .popover-body .fontawesome-icon-suggestions li:hover,
.fontawesome-picker .popover-body .fontawesome-icon-suggestions li.selected {
background-color: #f4f4f4;
}
/* Width, height, font size added and margin removed for the Font icon. */
.fontawesome-picker .popover-body .fontawesome-icon-suggestions li .icon {
width: 14px;
height: 14px;
font-size: 16px;
margin: 0;
}
/* Move down arrow */
@keyframes moveDown {
0% {
opacity: 0;
transform: translate(0, -10px);
}
50% {
opacity: 1;
}
100% {
opacity: 0;
transform: translate(0, 10px);
}
}
@-webkit-keyframes moveDown {
0% {
opacity: 0;
-webkit-transform: translate(0, -10px);
}
50% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate(0, 10px);
}
}
@-moz-keyframes moveDown {
0% {
opacity: 0;
-moz-transform: translate(0, -10px);
}
50% {
opacity: 1;
}
100% {
-moz-transform: translate(0, 10px);
opacity: 0;
}
}
/* End of Move down arrow */
#id_sectionlayoutheader .fitem label.px-string {
margin-left: 10px;
}
.pre-course-block {
width: 100%;
}
.pre-course-block .course-element {
margin: 30px 0;
}
.pre-course-block .course-element h2 + .card-deck {
margin: 20px 0 0;
}
.pre-course-block .course-element .card-deck .card .card-body {
position: relative;
}
.pre-course-block .course-element .card-deck .card .card-body .itemhandle {
position: absolute;
top: 5px;
left: 5px;
}
.pre-course-block .course-element .card-deck .card img.spinner {
width: 16px;
height: 16px;
}
.pre-course-block .course-element .card-deck .card a .card-img {
height: 150px;
}
.pre-course-block .course-element .card-deck .card a .card-img img {
width: 100%;
height: 100%;
object-fit: cover;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.pre-course-block .course-element .card-deck .card .card-body .modulename span,
.pre-course-block .course-element .card-deck .card .card-body .categoryname span {
font-size: 18px;
color: #000;
}
.pre-course-block .course-element .card-deck .card {
border-radius: 5px;
}
.pre-course-block .course-element .card-deck .card .card-footer {
border: 0;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.pre-course-block .course-element .card-deck .card .card-footer .progress {
height: 10px;
}
.pre-course-block .course-element .card-deck .card .card-footer .progress .progress-bar {
height: 10px;
background-color: #28a745;
}
@media (min-width: 768px) {
.pre-course-block .course-element .card-deck .card {
max-width: calc(33.33% - 0.5rem);
}
}
@media (min-width: 576px) and (max-width: 767px) {
.pre-course-block .course-element .card-deck .card {
max-width: calc(50% - 0.5rem);
}
}
.designer.course-type-collapsible .pre-course-block .course-section-header .section-head-text h2:before {
content: '\f107';
font-family: var(--fa-style-family, "Font Awesome 6 Free", fontawesome);
font-weight: var(--fa-style, 900);
font-size: 24px;
line-height: 32px;
text-align: center;
margin-right: 10px;
}
.designer.course-type-collapsible .pre-course-block .course-section-header.collapsed .section-head-text h2:before {
content: '\f105';
}
/*Section - columns layout*/
/*Card layout*/
/*End of Card layout*/
/*Circles layout*/
/*Horizontal circles*/
/*End of Horizontal circles*/
/*End of Circles layout*/
@media (min-width: 1500px) {
.format-designer .designer .section.container-full.desktop-three-column .content.show .section.circles-layout li.activity {
width: 32%;
}
.format-designer .designer .section.container-full.desktop-two-column .content.show .section.circles-layout li.activity {
width: 49.5%;
}
.format-designer .designer .section.container-full.desktop-four-column .content.show .section.circles-layout li.activity {
width: 24%;
}
.format-designer .designer .section.desktop-one-column.container-full .content .section.circles-layout li.activity {
width: 100%;
}
}
@media (min-width: 768px) {
.format-designer .designer .section.tablet-three-column .content .section.link-layout li.activity {
width: 31%;
}
.format-designer .designer .section.tablet-two-column .content .section.link-layout li.activity {
width: 47%;
}
.format-designer .designer .section.tablet-one-column .content .section.link-layout li.activity {
width: 100%;
margin: 0;
}
}
@media (min-width: 992px) {
.format-designer .designer .section.desktop-three-column .content .section.card-layout li.activity {
width: 33%;
margin-right: 0;
}
.format-designer .designer .section.desktop-three-column .content .section.circles-layout li.activity {
width: 33%;
}
.format-designer .designer .section.desktop-five-column .content .section.link-layout li.activity {
width: 18%;
}
.format-designer .designer .section.desktop-five-column .content .section.link-layout li.activity:nth-child(5n),
.format-designer .designer .section.desktop-four-column .content .section.link-layout li.activity:nth-child(4n),
.format-designer .designer .section.desktop-three-column .content .section.link-layout li.activity:nth-child(3n),
.format-designer .designer .section.desktop-two-column .content .section.link-layout li.activity:nth-child(2n) {
margin-right: 0;
}
.format-designer .designer .section.desktop-four-column .content .section.link-layout li.activity {
width: 23%;
}
.format-designer .designer .section.desktop-five-column .content .section.link-layout li.activity .activityinstance,
.format-designer .designer .section.desktop-four-column .content .section.link-layout li.activity .activityinstance {
width: 100%;
padding: 0;
}
.format-designer .designer .section.desktop-five-column .content .section.link-layout li.activity .center-reports-block,
.format-designer .designer .section.desktop-four-column .content .section.link-layout li.activity .center-reports-block {
margin-bottom: 20px;
float: none;
}
.format-designer .designer .section.desktop-five-column .content .section.link-layout li.activity .mod-content,
.format-designer .designer .section.desktop-four-column .content .section.link-layout li.activity .mod-content {
width: 100%;
margin-left: 0;
}
.format-designer .designer .section.desktop-three-column .content .section.link-layout li.activity {
width: 32%;
}
.format-designer .designer .section.desktop-three-column .content .section.link-layout li.activity .activityinstance {
width: 55%;
}
.format-designer .designer .section.desktop-three-column .content .section.card-layout li.activity {
width: 32%;
}
.format-designer .designer .section.desktop-two-column .content .section.link-layout li.activity {
width: 48%;
}
.format-designer .designer .section.desktop-two-column .content .section.link-layout li.activity .activityinstance {
width: 70%;
}
.format-designer .designer .section.desktop-one-column .content .section.link-layout li.activity {
width: 100%;
margin-right: 0;
}
.format-designer .designer .section.desktop-one-column .content .section.link-layout li.activity .activityinstance {
width: 75%;
}
.format-designer .designer .section.desktop-one-column .content .section.card-layout li.activity {
width: 100%;
margin-right: 0;
}
.format-designer .designer .section.desktop-two-column .content .section.card-layout li.activity {
width: 49%;
margin-right: 0;
}
.format-designer .designer .section.desktop-four-column .content .section.card-layout li.activity {
width: 23%;
margin-right: 0;
}
.format-designer .designer .section.desktop-five-column .content .section.card-layout li.activity {
width: 19%;
margin-right: 0;
}
.format-designer .designer .section.desktop-one-column .content .section.circles-layout li.activity {
width: 100%;
}
.format-designer .designer .section.desktop-two-column .content .section.circles-layout li.activity {
width: 49.5%;
}
.format-designer .designer .section.desktop-four-column .content .section.circles-layout li.activity {
width: 24%;
}
.format-designer .designer .section.desktop-five-column .content .section.circles-layout li.activity {
width: 19.5%;
}
.format-designer .designer .section.desktop-two-column .content .section.horizontal-circles-layout li.activity {
width: 49%;
}
.format-designer .designer .section.desktop-four-column .content .section.horizontal-circles-layout li.activity {
width: 24%;
}
.format-designer .designer .section.desktop-one-column .content .section.horizontal-circles-layout li.activity
.card .card-body {
min-height: auto;
text-align: left;
}
.format-designer .designer .section.desktop-one-column .content .section.horizontal-circles-layout
li.activity .card .card-body .mod-indent-outer > div:last-child {
text-align: right;
}
.format-designer .designer .section.desktop-one-column .section.img-text.horizontal-circles-layout
li.horizontal_circles .activity-block .activityinstance .img-element {
text-align: center;
margin-bottom: 0;
}
.format-designer .designer .section.desktop-one-column .section.img-text.horizontal-circles-layout
li.horizontal_circles .activity-block .activityinstance {
width: auto;
float: left;
}
.format-designer .designer .section.desktop-one-column .section.img-text.horizontal-circles-layout
li.horizontal_circles .activity-block .activityinstance .mod-content {
margin-top: 5px;
}
.format-designer .designer .section.desktop-one-column .section.img-text.horizontal-circles-layout
li.horizontal_circles .activity-block .activityinstance ~ .completion-html-card {
display: inline-block;
margin-top: 25px;
}
.format-designer .designer .section.desktop-one-column .content .section.img-text.horizontal-circles-layout
li.horizontal_circles .mod-visits-block,
.format-designer .designer .section.desktop-one-column .section.img-text.horizontal-circles-layout
li.horizontal_circles .activity-block .action-html-card {
float: right;
margin-top: 30px;
margin-bottom: 0;
position: static;
}
.format-designer .designer .section.desktop-one-column .content .section.img-text.horizontal-circles-layout
li.horizontal_circles .mod-visits-block {
margin-top: 35px;
}
}
@media (min-width: 992px) and (max-width: 1366px) {
.format-designer .designer .section.desktop-four-column .content .section.card-layout li.activity .mod-visits-block,
.format-designer .designer .section.desktop-four-column .content .section.card-layout li.activity .action-html-card,
.format-designer .designer .section.desktop-four-column .section.img-text.card-layout
li.activity.preview_mode .activity-block .mod-icon-url {
position: static;
}
.format-designer .designer .section.desktop-four-column .content .section.card-layout
li.activity.videotime .completion-html-card {
display: block;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.format-designer .designer .section.tablet-two-column .content .section.card-layout li.activity {
width: 48%;
margin-right: 0;
}
.format-designer .designer .section.tablet-three-column .content .section.circles-layout li.activity {
width: 31%;
}
.format-designer .designer .section.tablet-three-column .content .section.card-layout li.activity {
width: 31%;
}
.format-designer .designer .section.tablet-three-column .content .section.link-layout li.activity:nth-child(3n),
.format-designer .designer .section.tablet-two-column .content .section.link-layout li.activity:nth-child(2n) {
margin-right: 0;
}
.format-designer .designer .section.tablet-two-column .content .section.circles-layout li.activity,
.format-designer .designer .section.tablet-two-column .content .section.card-layout li.activity {
width: 49%;
}
.format-designer .designer .section.tablet-one-column .content .section.card-layout li.activity,
.format-designer .designer .section.tablet-one-column .content .section.circles-layout li.activity {
width: 100%;
}
}
@media (min-width: 768px) {
.format-designer .designer .section.desktop-one-column .section.img-text.horizontal-circles-layout
li.horizontal_circles .activity-block .activityinstance {
width: 50%;
}
}
@media (max-width: 767px) {
.format-designer .designer .section.mobile-two-column .content .section.link-layout li.activity {
width: 48%;
}
.format-designer .designer .section.mobile-one-column .content .section.link-layout li.activity {
width: 100%;
margin-right: 0;
}
.format-designer .designer .section.mobile-two-column .content .section.link-layout li.activity:nth-child(2n) {
margin-right: 0;
}
.format-designer .designer .section.mobile-two-column .content .section.circles-layout li.activity {
width: 47%;
}
.format-designer .designer .section.mobile-two-column .content .section.card-layout li.activity {
width: 48%;
}
}
@media (max-width: 575px) {
.format-designer .designer .section.mobile-one-column .content .section.card-layout li.activity,
.format-designer .designer .section.mobile-one-column .content .section.circles-layout li.activity {
width: 100%;
padding-right: 5px;
margin-right: 0;
}
.format-designer .designer .section.mobile-two-column .content .section.img-text.card-layout
.activity .activity-block .activityinstance {
margin-bottom: 20px;
}
.format-designer .designer .section.mobile-two-column .content .section.card-layout li.activity
.activityinstance .activity-element {
width: 90%;
}
.format-designer .designer .section.mobile-two-column .content .section.card-layout li.activity,
.format-designer .designer .section.mobile-two-column .content .section.circles-layout li.activity {
width: 47%;
margin-right: 10px;
}
.format-designer .designer .section.mobile-two-column .content .section.card-layout li.activity:nth-child(2n),
.format-designer .designer .section.mobile-two-column .content .section.circles-layout li.activity:nth-child(2n) {
margin-right: 0;
}
.format-designer .designer .section.desktop-one-column .section.img-text.horizontal-circles-layout
li.horizontal_circles .activity-block .activityinstance {
width: 100%;
}
.format-designer .designer .section.desktop-one-column .section.img-text.horizontal-circles-layout
li.horizontal_circles .activity-block .activityinstance ~ .completion-html-card {
margin-top: 0;
display: inline-block;
vertical-align: middle;
margin-left: 15px;
}
.format-designer .designer .section.desktop-one-column .content .section.img-text.horizontal-circles-layout
li.horizontal_circles .mod-visits-block,
.format-designer .designer .section.desktop-one-column .section.img-text.horizontal-circles-layout
li.horizontal_circles .activity-block .action-html-card {
display: inline-block;
vertical-align: middle;
float: none;
margin-top: 0;
margin-left: 15px;
}
}
@media (min-width: 576px) and (max-width: 1199px) {
.format-designer .designer .section.mobile-one-column .circle-layout {
width: 100%;
}
.format-designer .designer .section.desktop-one-column .section.img-text.horizontal-circles-layout
li.horizontal_circles .activity-block .activityinstance ~ .completion-html-card,
.format-designer .designer .section.desktop-one-column .content .section.img-text.horizontal-circles-layout
li.horizontal_circles .mod-visits-block,
.format-designer .designer .section.desktop-one-column .section.img-text.horizontal-circles-layout
li.horizontal_circles .activity-block .action-html-card {
margin-left: 20px;
}
}
/*End of Section - columns layout*/
/* Course header block */
body.format-designer div#course-header {
width: 100%;
height: 100%;
}
.format-designer.course-header-type-content.path-mod .header-maxwidth {
padding-top: 20px;
border-radius: 10px;
}
.format-designer #page.drawers .main-inner .secondary-navigation {
background-color: #fff;
padding-bottom: 0;
margin-bottom: 2rem;
}
/* Course header type */
.format-designer.designer-course-header-type .course-header .course-header-content-block {
padding: 15px;
}
.format-designer.designer-course-header-type.course-header-type-hero .course-header .course-header-content-block {
padding: 45px;
}
.format-designer.designer-course-header-type .course-header.course-header-type-content,
.format-designer.designer-course-header-type .course-header.course-header-type-content .course-header-content-block {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
body.format-designer.course-header-type-default div#course-header,
body.format-designer.path-mod div#course-header,
body.format-designer.path-admin div#course-header {
display: none;
}
.format-designer.designer-course-header-type #page.drawers .main-inner #page-content {
padding: 0 .5rem;
}
.format-designer.designer-course-header-type.course-header-type-content #page .main-inner,
.format-designer.designer-course-header-type.course-header-type-content:not(.path-mod) #page .main-inner .header-maxwidth {
padding: 0;
}
.format-designer.designer-course-header-type #page.drawers .main-inner .secondary-navigation {
background: none;
}
.format-designer.designer-course-header-type #page.drawers .main-inner .secondary-navigation .moremenu {
border: 0;
margin: 0;
}
.format-designer.course-header-type-default #page.drawers .main-inner .secondary-navigation .moremenu {
background: none;
}
.format-designer.designer-course-header-type.course-header-type-content #page .main-inner .secondary-navigation .moremenu {
margin: 0;
}
.format-designer.designer-course-header-type.course-header-type-hero #page.drawers {
padding-left: 0;
padding-right: 0;
}
.format-designer.designer-course-header-type.course-header-type-hero #page.drawers .main-inner {
padding: 0;
margin: 0;
background: none;
}
.format-designer.designer-course-header-type.course-header-type-hero:not(.path-mod) #page.drawers .main-inner .header-maxwidth {
padding: 0;
}
body.format-designer.designer-course-header-type.path-admin #page.drawers .main-inner .header-maxwidth {
padding: 0 1.5rem;
margin-top: 1rem;
}
.format-designer.designer-course-header-type.course-header-type-hero.path-admin:not(.path-mod)
#page.drawers .main-inner .header-maxwidth {
padding: 10px 3rem 0;
margin-top: 0;
}
body.format-designer.designer-course-header-type.path-admin #page.drawers .main-inner .secondary-navigation .moremenu {
padding: 0;
}
.format-designer.designer-course-header-type.course-header-type-hero #page.drawers .main-inner .secondary-navigation {
padding-bottom: 0;
}
.format-designer.designer-course-header-type #page.drawers .main-inner .header-maxwidth .course-header {
background-color: #fff;
}
.format-designer.designer-course-header-type #page.drawers .main-inner .secondary-navigation .navigation .nav-tabs {
margin: 0 20px;
background: none;
}
.format-designer.designer-course-header-type.course-header-type-hero.path-admin
#page.drawers .main-inner .secondary-navigation .navigation .nav-tabs {
margin: 0 3rem;
}
.format-designer.designer-course-header-type .course-header .course-info-elements > div .card {
background: none;
}
.format-designer.designer-course-header-type .course-header .course-info-elements > div
.card .progress-block .progress-bar:not(.bg-success) {
background: none;
}
/* End of Course header type */
/* Course header info */
.format-designer .course-header .course-head-info {
display: flex;
align-items: center;
}
.format-designer .course-header .course-head-info .course-title-block {
width: 100%;
margin: 0 20px;
}
.format-designer .course-header .course-head-info .course-title-block .course-title {
margin-bottom: 20px;
}
.format-designer .course-header .course-head-info .course-progress-blocks {
width: 30%;
text-align: center;
}
/* End of Course header info */
/* Course header size */
body.format-designer .course-header.course-header-full-screen {
position: relative;
}
body.format-designer .course-header.course-header-full-screen.fullheight {
min-height: calc(100vh - 120px);
height: 100%;
transition: height 2s;
-webkit-transition: height 2s;
}
body.format-designer .course-header.course-header-full-screen.fullheight .course-header-content-block {
height: 100%;
min-height: calc(100vh - 120px);
position: relative;
}
/* End of Course header size */
/* Course header arrow */
body.format-designer .course-header-scroll-arrow {
position: absolute;
bottom: 20px;
left: calc(50% - 50px);
}
body.format-designer .scroll-arrow-parent i {
font-size: 1.5rem;
-webkit-animation: moveDown 2s infinite;
animation: moveDown 2s infinite;
}
/* End of Course header arrow */
/* Course page header */
.format-designer.designer-course-header-type:not(.path-mod):not(.path-admin) .main-inner
.header-maxwidth .page-context-header .page-header-headings {
display: none;
}
/* Course info toggle arrow button */
body.format-designer #course-info-toggle-btn {
font-size: 2rem;
line-height: 1.2rem;
}
body.format-designer.path-mod #course-info-toggle-btn,
body.format-designer.path-admin #course-info-toggle-btn {
display: none;
}
body.format-designer .header-actions-container .header-action:nth-child(4) #course-info-toggle-btn {
line-height: 1.5rem;
}
.format-designer .main-inner .header-maxwidth .header-actions-container {
margin-right: 30px;
display: flex;
align-items: center;
}
.format-designer.designer-course-header-type:not(.path-mod) .main-inner .header-maxwidth .header-actions-container {
margin-top: 10px;
margin-right: 70px;
}
.format-designer .main-inner .header-maxwidth .header-actions-container .header-action a:hover,
.format-designer .main-inner .header-maxwidth .header-actions-container .header-action a:focus,
.format-designer .main-inner .header-maxwidth .header-actions-container .header-action a:active {
background: none;
box-shadow: none;
}
.format-designer .main-inner .header-maxwidth .header-actions-container .header-action a i {
font-size: 20px;
}
@media (min-width: 768px) {
.format-designer.designer-course-header-type .header-maxwidth,
.format-designer.designer-course-header-type .secondary-navigation {
max-width: none;
}
}
/* End of Course info toggle arrow button */
/* End of Course page header */
/* Course fields */
.format-designer.designer-course-header-type .coursefields {
margin: 0 20px;
}
.format-designer.designer-course-header-type .course-desc-block {
margin: 0 27px 30px;
}
.format-designer.designer-course-header-type .progress-block {
margin: 30px;
}
.format-designer.designer-course-header-type .coursefields.timemanage-block {
margin-bottom: 30px;
}
.format-designer.designer-course-header-type .coursefields.timemanage-block .coursefield-list .coursefield-item {
margin-left: 6px;
}
.format-designer.designer-course-header-type .course-user-block {
margin: 0 20px;
}
.format-designer .coursefields .coursefield-wrapper {
padding-left: 0;
margin-bottom: 0;
display: flex;
flex-wrap: wrap;
}
.format-designer .coursefields .coursefield-wrapper .designer-coursefield {
margin-right: 15px;
margin-bottom: 15px;
display: flex;
align-items: center;
flex: 0 0 23%;
}
.format-designer .coursefields .coursefield-wrapper .designer-coursefield > div span {
font-weight: 500;
}
.format-designer .coursefields .coursefield-wrapper .designer-coursefield .coursefield-icon {
min-width: 30px;
text-align: center;
}
.format-designer .coursefields .coursefield-wrapper .designer-coursefield .coursefield-icon .icon {
width: auto;
height: auto;
font-size: 16px;
margin: 0;
}
.format-designer .course-desc-block {
margin-bottom: 30px;
}
/* Course user block */
.format-designer .staff-users-inner .slick-arrow {
width: 40px;
height: 40px;
line-height: 40px;
text-indent: -999em;
border: 0;
border-radius: 50%;
display: flex;
justify-content: center;
position: absolute;
top: 45%;
left: 0;
right: auto;
z-index: 1;
}
.format-designer .staff-users-inner .slick-arrow.slick-disabled {
width: 0;
height: 0;
opacity: 0;
}
.format-designer .staff-users-inner .slick-arrow:before {
content: '\f104';
font-family: var(--fa-style-family, "Font Awesome 6 Free", fontawesome);
font-weight: var(--fa-style, 900);
font-size: 22px;
/* line-height: 30px; */
text-indent: 0;
float: left;
}
.format-designer .staff-users-inner .slick-arrow.slick-next {
left: auto;
right: 0;
}
.format-designer .staff-users-inner .slick-arrow.slick-next:before {
content: '\f105';
}
.format-designer .staff-users-inner .staff-user-item {
margin-right: 15px;
display: inline-block;
vertical-align: top;
}
.format-designer .staff-users-inner .staff-user-item .contact-element .contact-block {
text-align: center;
}
.format-designer .staff-users-inner .staff-user-item .contact-element .contact-block a {
display: inline-block;
background: none;
box-shadow: none;
}
.format-designer .staff-users-inner .staff-user-item .contact-element .contact-block .img-block {
text-align: center;
margin-bottom: 10px;
}
.format-designer .staff-users-inner .staff-user-item .contact-element .contact-block .img-block img {
max-width: 60px;
border-radius: 50%;
display: inline-block;
}
.format-designer .staff-users-inner .staff-user-item .contact-element .contact-block .content-block {
text-align: center;
}
.format-designer .staff-users-inner .staff-user-item .contact-element .contact-block .content-block .title-block h4 a,
.format-designer .staff-users-inner .staff-user-item .contact-element .contact-block .content-block .title-block h4 > span {
font-size: 15px;
margin-bottom: 5px;
display: block;
}
.format-designer .staff-users-inner .staff-user-item .contact-element .contact-block .content-block .title-block a h4 {
font-size: 18px;
margin-bottom: 10px;
}
.format-designer .staff-users-inner .staff-user-item .contact-element .contact-block
.content-block .title-block h4 > span:not([class]) {
display: flex;
align-items: center;
justify-content: center;
}
.format-designer .staff-users-inner .staff-user-item .contact-element .contact-block
.content-block .info-block .btn-group.header-button-group {
display: block;
}
.format-designer .staff-users-inner .staff-user-item .contact-element .contact-block .content-block .info-block .btn-group a {
padding: 2px;
display: block;
}
/* End of Course user block */
/* Course info list elements */
.format-designer .course-info-elements > div.collapse,
.format-designer .course-info-elements > div.collapsing {
margin-top: 30px;
}
.format-designer .course-info-elements > div .card {
border: 0;
padding: 0;
}
.format-designer .course-info-elements > div .card .course-desc-block p:empty {
display: none;
}
.format-designer .course-info-elements > p {
text-align: right;
}
/* End of Course info list elements */
/* End of Course fields */
/* Section block */
/* Section title */
.format-designer.section-progress-donut .course-content ul.designer.course-type-normal
li.section .section-header-content .section-head-text {
width: auto;
}
/* End of Section title */
.format-designer .course-header .course-head-info .course-progress-blocks .progress-donut {
width: auto;
}
.format-designer .course-header .course-head-info .course-progress-blocks .course-indicator-status {
margin-top: 10px;
}
.format-designer .course-header .course-head-info .course-progress-blocks .course-indicator-status span.status-inprogress:before,
.format-designer .coursefields .coursefield-wrapper .designer-coursefield .course-indicator-status span.status-inprogress:before {
content: '\f252';
font-family: var(--fa-style-family, "Font Awesome 6 Free", fontawesome);
--font-weight: var(--fa-style, 900);
}
.format-designer .course-header .course-head-info .course-progress-blocks .course-indicator-status span.status-inprogress,
.format-designer .coursefields .coursefield-wrapper .designer-coursefield .course-indicator-status span.status-inprogress {
background-color: var(--orange, var(--bs-warning));
display: inline-block;
padding: 2px 15px;
border-radius: 21px;
font-size: 15px;
border: 1px solid var(--warning, var(--bs-warning));
color: var(--dark);
font-weight: 500;
}
.format-designer .course-header .course-head-info .course-progress-blocks .course-indicator-status span.status-enrolled,
.format-designer .coursefields .coursefield-wrapper .designer-coursefield .course-indicator-status span.status-enrolled {
background-color: var(--blue, var(--bs-blue));
display: inline-block;
padding: 2px 15px;
border-radius: 21px;
font-size: 15px;
border: 1px solid var(--info, var(--bs-info));
color: var(--white);
}
.format-designer .course-header .course-head-info .course-progress-blocks .course-indicator-status span.status-completed:before,
.format-designer .coursefields .coursefield-wrapper .designer-coursefield .course-indicator-status span.status-completed:before {
content: '\f058';
font-family: var(--fa-style-family, "Font Awesome 6 Free", fontawesome);
--font-weight: var(--fa-style, 900);
}
.format-designer .course-header .course-head-info .course-progress-blocks .course-indicator-status span.status-completed,
.format-designer .coursefields .coursefield-wrapper .designer-coursefield .course-indicator-status span.status-completed {
background-color: var(--green, var(--bs-green));
display: inline-block;
padding: 2px 15px;
border-radius: 21px;
font-size: 15px;
border: 1px solid var(--success, var(--bs-success));
color: var(--white);
}
/* Section progress bar */
.format-designer.section-progress-donut .course-content ul.designer li.section .section-progress-info {
max-width: none;
width: auto;
margin-top: 0;
}
.format-designer .course-content ul.designer li.section .section-progress-info .progress-donut {
width: auto;
}
.format-designer .course-content ul.designer li.section .section-progress-info .progress-donut .progress {
width: 50px;
height: 50px;
}
.format-designer .course-content ul.designer.course-type-kanbanboard li.section
.section-progress-info .progress-donut:not(.section-completed) .progress,
.format-designer .course-content ul.designer.course-type-flow li.section .section-progress-info .progress-donut .progress {
background-color: #fff;
}
.format-designer .course-content ul.designer li.section .section-progress-info .progress-donut .progress .progress-value .h2 {
font-size: 12px;
}
.format-designer.designer-course-header-type:not(.path-mod):not(.path-admin)
#page.drawers .main-inner .header-maxwidth .w-100 .d-flex.align-items-center {
position: absolute;
right: 0;
}
/* End of Section progress bar*/
/* End of Section block */
@media (max-width: 1499px) {
.format-designer .coursefields .coursefield-wrapper .designer-coursefield {
flex: 0 0 31%;
}
}
@media (max-width: 1199px) {
.format-designer .course-header .course-head-info .course-progress-blocks {
width: 100%;
}
}
@media (max-width: 991px) {
.format-designer.designer-course-header-type:not(.path-mod):not(.path-admin)
#page.drawers .main-inner .header-maxwidth .w-100 .d-flex.align-items-center {
bottom: 0;
}
}
@media (min-width: 992px) {
.format-designer .course-info-elements > div.collapse,
.format-designer .course-info-elements > div.collapsing {
width: 80%;
}
}
@media (max-width: 880px) {
.format-designer .course-info-elements > div.collapse,
.format-designer .course-info-elements > div.collapsing {
width: 100%;
}
}
@media (max-width: 767px) {
.format-designer .course-header .course-head-info .course-title-block {
width: 100%;
}
.format-designer .course-header .course-head-info .course-progress-blocks {
width: 70%;
margin: 30px auto;
}
.format-designer .coursefields .coursefield-wrapper .designer-coursefield {
flex: 0 0 45%;
}
.format-designer.designer-course-header-type.course-header-type-hero .course-header .course-header-content-block {
padding: 25px 5px;
}
}
@media (max-width: 680px) {
.format-designer.designer-course-header-type #page.drawers .main-inner .header-maxwidth .w-100 {
position: relative;
}
}
@media (max-width: 575px) {
.format-designer .course-header .course-head-info {
display: block;
}
.format-designer .staff-users-inner .staff-user-item {
width: 45%;
margin-bottom: 30px;
}
}
@media (max-width: 460px) {
.format-designer .coursefields .coursefield-wrapper .designer-coursefield {
flex: 0 0 100%;
}
}
/* End of Course header block */
/* Progress donut */
.format-designer .progress-block {
margin-top: 30px;
}
.format-designer .progress-block .activity-completed-block {
margin-top: 5px;
}
.format-designer .progress-block .activity-completed-block p {
margin-bottom: 0;
}
.format-designer .progress {
border-radius: 10px;
}
.format-designer .progress-bar {
border-radius: 10px;
background: none;
}
.format-designer .progress-bar .progress-bar {
background: var(--success, var(--bs-success));
}
.format-designer .progress-bar .progress-bar.progress-not-started {
width: 100%;
color: #000;
background: none;
}
.format-designer .progress-donut {
width: 40%;
display: inline-block;
text-align: right;
vertical-align: top;
}
.format-designer .progress-donut .progress {
width: 120px;
height: 120px;
background: none;
margin-left: auto;
position: relative;
}
.format-designer .progress-donut .progress:after {
content: "";
width: 99%;
height: 99%;
border-radius: 50%;
border: 3px solid #eee;
position: absolute;
top: 0;
left: 0;
}
.format-designer .progress-donut.course-completed .progress:after,
.format-designer .progress-donut.section-completed .progress:after {
border: 0;
}
.format-designer .progress-donut .progress > span {
width: 50%;
height: 100%;
overflow: hidden;
position: absolute;
top: 0;
z-index: 1;
}
.format-designer .progress-donut .progress .progress-left {
left: 0;
}
.format-designer .progress-donut .progress .progress-bar {
width: 100%;
height: 100%;
background: none;
border-width: 5px;
border-style: solid;
border-radius: 0;
position: absolute;
top: 0;
}
.format-designer .progress-donut .progress .progress-left .progress-bar {
left: 100%;
border-top-right-radius: 80px;
border-bottom-right-radius: 80px;
border-left: 0;
border-color: var(--success, var(--bs-success));
transform-origin: center left;
}
.format-designer .progress-donut .progress .progress-right {
right: 0;
}
.format-designer .progress-donut .progress .progress-right .progress-bar {
left: -100%;
border-top-left-radius: 80px;
border-bottom-left-radius: 80px;
border-right: 0;
border-color: var(--success, var(--bs-success));
transform-origin: center right;
}
.format-designer .progress-donut .progress .progress-value {
position: absolute;
top: 0;
left: 0;
}
.format-designer .progress-donut .progress .progress-value.completed {
color: #fff;
border-radius: 50%;
background-color: #fff;
}
.format-designer .progress-donut .progress .progress-value .h2 {
font-size: 20px;
margin-bottom: 0;
}
.format-designer .progress-donut .progress .progress-value .h2 sup {
font-size: 80%;
top: 0;
}
.format-designer.section-progress-donut .section-progress-info .progress-donut .progress .progress-bar {
border-width: 3px;
}
.format-designer .progress-donut .progress .progress-value.completed .h2 {
color: var(--success, var(--bs-success));
}
.format-designer .progress-donut .progress .progress-value.completed .h2 i {
font-size: 50px;
}
/* End of Progress donut */
/* Poster */
.format-designer .designer .section .circle-layout:not(.horizontal_circles).modtype_poster .activity-block .block.card,
.format-designer .designer .section .content .section.horizontal-circles-layout li.activity.modtype_poster .block.card {
border: 1px solid rgba(0, 0, 0, 0.125);
}
.format-designer .designer .section.img-text.circles-layout .modtype_poster .activity-block .img-element,
.format-designer .designer .section.img-text .circle-layout .modtype_poster .activity-block .activityinstance {
display: none;
}
.format-designer .designer .section.img-text .circle-layout.poster.horizontal_circles .activity-block .activityinstance
.activity-instance {
text-align: left;
}
.format-designer .designer .section.img-text .circle-layout.poster .activity-block .activityinstance .activity-instance
.activitytitle {
display: inline-block;
}
.format-designer .designer .section.img-text .circle-layout.poster .activity-block .activityinstance .activity-instance
.activitytitle .img-element {
text-align: center;
display: block;
margin: 0 auto;
}
@media (min-width: 1200px) {
.format-designer .designer .section .content .section.link-layout li.activity.modtype_poster .mod-content {
width: auto;
}
}
@media (min-width: 768px) {
.format-designer .designer .section .content .section.link-layout li.activity.modtype_poster .mod-content {
display: block;
}
}
.format-designer .designer .section .content .section.img-text li.activity.subcourse .activity-block.designer {
padding-left: 0;
padding-right: 0;
margin-left: 10px;
margin-right: 10px;
}
.format-designer .designer .section .content .section.img-text li.activity.subcourse .activity-block.designer .video-progress {
width: 100%;
height: 7px;
border: none;
border-radius: 0;
box-shadow: none;
position: absolute;
left: 0;
bottom: 0;
}
.format-designer .designer .section .content .section.img-text li.activity.subcourse .activity-block.designer
.video-progress .progress-bar {
background: #28a744;
}
.format-designer .designer.course-type-flow .section .content .section.img-text li.activity.subcourse
.activity-block.designer .video-progress,
.format-designer .designer.kanban-board .section .content .section.img-text li.activity.subcourse
.activity-block.designer .video-progress {
height: 5px;
}
#id_error_template_title{color:red;display:none}.efb-btn-link{right:1em;position:absolute;top:1em}.efb-tbl-col-shortcode,.efb-tbl-col-title{font-weight:bold}.efb-version-action-menu{display:block !important}.efb-list-buttons .efb-list-button{display:inline-block}.efb-list-buttons .efb-list-button .btn{position:relative;border:1px;padding-left:3.5rem;text-transform:uppercase;font-weight:700;overflow:hidden}.efb-list-buttons .efb-list-button .btn .icon-container{position:absolute;left:0;top:-1;bottom:-1px;width:3rem;height:calc(100% + 1px);background:rgba(0,0,0,0.5)}.efb-list-buttons .efb-list-button .btn .icon-container i{position:absolute;left:50%;top:50%;color:white;transform:translate(-50%, -50%)}.form-group.f-input-group,.prop-inputs.form-group{margin:0}.item-handle .svg-icon{fill:black}.efb-table .icon{font-size:1.3rem}.efb-switch{height:1rem;width:2rem;margin-bottom:0;cursor:pointer;display:block;margin:0 auto 5px auto}.efb-switch input{display:none}.efb-switch input:checked+.switch-container .switch-lever{left:1rem}.efb-switch input:not(:checked)+.switch-container .switch-background{background-color:#000000 !important}.efb-switch input:not(:checked)+.switch-container .switch-lever{left:0;background-color:white !important}.efb-switch .switch-container{height:100%;width:100%;position:relative}.efb-switch .switch-container .switch-background{height:0.8rem;width:inherit;border-radius:1rem;opacity:0.5;margin:0.35rem 0;transition:background-color 0.2s linear}.efb-switch .switch-container .switch-lever{position:absolute;height:1rem;width:1rem;border-radius:50%;top:-0.1rem;box-shadow:grey 0px 0px 1px 0px;transition:left 0.2s linear, background-color 0.2s linear}.efb-table a .icon{color:#76838f}.efb-table .data-toggler{text-decoration:underline;margin-left:.5rem}.efb-table.dataTable{width:100% !important;border-bottom:0 !important}.efb-table.dataTable thead tr th{border-bottom:0 !important}.efb-table.dataTable thead tr th:after,.efb-table.dataTable thead tr th:before{margin-top:0 !important}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.efb-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1700;overflow:hidden;outline:0;background:rgba(0,0,0,0.5);overflow:auto}.efb-modal:not(.show){visibility:hidden}.efb-modal.show{display:block}.efb-modal.show .efb-modal-dialog{-webkit-transform:translate(0, 0);transform:translate(0, 0)}.efb-modal.fade{opacity:0;transition:opacity 150ms ease-in-out}.efb-modal.fade.show{opacity:1}.efb-modal .efb-modal-dialog{transition:transform 150ms ease-in-out;-webkit-transform:translate(0, -100%);transform:translate(0, -100%);position:relative;width:auto;margin:25% auto 0}.efb-modal .efb-modal-header{padding:15px 20px;padding-right:20px;border-bottom:none;display:-ms-flexbox;color:white;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #e4eaec;border-top-left-radius:.286rem;border-top-right-radius:.286rem}.efb-modal .efb-modal-header .close{-ms-flex-order:2;order:2;margin-top:1px;padding:0;cursor:pointer;background-color:transparent;border:0;-webkit-appearance:none;float:right;font-size:21px;font-weight:700;line-height:1;color:white;text-shadow:none;opacity:1}.efb-modal .efb-modal-header .efb-modal-title{-ms-flex-order:1;word-break:break-all;font-weight:600;order:1;margin-top:0;margin-bottom:0;line-height:1.57142857}.efb-modal .efb-modal-body{padding:1rem;background:white}.efb-modal .efb-modal-body table td{vertical-align:top}.efb-modal .efb-modal-footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;background:white;padding:10px;border-top:1px solid #e4eaec}.efb-modal .efb-modal-footer>:not(:last-child){margin-right:.25rem}.efb-modal .efb-modal-footer>:not(:first-child){margin-left:.25rem}.efb-modal.pro .efb-modal-delete-form,.efb-modal.pro .efb-modal-delete-close,.efb-modal.delete .efb-modal-pro-activate,.efb-modal.delete .efb-modal-pro-activate-close{display:none}.efb-modal .bg-success{color:#fff;background-color:#46be8a;border-color:#46be8a}@media (min-width: 768px){.efb-modal-dialog{width:auto;margin:30px auto}}@media (min-width: 480px){.efb-modal-dialog{max-width:600px;margin:30px auto}.efb-modal-content{box-shadow:0 2px 12px rgba(0,0,0,0.2)}}.efb-shortcode-copy-note{clear:both}.efb-wrap-list-form-data table.dataTable tbody td,.efb-wrap-list-form-data table.dataTable tbody th{font-weight:600}.efb-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}.efb-toaster.toaster-container.fade{top:6vw;opacity:1}.efb-toaster.toaster-container.show{display:block}.efb-toaster.toaster-container .toaster-message{padding:1rem 2rem;color:white;border-radius:2px;background-color:#424242}.efb-wrap-list .efb-bottom .efb-list-pagination{float:right}.efb-wrap-list .efb-top .efb-listing,.efb-wrap-list .efb-top .efb-form-list-info{float:left}.efb-wrap-list .efb-top .dataTables_filter{float:right;text-align:right}.efb-wrap-list .dataTables_scrollBody{border-bottom:0 !important}.efb-wrap-list .dataTables_scrollBody>table{margin-left:0}.efb-wrap-list .dataTables_scrollHead{margin-bottom:0 !important}.efb-wrap-list table.dataTable thead td,.efb-wrap-list table.dataTable thead th,.efb-wrap-list table.dataTable tbody td{padding:12px 8px}.efb-wrap-list.efb-wrap-list-form-data .efb-actions .efb-action{display:inline-block;width:auto !important}.efb-wrap-list.efb-wrap-list-form-data .efb-data-actions{font-size:85%}.efb-wrap-list.efb-wrap-list-form-data .efb-data-actions .efb-data-action:not(.show){display:none}.efb-wrap-list.efb-wrap-list-form-data .efb-data-actions .efb-data-action.show{display:inline-block}.efb-wrap-list.efb-wrap-list-form-data th:first-child,.efb-wrap-list.efb-wrap-list-form-data td:first-child{text-align:center}.efb-wrap-list .DTFC_ScrollWrapper .DTFC_LeftBodyWrapper thead,.efb-wrap-list .DTFC_ScrollWrapper .DTFC_RightBodyWrapper thead{display:none}body.user-view .efb-wrap-list.efb-wrap-list-form-data th:first-child,body.user-view .efb-wrap-list.efb-wrap-list-form-data td:first-child{text-align:left !important}.efb-table .icon{font-size:1.3rem}.efb-table a .icon{color:#76838f}.efb-table.dataTable{background:white !important;border-bottom:0 !important}.efb-table.dataTable thead tr th:after,.efb-table.dataTable thead tr th:before{top:50%;transform:translateY(-50%);margin-top:0}.efb-table.dataTable .DTFC_NoData{display:none}.efb-table .sorting_1{background-color:#fff !important}.efb-form-icon-btn.btn{position:relative;padding-left:3.5rem;overflow:hidden}.efb-form-icon-btn.btn i{position:absolute;top:-1px;left:-1px;line-height:2.4rem;height:105%;padding:0 10%;border-radius:inherit;border-top-right-radius:0;border-bottom-right-radius:0;background:rgba(0,0,0,0.2)}.efb-list-buttons .efb-form-icon-btn i{padding:0 7%}.efb-modal-loader{position:absolute;top:calc(50% - 2rem);left:calc(50% - 2rem);text-align:center;width:4rem;height:4rem;background:transparent;border-radius:50%;border:0.5rem solid white;border-top-color:transparent;animation:efb-loader-spin 2s infinite linear}@keyframes efb-loader-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.efb-form .efb-view-fullpage{cursor:pointer}.efb-form .efb-delete-user-file,.efb-form .efb-delete-user-file-cancel{padding:0 1rem}.efb-form .efb-delete-user-file-notice{color:gray}.efb-form input[type="file"]:not([data-deleting="true"]) ~ .efb-delete-user-file-notice,.efb-form input[type="file"]:not([data-deleting="true"]) ~ .efb-delete-user-file-cancel,.efb-form input[type="file"][data-deleting="true"] ~ .efb-delete-user-file{display:none}.dataTables_wrapper .dataTables_paginate .paginate_button{display:inline-block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;min-width:1.5em;cursor:pointer;text-align:center;text-decoration:none !important;color:#333 !important;cursor:hand}.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover{cursor:default;color:#666 !important;background:0 0;-webkit-box-shadow:none;box-shadow:none}.page-link{-webkit-transition:background .2s ease-out, border-color 0s ease-out, color .2s ease-out;-o-transition:background .2s ease-out, border-color 0s ease-out, color .2s ease-out;transition:background .2s ease-out, border-color 0s ease-out, color .2s ease-out}.page-link{line-height:1.571429;position:relative;display:block;margin-left:-1px;padding:.643rem 1.072rem;color:#76838f;border:1px solid #e4eaec;background-color:transparent}.page-item.active .page-link{z-index:3}.page-item.active .page-link{z-index:2;color:#fff;border-color:#62a8ea;background-color:#62a8ea}.edwiserform-fullpage .edwiserform-root-container{background:white}.edwiserform-fullpage .edwiserform-root-container,.edwiserform-fullpage .edwiserform-wrap-container{display:block;position:fixed;left:0;top:0;right:0;bottom:0;overflow:auto}.edwiserform-container.empty{width:100%;text-align:center}@media (max-width: 481px){.edwiserform-fullpage form.edwiserform-container:not(.empty){margin:0 auto !important;width:100% !important;box-shadow:none !important}}.edwiserform-fullpage form.edwiserform-container:not(.empty){box-shadow:0px 0px 5px 0px rgba(0,0,0,0.7)}.edwiser-inline-form .f-row:not(.d-none){display:block !important}.edwiser-inline-form .f-row:not(.d-none) .f-render-column{width:100% !important}.edwiserform-container .formeo .f-input-group{display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:nowrap;align-content:stretch;align-items:stretch}.edwiserform-container .formeo select,.edwiserform-container .formeo input,.edwiserform-container .formeo textarea,.edwiserform-container .formeo .f-addon,.edwiserform-container .formeo.formeo-render[class*='form-style-']:not(.form-style-1) .f-field-group .file-container .file-input-selected-wrapper input{font-size:100%;font-family:inherit;box-shadow:none !important;color:black;margin:0;border:1px solid #ccc;border-radius:3px;background-color:#fff;width:100%;padding:0.3em 0.6em}.edwiserform-container .formeo select:focus,.edwiserform-container .formeo input:focus,.edwiserform-container .formeo textarea:focus,.edwiserform-container .formeo .f-addon:focus,.edwiserform-container .formeo.formeo-render[class*='form-style-']:not(.form-style-1) .f-field-group .file-container .file-input-selected-wrapper input:focus{border:1px solid #66afe9;outline:none}.edwiserform-container .formeo input[type='checkbox']{opacity:0;width:0;position:absolute;display:inline-block;height:auto}.edwiserform-container .formeo input[type='checkbox'] ~ .checkable-label{cursor:pointer}.edwiserform-container .formeo input[type='checkbox']+.checkable{padding-left:1.5em;position:relative}.edwiserform-container .formeo input[type='checkbox']+.checkable::before,.edwiserform-container .formeo input[type='checkbox']+.checkable::after{content:'';position:absolute;display:inline-block;left:0;top:50%;transform:translate(0, -50%);font-size:1em;line-height:1em;color:transparent;font-family:sans;text-align:center;width:1em;height:1em;border-radius:2px}.edwiserform-container .formeo input[type='checkbox']+.checkable::before{background:#fff;border:1px solid #666}.edwiserform-container .formeo input:focus[type='checkbox']+.checkable::before{border:1px solid #66afe9}.edwiserform-container .formeo input[type='checkbox']+.checkable::after{content:"✔";background:none;visibility:hidden;opacity:0;font-size:1.15em;color:#000}.edwiserform-container .formeo input:checked[type='checkbox']+.checkable::after{color:#666;background:none;visibility:visible;opacity:1}.edwiserform-container .formeo input[type='radio']{opacity:0;width:0;position:absolute;display:inline-block;height:auto}.edwiserform-container .formeo input[type='radio'] ~ .checkable-label{cursor:pointer}.edwiserform-container .formeo input[type='radio']+.checkable{padding-left:1.5em;position:relative}.edwiserform-container .formeo input[type='radio']+.checkable::after{content:'';position:absolute;display:inline-block;left:0;top:50%;transform:translate(50%, -50%);width:0.5em;height:0.5em;border-radius:50%}.edwiserform-container .formeo input[type='radio']+.checkable::before{content:'';position:absolute;display:inline-block;left:0;top:50%;transform:translate(0, -50%);font-size:1em;line-height:1em;color:transparent;font-family:sans;text-align:center;width:1em;height:1em;border-radius:50%}.edwiserform-container .formeo input[type='radio']+.checkable::before{background:#fff;border:1px solid #666}.edwiserform-container .formeo input:focus[type='radio']+.checkable::before{border:1px solid #66afe9}.edwiserform-container .formeo input:checked[type='radio']+.checkable::after{background-color:black}.edwiserform-container .formeo .pill-buttons>button{border-radius:50px}.edwiserform-container .formeo hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid #ccc}.edwiserform-container .formeo .g-recaptcha{width:100%}.edwiserform-container .formeo .f-field-group{position:relative;flex-wrap:wrap;margin-bottom:1em}.edwiserform-container .formeo .f-field-group label+.badge{margin-left:10px}.edwiserform-container .formeo .f-field-group>label{display:inline-block;margin-bottom:4px}.edwiserform-container .formeo .f-field-group button{margin-right:5px}.edwiserform-container .formeo input[type='date']{display:block}.edwiserform-container .formeo textarea{height:auto}.edwiserform-container .formeo .f-addon{width:auto}.edwiserform-container .formeo .f-addon label{margin:1px 0 0 3px}.edwiserform-container .formeo .f-addon:last-child{margin-left:-1px}.edwiserform-container .formeo .f-btn-group{display:inline-flex;vertical-align:middle}.edwiserform-container .formeo .f-btn-group>button{flex:0 1 auto}.edwiserform-container .formeo .f-btn-group>button:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.edwiserform-container .formeo .f-btn-group>button:last-child:not(:first-child):not(.dropdown-toggle){border-bottom-left-radius:0;border-top-left-radius:0}.edwiserform-container .formeo .f-btn-group>button:first-child{margin-left:0}.edwiserform-container .formeo .f-btn-group>button:first-child:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0}.edwiserform-container .formeo .f-btn-group button+button,.edwiserform-container .formeo .f-btn-group button+.f-btn-group,.edwiserform-container .formeo .f-btn-group .f-btn-group+button,.edwiserform-container .formeo .f-btn-group .f-btn-group+.f-btn-group,.edwiserform-container .formeo .f-btn-group .f-btn-group-vertical button+button,.edwiserform-container .formeo .f-btn-group .f-btn-group-vertical button+.f-btn-group,.edwiserform-container .formeo .f-btn-group .f-btn-group-vertical .f-btn-group+button,.edwiserform-container .formeo .f-btn-group .f-btn-group-vertical .f-btn-group+.f-btn-group{margin-left:-1px}.edwiserform-container .formeo .f-radio,.edwiserform-container .formeo .f-checkbox{margin-bottom:5px}.edwiserform-container .formeo .f-input-group{display:inline-flex;vertical-align:bottom}.edwiserform-container .formeo .f-input-group input+input,.edwiserform-container .formeo .f-input-group input+select,.edwiserform-container .formeo .f-input-group select+select{margin-left:-1px}.edwiserform-container .formeo .f-input-group select{-webkit-appearance:none;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyNCIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDI0IDMyIj4KPHBhdGggZmlsbD0iIzQ0NCIgZD0iTTAgMTJsMTEuOTkyIDExLjk5MiAxMS45OTItMTEuOTkyaC0yMy45ODR6Ij48L3BhdGg+Cjwvc3ZnPgo=);background-position:right 10px top 2px;background-repeat:no-repeat;background-size:16px}.edwiserform-container .formeo .f-input-group .f-addon,.edwiserform-container .formeo .f-input-group input,.edwiserform-container .formeo .f-input-group select{flex:0 1 auto;border-radius:0}.edwiserform-container .formeo .f-input-group .f-addon:last-child,.edwiserform-container .formeo .f-input-group input:last-child,.edwiserform-container .formeo .f-input-group select:last-child{border-right-width:1px;border-radius:0 3px 3px 0}.edwiserform-container .formeo .f-input-group .f-addon:first-child,.edwiserform-container .formeo .f-input-group input:first-child,.edwiserform-container .formeo .f-input-group select:first-child{border-radius:3px 0 0 3px;border-left-width:1px}.edwiserform-container .formeo .f-input-group .f-addon:focus+input,.edwiserform-container .formeo .f-input-group .f-addon:focus+select,.edwiserform-container .formeo .f-input-group input:focus+input,.edwiserform-container .formeo .f-input-group input:focus+select,.edwiserform-container .formeo .f-input-group select:focus+input,.edwiserform-container .formeo .f-input-group select:focus+select{border-left:1px solid #66afe9}.edwiserform-container .formeo .text-primary{color:#325d88}.edwiserform-container .formeo .text-success{color:#93c54b}.edwiserform-container .formeo .text-warning{color:#f47c3c}.edwiserform-container .formeo .text-error{color:#d9534f}.edwiserform-container .formeo::after{content:'';display:table;clear:both}.edwiserform-container .formeo.formeo-editor[dir='rtl'] input[type='checkbox']+.checkable::before,.edwiserform-container .formeo.formeo-editor[dir='rtl'] input[type='checkbox']+.checkable::after{right:0;left:auto}.edwiserform-container .formeo.formeo-editor[dir='rtl'] .f-btn-group{display:inline-flex;vertical-align:middle}.edwiserform-container .formeo.formeo-editor[dir='rtl'] .f-btn-group>button{flex:0 1 auto}.edwiserform-container .formeo.formeo-editor[dir='rtl'] .f-btn-group>button:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.edwiserform-container .formeo.formeo-editor[dir='rtl'] .f-btn-group>button:last-child:not(:first-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0;border-bottom-left-radius:3px;border-top-left-radius:3px}.edwiserform-container .formeo.formeo-editor[dir='rtl'] .f-btn-group>button:first-child{margin-left:0}.edwiserform-container .formeo.formeo-editor[dir='rtl'] .f-btn-group>button:first-child:not(:last-child):not(.dropdown-toggle){border-bottom-left-radius:0;border-top-left-radius:0;border-bottom-right-radius:3px;border-top-right-radius:3px}.edwiserform-container .formeo.formeo-editor[dir='rtl'] .f-btn-group button+button,.edwiserform-container .formeo.formeo-editor[dir='rtl'] .f-btn-group button+.f-btn-group,.edwiserform-container .formeo.formeo-editor[dir='rtl'] .f-btn-group .f-btn-group+button,.edwiserform-container .formeo.formeo-editor[dir='rtl'] .f-btn-group .f-btn-group+.f-btn-group,.edwiserform-container .formeo.formeo-editor[dir='rtl'] .f-btn-group .f-btn-group-vertical button+button,.edwiserform-container .formeo.formeo-editor[dir='rtl'] .f-btn-group .f-btn-group-vertical button+.f-btn-group,.edwiserform-container .formeo.formeo-editor[dir='rtl'] .f-btn-group .f-btn-group-vertical .f-btn-group+button,.edwiserform-container .formeo.formeo-editor[dir='rtl'] .f-btn-group .f-btn-group-vertical .f-btn-group+.f-btn-group{margin-right:-1px}.edwiserform-container .formeo.formeo-render .f-row{flex-direction:row;justify-content:flex-start;flex-wrap:nowrap;align-content:stretch;align-items:stretch;display:flex;background-color:transparent;border-radius:6px;transition:background-color 200ms}.edwiserform-container .formeo.formeo-render .f-row.will-remove{background-color:rgba(217,83,79,0.5);box-shadow:0 0 3px 1px #d9534f inset}.edwiserform-container .formeo.formeo-render .f-input-group-wrap::after{content:'';display:table;clear:both}.edwiserform-container .formeo.formeo-render .f-input-group{position:relative}.edwiserform-container .formeo.formeo-render .f-input-group:first-child .remove-input-group{display:none}.edwiserform-container .formeo.formeo-render .g-recaptcha+.g-recaptcha-error{color:red;display:none}.edwiserform-container .formeo.formeo-render .g-recaptcha+.g-recaptcha-error.show{display:block}.edwiserform-container .formeo.formeo-render .add-input-group{float:right;margin-top:10px}.edwiserform-container .formeo.formeo-render .remove-input-group{position:absolute;left:-32px;transform:translate(0, -50%);width:32px;height:32px;top:50%;border:0 none;background:transparent;outline:0 none;line-height:0}.edwiserform-container .formeo.formeo-render .remove-input-group:hover .svg-icon{fill:#d9534f}.edwiserform-container .formeo.formeo-render .remove-input-group .svg-icon{pointer-events:none}.edwiserform-container .formeo.formeo-render .form-check-input:only-child{position:absolute}.edwiserform-container .formeo.formeo-render .svg-icon{max-width:100%;max-height:100%}.edwiserform-container .formeo.formeo-render .f-render-column{padding:0 5px;float:left;display:inline-block;max-width:none;flex-direction:column;flex:auto}.edwiserform-container .formeo.formeo-render .text-error:not(.custom-validation-error){position:absolute}.edwiserform-container .formeo.formeo-render.form-style-1 .f-row>.f-render-column>.f-field-group.single-line{position:relative;display:table;width:100%}.edwiserform-container .formeo.formeo-render.form-style-1 .f-row>.f-render-column>.f-field-group.single-line>*{display:table-cell;width:100%}.edwiserform-container .formeo.formeo-render.form-style-1 .f-row>.f-render-column>.f-field-group.single-line>label{position:relative;width:25%;text-align:right;padding:0 2%;vertical-align:top}.edwiserform-container .formeo.formeo-render.form-style-1 .f-row>.f-render-column>.f-field-group.off{position:relative}.edwiserform-container .formeo.formeo-render.form-style-1 .f-row>.f-render-column>.f-field-group.off>label{display:none}.edwiserform-container .formeo.formeo-render[class*='form-style-']:not(.form-style-1){color:#999}.edwiserform-container .formeo.formeo-render[class*='form-style-']:not(.form-style-1) *::-webkit-input-placeholder{color:transparent}.edwiserform-container .formeo.formeo-render[class*='form-style-']:not(.form-style-1) *:-moz-placeholder{color:transparent}.edwiserform-container .formeo.formeo-render[class*='form-style-']:not(.form-style-1) *::-moz-placeholder{color:transparent}.edwiserform-container .formeo.formeo-render[class*='form-style-']:not(.form-style-1) *:-ms-input-placeholder{color:transparent}.edwiserform-container .formeo.formeo-render[class*='form-style-']:not(.form-style-1) input::-webkit-datetime-edit{color:transparent}.edwiserform-container .formeo.formeo-render[class*='form-style-']:not(.form-style-1) .f-field-group label{font-size:14px;font-weight:normal;color:#999}.edwiserform-container .formeo.formeo-render[class*='form-style-']:not(.form-style-1) .f-field-group label,.edwiserform-container .formeo.formeo-render[class*='form-style-']:not(.form-style-1) .f-field-group .form-control,.edwiserform-container .formeo.formeo-render[class*='form-style-']:not(.form-style-1) .f-field-group .text-error:not(.custom-validation-error){transition:0.2s ease all;-moz-transition:0.2s ease all;-webkit-transition:0.2s ease all}.edwiserform-container .formeo.formeo-render[class*='form-style-']:not(.form-style-1) .f-field-group.input-text-wrapper,.edwiserform-container .formeo.formeo-render[class*='form-style-']:not(.form-style-1) .f-field-group.input-number-wrapper,.edwiserform-container .formeo.formeo-render[class*='form-style-']:not(.form-style-1) .f-field-group.input-password-wrapper,.edwiserform-container .formeo.formeo-render[class*='form-style-']:not(.form-style-1) .f-field-group.input-date-wrapper,.edwiserform-container .formeo.formeo-render[class*='form-style-']:not(.form-style-1) .f-field-group.input-email-wrapper,.edwiserform-container .formeo.formeo-render[class*='form-style-']:not(.form-style-1) .f-field-group.textarea-wrapper,.edwiserform-container .formeo.formeo-render[class*='form-style-']:not(.form-style-1) .f-field-group.input-file-wrapper{position:relative}.edwiserform-container .formeo.formeo-render[class*='form-style-']:not(.form-style-1) .f-field-group.input-text-wrapper>label,.edwiserform-container .formeo.formeo-render[class*='form-style-']:not(.form-style-1) .f-field-group.input-number-wrapper>label,.edwiserform-container .formeo.formeo-render[class*='form-style-']:not(.form-style-1) .f-field-group.input-password-wrapper>label,.edwiserform-container .formeo.formeo-render[class*='form-style-']:not(.form-style-1) .f-field-group.input-date-wrapper>label,.edwiserform-container .formeo.formeo-render[class*='form-style-']:not(.form-style-1) .f-field-group.input-email-wrapper>label,.edwiserform-container .formeo.formeo-render[class*='form-style-']:not(.form-style-1) .f-field-group.textarea-wrapper>label,.edwiserform-container .formeo.formeo-render[class*='form-style-']:not(.form-style-1) .f-field-group.input-file-wrapper>label{position:absolute;pointer-events:none;left:0.5rem;margin-bottom:0rem;z-index:1}.edwiserform-container .formeo.formeo-render[class*='form-style-']:not(.form-style-1) .f-field-group.input-text-wrapper.active>label,.edwiserform-container .formeo.formeo-render[class*='form-style-']:not(.form-style-1) .f-field-group.input-text-wrapper.active .text-error:not(.custom-validation-error),.edwiserform-container .formeo.formeo-render[class*='form-style-']:not(.form-style-1) .f-field-group.input-number-wrapper.active>label,.edwiserform-container .formeo.formeo-render[class*='form-style-']:not(.form-style-1) .f-field-group.input-number-wrapper.active .text-error:not(.custom-validation-error),.edwiserform-container .formeo.formeo-render[class*='form-style-']:not(.form-style-1) .f-field-group.input-password-wrapper.active>label,.edwiserform-container .formeo.formeo-render[class*='form-style-']:not(.form-style-1) .f-field-group.input-password-wrapper.active .text-error:not(.custom-validation-error),.edwiserform-container .formeo.formeo-render[class*='form-style-']:not(.form-style-1) .f-field-group.input-date-wrapper.active>label,.edwiserform-container .formeo.formeo-render[class*='form-style-']:not(.form-style-1) .f-field-group.input-date-wrapper.active .text-error:not(.custom-validation-error),.edwiserform-container .formeo.formeo-render[class*='form-style-']:not(.form-style-1) .f-field-group.input-email-wrapper.active>label,.edwiserform-container .formeo.formeo-render[class*='form-style-']:not(.form-style-1) .f-field-group.input-email-wrapper.active .text-error:not(.custom-validation-error),.edwiserform-container .formeo.formeo-render[class*='form-style-']:not(.form-style-1) .f-field-group.textarea-wrapper.active>label,.edwiserform-container .formeo.formeo-render[class*='form-style-']:not(.form-style-1) .f-field-group.textarea-wrapper.active .text-error:not(.custom-validation-error),.edwiserform-container .formeo.formeo-render[class*='form-style-']:not(.form-style-1) .f-field-group.input-file-wrapper.active>label,.edwiserform-container .formeo.formeo-render[class*='form-style-']:not(.form-style-1) .f-field-group.input-file-wrapper.active .text-error:not(.custom-validation-error){font-size:95%}.edwiserform-container .formeo.formeo-render[class*='form-style-']:not(.form-style-1) .f-field-group.input-text-wrapper.active input::-webkit-datetime-edit,.edwiserform-container .formeo.formeo-render[class*='form-style-']:not(.form-style-1) .f-field-group.input-number-wrapper.active input::-webkit-datetime-edit,.edwiserform-container .formeo.formeo-render[class*='form-style-']:not(.form-style-1) .f-field-group.input-password-wrapper.active input::-webkit-datetime-edit,.edwiserform-container .formeo.formeo-render[class*='form-style-']:not(.form-style-1) .f-field-group.input-date-wrapper.active input::-webkit-datetime-edit,.edwiserform-container .formeo.formeo-render[class*='form-style-']:not(.form-style-1) .f-field-group.input-email-wrapper.active input::-webkit-datetime-edit,.edwiserform-container .formeo.formeo-render[class*='form-style-']:not(.form-style-1) .f-field-group.textarea-wrapper.active input::-webkit-datetime-edit,.edwiserform-container .formeo.formeo-render[class*='form-style-']:not(.form-style-1) .f-field-group.input-file-wrapper.active input::-webkit-datetime-edit{color:inherit}.edwiserform-container .formeo.formeo-render[class*='form-style-']:not(.form-style-1) .f-field-group.select-wrapper{position:relative}.edwiserform-container .formeo.formeo-render[class*='form-style-']:not(.form-style-1) .f-field-group.select-wrapper>label{position:absolute;left:0.5rem;margin-bottom:0rem;z-index:1;font-size:95%}.edwiserform-container .formeo.formeo-render[class*='form-style-']:not(.form-style-1) .f-field-group .select-container{position:relative;width:100%}.edwiserform-container .formeo.formeo-render[class*='form-style-']:not(.form-style-1) .f-field-group .select-container:not(.active) .select-list-wrapper{display:none}.edwiserform-container .formeo.formeo-render[class*='form-style-']:not(.form-style-1) .f-field-group .select-container .selected-option{cursor:pointer}.edwiserform-container .formeo.formeo-render[class*='form-style-']:not(.form-style-1) .f-field-group .select-container .selected-option::after{content:"";width:0;height:0;border-left:0.5rem solid transparent;border-right:0.5rem solid transparent;border-top:0.5rem solid;position:absolute;right:1rem;top:100%;transform:translate(0%, -250%)}.edwiserform-container .formeo.formeo-render[class*='form-style-']:not(.form-style-1) .f-field-group .select-container .select-list-wrapper{position:absolute;width:100%;z-index:2;box-shadow:0 2px 4px -1px rgba(0,0,0,0.2),0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 1px 10px 0 rgba(0,0,0,0.12)}.edwiserform-container .formeo.formeo-render[class*='form-style-']:not(.form-style-1) .f-field-group .select-container .select-list-wrapper .select-list-search{height:36px;padding-left:25px}.edwiserform-container .formeo.formeo-render[class*='form-style-']:not(.form-style-1) .f-field-group .select-container .select-list-wrapper .fa-search{position:absolute;height:100%;left:7px;line-height:34px}.edwiserform-container .formeo.formeo-render[class*='form-style-']:not(.form-style-1) .f-field-group .select-container .select-list-wrapper .select-list{margin:0;background:white;overflow:auto;-webkit-overflow-scrolling:touch;padding-top:0;padding-bottom:0;max-height:256px;min-width:100%;border-radius:4px;padding:0;cursor:pointer}.edwiserform-container .formeo.formeo-render[class*='form-style-']:not(.form-style-1) .f-field-group .select-container .select-list-wrapper .select-list .select-list-item{list-style-type:none;padding:0.5rem 1rem}.edwiserform-container .formeo.formeo-render[class*='form-style-']:not(.form-style-1) .f-field-group .select-container .select-list-wrapper .select-list .select-list-item.active{background:rgba(0,0,0,0.12)}.edwiserform-container .formeo.formeo-render[class*='form-style-']:not(.form-style-1) .f-field-group .file-container .file-input-selected-wrapper{width:75%;display:inline-block}.edwiserform-container .formeo.formeo-render[class*='form-style-']:not(.form-style-1) .f-field-group .file-container .file-input-selected-wrapper input{border:none;padding:.3rem 0}.edwiserform-container .formeo.formeo-render[class*='form-style-']:not(.form-style-1) .f-field-group .file-container .file-input-button-wrapper{width:25%;display:inline-block;text-align:right}.edwiserform-container .formeo.formeo-render[class*='form-style-']:not(.form-style-1) .f-field-group .file-container .file-input-button-wrapper .select-file-button{border-radius:50%;width:34px;height:34px;padding:0}.edwiserform-container .formeo.formeo-render[class*='form-style-']:not(.form-style-1) .f-field-group .file-container .file-input-button-wrapper .select-file-button .fa-upload{width:13px;height:13px}.edwiserform-container .formeo.formeo-render.form-style-2{margin-top:1rem}.edwiserform-container .formeo.formeo-render.form-style-2 .f-field-group.input-text-wrapper:not(.active)>label,.edwiserform-container .formeo.formeo-render.form-style-2 .f-field-group.input-number-wrapper:not(.active)>label,.edwiserform-container .formeo.formeo-render.form-style-2 .f-field-group.input-password-wrapper:not(.active)>label,.edwiserform-container .formeo.formeo-render.form-style-2 .f-field-group.input-date-wrapper:not(.active)>label,.edwiserform-container .formeo.formeo-render.form-style-2 .f-field-group.input-email-wrapper:not(.active)>label,.edwiserform-container .formeo.formeo-render.form-style-2 .f-field-group.textarea-wrapper:not(.active)>label,.edwiserform-container .formeo.formeo-render.form-style-2 .f-field-group.input-file-wrapper:not(.active)>label{top:0.5rem}.edwiserform-container .formeo.formeo-render.form-style-2 .f-field-group.input-text-wrapper.active>label,.edwiserform-container .formeo.formeo-render.form-style-2 .f-field-group.input-number-wrapper.active>label,.edwiserform-container .formeo.formeo-render.form-style-2 .f-field-group.input-password-wrapper.active>label,.edwiserform-container .formeo.formeo-render.form-style-2 .f-field-group.input-date-wrapper.active>label,.edwiserform-container .formeo.formeo-render.form-style-2 .f-field-group.input-email-wrapper.active>label,.edwiserform-container .formeo.formeo-render.form-style-2 .f-field-group.textarea-wrapper.active>label,.edwiserform-container .formeo.formeo-render.form-style-2 .f-field-group.input-file-wrapper.active>label{top:-1rem}.edwiserform-container .formeo.formeo-render.form-style-2 .f-field-group.select-wrapper>label{top:-1rem}.edwiserform-container .formeo.formeo-render.form-style-2 .f-addon,.edwiserform-container .formeo.formeo-render.form-style-2 input:not(.select-list-search),.edwiserform-container .formeo.formeo-render.form-style-2 textarea,.edwiserform-container .formeo.formeo-render.form-style-2 .select-container .selected-option{border:0px solid;border-bottom:1px solid #ccc}.edwiserform-container .formeo.formeo-render.form-style-3 .f-field-group.input-text-wrapper:not(.active)>label,.edwiserform-container .formeo.formeo-render.form-style-3 .f-field-group.input-number-wrapper:not(.active)>label,.edwiserform-container .formeo.formeo-render.form-style-3 .f-field-group.input-password-wrapper:not(.active)>label,.edwiserform-container .formeo.formeo-render.form-style-3 .f-field-group.input-date-wrapper:not(.active)>label,.edwiserform-container .formeo.formeo-render.form-style-3 .f-field-group.input-email-wrapper:not(.active)>label,.edwiserform-container .formeo.formeo-render.form-style-3 .f-field-group.textarea-wrapper:not(.active)>label,.edwiserform-container .formeo.formeo-render.form-style-3 .f-field-group.input-file-wrapper:not(.active)>label{top:0.7rem}.edwiserform-container .formeo.formeo-render.form-style-3 .f-field-group.input-text-wrapper.active>label,.edwiserform-container .formeo.formeo-render.form-style-3 .f-field-group.input-number-wrapper.active>label,.edwiserform-container .formeo.formeo-render.form-style-3 .f-field-group.input-password-wrapper.active>label,.edwiserform-container .formeo.formeo-render.form-style-3 .f-field-group.input-date-wrapper.active>label,.edwiserform-container .formeo.formeo-render.form-style-3 .f-field-group.input-email-wrapper.active>label,.edwiserform-container .formeo.formeo-render.form-style-3 .f-field-group.textarea-wrapper.active>label,.edwiserform-container .formeo.formeo-render.form-style-3 .f-field-group.input-file-wrapper.active>label{top:0rem}.edwiserform-container .formeo.formeo-render.form-style-3 .f-field-group.select-wrapper>label{top:0rem}.edwiserform-container .formeo.formeo-render.form-style-3 .f-addon,.edwiserform-container .formeo.formeo-render.form-style-3 input,.edwiserform-container .formeo.formeo-render.form-style-3 textarea,.edwiserform-container .formeo.formeo-render.form-style-3 .select-container .selected-option{border:1px solid #ccc;box-sizing:border-box}.edwiserform-container .formeo.formeo-render.form-style-3 .f-addon,.edwiserform-container .formeo.formeo-render.form-style-3 input:not([type="file"]),.edwiserform-container .formeo.formeo-render.form-style-3 textarea{min-height:3.1rem;padding:1.1em .6em .3em}.edwiserform-container .formeo.formeo-render.form-style-4{margin-top:1rem}.edwiserform-container .formeo.formeo-render.form-style-4 .f-field-group.input-text-wrapper:not(.active)>label,.edwiserform-container .formeo.formeo-render.form-style-4 .f-field-group.input-number-wrapper:not(.active)>label,.edwiserform-container .formeo.formeo-render.form-style-4 .f-field-group.input-password-wrapper:not(.active)>label,.edwiserform-container .formeo.formeo-render.form-style-4 .f-field-group.input-date-wrapper:not(.active)>label,.edwiserform-container .formeo.formeo-render.form-style-4 .f-field-group.input-email-wrapper:not(.active)>label,.edwiserform-container .formeo.formeo-render.form-style-4 .f-field-group.textarea-wrapper:not(.active)>label,.edwiserform-container .formeo.formeo-render.form-style-4 .f-field-group.input-file-wrapper:not(.active)>label{top:0.5rem}.edwiserform-container .formeo.formeo-render.form-style-4 .f-field-group.input-text-wrapper.active>label,.edwiserform-container .formeo.formeo-render.form-style-4 .f-field-group.input-number-wrapper.active>label,.edwiserform-container .formeo.formeo-render.form-style-4 .f-field-group.input-password-wrapper.active>label,.edwiserform-container .formeo.formeo-render.form-style-4 .f-field-group.input-date-wrapper.active>label,.edwiserform-container .formeo.formeo-render.form-style-4 .f-field-group.input-email-wrapper.active>label,.edwiserform-container .formeo.formeo-render.form-style-4 .f-field-group.textarea-wrapper.active>label,.edwiserform-container .formeo.formeo-render.form-style-4 .f-field-group.input-file-wrapper.active>label{top:-0.7rem;background-color:white}.edwiserform-container .formeo.formeo-render.form-style-4 .f-field-group.select-wrapper>label{top:-0.7rem;background-color:white}.edwiserform-container .formeo.formeo-render.form-style-4 .f-addon,.edwiserform-container .formeo.formeo-render.form-style-4 input,.edwiserform-container .formeo.formeo-render.form-style-4 textarea,.edwiserform-container .formeo.formeo-render.form-style-4 .select-container .selected-option{border:1px solid #ccc}@media (max-width: 481px){.edwiserform-container .formeo.formeo-render{margin-bottom:1em}}.efb-bulk{padding-top:10px}.efb-bulk #efb-bulk-actions{display:inline-block}.efb-steps,.wfb-steps{margin-left:0;overflow:hidden}.wfb-step{position:relative;font-size:1rem;padding:1rem;line-height:1rem;margin-left:2rem;display:inline-block;background:#838b8e;color:white}.wfb-step .wfb-step-before{position:absolute;right:100%;top:0;border:1.5rem solid #838b8e;border-right-width:0;border-left-color:transparent}.wfb-step .wfb-step-after{position:absolute;left:100%;top:0;border:1.5rem solid #838b8e;border-right-width:0;border-top-color:transparent;border-bottom-color:transparent}.efb-settings-tab .col-form-label{padding:0}#id_registration-disable-confirmation,#id_enrolment-enroll{margin-top:0.5rem}.efb-event-settings .form-check{align-items:flex-start !important}
#ReportTable td {
vertical-align: middle !important;
}
.emailtemplatesdisabled {
background-color: red !important;
}
.emailtemplatesenabled {
background-color: green !important;
}
.switch {
vertical-align: middle!important;
position: relative;
display: inline-block;
width: 60px;
height: 34px;
}
.switch input {display:none;}
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: lightgrey;
-webkit-transition: .4s;
transition: .4s;
}
.slider:before {
position: absolute;
content: "";
height: 26px;
width: 26px;
left: 4px;
bottom: 4px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}
input:checked + .slider {
background-color: green;
}
input:focus + .slider {
box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
}
/* Rounded sliders */
.slider.round {
border-radius: 34px;
}
.slider.round:before {
border-radius: 50%;
}
.emailvars {
position: relative;
font-size: smaller;
left: 18%;
}
#templatesearchfform {
padding-left: 15px;
}
#templatesearchform .col-form-label {
display: none;
}
div.templatesearchfform #fgroup_id_searchgroup {
display: contents;
}
/* Only hide on HVP review pages where our plugin is active */
.path-mod-hvp .h5p-reporting-main-score-container {
display: none !important;
}
.top-space {
margin-top: 20px;
}
.pathcourselist, #prospectivelist {
min-height: 5rem;
border: dotted 1px #d5d5d5;
padding-left: 0;
}
#prospectivelist .ui-selected {
background-color: #f5f5f5;
}
.manage_list {
border: 1px solid #a8a8a8;
padding: 5px 0;
min-height: 75px;
border-radius: 4px;
margin-bottom: 10px;
}
.pathbox img {
height: 5rem;
}
.pathbox {
position: relative !important;
}
.pathbox .coursewrapper {
position: inherit !important;
white-space: normal !important;
}
.pathbox .courselink {
display: block;
position: absolute;
bottom: 0;
right: 0;
}
.linkcursor {
cursor: pointer;
}
.text-center {
text-align: center;
}
.groupcard .card-block {
padding: 0.5rem;
}
.nogroupcourses, #noprospective {
padding: 0.5rem 1rem !important;
}
#page-admin-local-iomadcustompage-edit .container-pagedetails {
text-align: center;
justify-content: center;
align-items: center;
padding: 20px;
border-radius: 10px;
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
#page-admin-local-iomadcustompage-edit .container-pagedetails h1 {
color: #333;
font-size: 24px;
margin-bottom: 10px;
}
#page-admin-local-iomadcustompage-edit .container-pagedetails h2 {
color: #666;
font-size: 18px;
}
#page-admin-local-iomadcustompage-edit .iomadcustompage-page-container {
flex: 1 1 auto !important;
}
/* Toggle cards. */
#page-admin-local-iomadcustompage-edit .iomadcustompage-toggle-card .card-header {
border-bottom: none;
}
#page-admin-local-iomadcustompage-edit .iomadcustompage-toggle-card .card-body {
border-top: 1px solid rgba(0, 0, 0, 0.125);
}
#page-admin-local-iomadcustompage-edit .iomadcustompage-toggle-card .toggle-card-button i.toggle-card-icon {
color: #6a737b;
font-size: 1.5em;
font-weight: 700;
}
#page-admin-local-iomadcustompage-edit .iomadcustompage-toggle-card .toggle-card-button .collapsed-icon-container {
display: none;
}
#page-admin-local-iomadcustompage-edit .iomadcustompage-toggle-card .toggle-card-button .expanded-icon-container {
display: inline-block;
}
#page-admin-local-iomadcustompage-edit .iomadcustompage-toggle-card .toggle-card-button.collapsed .collapsed-icon-container {
display: inline-block;
}
#page-admin-local-iomadcustompage-edit .iomadcustompage-toggle-card .toggle-card-button.collapsed .expanded-icon-container {
display: none;
}
#page-admin-local-iomadcustompage-edit .container.page-region-content {
border-radius: 10px;
border: 1px solid #afa7a7;
padding: 25px;
margin-top: 25px;
}
#page-admin-local-iomadcustompage-edit .container.page-right-content {
border-radius: 10px;
border: 1px solid #afa7a7;
padding: 25px;
margin-top: 25px;
}
#page-admin-local-iomadcustompage-edit .alert-secondary {
background-color: #e7e7e7;
}
#page-local-iomadcustompage-view #page.drawers .main-inner {
width: 95%;
max-width: 100%;
}
#page-local-iomadcustompage-view #page.drawers{
padding: unset;
}
#page-local-iomadcustompage-view #page.drawers .main-inner .container, .container-sm, .container-md, .container-lg{
width: 100%;
max-width: 100%;
}
/* 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;
}
/* Style the rules and actions on the view/edit rules page. */
.localprofile-rule-actions {
border-left: 1px solid #888;
color: #888;
margin-left: 15px;
margin-top: 10px;
padding-left: 15px;
}
.localprofile-flash {
animation-duration: 1s;
animation-name: localprofile-flash;
}
@keyframes localprofile-flash {
from {
background-color: inherit;
}
25% {
background-color: #468847;
}
50% {
background-color: #468847;
}
to {
background-color: inherit;
}
}
.localprofile-combined {
background-color: #f9f9f9;
border: 1px solid #ccc;
margin: 5px;
padding: 20px;
}
.localprofile-combined .localprofile-fieldwrapper + .localprofile-fieldwrapper .localprofile-value {
display: none;
}
.localprofile-fieldwrapper {
margin-top: 30px;
}
.localprofile-fieldwrapper.todelete,
.localprofile-fieldwrapper.todelete span,
.localprofile-fieldwrapper.todelete div,
.localprofile-fieldwrapper.todelete fieldset,
.localprofile-fieldwrapper.todelete label,
.localprofile-fieldwrapper.todelete select,
.localprofile-fieldwrapper.todelete input {
color: #c38a8a;
text-decoration: line-through solid currentColor;
}
.localprofile-fieldwrapper.todelete label.deleterule {
color: #888;
text-decoration: none;
}
/* Style the rules and actions on the view/edit rules page. */
form #id_hiddenheading legend {
display: none;
}
/* Add some space to the admin page intro */
.path-admin-local-profilecohort #intro {
margin-bottom: 1rem;
}
.path-local-recompletion .userlist {
margin-bottom: 20px;
margin-left: 60px;
font-weight: bold;
}
td.inprogress {
background-color: yellow;
}
td.notstarted {
background-color: #ff3333;
}
td.completed {
background-color: #33ff33;
}
div#piechart {
width: 360px;
height: 200px;
padding: 5px;
margin: 0 auto;
border: 2px #888 solid;
background-color: #fff;
}
#page-local-report_completion-index .col-md-9 {
clear:both;
}
#page-local-report_completion-index #iomad_course_selector, #page-local-report_completion-index #iomad_license_selector {
float:left;
}
#page-local-report_completion-index #iomad_course_selector select, #page-local-report_completion-index #iomad_license_selector select {
background-color: #ddd;
}
#page-local-report_completion-index #iomad_course_selector, #page-local-report_completion-index #iomad_license_selector {
padding-top: 7px;
padding-bottom: 17px;
padding-right: 5px;
}
#page-local-report_completion-index #mform1, #page-local-report_completion-index #mform2 {
display: flex;
padding-top: 5px;
}
#page-local-report_completion-index .mform fieldset {
border-bottom: 0px;
}
#page-local-report_completion-index .no-overflow {
overflow: unset !important;
}
#page-local-report_completion-index .chart-image{
max-width: 200px;
max-height: 200px;
}
.reporttablecontrols {
display: inline-block;
}
.reporttablecontrolscontrol {
float: left;
}
.reporttablecontrolscontrol .singlebutton {
padding-top: 7px;
padding-right: 5px;
}
.reporttablecontrolscontrol #id_searchbutton {
color: #212529;
background-color: #e9ecef;
border-color: #e9ecef;
padding-right: 3px;
}
.reporttablecontrolscontrol div.col-md-9.form-inline.felement {
display: contents
}
.reporttablecontrolscontrol div.col-md-3 {
display: none
}
.progress {
background-color: #666;
}
.progress-bar {
background-color: green;
}
#page-local-report_completion-index .form-inline label {
display: inline-block!important;
}
.completion_search_forms {
display: inline-flex;
}
.iomadcoursesearchform,
.iomaddatesearchform,
.iomadusersearchform {
margin-right: 10px;
float: left;
}
.iomadcoursesearchform .icons-collapse-expand.collapsed .expanded-icon,
.iomadcoursesearchform .icons-collapse-expand.collapsed .collapsed-icon,
.iomaddatesearchform .icons-collapse-expand.collapsed .expanded-icon,
.iomaddatesearchform .icons-collapse-expand.collapsed .collapsed-icon,
.iomadusersearchform .icons-collapse-expand.collapsed .expanded-icon,
.iomadusersearchform .icons-collapse-expand.collapsed .collapsed-icon {
font-size: small;
}
.iomadcoursesearchform h3,
.iomaddatesearchform h3,
.iomadusersearchform h3 {
font-size: medium;
}
.iomadcoursesearchform .mform .form-inline .form-control,
.iomadcoursesearchform .mform .form-inline .custom-select,
.iomaddatesearchform .mform .form-inline .form-control,
.iomaddatesearchform .mform .form-inline .custom-select,
.iomadusersearchform .mform .form-inline .form-control,
.iomadusersearchform .mform .form-inline .custom-select {
max-width:75%;
}
.coursestats {
font-weight: bold;
padding-right: 15px;
display: flex;
align-items: center;
}
.iomad_report_heading_controls {
float: right;
}
.iomad_report_heading {
float: left;
font-size: xx-large;
font-weight: bold;
}
.iomad_report_heading_wraper {
display: inline-block;
width: 100%;
}
#page-local-report_completion-index .page-header {
display: none;
}
#page-local-report_completion_monthly-index .col-md-9, #page-local-report_completion_monthly-index .chart-area {
clear:both;
}
#page-local-report_completion_monthly-index .coursessearchform, #page-local-report_completion_monthly-index .iomaddatesearchform {
float:left;
}
/*#page-local-report_completion_monthly-index #iomad_course_selector select , #page-local-report_completion_monthly-index .felement {
background-color: #ddd;
}
*/
#page-local-report_completion_monthly-index #iomad_course_selector, #page-local-report_completion_monthly-index .femptylabel {
padding-top: 5px;
padding-bottom: 5px;
background-color: #fff;
}
#page-local-report_completion_monthly-index .femptylabel .felement{
background-color: #fff;
}
.iomadcoursesearchform .icons-collapse-expand.collapsed .expanded-icon,
.iomadcoursesearchform .icons-collapse-expand.collapsed .collapsed-icon,
.iomaddatesearchform .icons-collapse-expand.collapsed .expanded-icon,
.iomaddatesearchform .icons-collapse-expand.collapsed .collapsed-icon{
font-size: small;
}
.iomadcoursesearchform h3,
.iomaddatesearchform h3 {
font-size: medium;
}
.iomadcoursesearchform .mform .form-inline .form-control,
.iomadcoursesearchform .mform .form-inline .custom-select,
.iomaddatesearchform .mform .form-inline .form-control,
.iomaddatesearchform .mform .form-inline .custom-select {
max-width:75%;
}
.iomadcoursesearchform,
.iomaddatesearchform,
.iomadusersearchform {
margin-right: 10px;
float: left;
}
.iomadcoursesearchform .icons-collapse-expand.collapsed .expanded-icon,
.iomadcoursesearchform .icons-collapse-expand.collapsed .collapsed-icon,
.iomaddatesearchform .icons-collapse-expand.collapsed .expanded-icon,
.iomaddatesearchform .icons-collapse-expand.collapsed .collapsed-icon,
.iomadusersearchform .icons-collapse-expand.collapsed .expanded-icon,
.iomadusersearchform .icons-collapse-expand.collapsed .collapsed-icon {
font-size: small;
}
.iomadcoursesearchform h3,
.iomaddatesearchform h3,
.iomadusersearchform h3 {
font-size: medium;
}
.iomadcoursesearchform .mform .form-inline .form-control,
.iomadcoursesearchform .mform .form-inline .custom-select,
.iomaddatesearchform .mform .form-inline .form-control,
.iomaddatesearchform .mform .form-inline .custom-select,
.iomadusersearchform .mform .form-inline .form-control,
.iomadusersearchform .mform .form-inline .custom-select {
max-width:75%;
}
#page-local-report_completion_overview-index .dot {
height: 25px;
width: 25px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
}
#page-local-report_completion_overview-index .notenrolled {
background-color: #bbb;
}
#page-local-report_completion_overview-index .notenrolled-outdate {
background: linear-gradient(to right, darkred 50%, #bbb 50%);
}
#page-local-report_completion_overview-index .notenrolled-indate {
background: linear-gradient(to right, darkgreen 50%, #bbb 50%);
}
#page-local-report_completion_overview-index .notenrolled-expiring {
background: linear-gradient(to right, darkorange 50%, #bbb 50%);
}
#page-local-report_completion_overview-index .notcompleted {
background-color: darkblue;
}
#page-local-report_completion_overview-index .notcompleted-outdate {
background: linear-gradient(to right, darkred 50%, darkblue 50%);
}
#page-local-report_completion_overview-index .notcompleted-indate {
background: linear-gradient(to right, darkgreen 50%, darkblue 50%);
}
#page-local-report_completion_overview-index .notcompleted-expiring {
background: linear-gradient(to right, darkorange 50%, darkblue 50%);
}
#page-local-report_completion_overview-index .expired {
background-color: darkred;
}
#page-local-report_completion_overview-index .indate {
background-color: darkgreen;
}
#page-local-report_completion_overview-index .expiring {
background-color: darkorange;
}
#page-local-report_completion_overview-index .ignored {
background-color: white;
}
#page-local-report_completion_overview-index #region-main > div > div.table-responsive {
overflow-x: unset;
}
#page-local-report_completion_overview-index #region-main > div > div.table-responsive > table {
background-color: #fff;
}
#page-local-report_completion_overview-index th.header {
writing-mode: vertical-lr;
position: sticky;
top:0;
background-color: #fff;
align-content: baseline;
}
#page-local-report_completion_overview-index .displayflex form {
display: ruby-text;
}
#page-local-report_completion_overview-index #region-main > div > div.table-responsive > table > thead > tr > th.header.c0,
#page-local-report_completion_overview-index #region-main > div > div.table-responsive > table.overviewbyuser > thead > tr > th.header.c1,
#page-local-report_completion_overview-index #region-main > div > div.table-responsive > table.overviewbyuser > thead > tr > th.header.c2 {
writing-mode: horizontal-tb !important;
align-content: end;
}
.iomadcoursesearchform .icons-collapse-expand.collapsed .expanded-icon,
.iomadcoursesearchform .icons-collapse-expand.collapsed .collapsed-icon,
.datesearchform .icons-collapse-expand.collapsed .expanded-icon,
.datesearchform .icons-collapse-expand.collapsed .collapsed-icon{
font-size: small;
}
.iomadcoursesearchform h3,
.datesearchform h3 {
font-size: medium;
}
.iomadcoursesearchform .mform .form-inline .form-control,
.iomadcoursesearchform .mform .form-inline .custom-select,
.datesearchform .mform .form-inline .form-control,
.datesearchform .mform .form-inline .custom-select {
max-width:75%;
}
#page-local-report_emails-index #iomad_course_selector, #page-local-report_emails-index #iomad_template_selector {
float:left;
}
#page-local-report_emails-index #iomad_template_selector select {
background-color: #ddd;
}
#page-local-report_emails-index #iomad_template_selector {
padding-top: 7px;
padding-bottom: 17px;
padding-right: 5px;
}
#page-local-report_emails-index #mform1 {
display: flex;
padding-top: 5px;
}
#page-local-report_emails-index .mform fieldset {
border-bottom: 0px;
}
.iomadcoursesearchform,
.iomaddatesearchform,
.iomadusersearchform {
margin-right: 10px;
float: left;
}
.iomadcoursesearchform .icons-collapse-expand.collapsed .expanded-icon,
.iomadcoursesearchform .icons-collapse-expand.collapsed .collapsed-icon,
.iomaddatesearchform .icons-collapse-expand.collapsed .expanded-icon,
.iomaddatesearchform .icons-collapse-expand.collapsed .collapsed-icon,
.iomadusersearchform .icons-collapse-expand.collapsed .expanded-icon,
.iomadusersearchform .icons-collapse-expand.collapsed .collapsed-icon {
font-size: small;
}
.iomadcoursesearchform h3,
.iomaddatesearchform h3,
.iomadusersearchform h3 {
font-size: medium;
}
.iomadcoursesearchform .mform .form-inline .form-control,
.iomadcoursesearchform .mform .form-inline .custom-select,
.iomaddatesearchform .mform .form-inline .form-control,
.iomaddatesearchform .mform .form-inline .custom-select,
.iomadusersearchform .mform .form-inline .form-control,
.iomadusersearchform .mform .form-inline .custom-select {
max-width:75%;
}
#page-local-report_license_usage-index .col-md-9 {
clear:both;
}
#page-local-report_license_usage-index #iomad_license_selector, #page-local-report_license_usage-index .form-group {
float:none;
}
#page-local-report_license_usage-index #iomad_license_selector select , #page-local-report_license_usage-index .felement, #page-local-report_license_usage-index .form-check {
background-color: #ddd;
}
#page-local-report_license_usage-index #iomad_license_selector, #page-local-report_license_usage-index .femptylabel {
padding-bottom: 5px;
background-color: #fff;
}
#page-local-report_license_usage-index .femptylabel .felement{
background-color: #fff;
}
#page-local-report_license_usage-index #iomad_license_selector {
padding-right: 10px;
}
#page-local-report_license_usage-index #iomad_license_selector select, #page-local-report_license_usage-index .felement, #page-local-report_license_usage-index .form-check {
background-color: #fff;
}
.iomadcoursesearchform .icons-collapse-expand.collapsed .expanded-icon,
.iomadcoursesearchform .icons-collapse-expand.collapsed .collapsed-icon,
.iomaddatesearchform .icons-collapse-expand.collapsed .expanded-icon,
.iomaddatesearchform .icons-collapse-expand.collapsed .collapsed-icon{
font-size: small;
}
.iomadcoursesearchform h3,
.iomaddatesearchform h3 {
font-size: medium;
}
.iomadcoursesearchform .mform .form-inline .form-control,
.iomadcoursesearchform .mform .form-inline .custom-select,
.iomaddatesearchform .mform .form-inline .form-control,
.iomaddatesearchform .mform .form-inline .custom-select {
max-width:75%;
}
.iomadcoursesearchform,
.iomaddatesearchform,
.iomadusersearchform {
margin-right: 10px;
float: left;
}
.iomadcoursesearchform .icons-collapse-expand.collapsed .expanded-icon,
.iomadcoursesearchform .icons-collapse-expand.collapsed .collapsed-icon,
.iomaddatesearchform .icons-collapse-expand.collapsed .expanded-icon,
.iomaddatesearchform .icons-collapse-expand.collapsed .collapsed-icon,
.iomadusersearchform .icons-collapse-expand.collapsed .expanded-icon,
.iomadusersearchform .icons-collapse-expand.collapsed .collapsed-icon {
font-size: small;
}
.iomadcoursesearchform h3,
.iomaddatesearchform h3,
.iomadusersearchform h3 {
font-size: medium;
}
.iomadcoursesearchform .mform .form-inline .form-control,
.iomadcoursesearchform .mform .form-inline .custom-select,
.iomaddatesearchform .mform .form-inline .form-control,
.iomaddatesearchform .mform .form-inline .custom-select,
.iomadusersearchform .mform .form-inline .form-control,
.iomadusersearchform .mform .form-inline .custom-select {
max-width:75%;
}
#page-local-report_user_license_allocations-index .col-md-9 {
clear:both;
}
#page-local-report_user_license_allocations-index #iomad_course_selector, #page-local-report_user_license_allocations-index #iomad_license_selector {
float:left;
}
#page-local-report_user_license_allocations-index #iomad_course_selector select, #page-local-report_user_license_allocations-index #iomad_license_selector select {
background-color: #ddd;
}
#page-local-report_user_license_allocations-index #iomad_course_selector, #page-local-report_user_license_allocations-index #iomad_license_selector {
padding-top: 7px;
padding-bottom: 17px;
padding-right: 5px;
}
#page-local-report_user_license_allocations-index #mform1 {
display: flex;
padding-top: 5px;
}
#page-local-report_user_license_allocations-index .mform fieldset {
border-bottom: 0px;
}
.iomadcoursesearchform,
.iomaddatesearchform,
.iomadusersearchform {
margin-right: 10px;
float: left;
}
.iomadcoursesearchform .icons-collapse-expand.collapsed .expanded-icon,
.iomadcoursesearchform .icons-collapse-expand.collapsed .collapsed-icon,
.iomaddatesearchform .icons-collapse-expand.collapsed .expanded-icon,
.iomaddatesearchform .icons-collapse-expand.collapsed .collapsed-icon,
.iomadusersearchform .icons-collapse-expand.collapsed .expanded-icon,
.iomadusersearchform .icons-collapse-expand.collapsed .collapsed-icon {
font-size: small;
}
.iomadcoursesearchform h3,
.iomaddatesearchform h3,
.iomadusersearchform h3 {
font-size: medium;
}
.iomadcoursesearchform .mform .form-inline .form-control,
.iomadcoursesearchform .mform .form-inline .custom-select,
.iomaddatesearchform .mform .form-inline .form-control,
.iomaddatesearchform .mform .form-inline .custom-select,
.iomadusersearchform .mform .form-inline .form-control,
.iomadusersearchform .mform .form-inline .custom-select {
max-width:75%;
}
#page-local-report_user_logins-index .col-md-9 {
clear:both;
}
#page-local-report_user_logins-index #iomad_course_selector, #page-local-report_user_logins-index #iomad_license_selector {
float:left;
}
#page-local-report_user_logins-index #iomad_course_selector select, #page-local-report_user_logins-index #iomad_license_selector select {
background-color: #ddd;
}
#page-local-report_user_logins-index #iomad_course_selector, #page-local-report_user_logins-index #iomad_license_selector {
padding-top: 7px;
padding-bottom: 17px;
padding-right: 5px;
}
#page-local-report_user_logins-index #mform1 {
display: flex;
padding-top: 5px;
}
#page-local-report_user_logins-index .mform fieldset {
border-bottom: 0px;
}
.iomadcoursesearchform,
.iomaddatesearchform,
.iomadusersearchform {
margin-right: 10px;
float: left;
}
.iomadcoursesearchform .icons-collapse-expand.collapsed .expanded-icon,
.iomadcoursesearchform .icons-collapse-expand.collapsed .collapsed-icon,
.iomaddatesearchform .icons-collapse-expand.collapsed .expanded-icon,
.iomaddatesearchform .icons-collapse-expand.collapsed .collapsed-icon,
.iomadusersearchform .icons-collapse-expand.collapsed .expanded-icon,
.iomadusersearchform .icons-collapse-expand.collapsed .collapsed-icon {
font-size: small;
}
.iomadcoursesearchform h3,
.iomaddatesearchform h3,
.iomadusersearchform h3 {
font-size: medium;
}
.iomadcoursesearchform .mform .form-inline .form-control,
.iomadcoursesearchform .mform .form-inline .custom-select,
.iomaddatesearchform .mform .form-inline .form-control,
.iomaddatesearchform .mform .form-inline .custom-select,
.iomadusersearchform .mform .form-inline .form-control,
.iomadusersearchform .mform .form-inline .custom-select {
max-width:75%;
}
#page-local-report_users-index .col-md-9 {
clear:both;
}
#page-local-report_users-index #iomad_course_selector, #page-local-report_users-index #iomad_license_selector {
float:left;
}
#page-local-report_users-index #iomad_course_selector select, #page-local-report_users-index #iomad_license_selector select {
background-color: #ddd;
}
#page-local-report_users-index #iomad_course_selector, #page-local-report_users-index #iomad_license_selector {
padding-top: 7px;
padding-bottom: 17px;
padding-right: 5px;
}
#page-local-report_users-userdisplay .form-inline label,
#page-local-report_users-index .form-inline label {
display: inline-block!important;
}
#page-local-report_users-userdisplay .tablecontainer,
#page-local-report_users-index .tablecontainer {
padding-top: 1px;
}
#page-local-report_users-index #mform1 {
display: flex;
padding-top: 5px;
}
#page-local-report_users-index .mform fieldset {
border-bottom: 0px;
}
.progress {
background-color: #666;
}
.progress-bar {
background-color: green;
}
.iomadcoursesearchform,
.iomaddatesearchform,
.iomadusersearchform {
margin-right: 10px;
float: left;
}
.iomadcoursesearchform .icons-collapse-expand.collapsed .expanded-icon,
.iomadcoursesearchform .icons-collapse-expand.collapsed .collapsed-icon,
.iomaddatesearchform .icons-collapse-expand.collapsed .expanded-icon,
.iomaddatesearchform .icons-collapse-expand.collapsed .collapsed-icon,
.iomadusersearchform .icons-collapse-expand.collapsed .expanded-icon,
.iomadusersearchform .icons-collapse-expand.collapsed .collapsed-icon {
font-size: small;
}
.iomadcoursesearchform h3,
.iomaddatesearchform h3,
.iomadusersearchform h3 {
font-size: medium;
}
.iomadcoursesearchform .mform .form-inline .form-control,
.iomadcoursesearchform .mform .form-inline .custom-select,
.iomaddatesearchform .mform .form-inline .form-control,
.iomaddatesearchform .mform .form-inline .custom-select,
.iomadusersearchform .mform .form-inline .form-control,
.iomadusersearchform .mform .form-inline .custom-select {
max-width:75%;
}
#sitenotice-modal-ackcheckbox {
transform: scale(1.5);
-ms-transform: scale(1.5);
-moz-transform: scale(1.5);
-webkit-transform: scale(1.5);
-o-transform: scale(1.5);
}
#sitenotice-acceptbtn:disabled,
#sitenotice-acceptbtn:hover:disabled {
border-color: grey;
color: grey;
cursor: not-allowed;
}
#tooltip-wrapper #sitenotice-acceptbtn:disabled {
pointer-events: none;
}
.sitenotice .checkboxlabel {
margin-left: 5px;
}
.tagmap {
border: 1px solid #ccc;
width: 100%;
height: 75vh;
}
.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: var(--fa-font-solid);
font-size: 14px;
font-family: 'FontAwesome', 'Font Awesome 6 Free';
top: 35%;
right: 0;
}
.wunderbyte-table-table th[data-sortable]::after {
content: "\f0dd";
font: var(--fa-font-solid);
font-size: 14px;
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 .mb-3 .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,
.wunderbyteTableFilter .form-check .form-check-input[type="checkbox"] {
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 .mb-3 .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 .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 .bank .icon {
height: 40px;
width: auto;
}
.core_payment_gateways_modal .cryptocloud .icon {
height: 30px;
width: auto;
max-width: none;
}
.core_payment_gateways_modal .paypal .icon {
height: 40px;
width: auto;
}
.wb-outer-wrapper {
display: flex;
border: 1px solid #ddd;
background: #fdfdfd;
border-radius: 4px;
max-width: 100%;
height: 600px;
overflow: hidden;
}
.wb-sidebar {
width: 110px;
background: #f0f0f0;
border-right: 1px solid #ddd;
display: flex;
flex-direction: column;
align-items: center;
padding: 10px 0;
transition: width 0.3s ease;
flex-shrink: 0;
position: relative;
user-select: none;
height: 100%;
overflow: visible !important;
}
.wb-sidebar.collapsed {
width: 0px;
border-right: none;
padding: 0;
overflow: visible;
}
.wb-sidebar-toggle {
position: absolute;
right: -25px;
top: 5px;
width: 25px;
height: 30px;
background: #f0f0f0;
border: 1px solid #ddd;
border-left: none;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
z-index: 100;
border-radius: 0 4px 4px 0;
}
.wb-sidebar.collapsed .wb-sidebar-toggle {
right: -25px;
}
.wb-sidebar.collapsed .wb-sidebar-toggle i {
transform: rotate(180deg);
}
.wb-tools,
.wb-history,
.wb-zoom {
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: 100%;
justify-content: center;
gap: 8px;
margin-bottom: 20px;
padding: 0 5px;
}
.wb-colors {
display: flex;
flex-direction: row;
width: 100%;
justify-content: center;
gap: 5px;
margin-bottom: 20px;
padding: 0 5px;
}
.wb-tool,
.wb-action {
width: 40px;
height: 40px;
margin-bottom: 0px;
border: 1px solid #ccc;
background: #fff;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
font-size: 18px;
color: #333;
}
.wb-tool.active {
background: #007bff;
color: #fff;
border-color: #0056b3;
}
.wb-tool:hover,
.wb-action:hover {
background: #e9ecef;
}
.wb-tool.active:hover {
background: #0069d9;
}
.wb-color-group {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 10px;
font-size: 10px;
}
.wb-color-group label {
margin-bottom: 2px;
color: #666;
text-transform: uppercase;
}
.wb-color-box {
width: 24px;
height: 24px;
border: 1px solid #999;
cursor: pointer;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
}
.wb-main-area {
flex-grow: 1;
display: flex;
flex-direction: column;
position: relative;
overflow: hidden;
height: 100%;
}
.wb-canvas-area {
flex-grow: 1;
overflow: auto;
background: #f4f4f4;
padding: 10px;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.wb-top-bar {
height: 40px;
border-bottom: 1px solid #ddd;
display: flex;
align-items: center;
justify-content: center;
padding: 0 40px;
background: #fcfcfc;
}
.wb-stroke-sizes {
display: flex;
align-items: center;
}
.wb-size {
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
margin-right: 5px;
border: 1px solid transparent;
border-radius: 2px;
}
.wb-size:hover {
background: #f0f0f0;
}
.wb-size.active {
border-color: #007bff;
background: #e7f1ff;
}
.wb-dot {
background-color: #333;
border-radius: 50%;
}
.assignsubmission_cloudpoodll_whiteboard {
background: #fff;
margin: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
position: relative;
overflow: visible;
}
.assignsubmission_cloudpoodll_whiteboard_footer {
display: flex;
justify-content: center;
padding: 15px;
background: #f8f9fa;
border-top: 1px solid #ddd;
}
.wb-sidebar.collapsed>*:not(.wb-sidebar-toggle) {
display: none;
}
/* Text Settings (Top Bar) */
.wb-text-settings {
display: flex;
align-items: center;
gap: 10px;
}
.wb-text-style-label {
display: flex;
align-items: center;
gap: 4px;
font-size: 14px;
cursor: pointer;
margin-bottom: 0;
font-weight: normal;
}
.wb-text-size,
.wb-text-font {
padding: 2px 4px;
border: 1px solid #ccc;
border-radius: 3px;
font-size: 14px;
background: white;
}
/* Text Overlay */
.wb-text-overlay {
position: absolute;
box-sizing: border-box;
cursor: move;
min-width: 50px;
min-height: 20px;
}
.wb-text-overlay textarea {
width: 100%;
height: 100%;
min-height: 20px;
background: transparent;
border: none;
outline: none;
resize: both;
overflow: hidden;
white-space: pre-wrap;
padding: 4px;
margin: 0;
box-sizing: border-box;
font-family: inherit;
font-size: inherit;
font-weight: inherit;
font-style: inherit;
line-height: normal;
color: inherit;
}
.wb-text-overlay.editing textarea {
cursor: text;
}
.wb-text-overlay.editing textarea::selection {
background: rgba(0, 120, 215, 0.3);
}
.wb-text-overlay.editing {
border: 1px dashed #666;
background: rgba(255, 255, 255, 0.5);
}
.wb-text-overlay.selected {
border: 1px solid #ccc;
background: rgba(200, 200, 200, 0.3);
}
.wb-text-overlay.selected textarea {
user-select: none;
pointer-events: none;
}
/* Stamp Settings */
.wb-stamp-settings {
display: flex;
align-items: center;
gap: 10px;
}
.wb-stamp-pick {
background: none;
border: 1px solid transparent;
border-radius: 4px;
cursor: pointer;
font-size: 20px;
color: #333;
padding: 4px 6px;
display: flex;
align-items: center;
justify-content: center;
}
.wb-stamp-pick:hover {
background: #e9ecef;
}
.wb-stamp-pick.active {
background: #007bff;
color: #fff;
border-color: #007bff;
}
/* Stamp Overlay */
.wb-stamp-overlay {
position: absolute;
box-sizing: border-box;
cursor: move;
border: 1px dashed #666;
background: rgba(255, 255, 255, 0.2);
}
.wb-stamp-overlay svg {
width: 100%;
height: 100%;
display: block;
pointer-events: none;
}
.wb-stamp-resize {
position: absolute;
right: -6px;
bottom: -6px;
width: 12px;
height: 12px;
background: #007bff;
border: 1px solid #fff;
border-radius: 50%;
cursor: nwse-resize;
}
/* Restored Video/Audio Recorder Styles */
.assignsubmission_cloudpoodll_recording_cont {
display: block;
margin: auto;
text-align: center;
width: 100%;
background-image: url(/theme/image.php/iomadmoon/assignsubmission_cloudpoodll/1777497332/loader);
background-repeat: no-repeat;
background-position: center center;
}
.assignsubmission_cloudpoodll_center {
text-align: center;
}
.assignsubmission_cloudpoodll_center>div,
.assignsubmission_cloudpoodll_center>table
/* insert any other block-level elements here */
{
margin-left: auto;
margin-right: auto;
}
button.assignsubmission_cloudpoodll_deletesubmissionbutton {
margin-top: 10px;
max-width: 180px;
}
/* interactive transcript */
.assignsubmission_cloudpoodll_transcriptcontainer {
max-width: 480px;
width: 100%;
font-family: Arial, sans-serif;
/* overflow-x: scroll; */
/* max-height: 298px; */
border: 1px solid #111;
}
.assignsubmission_cloudpoodll_transcript-header {
height: 19px;
padding: 1px;
font-weight: bold;
text-align: center;
background-color: black;
color: white;
}
.assignsubmission_cloudpoodll_transcript-selector {
height: 25px;
}
.assignsubmission_cloudpoodll_transcript-body {
/* width: 600px; */
overflow-y: scroll;
background-color: #e7e7e7;
max-height: 298px;
position: relative;
margin: auto;
}
.assignsubmission_cloudpoodll_transcript-line {
position: relative;
padding: 5px;
cursor: pointer;
line-height: 1.3;
}
.assignsubmission_cloudpoodll_transcript-line:nth-child(odd) {
background-color: #f5f5f5;
}
.assignsubmission_cloudpoodll_transcript-timestamp {
position: absolute;
display: inline-block;
color: #333;
width: 50px;
}
.assignsubmission_cloudpoodll_transcript-text {
display: block;
margin-left: 50px;
}
.assignsubmission_cloudpoodll_transcript-line:hover,
.assignsubmission_cloudpoodll_transcript-line:hover .assignsubmission_cloudpoodll_transcript-timestamp,
.assignsubmission_cloudpoodll_transcript-line:hover .assignsubmission_cloudpoodll_transcript-text {
background-color: #777;
color: #e7e7e7;
}
.assignsubmission_cloudpoodll_transcript-line.is-active,
.assignsubmission_cloudpoodll_transcript-line.is-active .assignsubmission_cloudpoodll_transcript-timestamp,
.assignsubmission_cloudpoodll_transcript-line.is-active .assignsubmission_cloudpoodll_transcript-text {
background-color: #555;
color: #e7e7e7;
width: auto;
}
.assignsubmission_cloudpoodll_currentsubmission {
display: grid;
}
.assignsubmission_cloudpoodll_togglecontainer .toggletext {
padding: 5px;
}
.assignsubmission_cloudpoodll_togglecontainer {
margin-bottom: 8px;
}
.assignsubmission_cloudpoodll_audiorec_iframe {
left: 0;
top: 0;
height: 100%;
width: 100%;
position: absolute;
max-width: 400px;
}
.assignsubmission_cloudpoodll_videorec_iframe {
left: 0;
top: 0;
height: 100%;
width: 100%;
position: absolute;
max-width: 450px;
}
.assignsubmission_cloudpoodll_video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.assignsubmission_cloudpoodll_video_cont {
position: relative;
height: 0;
max-width: 480px;
}
.assignsubmission_cloudpoodll_audio {
width: 100%;
}
.assignsubmission_cloudpoodll_audio_cont {
width: 100%;
max-width: 480px;
}
.assignsubmission_cloudpoodll_videorec_cont {
position: relative;
overflow: hidden;
width: 100%;
}
.assignsubmission_cloudpoodll_audiorec_cont {
position: relative;
overflow: hidden;
width: 100%;
}
@supports (padding-top: min(540px, 150%)) {
.assignsubmission_cloudpoodll_audiorec_cont {
padding-top: min(300px, 90%);
}
.assignsubmission_cloudpoodll_videorec_cont {
padding-top: min(540px, 150%);
}
.assignsubmission_cloudpoodll_video_cont {
padding-bottom: min(360px, 75%);
}
}
@supports not (padding-top: min(540px, 150%)) {
.assignsubmission_cloudpoodll_audiorec_cont {
padding-top: 300px;
}
.assignsubmission_cloudpoodll_videorec_cont {
padding-top: 540px;
}
.assignsubmission_cloudpoodll_video_cont {
padding-bottom: 360px;
}
}
@media screen and (max-width: 667px) {
.assignsubmission_cloudpoodll_videorec_cont {
padding-top: 150%;
}
.assignsubmission_cloudpoodll_audiorec_cont {
padding-top: 90%;
}
.assignsubmission_cloudpoodll_video_cont {
padding-bottom: 75%;
}
}
/* this is not set on some themes and can collapse our responsive stuff */
.form-control-static {
width: 100%;
}
.assignsubmission_cloudpoodll_transcript-difftext {
display: block;
padding: .5em 1em;
color: #716f6f;
background-color: #e6e6e6;
margin-bottom: 0;
font-family: monospace;
}
.assignsubmission_cloudpoodll_transcript-difftext:empty {
display: none;
}
.assignsubmission_cloudpoodll_transcript-difftext ins {
color: green;
background: #dfd;
text-decoration: none;
}
.assignsubmission_cloudpoodll_transcript-difftext del {
color: red;
background: #fdd;
text-decoration: none;
}
.assignsubmission_cloudpoodll_transcript-difftext code {
font-size: smaller;
}
.assignsubmission_cloudpoodll_transcript-text,
.assignsubmission_cloudpoodll_transcript-difftext {
position: relative;
}
.assignsubmission_cloudpoodll_actionbar a {
/* position: absolute;
right: -30px; */
font-size: 18px;
text-decoration: none;
color: black;
margin-right: 8px;
}
.assignsubmission_cloudpoodll_actionbar {
padding: 5px;
margin: 5px;
border: 1px solid darkgrey;
}
.assignsubmission_cloudpoodll_rtl {
direction: rtl;
text-align: right;
}
.assignsubmission_cloudpoodll_rtl .assignsubmission_cloudpoodll_transcript-text {
margin-left: 0px;
margin-right: 50px;
}
.assignfeedback_cloudpoodll_recording_cont {
display: block;
margin: auto;
text-align: center;
width: 100%;
background-image: url(/theme/image.php/iomadmoon/assignfeedback_cloudpoodll/1777497332/loader);
background-repeat: no-repeat;
background-position: center center;
}
.assignfeedback_cloudpoodll_center {
text-align: center;
}
.assignfeedback_cloudpoodll_center > div, .assignfeedback_cloudpoodll_center > table /* insert any other block-level elements here */
{
margin-left: auto;
margin-right: auto;
}
button.assignfeedback_cloudpoodll_deletesubmissionbutton {
margin-top: 10px;
max-width: 180px;
}
/* interactive transcript */
.assignfeedback_cloudpoodll_transcriptcontainer {
max-width: 480px;
width: 100%;
font-family: Arial, sans-serif;
/* overflow-x: scroll; */
/* max-height: 298px; */
border: 1px solid #111;
}
.assignfeedback_cloudpoodll_transcript-header {
height: 19px;
padding: 1px;
font-weight: bold;
text-align: center;
background-color: black;
color: white;
}
.assignfeedback_cloudpoodll_transcript-selector {
height: 25px;
}
.assignfeedback_cloudpoodll_transcript-body {
/* width: 600px; */
overflow-y: scroll;
background-color: #e7e7e7;
max-height: 298px;
position: relative;
margin: auto;
}
.assignfeedback_cloudpoodll_transcript-line {
position: relative;
padding: 5px;
cursor: pointer;
line-height: 1.3;
}
.assignfeedback_cloudpoodll_transcript-line:nth-child(odd) {
background-color: #f5f5f5;
}
.assignfeedback_cloudpoodll_transcript-timestamp {
position: absolute;
display: inline-block;
color: #333;
width: 50px;
}
.assignfeedback_cloudpoodll_transcript-text {
display: block;
margin-left: 50px;
}
.assignfeedback_cloudpoodll_transcript-line:hover,
.assignfeedback_cloudpoodll_transcript-line:hover .assignfeedback_cloudpoodll_transcript-timestamp,
.assignfeedback_cloudpoodll_transcript-line:hover .assignfeedback_cloudpoodll_transcript-text {
background-color: #777;
color: #e7e7e7;
}
.assignfeedback_cloudpoodll_transcript-line.is-active,
.assignfeedback_cloudpoodll_transcript-line.is-active .assignfeedback_cloudpoodll_transcript-timestamp,
.assignfeedback_cloudpoodll_transcript-line.is-active .assignfeedback_cloudpoodll_transcript-text {
background-color: #555;
color: #e7e7e7;
width: auto;
}
.assignfeedback_cloudpoodll_currentsubmission {
display: grid;
}
.assignfeedback_cloudpoodll_togglecontainer .togglebutton,
.assignfeedback_cloudpoodll_togglecontainer .toggletext {
cursor: pointer;
}
.assignfeedback_cloudpoodll_togglecontainer .toggletext {
padding: 5px;
}
.assignfeedback_cloudpoodll_togglecontainer {
display: flex;
align-items: center;
margin-bottom: 8px;
}
.assignfeedback_cloudpoodll_problembox {
/* do something interesting perhaps */
}
.assignfeedback_cloudpoodll_video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.assignfeedback_cloudpoodll_video_cont {
position: relative;
height: 0;
max-width: 480px;
}
.assignfeedback_cloudpoodll_audio {
width: 100%;
min-width: 240px;
}
.assignfeedback_cloudpoodll_audio_cont {
width: 100%;
max-width: 480px;
}
@supports (padding-top: min(540px,150%)) {
.assignfeedback_cloudpoodll_video_cont {
padding-bottom: min(360px,75%);
}
}
@supports not (padding-top: min(540px,150%)) {
.assignfeedback_cloudpoodll_video_cont {
padding-bottom: 360px;
}
}
@media screen and (max-width: 667px) {
.assignfeedback_cloudpoodll_video_cont {
padding-bottom: 75%;
}
}
/* this is not set on some themes and can collapse our responsive stuff */
.form-control-static {
width: 100%;
}
.assignfeedback_cloudpoodll_feedbackcontainer {
margin-top: .5rem;
margin-bottom: 0.5rem;
}
.assignfeedback_cloudpoodll_feedbackcontainer #fitem_id_feedbacktext > .col-md-3 {
margin-bottom: 0;
border-width: 0;
}
.assignfeedback_cloudpoodll_feedbackcontainer #fitem_id_feedbacktext > .col-md-9 {
margin-top: 0;
padding-top: 0;
}
.togglerecorder .togglerecorder {
display: none;
}
[data-groupname="recorders"] .togglerecorder.form-check {
padding: .4rem .9rem;
font-size: 2rem;
box-sizing: border-box;
background-color: #cfe2f2;
border: .2rem solid transparent;
}
[data-groupname="recorders"] .togglerecorder.enabledstate {
border-color: black;
}
.assignfeedback_cloudpoodll_rtl {
direction: rtl;
text-align: right;
}
.assignfeedback_cloudpoodll_rtl .assignfeedback_cloudpoodll_transcript-text {
margin-left: 0px;
margin-right: 50px;
}
.assignfeedback_cloudpoodll_audio_cont {
width: 100%;
max-width: 480px;
}
.asf_cp_grading_passageword.asf_cp_aicorrected,
.asf_cp_grading_passagespace.asf_cp_aicorrected {
background-color: lightpink;
}
.asf_cp_grading_passageword.asf_cp_aiomitted, .asf_cp_grading_passagespace.asf_cp_aiomitted {
text-decoration: line-through;
}
.asf_cp_grading_passageword.asf_cp_aiunmatched {
/*background-color: lightgrey;*/
}
.asf_cp_grading_passagespace.asf_cp_aiunmatched {
/*background-color: lightgrey;*/
text-decoration: underline #0000FF;
font-weight: bold;
}
.asf_cp_corrections {
text-align: left;
font-style: normal;
}
span.asf_cp_corrections_suggestedword {
font-weight: bold;
background-color: lightgreen;
}
span.asf_cp_corrections_omittedword {
font-weight: bold;
background-color: lightgreen;
word-spacing: 5px;
}
.asf_cp_grading_passagecont.asf_cp_summarytranscriptplaceholder,.asf_cp_corrections_cont {
border: 1px grey solid;
padding: 3px;
margin-bottom: 10px;
}
.asf_cp_fetchsubmissionbutton, .asf_cp_checkgrammarbutton {
margin-bottom: 5px;
margin-top: 5px;
}
span.asf_cp_grading_original_preword,span.asf_cp_grading_original_postword {
font-weight: 500;
background-color: antiquewhite;
}
.asf_cp_correctionspreview_cont .asf_cp_grading_original_preword,
.asf_cp_correctionspreview_cont .asf_cp_grading_original_postword{
display: none;
}
.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;
}
}
.criterion-desc {
font-style: italic;
}
.criteriasets-page .criteriaset-row {
padding: 3px 0;
}
.criteriasets-page .criteriaset-row a[data-toggle="collapse"]::before {
background-image: url(/theme/image.php/iomadmoon/core/1777497332/t/expanded);
background-repeat: no-repeat;
content: '';
display: inline-flex;
margin-right: 3px;
vertical-align: text-top;
width: 16px;
height: 16px;
}
.criteriasets-page .criteriaset-row a[data-toggle="collapse"].collapsed::before {
background-image: url(/theme/image.php/iomadmoon/core/1777497332/t/collapsed);
}
.criteriasets-page .criteriaset-row .criteria-data {
clear: left;
}
.criteriasets-page label,
.criteriasets-footer label {
display: inline;
margin-right: 6px;
}
#page-mod-assign-mod #id_assignfeedback_structured_critset + .loading-icon {
margin-left: 6px;
vertical-align: text-bottom;
}
.contentdesigner-content.limitedwidth .contentdesigner-wrapper .content
.contentdesigner-progress + .course-content-list li.chapters-list {
&.completed {
border-color: #44ab58;
}
&:not(.completed):has(.content-designer-learningtool-bookmark.active),
&:not(.completed):has(.content-designer-learningtool-note.active) {
border-color: #d3d3d3;
}
}
.toolbar-block {
border-radius: 5px;
padding: 7px 0;
display: flex;
align-items: center;
justify-content: space-between;
&:has(.content-designer-learningtools-toolbar) {
background-color: #f7f8f9;
}
.content-designer-learningtools-toolbar {
margin-left: 15px;
display: flex;
align-items: center;
gap: 15px;
.content-designer-learningtool-bookmark,
.content-designer-learningtool-note {
height: auto;
text-decoration: none;
font-weight: 500;
border: 0;
padding: 0;
&.active {
color: var(--primary);
text-decoration: none;
border: 0;
background: none;
box-shadow: none;
}
&:focus,
&:active {
box-shadow: none;
}
.badge {
padding: 0;
}
}
+ .complete-chapter {
width: auto;
height: auto;
line-height: normal;
margin-right: 10px;
}
}
}
.yui3-panel {
outline: none;
}
.yui3-panel-content .yui3-widget-hd {
font-weight: bold;
}
.yui3-panel-content .yui3-widget-bd {
padding: 15px;
}
.yui3-panel-content label {
margin-right: 30px;
}
#page-mod-pulse-addons-preset-presets .availability-field.fcontainer {
display: none;
}
.preset-config-params span.config-param {
display: block;
}
#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;
}
.videotime-local-stream .fa-toggle-on,
.videotime-local-stream .selected .fa-toggle-off {
display: none;
}
.videotime-local-stream .selected .fa-toggle-on {
display: inline;
}
.videotime-embed .vjs-layout-tiny,
.videotime-embed .vjs-layout-x-small,
.videotime-embed .vjs-layout-large,
.videotime-embed .vjs-layout-small,
.videotime-embed .vjs-layout-medium,
.videotime-embed .vjs-layout-x-large,
.videotime-embed .vjs-layout-huge {
width: 100%;
}
.videotime-embed .vjs-layout-tiny,
.videotime-embed .vjs-layout-x-small,
.videotime-embed .vjs-layout-large,
.videotime-embed .vjs-layout-small,
.videotime-embed .vjs-layout-medium,
.videotime-embed .vjs-layout-x-large,
.videotime-embed .vjs-layout-huge {
width: 100%;
}
.videotimetab_block.row {
margin-right: 0;
}
.videotimetab_chat {
max-height: 300px;
overflow-y: auto;
}
.texttracks {
overflow-x: hidden;
overflow-y: auto;
max-height: 300px;
}
/* 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;
}
/* PLUGIN UI STYLES */
.atto_c4l_button_iconone img {
width: 18px;
height: 18px;
position: relative;
top: -1px;
}
.atto-c4l-menu-title {
margin-bottom: 8px;
margin-left: 3px;
color: #387af1;
font-weight: bold;
font-size: 10px;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.atto-c4l-dialog-button {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
flex: 0 1 31%;
min-height: 32px;
background-color: #fff;
border-radius: 1px;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 10px;
border-width: 0;
font-weight: 600;
color: #505d78;
border: 0 solid transparent;
font-size: 13px;
box-shadow: 0 2.52644px 18.5272px rgba(0, 0, 0, .07);
transition: .15s ease-in-out;
-webkit-transition: .15s ease-in-out;
-moz-transition: .15s ease-in-out;
-ms-transition: .15s ease-in-out;
-o-transition: .15s ease-in-out;
position: relative;
text-align: left;
}
.atto-c4l-dialog-button:hover,
.atto-c4l-dialog-button:active {
transform: scale(1.04);
-webkit-transform: scale(1.04);
-moz-transform: scale(1.04);
-ms-transform: scale(1.04);
-o-transform: scale(1.04);
}
.atto-c4l-dialog-button::before {
margin-top: 4px;
margin-right: 18px;
}
.atto-c4l-dialog-button:after {
content: " ";
height: 24px;
border-left: 1px solid #e0eaf6;
position: absolute;
left: 58px;
}
.atto-c4l-plugin-container {
padding: 1rem;
background-color: #f6f7f8;
border: 1px solid #dee2e6;
}
.atto-c4l-buttons-grid {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
margin-bottom: 24px;
}
/* Contextual components buttons */
.atto-c4l-keyconcept-icon:before {
content: url(/theme/image.php/iomadmoon/atto_c4l/1777497332/noun_project_icons/atto_c4l_keyconcept_icon);
}
.atto-c4l-tip-icon:before {
content: url(/theme/image.php/iomadmoon/atto_c4l/1777497332/noun_project_icons/atto_c4l_tip_icon);
}
.atto-c4l-reminder-icon:before {
content: url(/theme/image.php/iomadmoon/atto_c4l/1777497332/noun_project_icons/atto_c4l_reminder_icon);
}
.atto-c4l-attention-icon:before {
content: url(/theme/image.php/iomadmoon/atto_c4l/1777497332/atto_c4l_attention_icon);
}
.atto-c4l-quote-icon:before {
content: url(/theme/image.php/iomadmoon/atto_c4l/1777497332/noun_project_icons/atto_c4l_quote_icon);
}
.atto-c4l-dodontcards-icon:before {
content: url(/theme/image.php/iomadmoon/atto_c4l/1777497332/atto_c4l_dodontcards_icon);
}
.atto-c4l-readingcontext-icon:before {
content: url(/theme/image.php/iomadmoon/atto_c4l/1777497332/noun_project_icons/atto_c4l_readingcontext_icon);
}
.atto-c4l-example-icon:before {
content: url(/theme/image.php/iomadmoon/atto_c4l/1777497332/atto_c4l_example_icon);
}
.atto-c4l-figure-icon:before {
content: url(/theme/image.php/iomadmoon/atto_c4l/1777497332/atto_c4l_figure_icon);
}
.atto-c4l-tag-icon:before {
content: url(/theme/image.php/iomadmoon/atto_c4l/1777497332/noun_project_icons/atto_c4l_tag_icon);
}
/* Procedural components buttons */
.atto-c4l-estimatedtime-icon:before {
content: url(/theme/image.php/iomadmoon/atto_c4l/1777497332/noun_project_icons/atto_c4l_estimatedtime_icon);
}
.atto-c4l-duedate-icon:before {
content: url(/theme/image.php/iomadmoon/atto_c4l/1777497332/noun_project_icons/atto_c4l_duedate_icon);
}
.atto-c4l-proceduralcontext-icon:before {
content: url(/theme/image.php/iomadmoon/atto_c4l/1777497332/atto_c4l_proceduralcontext_icon);
}
.atto-c4l-learningoutcomes-icon:before {
content: url(/theme/image.php/iomadmoon/atto_c4l/1777497332/atto_c4l_learningoutcomes_icon);
}
/* Evaluative components buttons */
.atto-c4l-gradingvalue-icon:before {
content: url(/theme/image.php/iomadmoon/atto_c4l/1777497332/noun_project_icons/atto_c4l_gradingvalue_icon);
}
.atto-c4l-expectedfeedback-icon:before {
content: url(/theme/image.php/iomadmoon/atto_c4l/1777497332/noun_project_icons/atto_c4l_expectedfeedback_icon);
}
/* Helper components buttons */
.atto-c4l-allpurposecard-icon:before {
content: url(/theme/image.php/iomadmoon/atto_c4l/1777497332/atto_c4l_allpurposecard_icon);
}
.atto-c4l-inlinetag-icon:before {
content: url(/theme/image.php/iomadmoon/atto_c4l/1777497332/atto_c4l_inlinetag_icon);
}
/* COMPONENT STYLES */
/* Utilities */
.c4l-spacer {
display: block;
height: 12px;
}
.c4l-inline-group {
display: flex;
flex-direction: row;
align-content: flex-end;
justify-content: flex-end;
}
.c4l-display-left {
display: flex;
flex-direction: row;
align-content: flex-start;
justify-content: flex-start;
}
.c4l-spacer + .c4l-display-left {
margin-top: 0;
}
/* Key concept */
.c4l-keyconcept {
min-width: 200px;
max-width: 99%;
background-color: #f1f5fe;
padding: 24px 36px 30px 36px;
border: none;
border-left: 6px solid #387af1;
margin: 36px auto;
position: relative;
border-radius: 0;
}
.atto-c4l-spacer + .c4l-keyconcept {
margin: 0 auto;
}
.c4l-keyconcept p:last-of-type {
margin-bottom: 0;
}
/* Tip */
.c4l-tip {
min-width: 200px;
max-width: 99%;
background-color: #fbeffa;
padding: 24px 48px 30px 36px;
border: none;
border-left: 6px solid #b00ca9;
margin: 36px auto;
position: relative;
border-radius: 0;
}
.c4l-spacer + .c4l-tip {
margin: 0 auto;
}
.c4l-tip p:last-of-type {
margin-bottom: 0;
}
.c4l-tip:after {
content: url(/theme/image.php/iomadmoon/atto_c4l/1777497332/noun_project_icons/atto_c4l_tip);
position: absolute;
top: 6px;
right: -3px;
}
/* Reminder */
.c4l-reminder {
min-width: 200px;
max-width: 99%;
background-color: #eff8fd;
padding: 24px 48px 30px 36px;
border: none;
border-left: 6px solid #16b9ff;
margin: 36px auto;
position: relative;
border-radius: 0;
}
.c4l-spacer + .c4l-reminder {
margin: 0 auto;
}
.c4l-reminder p:last-of-type {
margin-bottom: 0;
}
.c4l-reminder:after {
content: url(/theme/image.php/iomadmoon/atto_c4l/1777497332/noun_project_icons/atto_c4l_reminder);
position: absolute;
top: 6px;
right: -3px;
}
/* Attention */
.c4l-attention {
min-width: 200px;
max-width: 99%;
background-color: #fef6ed;
padding: 24px 48px 30px 36px;
border: none;
border-left: 6px solid #f88923;
margin: 36px auto;
position: relative;
border-radius: 0;
}
.c4l-spacer + .c4l-attention {
margin: 0 auto;
}
.c4l-attention p:last-of-type {
margin-bottom: 0;
}
.c4l-attention:after {
content: url(/theme/image.php/iomadmoon/atto_c4l/1777497332/atto_c4l_attention);
position: absolute;
top: 6px;
right: -3px;
}
/* Quote */
.c4l-quote {
/*font-family: "Lora", serif; <== Reccomended font -not included: requires link to Google Fonts */
font-family: Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-size: 16px;
line-height: 24px;
margin: 24px auto;
min-width: 200px;
max-width: 100%;
}
.c4l-spacer + .c4l-quote {
margin: 0 auto;
}
.c4l-quote-body {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: stretch;
align-content: space-between;
font-style: italic;
}
.c4l-quote-line {
border-left: 4px solid #387af1;
margin-right: 16px;
margin-top: 4px;
margin-bottom: 2px;
}
.c4l-quote-text:before {
content: '';
position: static;
top: 0;
margin-right: 0;
}
.c4l-quote-text:after {
content: '';
position: static;
top: 0;
margin-left: 0;
}
.c4l-quote-text p:first-of-type:before {
content: url(/theme/image.php/iomadmoon/atto_c4l/1777497332/noun_project_icons/atto_c4l_quote_open);
position: relative;
top: -4px;
margin-right: 2px;
}
.c4l-quote-text p:last-of-type::after {
content: url(/theme/image.php/iomadmoon/atto_c4l/1777497332/noun_project_icons/atto_c4l_quote_close);
position: relative;
top: -2px;
margin-left: 2px;
}
.c4l-quote-text p:last-of-type {
margin-bottom: 0;
}
.c4l-quote-caption {
font-size: 13px;
margin-top: 12px;
text-align: right;
}
.c4l-quote-caption span {
text-transform: uppercase;
font-size: 14px;
}
.c4l-quote-caption span:after {
content: ",";
}
/* Do - Don't cards */
.c4l-dodontcards .c4l-dodontcards-do {
margin-top: 36px;
}
.c4l-dodontcards .c4l-dodontcards-dont {
margin-bottom: 36px;
}
.c4l-dodontcards > .c4l-dodontcards-dont {
margin-top: 12px;
}
.c4l-dodontcards-do {
min-width: 200px;
max-width: 100%;
background: #f1fbf5;
border-radius: 10px;
padding: 24px 48px 30px 36px;
margin: 12px auto;
position: relative;
}
.c4l-dodontcards-do::before {
content: url(/theme/image.php/iomadmoon/atto_c4l/1777497332/atto_c4l_docard);
position: absolute;
top: 12px;
right: 12px;
}
.c4l-dodontcards-dont {
min-width: 200px;
max-width: 100%;
background: #ffefef;
border-radius: 10px;
padding: 24px 48px 30px 36px;
margin: 12px auto;
position: relative;
}
.c4l-dodontcards-dont::before {
content: url(/theme/image.php/iomadmoon/atto_c4l/1777497332/atto_c4l_dontcard);
position: absolute;
top: 12px;
right: 12px;
}
.c4l-spacer + .c4l-dodontcards .c4l-dodontcards-do {
margin-top: 0;
}
.c4l-spacer + .c4l-dodontcards .c4l-dodontcards-dont {
margin-bottom: 0;
}
.c4l-dodontcards-do p,
.c4l-dodontcards-dont p {
margin-bottom: 6px;
}
.c4l-dodontcards-do p:last-of-type,
.c4l-dodontcards-dont p:last-of-type {
margin-bottom: 0;
}
/* Reading Context */
.c4l-readingcontext {
min-width: 200px;
max-width: 75%;
padding: 30px 40px 19px 40px;
background-color: #fff;
box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
box-sizing: border-box;
margin: 36px auto;
/*font-family: "Lora", serif; <== Reccomended font -not included: requires link to Google Fonts */
font-family: Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
}
.c4l-spacer + .c4l-readingcontext {
margin-top: 16px;
margin-bottom: 4px;
}
.c4l-readingcontext p {
font-size: 16px;
line-height: 23px;
}
.c4l-readingcontext .c4l-readingcontext-caption {
font-size: 16px;
margin-top: 24px;
text-align: right;
padding-bottom: 14px;
font-style: italic;
}
.c4l-readingcontext .c4l-readingcontext-caption span {
text-transform: uppercase;
font-size: 16px;
font-style: normal;
}
.c4l-readingcontext .c4l-readingcontext-caption span:after {
content: ",";
}
/* Example */
.c4l-example {
font-size: 15px;
line-height: 22px;
color: inherit;
background: #fff;
border-radius: 0;
margin: 36px auto;
min-width: 75%;
max-width: 100%;
padding: 18px 24px;
position: relative;
box-shadow: 0 4px 24px rgba(0, 0, 0, 0.13);
}
.c4l-spacer + .c4l-example {
margin: 0 auto;
}
.c4l-example h1 {
font-weight: 700;
font-size: 11px;
line-height: 21px;
letter-spacing: 0.5px;
color: #3171e3;
margin: 0 0 24px 0;
text-transform: uppercase;
font-family: inherit;
display: inline-block;
border-bottom: 2px solid #3171e3;
}
/* Figure */
.c4l-figure {
min-width: 200px;
max-width: 720px;
margin: 48px auto;
}
.c4l-spacer + .c4l-figure {
margin: 24px auto 14px auto;
}
.c4l-figure img {
width: 100%;
}
.c4l-figure figcaption {
font-size: 13px;
line-height: 16px;
color: #686d79;
margin-top: 7px;
}
.c4l-figure .c4l-figure-footer:after {
content: " | ";
font-weight: normal;
font-style: normal;
}
.c4l-figure .c4l-figure-caption {
font-style: normal;
font-size: 12px;
}
.c4l-figure figcaption span strong {
font-weight: 700;
}
/* Tag */
.c4l-tag {
display: inline-block;
font-size: 10px;
font-weight: 700;
color: #2167cf;
background-color: #f1f5fe;
border-radius: 30px;
padding: 4px 17px;
line-height: 20px;
margin-bottom: 24px;
text-transform: uppercase;
letter-spacing: .2px;
}
/* Estimated Time */
.c4l-estimatedtime {
font-size: 12px;
color: #2167cf;
background-color: #f1f5fe;
padding: 6px 14px;
font-weight: 700;
margin-left: 6px;
margin-bottom: 24px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 36px;
position: relative;
border-radius: 5px;
}
.c4l-estimatedtime span {
font-weight: 600;
font-size: 10px;
}
.c4l-estimatedtime:before {
content: url(/theme/image.php/iomadmoon/atto_c4l/1777497332/noun_project_icons/atto_c4l_estimatedtime);
position: absolute;
left: 12px;
}
/* Due date */
.c4l-duedate {
font-size: 12px;
color: #2167cf;
background-color: #f1f5fe;
padding: 6px 14px;
font-weight: 600;
margin-left: 6px;
margin-bottom: 24px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 36px;
position: relative;
border-radius: 5px;
}
.c4l-duedate:after {
content: url(/theme/image.php/iomadmoon/atto_c4l/1777497332/noun_project_icons/atto_c4l_duedate);
position: absolute;
left: 12px;
}
/* Procedural Context */
.c4l-proceduralcontext {
font-style: italic;
color: #3a56af;
margin-bottom: 12px;
padding-top: 24px;
padding-bottom: 24px;
font-weight: 400;
}
.c4l-spacer + .c4l-proceduralcontext {
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
}
/* Grading Value */
.c4l-gradingvalue {
font-size: 12px;
color: #2167cf;
background-color: #f1f5fe;
padding: 6px 14px;
font-weight: 700;
margin-left: 6px;
margin-bottom: 24px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 36px;
position: relative;
border-radius: 5px;
}
.c4l-gradingvalue span {
font-weight: 600;
font-size: 10px;
}
.c4l-gradingvalue:after {
content: url(/theme/image.php/iomadmoon/atto_c4l/1777497332/noun_project_icons/atto_c4l_gradingvalue);
position: absolute;
left: 12px;
top: 6px;
}
/* Expected Feedback */
.c4l-expectedfeedback {
min-width: 200px;
max-width: 90%;
background-color: #fff;
padding: 24px 36px 30px 36px;
margin: 36px auto;
font-style: italic;
position: relative;
border-radius: 8px;
border: none;
box-shadow: 0 4px 24px rgba(0, 0, 0, 0.13);
}
.c4l-spacer + .c4l-expectedfeedback {
margin: 0 auto;
}
.c4l-expectedfeedback p:last-of-type {
margin-bottom: 0;
}
.c4l-expectedfeedback:before {
content: '';
}
.c4l-expectedfeedback:after {
content: url(/theme/image.php/iomadmoon/atto_c4l/1777497332/noun_project_icons/atto_c4l_expectedfeedback);
position: absolute;
bottom: 6px;
right: -3px;
}
/* All-purpose Card */
.c4l-allpurposecard {
min-width: 200px;
max-width: 100%;
background: #f1f5fe;
border-radius: 10px;
padding: 24px 48px 30px 36px;
margin: 24px auto;
position: relative;
}
.c4l-spacer + .c4l-allpurposecard {
margin: 0 auto;
}
.c4l-allpurposecard p {
margin-bottom: 6px;
}
.c4l-allpurposecard p:last-of-type {
margin-bottom: 0;
}
/* Inline Tag */
.c4l-inlinetag {
font-weight: 900;
font-size: 10px;
text-transform: uppercase;
letter-spacing: .2px;
display: inline-block;
color: #fff;
background: #3171e3;
border-radius: 7px;
padding: 2px 7px 1px 7px;
position: relative;
top: -2px;
margin-left: 4px;
margin-right: 4px;
}
/* Learning Outcomes */
.c4l-learningoutcomes,
.c4lv-learningoutcomes {
min-width: 200px;
max-width: 99%;
background-color: #f2f5fd;
padding: 24px 48px 30px 36px;
border: none;
margin: 36px auto;
position: relative;
border-radius: 0;
}
.c4l-learningoutcomes p:last-of-type,
.c4lv-learningoutcomes p:last-of-type {
margin-bottom: 0;
}
.c4l-learningoutcomes .c4l-learningoutcomes-title,
.c4lv-learningoutcomes .c4l-learningoutcomes-title {
position: relative;
top: -11px;
left: -39px;
padding: 6px 14px 5px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
font-weight: 600;
font-size: 11px;
letter-spacing: 0.7px;
color: #fff;
background-color: #497ae9;
text-transform: uppercase;
font-family: inherit;
display: inline-block;
margin-top: 0;
filter: drop-shadow(0 1.55601px 3.11202px rgba(0, 0, 0, 0.07));
}
.c4l-learningoutcomes .c4l-learningoutcomes-title::before,
.c4lv-learningoutcomes .c4l-learningoutcomes-title::before {
content: url(/theme/image.php/iomadmoon/atto_c4l/1777497332/atto_c4l_learningoutcomes_shadow);
position: absolute;
width: 3px;
height: 2px;
top: 15.5px;
left: 0.5px;
}
.c4l-learningoutcomes .c4l-learningoutcomes-list,
.c4lv-learningoutcomes .c4l-learningoutcomes-list {
margin-top: 18px;
margin-bottom: 18px;
padding-left: 32px;
}
.c4l-learningoutcomes .c4l-learningoutcomes-list > li,
.c4lv-learningoutcomes .c4l-learningoutcomes-list > li {
position: relative;
}
.c4l-learningoutcomes .c4l-learningoutcomes-list > li:not(:last-child),
.c4lv-learningoutcomes .c4l-learningoutcomes-list > li:not(:last-child) {
margin-bottom: 21px;
}
.c4l-learningoutcomes .c4l-learningoutcomes-list li::before,
.c4lv-learningoutcomes .c4l-learningoutcomes-list li::before {
background-image: url(/theme/image.php/iomadmoon/atto_c4l/1777497332/atto_c4l_learningoutcomes_list_item);
background-size: 9px 11px;
display: inline-block;
width: 9px;
height: 11px;
content: "";
justify-self: center;
position: absolute;
left: -32px;
top: 7px;
}
.c4l-learningoutcomes .c4l-learningoutcomes-list li::marker,
.c4lv-learningoutcomes .c4l-learningoutcomes-list li::marker {
color: transparent;
}
/* Media queries */
@media only screen and (min-width: 576px) {
.c4l-keyconcept,
.c4l-tip,
.c4l-reminder,
.c4l-attention {
max-width: 90%;
margin: 48px auto;
}
.c4l-spacer + .c4l-keyconcept,
.c4l-spacer + .c4l-tip,
.c4l-spacer + .c4l-reminder,
.c4l-spacer + .c4l-attention,
.c4l-spacer + .c4l-expectedfeedback,
.c4l-spacer + .c4l-learningoutcomes {
margin: 24px auto 8px auto;
}
.c4l-quote {
margin: 36px auto;
max-width: 90%;
}
.c4l-spacer + .c4l-quote {
margin: 12px auto 0 auto;
}
.c4l-quote-caption {
margin-top: 24px;
}
.c4l-dodontcards-do,
.c4l-dodontcards-dont {
max-width: 90%;
margin: 24px auto;
}
.c4l-spacer + .c4l-dodontcards .c4l-dodontcards-do {
margin-top: 0;
}
.c4l-spacer + .c4l-dodontcards .c4l-dodontcards-dont {
margin-bottom: 0;
}
.c4l-readingcontext {
max-width: 88%;
}
.c4l-example {
max-width: 88%;
padding: 36px 48px;
}
.c4l-spacer + .c4l-example {
margin: 12px auto 6px auto;
padding: 36px 48px;
}
.c4l-expectedfeedback {
max-width: 88%;
margin: 48px auto;
}
.c4l-allpurposecard {
margin: 36px auto;
max-width: 90%;
}
}
@media only screen and (min-width: 768px) {
.c4l-keyconcept,
.c4l-tip,
.c4l-reminder,
.c4l-attention,
.c4l-dodontcards-do,
.c4l-dodontcards-dont,
.c4l-readingcontext,
.c4l-expectedfeedback,
.c4l-allpurposecard,
.c4l-learningoutcomes {
max-width: 75%;
}
.c4l-quote {
margin: 48px auto;
max-width: 75%;
}
.c4l-spacer + .c4l-quote {
margin: 24px auto 14px auto;
}
.c4l-example {
margin: 48px auto;
max-width: 75%;
}
.c4l-spacer + .c4l-example {
margin: 24px auto 12px auto;
}
}
.atto_charmap_selector button {
width: 2.18rem;
margin: 0.1rem;
}
.atto_cloudpoodll_button .dropdown-menu {
min-width: inherit;
}
.history-row .inplaceeditable input[type="text"] {
width: 90%;
}
.atto_cloudpoodll_iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
#id_responsive_atto_cloudpoodll_audio_cont {
position: relative;
overflow: hidden;
padding-top: 110%;
}
#id_responsive_atto_cloudpoodll_upload_cont {
position: relative;
overflow: hidden;
padding-top: 110%;
}
#id_responsive_atto_cloudpoodll_video_cont,
#id_responsive_atto_cloudpoodll_screen_cont {
position: relative;
overflow: hidden;
padding-top: 130%;
}
div.atto_widget_buttons {
display: inline-block;
margin: 5px;
}
.atto_cloudpoodll_widgetlabel {
padding: 10px;
}
.atto_widget_field {
margin-top: 5px;
}
@media (max-width: 768px) {
.toolbarbreak {
display: none;
}
}
.emoji-picker-dialogue.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
padding: 0;
}
.emoji-picker-dialogue .emoji-picker {
box-shadow: none !important; /* stylelint-disable-line declaration-no-important */
border: 0;
}
.atto_emoticon_map ul {
padding: 0;
margin: 0;
display: table;
width: 100%;
}
.atto_emoticon_map li {
display: table-row;
white-space: nowrap;
}
.atto_emoticon_map li div {
display: table-cell;
padding: 0 1em;
}
.atto_emoticon_emote img {
width: 16px;
}
.atto_equation_library button {
margin: 0.25%;
min-width: 12%;
}
#page-admin-setting-atto_equation_settings .form-defaultinfo {
max-height: 10em;
overflow: auto;
padding: 5px;
min-width: 206px;
}
.atto_fontcolor_button .dropdown-menu {
min-width: inherit;
}
.atto_fontcolor_button .dropdown-menu .atto_menuentry {
padding-top: 5px;
padding-bottom: 5px;
}
.atto_fontcolor_button .dropdown-menu .atto_menuentry a[role=menuitem] {
display: flex;
}
.atto_fontcolor_button .dropdown-menu .atto_menuentry a[role=menuitem]:hover,
.atto_fontcolor_button .dropdown-menu .atto_menuentry a[role=menuitem]:focus {
box-shadow: #0f6fc5 0 0 3px 1px;
}
.atto_fontcolor_button .dropdown-menu .coloroption {
display: flex;
align-items: center;
float: left;
height: 20px;
width: 20px;
border: 1px solid #ccc;
}
.atto_fontfamily_button .dropdown-menu a {
line-height: normal;
}
.atto_fontsize_button .dropdown-menu a {
line-height: normal;
}
.atto-fullscreen .drawer-toggles,
.atto-fullscreen .drawer,
.atto-fullscreen footer,
.atto-fullscreen header {
display: none;
visibility: hidden;
}
.atto-fullscreen #dock {
display: none;
visibility: hidden;
}
.atto-fullscreen .back-to-top {
display: none;
visibility: hidden;
}
.atto-fullscreen #nav-drawer {
display: none;
visibility: hidden;
}
.atto-fullscreen nav {
display: none;
visibility: hidden;
}
.atto-fullscreen header {
display: none;
visibility: hidden;
}
.atto-fullscreen #dock {
display: none;
visibility: hidden;
}
.atto-fullscreen .back-to-top {
display: none;
visibility: hidden;
}
.atto-fullscreen #nav-drawer {
display: none;
visibility: hidden;
}
.atto-fullscreen nav {
display: none;
visibility: hidden;
}
.attoh5poverlay {
display: none;
}
.attoh5pinstructions {
max-width: 500px;
}
.editor_atto_content_wrap .h5p-placeholder + br {
display: none;
}
.editor_atto_content_wrap .h5p-placeholder {
color: #6c757d;
width: 100%;
word-break: break-all;
height: 260px;
cursor: pointer;
background: url(/theme/image.php/iomadmoon/atto_h5p/1777497332/icon-white) center center / 100px auto no-repeat #6c757d;
}
.atto_h5p_button .icon {
width: 24px;
}
.dir-rtl .CodeMirror {
text-align: left;
direction: ltr;
}
.atto_image_preview {
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
}
.atto_image_preview_box {
max-height: 150px;
margin-bottom: 1em;
overflow: auto;
}
.editor_atto_content img {
cursor: pointer;
}
.atto_image_button_text-top {
vertical-align: text-top;
margin: 0 0.5em;
}
.atto_image_button_middle {
vertical-align: middle;
margin: 0 0.5em;
}
.atto_image_button_text-bottom {
vertical-align: text-bottom;
margin: 0 0.5em;
}
.atto_image_button_text-top.img-fluid,
.atto_image_button_middle.img-fluid,
.atto_image_button_text-bottom.img-fluid {
/* If the image is display: block then linking the image to URLs won't work. */
display: inline-block;
max-width: calc(100% - 1em);
}
/*rtl:begin:ignore*/
.atto_image_button_left {
float: left;
margin: 0 0.5em 0 0;
max-width: calc(100% - 1em);
}
.atto_image_button_right {
float: right;
margin: 0 0 0 0.5em;
max-width: calc(100% - 1em);
}
/*rtl:end:ignore*/
#atto_managefiles_manageform {
padding: 1rem;
}
#atto_managefiles_manageform #id_deletefileshdr {
display: none;
}
#atto_managefiles_manageform.has-unused-files #id_deletefileshdr {
display: block;
}
#atto_managefiles_manageform #id_missingfileshdr {
display: none;
}
#atto_managefiles_manageform.has-missing-files #id_missingfileshdr {
display: block;
}
.atto_form.atto_media > .tab-content {
max-height: 45vh;
overflow-x: hidden;
}
.atto_morebackcolors_button .dropdown-menu {
min-width: inherit;
}
.atto_morebackcolors_button #atto_morebackcolors_customicon {
background-image: url(/theme/image.php/iomadmoon/core/1777497332/i/edit);
background-size: 20px 20px;
}
/** HSL Color Picker **/
#atto_morebackcolors_dialogue .picker {
padding: 15px;
background: #efefef;
border: 1px solid #ddd;
}
#atto_morebackcolors_dialogue .yui3-slider {
background-image: url(/theme/image.php/iomadmoon/atto_morebackcolors/1777497332/e/rail-x);
background-repeat: repeat-x;
}
#atto_morebackcolors_dialogue #atto_morebackcolors_dialogue_hue-dial, #atto_morebackcolors_dialogue .sliders, #atto_morebackcolors_dialogue .color {
display: inline-block;
zoom: 1; *display: inline;
vertical-align: middle;
}
#atto_morebackcolors_dialogue #atto_morebackcolors_dialogue_hue-dial .yui3-dial-ring {
background: url(/theme/image.php/iomadmoon/atto_morebackcolors/1777497332/e/colorwheel) -25px -25px no-repeat;
}
#atto_morebackcolors_dialogue .sliders {
margin: 0 30px;
}
#atto_morebackcolors_dialogue .sliders strong {
font-weight: 600;
display: block;
}
#atto_morebackcolors_dialogue .sliders strong span {
font-weight: 300;
}
#atto_morebackcolors_dialogue .sliders div + div {
margin-top: 1em;
}
#atto_morebackcolors_dialogue .color {
width: 100px;
height: 100px;
border: 1px solid rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.3);
}
/** Output Styles **/
#atto_morebackcolors_dialogue .picker-output {
padding: 20px 10px 10px;
background: #efefef;
border: 1px solid #ddd;
border-top: none;
-webkit-box-shadow: inset 0px 6px 10px -5px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0px 6px 10px -5px rgba(0, 0, 0, 0.3);
box-shadow: inset 0px 6px 10px -5px rgba(0, 0, 0, 0.3);
}
#atto_morebackcolors_dialogue .picker-output strong {
font-weight: bold;
display: block;
}
.atto_morebackcolors_button .atto_menuentry {
list-style-type: none;
}
#atto_morebackcolors_dialogue .yui3-dial-label-string {
display: none;
}
.atto_morebackcolors_button .atto_menuentry a[role="menuitem"]{
display: flex;
display: -webkit-flex;
}
.atto_morefontcolors_button .dropdown-menu {
min-width: inherit;
}
.atto_morefontcolors_button #atto_morefontcolors_customicon {
background-image: url(/theme/image.php/iomadmoon/core/1777497332/i/edit);
background-size: 20px 20px;
}
/** HSL Color Picker **/
#atto_morefontcolors_dialogue .picker {
padding: 15px;
background: #efefef;
border: 1px solid #ddd;
}
#atto_morefontcolors_dialogue .yui3-slider {
background-image: url(/theme/image.php/iomadmoon/atto_morefontcolors/1777497332/e/rail-x);
background-repeat: repeat-x;
}
#atto_morefontcolors_dialogue #atto_morefontcolors_dialogue_hue-dial, #atto_morefontcolors_dialogue .sliders, #atto_morefontcolors_dialogue .color {
display: inline-block;
zoom: 1; *display: inline;
vertical-align: middle;
}
#atto_morefontcolors_dialogue #atto_morefontcolors_dialogue_hue-dial .yui3-dial-ring {
background: url(/theme/image.php/iomadmoon/atto_morefontcolors/1777497332/e/colorwheel) -25px -25px no-repeat;
}
#atto_morefontcolors_dialogue .sliders {
margin: 0 30px;
}
#atto_morefontcolors_dialogue .sliders strong {
font-weight: 600;
display: block;
}
#atto_morefontcolors_dialogue .sliders strong span {
font-weight: 300;
}
#atto_morefontcolors_dialogue .sliders div + div {
margin-top: 1em;
}
#atto_morefontcolors_dialogue .color {
width: 100px;
height: 100px;
border: 1px solid rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.3);
}
/** Output Styles **/
#atto_morefontcolors_dialogue .picker-output {
padding: 20px 10px 10px;
background: #efefef;
border: 1px solid #ddd;
border-top: none;
-webkit-box-shadow: inset 0px 6px 10px -5px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0px 6px 10px -5px rgba(0, 0, 0, 0.3);
box-shadow: inset 0px 6px 10px -5px rgba(0, 0, 0, 0.3);
}
#atto_morefontcolors_dialogue .picker-output strong {
font-weight: bold;
display: block;
}
#atto_morefontcolors_dialogue .yui3-dial-label-string {
display: none;
}
.atto_morefontcolors_button .atto_menuentry {
list-style-type: none;
}
.atto_morefontcolors_button .atto_menuentry a[role="menuitem"]{
display: flex;
display: -webkit-flex;
}
.atto_recordrtc,
.atto_recordrtc div {
font-weight: normal;
line-height: 40px;
padding: 3px 0 3px 0;
}
.atto_recordrtc .alert {
line-height: 40px;
text-align: center;
}
.atto_recordrtc audio {
display: block;
width: 100%;
}
@media screen and (max-width: 670px) {
.atto_recordrtc video {
display: block;
height: auto;
margin: 0 auto;
width: 100%;
}
}
@media screen and (min-width: 671px) {
.atto_recordrtc video {
display: block;
height: 480px;
margin: 0 auto;
width: 640px;
}
}
.atto_recordrtc #start-stop,
.atto_recordrtc #upload {
white-space: normal;
}
/* Prevent the menu from protruding from the editor if really many styles are added to the menu. */
.editor_atto_menu .atto_styles_button .dropdown-menu {
max-height: 200px;
overflow-y: scroll;
}
/* Prevent the menu from wrapping the menu items */
.editor_atto_menu .atto_styles_button .dropdown-menu > li {
white-space: nowrap;
}
/* Separate the style list menu items more clearly. */
.editor_atto_menu .atto_styles_button .dropdown-menu > li {
border-bottom: 1px solid #eee;
padding-bottom: 10px;
padding-top: 10px;
}
/* Do not add a bottom border to the last list element. */
.editor_atto_menu .atto_styles_button .dropdown-menu > li:last-child {
border-bottom: none;
}
/* Position menu item icons */
.editor_atto_menu .atto_styles_button .dropdown-menu > li > a i {
display: inline-block;
height: 15px;
margin-right: 10px;
width: 15px;
}
/* Override Atto core paddings for menu items to prevent the disabled inline menu items from showing a hand cursor */
/* Additionally remove text underline from menu items in this widget because Boost adds underlines to menu items by default
but for disabled menu items this is counterproductive */
.editor_atto_menu .atto_styles_button .dropdown-menu > li > a {
padding: 0;
text-decoration: none;
}
.editor_atto_menu .atto_styles_button .dropdown-menu > li > a span.preview,
.editor_atto_menu .atto_styles_button .dropdown-menu > li > a span.title {
display: inline-block;
/* stylelint-disable-next-line declaration-no-important */
max-width: calc(100% - 55px) !important;
/* stylelint-disable-next-line declaration-no-important */
margin: 0 !important;
}
/* Override Moodle core's styling, because the underline should not appear within the dropdown list. */
.editor_atto_menu .atto_styles_button .dropdown-menu > li:focus,
.editor_atto_menu .atto_styles_button .dropdown-menu > li:hover {
background-color: #f8f9fa;
}
.editor_atto_menu .atto_styles_button .dropdown-menu > li > a:focus {
box-shadow: none;
}
/* Disabled inline style menu item visually */
.editor_atto_menu .disableinline .atto_styles_button .inlinestyle {
cursor: default;
}
.editor_atto_menu .atto_styles_button .inlinehint {
display: none;
}
.editor_atto_menu .disableinline .atto_styles_button .inlinehint {
display: inline-block;
margin-left: 39px;
}
div.editor_atto_content td,
div.editor_atto_content th,
div.editor_atto_content caption {
border: 1px dashed #bbb;
position: relative;
min-width: 2rem;
height: 2rem;
}
div.editor_atto_content caption {
height: auto;
}
div.availablecolors {
background-color: #eee;
padding: 0.5rem;
}
div.availablecolors .tablebordercolor,
div.availablecolors .tablebackgroundcolor {
display: inline-flex;
justify-content: center;
align-items: center;
width: 2rem;
height: 2rem;
text-align: center;
vertical-align: sub;
border-radius: 25%;
margin-right: 0.2rem;
}
.warning-desc {
word-wrap: break-word;
}
.warning-desc li {
margin-bottom: 10px;
}
/* tiny ai icon font */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Tiny AI Icons";
font-style: normal;
font-weight: 400;
src: url(/theme/font.php/iomadmoon/tiny_ai/1777497332/tiny-ai-icons.woff) format("woff"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
[class^=icon-tiny_ai_],
[class*=" icon-tiny_ai_"] {
font-family: "Tiny AI Icons" !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
font-size: 24px;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-tiny_ai_shorten:before {
content: "\e900";
}
.icon-tiny_ai_extend:before {
content: "\e901";
}
.icon-tiny_ai_text-insert-last:before {
content: "\e902";
}
.icon-tiny_ai_sparkle:before {
content: "\e905";
}
.tiny_ai-footer-wrapper {
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 1rem;
}
.tiny_ai-footer-wrapper .tiny_ai-footer-left,
.tiny_ai-footer-wrapper .tiny_ai-footer-right {
display: flex;
gap: 0.625rem;
align-items: center;
flex-wrap: wrap;
}
.tiny_ai-card-button {
display: flex;
padding: 16px 20px;
flex-direction: column;
align-items: center;
gap: 12px;
border-radius: 8px;
border: 1px solid #D33F01;
background: #FFF;
text-decoration: none;
transition: background-color ease-in-out 0.5s;
}
.tiny_ai-card-button:hover {
border-radius: 8px;
border: 1px solid #D33F01;
background: #E99F80;
text-decoration: none;
transition: background-color ease-in-out 0.5s;
}
.tiny_ai-card-button.disabled {
border-radius: 8px;
border: 1px solid #A4A5AC;
background: #FFF;
pointer-events: none;
cursor: not-allowed;
}
.tiny_ai-card-button.disabled .tiny_ai-card-button--tool,
.tiny_ai-card-button.disabled .tiny_ai-card-button--description {
color: #A4A5AC;
}
.tiny_ai-card-button.disabled [class^=icon-tiny_ai_],
.tiny_ai-card-button.disabled [class^=fa-] {
color: #A4A5AC;
}
.tiny_ai-card-button .tiny_ai-card-button--text-wrapper {
display: flex;
flex-direction: column;
}
.tiny_ai-card-button .tiny_ai-card-button--tool,
.tiny_ai-card-button .tiny_ai-card-button--description {
color: #00091E;
text-align: center;
font-family: "Atkinson Hyperlegible";
font-size: 18px;
font-style: normal;
line-height: 26px; /* 144.444% */
text-decoration: none;
}
.tiny_ai-card-button .tiny_ai-card-button--tool {
font-weight: 700;
}
.tiny_ai-card-button .tiny_ai-card-button--description {
font-weight: 400;
}
.tiny_ai-card-button [class^=icon-tiny_ai_],
.tiny_ai-card-button [class^=fa-] {
font-size: 24px;
color: #00091E;
}
@media (max-width: 480px) {
.tiny_ai-card-button {
display: flex;
flex-direction: row;
align-items: center;
gap: 20px;
}
}
.dark .tiny_ai-card-button {
border-radius: 8px;
border: 1px solid #D33F01;
background: #00091E;
}
.dark .tiny_ai-card-button:hover {
border-radius: 8px;
border: 1px solid #D33F01;
background: #A93201;
}
.dark .tiny_ai-card-button.disabled {
border-radius: 8px;
border: 1px solid #60616D;
}
.dark .tiny_ai-card-button.disabled .tiny_ai-card-button--tool,
.dark .tiny_ai-card-button.disabled .tiny_ai-card-button--description {
color: #60616D;
}
.dark .tiny_ai-card-button.disabled [class^=icon-tiny_ai_],
.dark .tiny_ai-card-button.disabled [class^=fa-] {
color: #60616D;
}
.dark .tiny_ai-card-button .tiny_ai-card-button--tool,
.dark .tiny_ai-card-button .tiny_ai-card-button--description {
color: #FFF;
}
.dark .tiny_ai-card-button [class^=icon-tiny_ai_],
.dark .tiny_ai-card-button [class^=fa-] {
color: #FFF;
}
.tiny_ai-input-container {
display: flex;
align-items: flex-end;
border: 1px solid #E8E8EA;
border-radius: 8px;
padding: 10px;
background-color: #FFF;
position: relative;
}
.tiny_ai-input-container.has-error {
border-color: #F00;
}
.tiny_ai-input-container.has-error ~ .tiny_ai-input-error {
color: #F00;
font-family: "Atkinson Hyperlegible";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
}
.tiny_ai-input-container.disabled {
border-color: #A4A5AC;
}
.tiny_ai-input-container.disabled .tiny_ai-input-icon {
color: #A4A5AC;
}
.tiny_ai-input-container.disabled .tiny_ai-input-field {
background: none;
}
.tiny_ai-input-container.disabled .tiny_ai-input-field::placeholder {
color: #A4A5AC;
}
.tiny_ai-input-container:focus-within {
border-color: #60616D;
}
.tiny_ai-input-container .tiny_ai-input-icon {
margin-right: 10px;
font-size: 18px;
color: #00091E;
}
.tiny_ai-input-container .tiny_ai-input-field {
flex-grow: 1;
border: none;
outline: none;
font-size: 16px;
color: #00091E;
resize: none; /* Prevent manual resizing */
overflow-y: auto; /* Enable vertical scroll */
height: 40px;
min-height: 32px;
max-height: 342px;
line-height: 1.5;
padding: 8px;
box-sizing: border-box;
}
.tiny_ai-input-container .tiny_ai-input-field::-webkit-scrollbar {
width: 12px;
}
.tiny_ai-input-container .tiny_ai-input-field::-webkit-scrollbar-thumb {
background-color: #00091E;
border-radius: 20px;
border: 3px solid #FFF;
}
.tiny_ai-input-container .tiny_ai-input-field::-webkit-scrollbar-track {
background: #FFF;
}
.tiny_ai-input-container .tiny_ai-input-field::placeholder {
color: #60616D;
}
.dark .tiny_ai-input-container {
border: 1px solid #A4A5AC;
background: #00091E;
}
.dark .tiny_ai-input-container.has-error {
border-color: #F00;
}
.dark .tiny_ai-input-container .tiny_ai-input-field {
background: #00091E;
color: #FFF;
}
.dark .tiny_ai-input-container .tiny_ai-input-field::placeholder {
color: #A4A5AC;
}
.dark .tiny_ai-input-container .tiny_ai-input-icon {
color: #FFF;
}
.dark .tiny_ai-input-container.disabled {
border-color: #60616D;
}
.dark .tiny_ai-input-container.disabled .tiny_ai-input-icon {
color: #60616D;
}
.dark .tiny_ai-input-container.disabled .tiny_ai-input-field {
background: none;
}
.dark .tiny_ai-input-container.disabled .tiny_ai-input-field::placeholder {
color: #60616D;
}
.tiny_ai-modal--dialog {
max-width: 640px;
min-height: 640px;
}
.tiny_ai-modal--dialog {
background: #FFF;
border-radius: 8px;
padding: 0px;
position: relative;
border: 1px solid #E8E8EA;
}
.tiny_ai-modal--dialog .modal-content {
border: none;
overflow: visible !important;
}
.tiny_ai-modal--dialog .tiny_ai-modal--header {
padding: 24px 24px 16px 24px;
border: 0;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
}
.tiny_ai-modal--dialog .tiny_ai-modal--header .tiny_ai-headline-wrapper {
display: flex;
}
.tiny_ai-modal--dialog .tiny_ai-modal--header .icon-tiny_ai_sparkle {
align-content: center;
margin-right: 8px;
}
.tiny_ai-modal--dialog .tiny_ai-modal--header .close {
align-self: start;
background: none;
border: none;
font-size: 24px;
cursor: pointer;
line-height: 1;
}
.tiny_ai-modal--dialog [data-region=body]::-webkit-scrollbar {
width: 12px;
}
.tiny_ai-modal--dialog [data-region=body]::-webkit-scrollbar-thumb {
background-color: #00091E;
border-radius: 20px;
border: 3px solid #FFF;
}
.tiny_ai-modal--dialog [data-region=body]::-webkit-scrollbar-track {
background: #FFF;
}
.tiny_ai-modal--dialog [data-region=body] :first-child[id^=tiny_ai_] {
display: flex;
padding: 8px 24px 0px 24px;
flex-direction: column;
}
@media (max-width: 480px) {
.tiny_ai-modal--dialog [data-region=body] :first-child[id^=tiny_ai_] {
padding: 0;
}
}
.tiny_ai-modal--dialog [data-region=body] :first-child[id^=tiny_ai_].tiny_ai_wrapper-l {
gap: 24px;
}
.tiny_ai-modal--dialog [data-region=body] :first-child[id^=tiny_ai_].tiny_ai_wrapper-m {
gap: 16px;
}
.tiny_ai-modal--dialog [data-region=body] :first-child[id^=tiny_ai_].tiny_ai_wrapper-s {
gap: 10px;
}
.tiny_ai-modal--dialog [data-region=body] .tiny_ai-prompt-wrapper {
display: flex;
flex-direction: column;
gap: 16px;
align-items: flex-start;
}
.tiny_ai-modal--dialog [data-region=body] .tiny_ai-modal--button-wrapper {
display: flex;
align-items: flex-start;
align-content: flex-start;
align-self: stretch;
flex-wrap: wrap;
}
.tiny_ai-modal--dialog [data-region=footer] {
padding: 16px 24px;
border: 0;
text-align: center;
}
.tiny_ai-modal--dialog [data-region=footer] .tiny_ai-usage-info {
margin: 0;
text-align: right;
color: #60616D;
font-family: "Atkinson Hyperlegible";
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 16px; /* 133.333% */
}
.dark .tiny_ai--dialog {
background: #00091E;
}
.dark .tiny_ai--dialog .tiny_ai-modal--header .close {
color: #FFF;
}
.dark .tiny_ai--dialog [data-region=footer] .tiny_ai-usage-info {
color: #A4A5AC;
}
.tiny_ai-button {
display: flex;
padding: 11px 20px;
justify-content: center;
align-items: center;
gap: 8px;
border: none;
color: #FFF;
cursor: pointer;
border-radius: 8px;
background: #D33F01;
}
.tiny_ai-button.secondary {
background-color: #FFF;
border: 1px solid #D33F01;
color: #00091E;
}
.tiny_ai-button.secondary:hover {
color: #FFF;
}
.tiny_ai-button.tertiary {
background-color: unset;
border: none;
color: #00091E;
padding: 0;
}
.tiny_ai-button.tertiary:hover {
background-color: unset;
color: #D33F01;
}
.tiny_ai-button [class^=fa-] {
font-size: 20px;
}
.tiny_ai-button:hover {
background-color: #A93201;
}
.tiny_ai-button.left .tiny_ai-icon-left {
margin-right: 8px;
}
.tiny_ai-button.right .tiny_ai-icon-right {
margin-left: 8px;
}
.tiny_ai-button .tiny_ai-button-text {
flex-grow: 1;
text-align: center;
font-family: "Atkinson Hyperlegible";
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 26px;
}
.tiny_ai-button.has-icon .tiny_ai-button-text {
flex-grow: 0;
}
.tiny_ai-button.disabled {
background: #A4A5AC;
cursor: no-drop;
}
.tiny_ai-button.disabled .tiny_ai-button-text {
color: #FFF;
}
.dark .tiny_ai-button.secondary {
background-color: #00091E;
color: #FFF;
}
.dark .tiny_ai-button.secondary:hover {
background-color: #A93201;
}
.dark .tiny_ai-button.tertiary {
background-color: unset;
border: none;
color: #FFF;
}
.dark .tiny_ai-button.tertiary:hover {
background-color: unset;
color: #D33F01;
}
.tiny_ai-dropdown-label {
font-family: "Atkinson Hyperlegible";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
}
.tiny_ai-dropdown {
position: relative;
display: inline-block;
width: 100%;
}
.tiny_ai-dropdown .tiny_ai-btn {
width: 100%;
padding: 10px 15px;
background-color: #FFF;
border: 1px solid #E8E8EA;
border-radius: 4px;
text-align: left;
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
color: #00091E;
font-family: "Atkinson Hyperlegible";
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 26px;
}
.tiny_ai-dropdown .tiny_ai-btn:after {
display: none;
}
.tiny_ai-dropdown .tiny_ai-btn:focus {
outline: none;
}
.tiny_ai-dropdown .tiny_ai-icon {
font-size: 16px;
color: #00091E;
transition: transform ease-in-out 0.2s;
}
.tiny_ai-dropdown .tiny_ai-dropdown-menu {
display: none;
position: absolute;
width: 100%;
top: 100%;
left: 0;
background-color: #FFF;
border-radius: 4px;
z-index: 1000;
padding: 5px 0;
margin-top: 4px;
max-height: 200px;
overflow-y: auto;
}
.tiny_ai-dropdown .tiny_ai-dropdown-menu::-webkit-scrollbar {
width: 12px;
}
.tiny_ai-dropdown .tiny_ai-dropdown-menu::-webkit-scrollbar-thumb {
background-color: #00091E;
border-radius: 20px;
border: 3px solid #FFF;
}
.tiny_ai-dropdown .tiny_ai-dropdown-menu::-webkit-scrollbar-track {
background: #FFF;
}
.tiny_ai-dropdown .tiny_ai-dropdown-menu.show {
display: block;
}
.tiny_ai-dropdown .tiny_ai-dropdown-menu .tiny_ai-dropdown-item {
padding: 10px 15px;
cursor: pointer;
text-align: left;
white-space: nowrap;
color: #00091E;
font-family: "Atkinson Hyperlegible";
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 26px;
}
.tiny_ai-dropdown .tiny_ai-dropdown-menu .tiny_ai-dropdown-item:hover {
background-color: #f5f5f5;
}
.tiny_ai-dropdown.dropup .tiny_ai-dropdown-menu {
margin-top: -4px;
}
.tiny_ai-dropdown.dropup .tiny_ai-btn::after {
content: unset;
}
.tiny_ai-dropdown.show .tiny_ai-btn .tiny_ai-icon {
transform: rotate(180deg);
transition: transform ease-in-out 0.2s;
}
.dark .tiny_ai-dropdown-label {
font-family: "Atkinson Hyperlegible";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
}
.dark .tiny_ai-dropdown {
position: relative;
display: inline-block;
width: 100%;
}
.dark .tiny_ai-dropdown .tiny_ai-btn {
background-color: #00091E;
border: 1px solid #FFF;
color: #FFF;
}
.dark .tiny_ai-dropdown .tiny_ai-icon {
font-size: 16px;
color: #FFF;
}
.dark .tiny_ai-dropdown .tiny_ai-dropdown-menu {
background-color: #00091E;
border-color: #FFF;
}
.dark .tiny_ai-dropdown .tiny_ai-dropdown-menu .tiny_ai-dropdown-item {
color: #FFF;
}
.dark .tiny_ai-dropdown .tiny_ai-dropdown-menu .tiny_ai-dropdown-item:hover {
background-color: #f5f5f5;
color: #00091E;
}
.tiny_ai_dropzone {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
padding: 20px;
border-width: 2px;
border-radius: 2px;
border-color: #eeeeee;
border-style: dashed;
background-color: #fafafa;
color: #bdbdbd;
outline: none;
transition: border 0.24s ease-in-out;
height: 15rem;
/* Hide the cursor, because we need to set contenteditable on the div for pasting, but do not want editing */
caret-color: transparent;
}
.tiny_ai_dragover {
background-color: #63676c;
}
.tiny_ai_dropzone_filled {
background-color: #ffffff;
color: #000000;
}
.tiny_ai_dropzone_preview_container {
max-width: 80%;
max-height: 80%;
}
.tiny_ai_dropzone_preview_container img {
max-width: 100%;
max-height: 100%;
}
.tiny_ai-icon-button {
display: flex;
justify-content: center;
align-items: center;
width: 45px;
height: 45px;
border-radius: 50%;
background-color: #E8E8EA;
border: none;
cursor: pointer;
outline: none;
}
.tiny_ai-icon-button .tiny_ai-icon {
font-size: 20px;
color: #00091E;
}
.tiny_ai-icon-button:hover {
background-color: #dcdcdc;
}
.tiny_ai-icon-button:active {
background-color: #c5c5c5;
}
.tiny_ai-result-text {
display: flex;
padding: 10px;
flex-direction: column;
align-items: flex-start;
gap: 4px;
align-self: stretch;
border-radius: 4px;
border: 1px solid #E8E8EA;
background: #FFF;
}
.tiny_ai-result-text p {
margin: 0;
}
.tiny_ai-result-text img {
max-height: 50vh;
}
.dark .tiny_ai-result-text {
border: 1px solid #D33F01;
background: #00091E;
}
.tiny_ai-textarea {
display: flex;
padding: 10px;
flex-direction: column;
align-items: flex-start;
gap: 4px;
flex: 1 0 0;
align-self: stretch;
min-height: 120px;
height: 100%;
width: 100%;
resize: none; /* Prevent manual resizing */
overflow-y: auto; /* Enable vertical scroll */
border-radius: 4px;
border: 1px solid #E8E8EA;
background: #FFF;
}
.tiny_ai-textarea::-webkit-scrollbar {
width: 12px;
}
.tiny_ai-textarea::-webkit-scrollbar-thumb {
background-color: #00091E;
border-radius: 20px;
border: 3px solid #FFF;
}
.tiny_ai-textarea::-webkit-scrollbar-track {
background: #FFF;
}
.dark .tiny_ai-textarea {
border-color: #D33F01;
background: #00091E;
color: #FFF;
}
.tiny_ai-headline {
margin: 0;
color: #00091E;
/* h5/medium */
font-family: Lexend;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 30px; /* 150% */
}
.dark .tiny_ai-headline {
color: #FFF;
}
.tiny-aiplacement-overlay {
position: absolute;
background: rgba(255, 255, 255, 1);
top: 0;
bottom: 0;
right: 0;
left: 0;
z-index: 2;
}
.tiny-aiplacement-blur {
filter: blur(4px);
}
.tiny-aiplacement-loading-spinner-container {
min-height: 300px;
}
.tiny-aiplacement-loading-spinner {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
}
.tiny-aiplacement-spinner-style {
width: 3rem !important; /* stylelint-disable-line declaration-no-important */
height: 3rem !important; /* stylelint-disable-line declaration-no-important */
color: #0f6cbf;
z-index: 1000;
}
.tiny-aiplacement-spinner-text-style {
font-size: 1.5rem;
font-weight: bold;
z-index: 1000;
}
.tiny-aiplacement-generate-image,
.tiny-aiplacement-generate-text {
border-radius: 15px;
border: 2px dashed #bbb;
padding: 20px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
min-height: 150px;
margin-left: 0;
margin-top: 0;
}
.tiny-aiplacement-generate-text textarea:disabled {
background-color: unset;
}
.tiny_aiplacement_modal {
min-height: 30em;
}
.tiny-aiplacement-fa-image {
height: 100%;
width: 100%;
background-image: url(/theme/image.php/iomadmoon/tiny_aiplacement/1777497332/sparkles-image);
background-repeat: no-repeat;
background-position: center;
background-color: rgba(255, 255, 255, 0.5);
background-blend-mode: lighten;
background-size: 100px 100px;
}
.tiny-aiplacement-toggle-container {
position: relative;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.tiny-aiplacement-toggle-switch {
display: none;
}
.tiny-aiplacement-toggle-slider {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
background-color: #fff;
border-radius: 34px;
padding: 2px;
border: 1px solid #aaa;
}
.tiny-aiplacement-toggle-slider span {
width: 50%;
text-align: center;
padding: 5px 0;
border-radius: 34px;
cursor: pointer;
transition: background-color 0.3s, color 0.3s;
}
.tiny-aiplacement-toggle-switch:checked + .tiny-aiplacement-toggle-slider .tiny-aiplacement-slider-right {
background-color: #007bff;
color: white;
}
.tiny-aiplacement-toggle-switch:not(:checked) + .tiny-aiplacement-toggle-slider .tiny-aiplacement-slider-left {
background-color: #007bff;
color: white;
}
.tiny-aiplacement-aspect-ratio-container {
display: flex;
}
.tiny-aiplacement-aspect-ratio-btn {
position: relative;
width: 100px;
height: 75px;
background-color: #f8f9fa;
border-radius: 15px;
text-align: center;
cursor: pointer;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
transition: background-color 0.3s, border-color 0.3s;
}
.tiny-aiplacement-aspect-ratio-btn i {
font-size: 30px;
margin-bottom: 5px;
}
.tiny-aiplacement-aspect-ratio-btn span {
font-size: 14px;
}
.tiny-aiplacement-aspect-ratio-btn input[type="radio"] {
display: none;
}
.tiny-aiplacement-aspect-ratio-btn input[type="radio"]:checked + .tiny-aiplacement-aspect-ratio-label {
background-color: #007bff;
color: white;
border-color: #007bff;
}
.tiny-aiplacement-aspect-ratio-label {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border-radius: 15px;
transition: background-color 0.3s, border-color 0.3s;
border: 1px solid #aaa;
}
.tiny-aiplacement-fa-text {
height: 100%;
width: 100%;
background-image: url(/theme/image.php/iomadmoon/tiny_aiplacement/1777497332/sparkles-text);
background-repeat: no-repeat;
background-position: center;
background-color: rgba(255, 255, 255, 0.5);
background-blend-mode: lighten;
background-size: 100px 100px;
}
.tiny-aiplacement-generate-footer button img {
width: 1.5em;
margin-right: 0.2em;
}
.tiny-aiplacement-error-display {
margin: 0 auto;
}
.ai-policy-heading {
font-size: 1.5rem;
font-weight: bold;
margin-bottom: 10px;
color: #0f6cbf;
}
.ai-policy-display {
font-size: 1.1rem;
margin-left: 20px;
margin-right: 20px;
}
.ai-policy-display br {
line-height: 2.5rem;
}
@media (max-width: 767px) {
.tiny_aiplacement_textresponse_placeholder {
min-height: 12em;
margin-top: 20px;
}
}
.tiny_equation_library button {
margin: 0.25%;
min-width: 10%;
}
#tiny_media_form {
padding: 1rem;
}
#tiny_media_form #id_deletefileshdr {
display: none;
}
#tiny_media_form.has-unused-files #id_deletefileshdr {
display: block;
}
#tiny_media_form #id_missingfileshdr {
display: none;
}
#tiny_media_form.has-missing-files #id_missingfileshdr {
display: block;
}
iframe.mm_iframe {
height: 650px;
border: none;
width: 100%;
}
.missing-files ol {
padding-left: 15px;
}
.missing-files ol li {
font-style: italic;
font-weight: 600;
color: red;
}
.tiny_image_form .tiny_image_dropzone_container {
height: 200px;
}
.tiny_image_form .tiny_image_dropzone_container .dropzone-label {
font-size: 1.25rem;
}
.tiny_image_form .tiny_image_loader_container {
height: 200px;
}
.tiny_image_form .tiny_image_preview_box {
height: 300px;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
}
.tiny_image_form .tiny_image_deleteicon {
position: absolute;
top: 5px;
right: 5px;
cursor: pointer;
z-index: 1;
width: 30px;
height: 30px;
background: rgba(255, 255, 255, 1);
border-radius: 50%;
padding: 4px 5px 5px 9px;
}
.tiny_image_form .tiny_image_deleteicon .fa-trash {
color: #1d2125;
}
@media (max-width: 767px) {
.tiny_image_form .tiny_image_properties_col {
padding: 0;
}
}
.tiny_recordrtc,
.tiny_recordrtc div {
font-weight: normal;
line-height: 40px;
padding: 3px 0 3px 0;
}
.tiny_recordrtc .alert {
line-height: 40px;
text-align: center;
}
.tiny_recordrtc audio {
display: block;
width: 100%;
}
@media screen and (max-width: 670px) {
.tiny_recordrtc video {
display: block;
height: auto;
margin: 0 auto;
width: 100%;
}
}
@media screen and (min-width: 671px) {
.tiny_recordrtc video {
display: block;
height: 480px;
margin: 0 auto;
width: 640px;
}
}
.tiny_recordrtc #start-stop,
.tiny_recordrtc #upload {
white-space: normal;
}
.tiny_recordrtc video {
border-radius: 8px;
}
.tinymce_sketch-iframe {
width: 100%;
height: calc(100% - 8px);
}
#xapierrorlog .reply-event {
cursor: pointer;
}
#xapierrorlog .reply-event:hover {
opacity: 0.7;
}
#xapierrorlog .disabled {
cursor: not-allowed;
}
#xapierrorlog .fa-repeat {
color: lightskyblue;
}
#xapierrorlog .fa-spin {
color: blue;
}
#xapierrorlog .fa-check {
color: green;
}
#xapierrorlog .fa-remove {
color: red;
}
@media (min-width: 992px) {
.block_dash .dash-block-content .activity-completion-widget .chart-area .chart-image {
width: 40vw;
}
}
.drawer-right .block_dash .dash-block-content .activity-completion-widget {
overflow: auto;
}
.dash-block-content .timeline > li {
.timeline-badge.calendar_event_site {
background-color: #d6f8cd;
}
.timeline-badge.calendar_event_category {
background-color: #e0cbe0;
}
.timeline-badge.calendar_event_course {
background-color: #ffd3bd;
}
.timeline-badge.calendar_event_group {
background-color: #fee7ae;
}
.timeline-badge.calendar_event_user {
background-color: #dce7ec;
}
.timeline-badge.calendar_event_other {
background-color: #ced4da;
}
}
.block_dash .dashaddon-content .img-block {
width: 100%;
height: 100%;
object-fit: cover;
z-index: -1;
}
.block_dash .dashaddon-content .dashaddon-content-main {
padding-top: 10px;
}
.block_dash .dashaddon-content .layout-section {
align-items: stretch;
}
.block_dash .dashaddon-content.dash-content-datasource {
margin-top: 15px;
margin-bottom: 15px;
}
.block_dash .dashaddon-content .content-layout-item {
/* background-position: center center; */
background-repeat: no-repeat;
background-size: cover;
}
.block_dash.block.block-collapse-block {
min-height: auto;
}
.block_dash.block .card-body > .card-title span.collapsible-block.dash-block-collapse-icon:before {
content: '\f107';
font-family: var(--fa-style-family, "Font Awesome 6 Free", fontawesome);
font-weight: var(--fa-style, 900);
margin-right: 10px;
}
.block_dash.block .card-body > .card-title span.collapsible-block.dash-block-collapse-icon.collapsed:before {
content: '\f105';
}
/* Center the legend for the widget */
.dash-widget.completion-widget .legend-list {
display: inline-flex;
width: 100%;
justify-content: center;
}
/* Style the list of the legend */
.dash-widget.completion-widget .legend-item {
list-style: none;
margin-right: 15px;
}
/* Style the list items of the legend */
.dash-widget.completion-widget .legend-item span {
width: 12px;
height: 12px;
display: inline-block;
border-radius: 50px;
}
/* Center the donuts within the widget */
.dash-widget.completion-widget .courses-list {
text-align: center;
}
/* Use flexbox for the layout of the donuts */
.dash-widget.completion-widget .course-item {
display: inline-flex;
margin: 5px;
}
/* Define the donut size */
.dash-widget.completion-widget .course-item .chart-image {
width: 300px;
height: 330px;
}
/* We don't want a chart table */
.dash-widget.completion-widget.hide-chart-data .datatable {
display: none;
}
/* Make the course name bold */
.completion-widget label.course-title {
font-weight: bold;
}
/*Course enrol block*/
.course-enrol-block h2 {
font-size: 36px;
color: #000;
}
.dash-block-content .dash-filters form.filter-form > * {
margin: 10px;
}
.dash-block-content .dash-filters form.filter-form > select {
font-size: 16px;
font-weight: bold;
color: #8c8c8c;
border-color: #8c8c8c;
}
.dash-block-content .dash-filters form.filter-form > .form-control:last-child {
border: 0;
float: right;
}
.dash-block-content .course-enrol-block .dash-filters form.filter-form .course-select-block {
margin: 10px 0;
}
.course-enrol-block .course-select-block .form-group {
display: inline-block;
}
.course-enrol-block .course-select-block .form-group select {
max-width: 230px;
width: 100%;
height: 36px;
font-size: 16px;
font-weight: bold;
color: #121212;
border: 1px solid #8c8c8c;
border-radius: 4px;
padding: 0 8px;
opacity: .5;
}
.course-enrol-block .course-select-block .course-status select {
max-width: 120px;
width: 100%;
}
.course-enrol-block .course-select-block .sort-block {
float: right;
}
.course-enrol-block .widget-course_enrols {
clear: both;
}
.course-enrol-block .course-select-block .sort-block select {
max-width: none;
border: 0;
}
.course-enrol-block .add-course-block {
padding: 25px;
border: 1px solid #ccc;
border-radius: 10px;
margin-bottom: 20px;
}
.course-enrol-block .add-course-block .add-icon,
.course-enrol-block .add-course-block .add-icon a {
display: inline-block;
vertical-align: middle;
}
.course-enrol-block .add-course-block .add-icon a:before {
content: '\f055';
font-family: var(--fa-style-family, "Font Awesome 6 Free", fontawesome);
font-weight: var(--fa-style, 900);
font-size: 26px;
color: #121212;
opacity: .2;
}
.course-enrol-block .add-course-block .form-group {
display: inline-block;
margin-left: 15px;
margin-right: 15px;
margin-bottom: 0;
}
.course-enrol-block .add-course-block .form-group select {
max-width: 200px;
display: inline-block;
}
.course-enrol-block .add-course-block .form-group select.form-control + span.select2 {
max-width: 500px;
}
.course-enrol-block .add-course-block .btn-block {
width: auto;
margin-top: 2px;
float: right;
}
.course-enrol-block .add-course-block .btn-block a {
font-size: 12px;
color: #fff;
text-align: center;
padding: 8px 50px;
display: inline-block;
border-radius: 10px;
background-color: #007bff;
}
.block_dash .dash-container .course-enrol-block .section-element-block .card {
border: 1px solid #ccc;
border-radius: 10px;
margin-bottom: 15px;
z-index: auto;
}
.course-enrol-block .section-element-block .card .card-header {
padding: 0;
border: 0;
background: none;
}
.course-enrol-block .section-element-block .course-section-block {
background-color: #fff;
border-radius: 10px;
padding: 10px;
}
.course-enrol-block .section-element-block .course-section-list {
width: 90%;
margin: 0 auto;
}
.course-enrol-block .section-element-block .course-section-list .list-item {
background-color: #f1f1f1;
border-radius: 35px;
margin-bottom: 15px;
display: flex;
align-items: center;
}
.course-enrol-block .section-element-block .course-section-list .list-item span {
width: 40px;
height: 40px;
line-height: 40px;
color: #fff;
text-align: center;
display: inline-block;
background-color: #6c757d;
border-radius: 50%;
margin-right: 10px;
}
.course-enrol-block .section-element-block .course-section-list .list-item span.completed {
background-color: #28a745;
}
.course-enrol-block .section-element-block .course-section-list .list-item span.restricted {
background-color: #6c757d;
}
.course-enrol-block .section-element-block .course-section-list .list-item p {
width: 60%;
margin-bottom: 0;
display: inline-flex;
align-items: center;
}
.course-enrol-block .section-element-block .course-section-list .list-item ul {
width: 40%;
text-align: right;
margin-bottom: 5px;
margin-top: 10px;
margin-right: 10px;
}
.course-enrol-block .section-element-block .course-section-list .list-item ul li {
width: 20px;
height: 20px;
text-align: center;
list-style: none;
display: inline-block;
margin-right: 3px;
border-radius: 50%;
background-color: #6c757d;
}
.course-enrol-block .section-element-block .course-section-list .list-item ul li.completed {
background-color: #28a745;
}
.course-enrol-block .section-element-block .course-section-list .list-item ul li.restricted {
background-color: #6c757d;
}
.course-enrol-block .section-element-block .course-section-block .left-block {
width: 36%;
display: inline-flex;
}
.course-enrol-block .section-element-block .course-section-block .left-block .img-block {
max-width: 95px;
width: 100%;
height: 70px;
margin-right: 15px;
border-radius: 10px;
display: inline-block;
}
.course-enrol-block .section-element-block .course-section-block .left-block .img-block img {
width: 95px;
height: 100%;
object-fit: cover;
vertical-align: middle;
border-radius: 10px;
}
.course-enrol-block .section-element-block .course-section-block .left-block .course-category-element {
width: 80%;
display: inline-block;
vertical-align: middle;
}
.course-enrol-block .section-element-block .course-section-block .left-block .course-category-element a {
font-size: 12px;
color: #00132e;
}
.course-enrol-block .section-element-block .course-section-block .left-block .course-category-element .category-element a {
font-size: 12px;
color: #00132e;
opacity: .5;
}
.course-enrol-block .section-element-block .course-section-block .left-block .course-category-element .course-element a {
font-size: 24px;
font-weight: bold;
color: #00132e;
}
.course-enrol-block .section-element-block .course-section-block .right-block {
width: 64%;
text-align: right;
float: right;
margin-top: 15px;
}
.course-enrol-block .section-element-block .course-section-block .right-block .section-element {
width: 70%;
}
.course-enrol-block .section-element-block .course-section-block .right-block .section-element,
.course-enrol-block .section-element-block .course-section-block .right-block h5,
.course-enrol-block .section-element-block .course-section-block .right-block .edit-option-block {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.course-enrol-block .section-element-block .course-section-block .right-block .section-element ul {
margin-bottom: 0;
}
.course-enrol-block .section-element-block .course-section-block .right-block .section-element ul li {
width: 40px;
height: 40px;
line-height: 40px;
color: #fff;
text-align: center;
text-decoration: none;
background-color: #6c757d;
border-radius: 50%;
margin-bottom: 5px;
display: inline-block;
}
.course-enrol-block .section-element-block .course-section-block .right-block .section-element ul li.completed {
background-color: #28a745;
}
.course-enrol-block .section-element-block .course-section-block .right-block .section-element ul li.restricted {
background-color: #6c757d;
opacity: .5;
}
.course-enrol-block .section-element-block .course-section-block .right-block .section-element ul li.restricted > span {
display: none;
}
.course-enrol-block .section-element-block .course-section-block .right-block .section-element ul li.restricted .align-self-center {
line-height: 35px;
}
.course-enrol-block .section-element-block .course-section-block .right-block h5 button,
.course-enrol-block .section-element-block .course-section-block .right-block .edit-option-block .dropdown button {
width: 30px;
height: 30px;
font-size: 14px;
line-height: 30px;
color: #121212;
text-decoration: none;
background: none;
border: 0;
border-radius: 50%;
padding: 0;
display: inline-block;
box-shadow: none;
}
.course-enrol-block .section-element-block .course-section-block .right-block h5 button:after {
content: '\f103';
font-family: var(--fa-style-family, "Font Awesome 6 Free", fontawesome);
font-weight: var(--fa-style, 900);
}
.course-enrol-block .section-element-block .course-section-block .right-block .edit-option-block .dropdown
.course-enrol-actionmenu {
padding: 0;
left: auto;
right: 0;
}
.course-enrol-block .section-element-block .course-section-block .right-block .edit-option-block .dropdown
.course-enrol-actionmenu a {
display: block;
padding: 5px 10px;
}
.course-enrol-block .section-element-block .course-section-block .right-block .edit-option-block .dropdown button:after {
content: '\f142';
font-family: var(--fa-style-family, "Font Awesome 6 Free", fontawesome);
font-weight: var(--fa-style, 900);
border: 0;
margin: 0;
}
.course-enrol-block .section-element-block .course-section-block .right-block h5 button:hover,
.course-enrol-block .section-element-block .course-section-block .right-block .edit-option-block .dropdown button:hover {
background-color: #eee;
}
@media (min-width: 768px) and (max-width: 991px) {
.course-enrol-block .section-element-block .course-section-block .left-block {
width: 40%;
}
.course-enrol-block .section-element-block .course-section-block .right-block {
width: 60%;
}
.course-enrol-block .add-course-block .form-group select.form-control + span.select2 {
max-width: 350px;
}
}
@media (max-width: 767px) {
.course-enrol-block .section-element-block .course-section-list .list-item p {
width: 50%;
}
.course-enrol-block .add-course-block .form-group select.form-control + span.select2 {
max-width: 250px;
}
}
@media (max-width: 575px) {
.course-enrol-block .section-element-block .course-section-block .left-block {
width: auto;
}
.course-enrol-block .section-element-block .course-section-block .right-block {
width: auto;
float: none;
}
.course-enrol-block .add-course-block .form-group select.form-control + span.select2 {
max-width: 180px;
}
.course-enrol-block .add-course-block .btn-block {
margin-top: 10px;
float: none;
}
}
#page-totara-dashboard-1.path-totara-dashboard #page #region-main {
overflow: visible;
}
.block_dash .course-sections-block .widget-course_sections {
.course-sections .course-desc-block {
margin: 30px 0 15px;
a {
text-decoration: none;
}
}
.course-sections-list {
.course-section-accordion-block .card {
margin-bottom: 15px;
border: 1px solid #ccc;
border-radius: 5px;
padding: 10px 15px;
&:has(.collapsing),
&:has(.collapse.show) {
border-color: #000;
}
.card-header {
padding: 0;
border: 0;
border-radius: 0;
background: none;
display: flex;
flex-wrap: wrap;
h5 {
margin-right: 10px;
display: flex;
align-items: center;
button {
font-size: 18px;
font-weight: 500;
color: #000;
line-height: 20px;
border-radius: 0;
padding: 0;
text-decoration: none;
box-shadow: none;
&:before {
content: '\f107';
font-family: var(--fa-style-family, "Font Awesome 6 Free", fontawesome);
font-weight: var(--fa-style, 900);
font-size: 20px;
margin-right: 10px;
}
&.collapsed:before {
content: '\f105';
}
}
i {
height: 100%;
margin-left: 10px;
display: flex;
align-items: center;
}
}
.section-block .badge {
font-size: 12px;
border-radius: 5px;
white-space: normal;
}
p {
margin-top: 1rem;
margin-bottom: 0;
}
.estimated-time-block {
width: 100%;
margin-top: 15px;
p {
margin-top: 0;
margin-bottom: 0;
}
}
}
.collapse,
.collapsing {
.card-body {
padding: 1.25rem 0 0;
.course-section-block {
border-radius: 5px;
padding: 10px;
display: flex;
align-items: center;
justify-content: space-between;
&:hover {
background: #f4f4f4;
}
h5 {
font-size: 16px;
font-weight: 400;
color: #000;
margin-bottom: 0;
.dash-mod-icon {
width: 20px;
height: 20px;
object-fit: contain;
margin-right: 10px;
}
a {
font-size: 16px;
font-weight: 400;
color: #000;
&:hover {
text-decoration: none;
}
}
}
i.fa-circle-check {
color: var(--success);
}
}
}
}
}
}
}
body.path-dashaddon-dashboard div[role=main],
body.path-dashaddon-dashboard div[role=main] .block-region {
width: 100%;
}
body.path-dashaddon-dashboard div[role=main] .block-region {
display: flex;
flex-wrap: wrap;
}
body.path-dashaddon-dashboard:not(.editing) #region-main {
padding: 0;
border: none;
background: transparent;
margin: 0 -0.5rem;
}
body.path-dashaddon-dashboard:not(.editing) .block.block-dash {
margin-bottom: 0;
}
/** Block widths **/
body.path-dashaddon-dashboard:not(.editing) .dash-block-width-100,
body.path-dashaddon-dashboard:not(.editing) .dash-block-width-50,
body.path-dashaddon-dashboard:not(.editing) .dash-block-width-33,
body.path-dashaddon-dashboard:not(.editing) .dash-block-width-66,
body.path-dashaddon-dashboard:not(.editing) .dash-block-width-25,
body.path-dashaddon-dashboard:not(.editing) .dash-block-width-20,
body.path-dashaddon-dashboard:not(.editing) .dash-block-width-16 {
margin: 0.5rem;
}
.path-dashaddon-dashboard .header-maxwidth,
.path-dashaddon-dashboard .secondary-navigation {
max-width: none;
}
.path-dashaddon-dashboard .drawer-toggles .drawer-left-toggle {
display: none;
}
table.dashaddon-dashboardlist .img-responsive {
max-width: 220px;
object-fit: cover;
width: 100%;
height: 100%;
}
body.path-dashaddon-dashboard div#page {
min-height: 90%;
}
body.path-dashaddon-dashboard div#page .main-inner {
min-height: 90%;
}
/* On Page Navigation */
.path-dashaddon-dashboard .onpage-navigation .dash-tab-block .dash-tab-title .navbar {
box-shadow: none;
padding: 0;
}
.onpage-navigation .dash-tab-block .dash-tab-element.show-sticky-button:not(.fixed-top) .dash-tab-title,
.onpage-navigation .dash-tab-block .dash-tab-element.hide-button .dash-tab-title,
.path-dashaddon-dashboard .onpage-navigation .dash-tab-block .dash-tab-element.hide-button
.dash-tab-title .navbar,
.path-dashaddon-dashboard .onpage-navigation .dash-tab-block .dash-tab-element.show-sticky-button:not(.fixed-top)
.dash-tab-title .navbar,
.path-dashaddon-dashboard .onpage-navigation .dash-tab-block .dash-tab-element.hide-button
.dash-tab-title .navbar .moremenu,
.path-dashaddon-dashboard .onpage-navigation .dash-tab-block .dash-tab-element.show-sticky-button:not(.fixed-top)
.dash-tab-title .navbar .moremenu,
.path-dashaddon-dashboard .onpage-navigation .dash-tab-block .dash-tab-element.hide-button
.dash-tab-title .navbar .moremenu .more-nav
.path-dashaddon-dashboard .onpage-navigation .dash-tab-block .dash-tab-element.show-sticky-button:not(.fixed-top)
.dash-tab-title .navbar .moremenu .more-nav {
width: 100%;
}
.path-dashaddon-dashboard .onpage-navigation .dash-tab-block .dash-tab-element.hide-button
.dash-tab-title .navbar.nav-menu,
.path-dashaddon-dashboard .onpage-navigation .dash-tab-block .dash-tab-element.show-sticky-button:not(.fixed-top)
.dash-tab-title .navbar.nav-menu {
max-width: 830px;
margin: 0 auto;
}
.path-dashaddon-dashboard .onpage-navigation .dash-tab-block .dash-tab-element.hide-button
.dash-tab-title .navbar .moremenu .more-nav,
.path-dashaddon-dashboard .onpage-navigation .dash-tab-block .dash-tab-element.show-sticky-button:not(.fixed-top)
.dash-tab-title .navbar .moremenu .more-nav {
width: 100%;
justify-content: space-between;
}
.path-dashaddon-dashboard .onpage-navigation .dash-tab-block .dash-tab-element.hide-button
.dash-tab-title .navbar .moremenu .more-nav li.dropdownmoremenu .dropdown-menu-left,
.path-dashaddon-dashboard .onpage-navigation .dash-tab-block .dash-tab-element.show-sticky-button:not(.fixed-top)
.dash-tab-title .navbar .moremenu .more-nav li.dropdownmoremenu .dropdown-menu-left {
left: auto;
right: 0;
}
.path-dashaddon-dashboard .block-region .block {
scroll-margin-top: 180px;
}
.path-dashaddon-dashboard .onpage-navigation {
width: 100%;
padding: 0 1rem;
margin-bottom: 10px;
border-bottom: 1px solid #dee2e6;
}
.path-dashaddon-dashboard .dashaddon-dashboardlist tbody tr td .course-item-actions {
min-width: 100px;
}
.onpage-navigation .dash-tab-element {
margin-top: 10px;
display: flex;
flex-direction: column;
align-items: center;
/* justify-content: space-between; */
}
.onpage-navigation .dash-tab-element.show-sticky-button .dash-tab-title {
width: 100%;
display: flex;
justify-content: space-between;
}
.onpage-navigation .dash-tab-element:not(.show-sticky-button):not(.hide-button) .dash-tab-title {
width: 100%;
/* margin-right: 30px; */
display: flex;
align-items: center;
}
.onpage-navigation .dash-tab-element.hide-title.show-sticky-button,
.onpage-navigation .dash-tab-element:not(.show-sticky-button):not(.hide-button) .dash-tab-title:not(.dash-nav-block) {
justify-content: space-between;
}
.onpage-navigation .dash-tab-element.hide-title .dash-tab-title h2,
.onpage-navigation .dash-tab-element.show-sticky-title:not(.fixed-top) .dash-tab-title h2 {
display: none;
}
.onpage-navigation .dash-tab-element.hide-title,
.onpage-navigation .dash-tab-element.hide-title.show-sticky-button,
.onpage-navigation .dash-tab-element.show-sticky-title:not(.hide-button):not(.fixed-top) {
flex-direction: row;
}
.onpage-navigation .dash-tab-element.hide-title .dash-tab-title:not(.dash-nav-block),
.onpage-navigation .dash-tab-element.hide-title.show-sticky-button .dash-tab-title:not(.dash-nav-block),
.onpage-navigation .dash-tab-element.show-sticky-title:not(.fixed-top) .dash-tab-title:not(.dash-nav-block) {
width: auto;
order: 2;
}
.onpage-navigation .dash-tab-element.fixed-top {
background-color: #fff;
box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.2);
padding-top: 5px;
padding-left: 4.5rem;
padding-right: 4.5rem;
margin-top: 61px;
position: fixed;
z-index: 1029;
}
.onpage-navigation .dash-tab-element .dash-tab-title .nav-link {
border: 0;
border-bottom: 3px solid transparent;
border-radius: 0;
font-weight: 500;
padding-left: 10px;
padding-right: 10px;
}
.onpage-navigation .dash-tab-element .dash-tab-title .nav-link:hover,
.onpage-navigation .dash-tab-element .dash-tab-title .nav-link:active,
.onpage-navigation .dash-tab-element .dash-tab-title .nav-link:focus {
color: var(--primary, var(--bs-primary));
border-bottom-color: var(--primary, var(--bs-primary));
background: none;
box-shadow: none;
}
.onpage-navigation .dash-tab-element .dash-tab-title .nav-link.active {
color: var(--primary, var(--bs-primary));
border-bottom-color: var(--primary, var(--bs-primary));
}
.onpage-navigation .dash-tab-element.hide-button .dash-register-block {
display: none;
}
.onpage-navigation .dash-tab-element.show-sticky-button:not(.fixed-top) .dash-register-block {
display: none;
}
.onpage-navigation .dash-tab-element .dash-register-block {
min-width: max-content;
margin-right: 5px;
}
.onpage-navigation .dash-tab-element .dash-register-block a {
color: #fff;
text-decoration: none;
border: 1px solid var(--primary, var(--bs-primary));
border-radius: 5px;
background: var(--primary, var(--bs-primary));
padding: 7px 15px;
display: inline-block;
}
.onpage-navigation .dash-tab-element .dash-register-block a:hover,
.onpage-navigation .dash-tab-element .dash-register-block a:focus,
.onpage-navigation .dash-tab-element .dash-register-block a:active {
background: var(--primary, var(--bs-primary));
box-shadow: none;
}
@media (max-width: 767px) {
.onpage-navigation .dash-tab-element.fixed-top {
padding-left: 1rem;
padding-right: 1rem;
}
}
@media (max-width: 575px) {
.path-dashaddon-dashboard .onpage-navigation .dash-tab-block .dash-tab-element.hide-button
.dash-tab-title .navbar.nav-menu li.nav-item,
.path-dashaddon-dashboard .onpage-navigation .dash-tab-block .dash-tab-element.show-sticky-button:not(.fixed-top)
.dash-tab-title .navbar.nav-menu li.nav-item {
margin-right: auto;
}
.path-dashaddon-dashboard .onpage-navigation .dash-tab-block .dash-tab-element.hide-button
.dash-tab-title .navbar .moremenu .more-nav,
.path-dashaddon-dashboard .onpage-navigation .dash-tab-block .dash-tab-element.show-sticky-button:not(.fixed-top)
.dash-tab-title .navbar .moremenu .more-nav {
width: 100%;
justify-content: normal;
}
}
/*Skill level visual*/
.skill-level-visuals .level-image .responsive-img {
width: 60px;
height: 60px;
border-radius: 50px;
filter: grayscale(1);
}
.skill-level-visuals .level-image.current-level-img .responsive-img {
width: 260px;
height: 260px;
border-radius: 50%;
filter: none;
}
.skill-level-visuals .level-image.completed .responsive-img {
filter: none;
}
.skill-level-visuals .current-level-section span.current-level-name {
font-size: 14px;
font-weight: bold;
}
.skill-level-visuals .skill-levels {
text-align: center;
margin-top: 20px;
}
.skill-level-visuals .skill-levels .current-level-text label {
font-style: italic;
}
.skill-level-visuals .skill-levels .current-level-name {
font-weight: bold;
background: #f1f1f1;
padding: 2px 10px;
display: inline-block;
border-radius: 15px;
}
.skill-level-visuals .skill-levels .level-items {
display: inline-block;
}
.skill-level-visuals .level-item {
text-align: center;
padding: 10px;
margin: 5px 5px;
display: inline-block;
vertical-align: top;
}
.skill-level-visuals .level-item .level-image {
margin: 5px;
}
.skill-level-visuals .level-image.current-level-img {
margin: 10px 0;
}
.skill-level-visuals .current-level-section {
text-align: center;
}
.skill-level-visuals .level-item .current-level {
display: block;
}
/* End of Skill level visual*/
/* Grid */
.grid-block-layout {
position: relative;
}
.grid-block-layout .card {
position: absolute;
top: 0;
left: 0;
}
/* End of Grid */
/* Modal course details area */
.grid-layout-block .grid-layout {
margin-bottom: 30px;
}
.grid-layout-block .grid-layout .img-block {
height: 200px;
}
.grid-layout-block .grid-layout .img-block img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 10px;
}
.grid-layout-block .grid-layout .progress-block .progress {
height: 12px;
margin-top: 15px;
}
.grid-layout-block .grid-layout .progress-block .progress .progress-bar.progress-not-started {
width: 100%;
color: #000;
text-align: center;
background: none;
}
.grid-layout-block .grid-layout .progress-block .progress .progress-bar.progress-bg-success {
background-color: #11b56a;
}
.grid-layout-block .grid-layout .card-body {
padding-left: 0;
padding-right: 0;
}
.grid-layout-block .grid-layout .card-body .summary-block {
border: 1px solid #eee;
border-radius: 10px;
padding: 10px;
margin: 10px 0;
}
.grid-layout-block .grid-layout .card-body .btn-block a {
max-width: 180px;
margin: 0 auto;
display: block;
}
.grid-layout-block .pagination .page-item .page-link {
padding: 0;
border: 0;
background: none;
box-shadow: none;
outline: none;
display: inline-block;
}
.grid-layout-block .pagination .page-item {
width: 100%;
}
.grid-layout-block .pagination .page-item.prev-item {
text-align: left;
}
.grid-layout-block .pagination .page-item.next-item {
text-align: right;
}
@media (max-width: 767.98px) {
.grid-layout-block .pagination {
flex-wrap: nowrap;
}
}
/* Assignment information in course details */
.assignment-info-block {
margin: 20px 0;
padding: 15px;
background-color: #f8f9fa;
border-left: 4px solid #007bff;
border-radius: 4px;
}
.assignment-info-block .assignment-info-title {
margin: 0 0 15px 0;
font-size: 16px;
font-weight: bold;
color: #333;
}
.assignment-info-grid {
display: grid;
grid-template-columns: 1fr;
gap: 10px;
}
.assignment-info-item {
display: flex;
justify-content: space-between;
align-items: center;
padding: 8px 0;
border-bottom: 1px solid #e9ecef;
}
.assignment-info-item:last-child {
border-bottom: none;
}
.assignment-info-item.assignment-tags-item {
/* flex-direction: column; */
/* flex-wrap: wrap; */
align-items: flex-start;
}
.assignment-info-item.assignment-tags-item .assignment-tag-list {
display: flex;
flex-wrap: wrap;
justify-content: right;
gap: 5px;
}
.assignment-info-label {
font-weight: 600;
color: #495057;
font-size: 14px;
}
.assignment-info-value {
font-size: 14px;
color: #212529;
}
.assignment-info-value.assignment-due {
font-weight: bold;
color: #dc3545;
}
.assignment-info-value.assignment-type-0 {
color: #dc3545;
font-weight: 600;
}
.assignment-info-value.assignment-type-1 {
color: #6c757d;
}
.assignment-info-value.assignment-priority {
padding: 2px 8px;
border-radius: 12px;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
}
.assignment-info-value.assignment-priority.priority-low {
background-color: #d1ecf1;
color: #0c5460;
}
.assignment-info-value.assignment-priority.priority-normal {
background-color: #d4edda;
color: #155724;
}
.assignment-info-value.assignment-priority.priority-high {
background-color: #f8d7da;
color: #721c24;
}
.assignment-info-value.assignment-tags {
padding: 5px 10px;
background-color: #e7f3ff;
border-radius: 4px;
font-size: 13px;
color: #004085;
}
@media (max-width: 767.98px) {
.assignment-info-item {
/* flex-direction: column; */
flex-wrap: wrap;
align-items: flex-start;
gap: 5px;
}
}
/* End of Modal course details area */
/* Learning path */
.learning-path-widget .learning-path-header .alert-secondary {
background-color: #f1f1f1;
}
.learning-path-widget .learning-path-header p {
color: #000;
font-size: 16px;
margin-bottom: 0;
}
.learning-path-widget .learning-path-header .learningpath-info-btn {
margin-top: 10px;
}
.learning-path-widget .learning-path-header .learningpath-info-btn a {
color: #fff;
font-weight: normal;
}
.learning-path-widget .learning-path-grid {
display: none;
}
@media (min-width: 992px) {
.learning-path-widget .learning-path-grid.desktop-show {
display: block;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.learning-path-widget .learning-path-grid.tablet-show {
display: block;
}
}
@media (max-width: 767px) {
.learning-path-widget .learning-path-grid.mobile-show {
display: block;
}
}
/* Grid layout */
#gridLayout {
display: flex;
flex-wrap: wrap;
width: 90%;
padding-top: 30px;
padding-left: 0;
margin: 0 auto;
overflow: hidden;
font-family: 'Raleway', sans-serif;
font-size: 15px;
list-style-type: none;
}
.grid-block {
position: relative;
/* visibility: hidden; */
outline: 1px solid transparent;
/* fix for jagged edges in FF on hover transition */
}
.grid-block::after {
content: '';
display: block;
padding-bottom: 86.602%;
/* = 100 / tan(60) * 1.5 */
}
.grid-item {
position: absolute;
width: 96%;
padding-bottom: 110.851%;
/* = width / sin(60) */
margin: 0 2%;
overflow: hidden;
visibility: hidden;
outline: 1px solid transparent;
/* fix for jagged edges in FF on hover transition */
}
.grid-item * {
position: absolute;
visibility: visible;
outline: 1px solid transparent;
/* fix for jagged edges in FF on hover transition */
}
.grid-link {
display: block;
width: 100%;
height: 100%;
text-align: center;
color: #fff;
overflow: hidden;
border: 4px solid transparent;
background: none;
-webkit-clip-path: polygon(-35% 50%, 50% 0%, 100% 29%, 100% 69%, 50% 98%, 50% 98%);
}
/* .learning-path-grid .grid-block .grid-item.notstarted .grid-link {
background: #666;
}
.learning-path-grid .grid-block .grid-item.unavailable .grid-link {
background: #ccc;
filter: grayscale(100%);
opacity: .5;
} */
/* .learning-path-grid .grid-block .grid-item.inprogress .grid-link {
background: #00b2ff;
}
.learning-path-grid .grid-block .grid-item.completed .grid-link {
background: #11b56a;
} */
/* HEX CONTENT */
.grid-block img {
left: -100%;
right: -100%;
width: 100%;
height: 100%;
object-fit: cover;
margin: 0 auto;
transform: rotate3d(0, 0, 0, 0deg);
-webkit-clip-path: polygon(-35% 50%, 50% 0%, 100% 29%, 100% 69%, 50% 98%, 50% 98%);
}
.grid-block h1,
.grid-block p {
width: 100%;
padding: 5%;
box-sizing: border-box;
background-color: rgba(0, 128, 128, 0.8);
font-weight: 300;
transition: transform .2s ease-out, opacity .3s ease-out;
}
.grid-block h1 {
bottom: 50%;
padding-top: 50%;
font-size: 1.5em;
z-index: 1;
transform: translate3d(0, -100%, 0);
}
.grid-block h1::after {
content: '';
position: absolute;
bottom: 0;
left: 45%;
width: 10%;
text-align: center;
border-bottom: 1px solid #fff;
}
.grid-block p {
top: 50%;
padding-bottom: 50%;
transform: translate3d(0, 100%, 0);
}
/*** HOVER EFFECT **********************************************************************/
.grid-link:hover h1,
.grid-link:focus h1,
.grid-link:hover p,
.grid-link:focus p {
transform: translate3d(0, 0, 0);
}
/*** HEXAGON SIZING AND EVEN ROW INDENTATION *****************************************************************/
@media (min-width: 1201px) {
/* <- 5-4 hexagons per row */
#gridLayout {
padding-bottom: 4.4%;
}
.grid-block {
width: 20%;
/* = 100 / 5 */
}
.grid-block:nth-child(9n+6) {
/* first hexagon of even rows */
margin-left: 10%;
/* = width of .grid-block / 2 to indent even rows */
}
}
@media (max-width: 1200px) and (min-width: 901px) {
/* <- 4-3 hexagons per row */
#gridLayout {
padding-bottom: 5.5%;
}
.grid-block {
width: 25%;
/* = 100 / 4 */
}
.grid-block:nth-child(7n+5) {
/* first hexagon of even rows */
margin-left: 12.5%;
/* = width of .grid-block / 2 to indent even rows */
}
}
@media (max-width: 900px) and (min-width: 601px) {
/* <- 3-2 hexagons per row */
#gridLayout {
padding-bottom: 7.4%;
}
.grid-block {
width: 33.333%;
/* = 100 / 3 */
}
.grid-block:nth-child(5n+4) {
/* first hexagon of even rows */
margin-left: 16.666%;
/* = width of .grid-block / 2 to indent even rows */
}
}
@media (max-width: 600px) {
/* <- 2-1 hexagons per row */
#gridLayout {
padding-bottom: 11.2%;
}
.grid-block {
width: 50%;
/* = 100 / 3 */
}
.grid-block:nth-child(3n+3) {
/* first hexagon of even rows */
margin-left: 25%;
/* = width of .grid-block / 2 to indent even rows */
}
}
@media (max-width: 400px) {
#gridLayout {
font-size: 13px;
}
}
/* End of Learning path - Grid layout */
/* Course details */
.course-circle {
cursor: pointer;
position: relative;
}
/* Shape of Path and Zone */
.dash-learning-path .learningpath-sidebar.show ~ .svg-block .course-circle:not(.element-active) {
opacity: .2;
}
.dash-learning-path .course-circle.element-active ~ foreignObject {
overflow: visible;
position: relative;
}
.dash-learning-path .course-circle ~ foreignObject > div {
display: none;
}
.dash-learning-path .course-circle.element-active + foreignObject > div,
.dash-learning-path .course-circle.element-active + text + foreignObject > div {
display: flex;
}
.dash-learning-path.in-path .course-circle.element-active + foreignObject > div,
.dash-learning-path.in-path .course-circle.element-active + text + foreignObject > div {
position: absolute;
top: -20px;
left: 0;
}
/* Shape size */
/* Path */
.dash-learning-path .course-circle.course-shape-triangle.element-active + foreignObject > div,
.dash-learning-path .course-circle.course-shape-triangle.element-active + text + foreignObject > div {
top: -24px;
}
.dash-learning-path .course-circle.course-shape-hexagon.element-active + foreignObject > div,
.dash-learning-path .course-circle.course-shape10exagon.element-active + text + foreignObject > div {
top: -10px;
}
.dash-learning-path .course-circle.course-shape-hexagon.imgsize-medium.element-active + foreignObject > div,
.dash-learning-path .course-circle.course-shape10exagon.imgsize-medium.element-active + text + foreignObject > div {
top: -14px;
}
.dash-learning-path .course-circle.course-shape-hexagon.imgsize-small.element-active + foreignObject > div,
.dash-learning-path .course-circle.course-shape10exagon.imgsize-small.element-active + text + foreignObject > div {
top: -16px;
}
.dash-learning-path .course-circle.course-shape-hexagon.imgsize-tiny.element-active + foreignObject > div,
.dash-learning-path .course-circle.course-shape10exagon.imgsize-tiny.element-active + text + foreignObject > div {
top: -18px;
}
.dash-learning-path .course-circle.course-shape-hexagon.imgsize-dot.element-active + foreignObject > div,
.dash-learning-path .course-circle.course-shape10exagon.imgsize-dot.element-active + text + foreignObject > div {
top: -18px;
}
.dash-learning-path .course-circle.element-active ~ foreignObject > div i {
font-size: 20px;
color: #000;
}
/* Zone*/
.zone-position.dash-learning-path .svg-block {
padding-top: 20px;
}
.zone-position.dash-learning-path .svg-block svg {
overflow: visible;
}
/* Small size */
.dash-learning-path.in-path .learning-path-block.svg-block svg:has(.imgsize-small) {
padding-top: 20px;
}
.course-circle.completed {
stroke: #11b56a;
--webkit-filter: none;
filter: none;
}
.course-circle.completed.dot-image {
fill: #11b56a;
}
.course-circle.inprogress.dot-image {
fill: #00b2ff;
}
.course-circle.dot-image {
fill: #ccc;
}
.course-circle.inprogress,
.course-circle.inprogress-flag {
--webkit-filter: none;
filter: none;
stroke: #00b2ff;
}
.course-circle.unavailable {
--webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.learning-path-widget .svg-block svg .start-element,
.learning-path-widget .svg-block svg .finish-element {
height: 100%;
color: #fff;
text-align: center;
background: #000;
border-radius: 14px;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
}
.learning-path-widget .svg-block:not(.learning-path-completed) svg .finish-element {
background-color: #ccc;
}
.learning-path-widget .svg-block.learning-path-completed svg .finish-element {
background-color: #11b56a;
}
.learning-path-widget .svg-block svg .start-element:after,
.learning-path-widget .svg-block svg .finish-element:after {
content: '\f101';
font-family: var(--fa-style-family, "Font Awesome 6 Free", fontawesome);
font-weight: var(--fa-style, 900);
font-size: 12px;
margin-top: 1px;
margin-left: 5px;
}
.learning-path-widget .svg-block svg .finish-element:after {
content: '\f11e';
}
.learning-path-widget .svg-block {
text-align: center;
}
/* End of Course details */
.learningpath-sidebar {
border: 1px solid #eee;
border-radius: 10px;
padding: 20px;
background-color: #fff;
margin-top: 20px;
}
/* Default styling when not in sidebar mode */
.learning-path-widget:not(.sidebar) .learningpath-sidebar {
max-width: 500px;
width: 100%;
margin-top: 30px;
}
/* Info area and details area - toggle display */
.learningpath-sidebar .learningpath-info-area,
.learningpath-sidebar .learningpath-course-details {
animation: fadeIn 0.3s ease-in;
}
/* Course details in sidebar */
.learningpath-sidebar .learningpath-course-details .details-header {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 20px;
padding-bottom: 15px;
}
.learningpath-sidebar .learningpath-course-details .details-header h5 {
margin: 0;
flex: 1;
font-size: 18px;
font-weight: bold;
color: #333;
text-align: center;
}
.learningpath-sidebar .learningpath-course-details .details-back,
.learningpath-sidebar .learningpath-course-details .details-close {
padding: 5px;
color: #666;
font-size: 18px;
line-height: 1;
background: none;
border: none;
cursor: pointer;
transition: all 0.2s ease;
flex-shrink: 0;
}
.learningpath-sidebar .learningpath-course-details .details-back:hover,
.learningpath-sidebar .learningpath-course-details .details-close:hover {
color: #333;
transform: scale(1.1);
}
.learningpath-sidebar .learningpath-course-details .details-content {
animation: fadeIn 0.3s ease-in;
}
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(-10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* Adjust grid layout block within sidebar */
.learningpath-sidebar .details-content .grid-layout-block {
margin: 0;
}
.learningpath-sidebar .details-content .grid-layout {
margin-bottom: 15px;
}
.learningpath-sidebar .details-content .grid-layout .img-block {
height: 180px;
}
.learningpath-sidebar .details-content .pagination {
margin-top: 15px;
}
/* Sidebar toggle button - positioned within the widget block */
.learning-path-widget.sidebar .sidebar-toggle {
position: absolute;
left: 10px;
top: 0;
z-index: 100;
background-color: #fff;
border: 2px solid #ccc;
border-radius: 8px;
padding: 10px 12px;
transition: all 0.3s ease;
}
.learning-path-widget.sidebar .sidebar-toggle:hover {
background-color: #f8f9fa;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
transform: scale(1.05);
}
.learning-path-widget.sidebar .sidebar-toggle:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25);
}
.learning-path-widget.sidebar .sidebar-toggle i {
font-size: 18px;
color: #ccc;
}
.learning-path-widget.sidebar .sidebar-toggle.collapsed i::before {
content: '\f0c9'; /* fa-bars */
}
.learning-path-widget.sidebar .sidebar-toggle:not(.collapsed) i::before {
content: '\f00d'; /* fa-times */
}
/* Sidebar layout for learning path widget */
.learning-path-widget.sidebar {
position: relative;
padding-top: 50px; /* Space for toggle button */
}
.learning-path-widget.sidebar .learningpath-sidebar {
max-width: 400px;
width: 100%;
float: left;
margin-right: 30px;
}
.learning-path-widget.sidebar .learningpath-sidebar.collapse:not(.show) {
display: none;
}
.learning-path-widget.sidebar .learning-path-block {
border: 1px solid #eee;
border-radius: 10px;
overflow: hidden; /* Creates new block formatting context */
margin-top: 20px;
}
.learning-path-widget.sidebar .learning-path-block .grid-block {
position: relative;
z-index: 0;
}
.learning-path-widget.sidebar .learning-path-block #gridLayout:has(.element-active) {
gap: 5px 0;
}
.learning-path-widget.sidebar .learning-path-block .grid-block.element-active:before {
content: '\f0d7';
font-size: 24px;
font-family: var(--fa-style-family, "Font Awesome 6 Free", fontawesome);
font-weight: var(--fa-style, 900);
position: absolute;
top: -27px;
left: 37%;
z-index: 1;
}
/* When sidebar is shown, adjust layout */
.learning-path-widget.sidebar .learningpath-sidebar.collapse.show ~ .learning-path-block {
margin-left: 0;
}
/* Responsive adjustments for sidebar layout */
@media (max-width: 991px) {
.learning-path-widget.sidebar .learningpath-sidebar {
float: none;
max-width: 100%;
margin-right: 0;
margin-bottom: 20px;
}
.learning-path-widget.sidebar .learning-path-block {
width: 100%;
}
}
.dash-learning-path .container {
display: flex;
gap: 50px;
}
.dash-learning-path .learningpath-stats-block {
display: flex;
flex-wrap: wrap;
gap: 15px;
}
.dash-learning-path .learningpath-stats-block .stats-block {
border: 1px solid #eee;
border-radius: 5px;
box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.1);
padding: 15px;
flex: 1 1 43%;
}
.dash-learning-path .learningpath-stats-block .stats-block p span {
width: 100%;
display: flex;
}
.dash-learning-path .learningpath-stats-block .stats-block p b {
font-size: 17px;
}
/* Status KPI colors */
.dash-learning-path .learningpath-stats-block .stats-block.status-ontrack {
background-color: #d4edda;
border-left: 4px solid #28a745;
}
.dash-learning-path .learningpath-stats-block .stats-block.status-ontrack p span {
color: #28a745;
}
.dash-learning-path .learningpath-stats-block .stats-block.status-notontrack {
background-color: #f8d7da;
/* border-left: 4px solid #dc3545; */
box-shadow: 0 2px 8px rgba(17, 181, 106, 0.1);
}
.dash-learning-path .learningpath-stats-block .stats-block.status-notontrack p span {
color: #dc3545;
}
.dash-learning-path .accordion {
margin-top: 30px;
}
.dash-learning-path .accordion .accordion-item .accordion-button {
width: 100%;
font-size: 14px;
color: #333;
text-align: left;
border: 1px solid #eee;
background: none;
}
.dash-learning-path .accordion .accordion-item .accordion-button + .progress-block {
display: none;
}
.dash-learning-path .accordion .accordion-item .accordion-button + .progress-block .progress {
width: 100%;
border-radius: 0;
height: 8px;
margin-bottom: 2px;
background-color: #e9ecef;
}
.dash-learning-path .accordion .accordion-item .accordion-button.collapsed + .progress-block {
padding: 20px;
display: flex;
gap: 5px;
flex-direction: column;
}
.dash-learning-path .accordion .accordion-collapse .progress-block .progress {
margin: 10px 0;
height: 25px;
background-color: #e9ecef;
border-radius: 5px;
}
.dash-learning-path .accordion .accordion-collapse.collapse .progress-block,
.dash-learning-path .accordion .accordion-collapse.collapsing .progress-block {
display: none;
}
.dash-learning-path .accordion .accordion-collapse.collapse.show .progress-block,
.dash-learning-path .accordion .accordion-collapse.collapsing.show .progress-block {
display: block;
padding: 15px;
}
.dash-learning-path .accordion .accordion-collapse.collapse .accordion-body {
padding: 0;
}
/* Course progress item styling */
.dash-learning-path .course-progress-item {
margin-bottom: 20px;
}
.dash-learning-path .course-progress-item:last-child {
margin-bottom: 0;
}
.dash-learning-path .course-progress-item .course-info {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 8px;
}
.learningpath-course-completion .progress-bars-preview .progress-mini:has(.course-unavailable),
.dash-learning-path .course-progress-item .progress .course-unavailable {
background-color: var(--secondary, var(--bs-secondary));
}
.learningpath-course-completion .progress-bars-preview .progress-mini:has(.course-inprogress),
.dash-learning-path .course-progress-item .progress .course-inprogress {
background-color: var(--warning, var(--bs-warning));
}
.learningpath-course-completion .progress-bars-preview .progress-mini:has(.course-completed),
.dash-learning-path .course-progress-item .progress .course-completed {
background-color: var(--success, var(--bs-success));
}
.dash-learning-path .course-progress-item .course-name {
font-weight: 500;
color: #333;
text-decoration: none;
flex: 1;
}
.dash-learning-path .course-progress-item .course-name:hover {
color: var(--primary, var(--bs-primary));
}
.dash-learning-path .course-progress-item .course-percentage {
font-weight: bold;
font-size: 14px;
color: #666;
margin-left: 10px;
}
/* Color coding by status */
.dash-learning-path .course-progress-item.status-completed .course-percentage {
color: var(--success, var(--bs-success));
}
.dash-learning-path .course-progress-item.status-inprogress .course-percentage {
color: var(--warning, var(--bs-warning));
}
.dash-learning-path .course-progress-item.status-unavailable .course-percentage {
color: var(--secondary, var(--bs-secondary));
}
.dash-learning-path .course-progress-item.status-notstarted .course-percentage {
color: #6c757d;
}
/* Progress bar colors */
.dash-learning-path .progressbar {
width: 10px;
height: 10px;
border-radius: 2px;
}
.dash-learning-path .progressbar.unavailable {
background-color: var(--secondary, var(--bs-secondary));
}
.dash-learning-path .progressbar.course-inprogress {
background-color: var(--warning, var(--bs-warning));
}
.dash-learning-path .progressbar.course-completed {
background-color: var(--success, var(--bs-success));
}
.dash-learning-path .faculty-block,
.dash-learning-path .badges-block {
border: 1px solid #eee;
border-radius: 10px;
padding: 15px;
margin-top: 30px;
}
.dash-learning-path .faculty-block ul,
.dash-learning-path .badges-block ul {
padding-left: 0;
margin-top: 30px;
display: flex;
gap: 15px;
}
.dash-learning-path .faculty-block ul li,
.dash-learning-path .badges-block ul li {
/* width: 100%; */
text-align: center;
}
.dash-learning-path .faculty-block ul li img,
.dash-learning-path .badges-block ul li img {
width: 80px;
height: 80px;
object-fit: cover;
object-position: top;
overflow-clip-margin: unset;
border-radius: 50%;
background-color: #f4f4f4;
}
/* Badge earned/not-earned styles */
.dash-learning-path .badges-block .badge-item {
position: relative;
list-style: none;
transition: all 0.3s ease;
}
.dash-learning-path .badges-block .badge-wrapper {
position: relative;
display: inline-block;
transition: all .5s ease;
}
.dash-learning-path .badges-block .badge-wrapper:hover img {
border: 3px solid var(--primary, var(--bs-primary));
transition: all .5s ease;
}
/* Not earned badges - grayed out */
.dash-learning-path .badges-block .badge-not-earned img {
filter: grayscale(100%);
opacity: 0.4;
}
.dash-learning-path .badges-block .badge-not-earned:hover img {
opacity: 0.6;
}
/* Earned badges - full color with indicator */
.dash-learning-path .badges-block .badge-earned img {
filter: none;
opacity: 1;
box-shadow: 0 2px 8px rgba(17, 181, 106, 0.3);
}
.dash-learning-path .badges-block .badge-earned:hover img {
transform: scale(1.05);
}
/* Earned indicator (checkmark) */
.dash-learning-path .badges-block .badge-earned-indicator {
position: absolute;
top: -5px;
right: -5px;
background: #11b56a;
color: #fff;
border-radius: 50%;
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
border: 2px solid #fff;
}
.dash-learning-path .badges-block .badge-earned-indicator i {
margin: 0;
}
/* Faculty/Coaches styles */
.dash-learning-path .faculty-block .faculty-list,
.dash-learning-path .badges-block .badges-list {
display: flex;
flex-wrap: wrap;
gap: 15px;
padding: 0;
list-style: none;
margin-top: 20px;
}
.dash-learning-path .faculty-block .faculty-member {
list-style: none;
}
.dash-learning-path .faculty-block .faculty-link {
display: block;
text-decoration: none;
transition: transform 0.2s ease;
}
.dash-learning-path .faculty-block .faculty-link:hover {
transform: translateY(-3px);
}
.dash-learning-path .faculty-block .faculty-avatar {
position: relative;
}
.dash-learning-path .faculty-block .faculty-picture {
width: 80px;
height: 80px;
border-radius: 50%;
object-fit: cover;
border: 3px solid #f4f4f4;
transition: border-color 0.2s ease;
}
.dash-learning-path .faculty-block .faculty-link:hover .faculty-picture {
border-color: var(--primary, var(--bs-primary));
}
.dash-learning-path .faculty-block .faculty-name {
display: none;
}
/* Learning path name block */
.dash-learning-path .learningpath-name-block {
margin-top: 20px;
padding: 15px;
border-bottom: 2px solid #eee;
}
.dash-learning-path .learningpath-name-block .learningpath-title {
margin: 0;
font-size: 20px;
font-weight: bold;
color: #333;
}
.dash-learning-path .learningpath-items {
width: 100%;
border: 1px solid #eee;
border-radius: 10px;
padding: 15px;
margin-top: 30px;
}
.dash-learning-path .learningpath-items ul {
padding-left: 0;
}
.dash-learning-path .learningpath-items ul li {
width: 70px;
height: 70px;
color: #fff;
border: 3px solid #333;
border-radius: 50%;
background-color: rgb(4, 4, 48);
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.dash-learning-path .learningpath-items ul li:before {
content: '';
width: 100%;
height: 100%;
position: absolute;
border: 2px solid #fff;
border-radius: 50%;
}
/* Improved Course Completion Section */
.learningpath-course-completion {
border: 1px solid #eee;
border-radius: 10px;
margin-top: 30px;
background-color: #fff;
overflow: hidden;
}
.learningpath-course-completion .completion-header {
padding: 20px;
cursor: pointer;
transition: background-color 0.2s ease;
user-select: none;
}
.learningpath-course-completion .completion-header:hover {
background-color: #f8f9fa;
}
.learningpath-course-completion .completion-header .completion-header-top .completion-title-row {
margin-bottom: 0;
}
.learningpath-course-completion .completion-header.collapsed .completion-header-top {
margin-bottom: 15px;
}
.learningpath-course-completion .completion-title-row {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
}
.learningpath-course-completion .completion-title {
margin: 0;
font-size: 16px;
font-weight: bold;
color: #333;
}
.learningpath-course-completion .collapse-indicator {
font-size: 14px;
color: #666;
transition: transform 0.3s ease;
}
.learningpath-course-completion .completion-header[aria-expanded="true"] .collapse-indicator{transform:rotate(180deg)}.learningpath-course-completion .completion-period{font-size:13px;color:#666;margin-bottom:8px}.learningpath-course-completion .completion-period .period-label{font-weight:600;margin-right:5px}.learningpath-course-completion .completion-period .period-dates{color:#333}.learningpath-course-completion .completion-status{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border-radius:20px;font-size:13px;font-weight:600}.learningpath-course-completion .completion-status .status-indicator{width:10px;height:10px;border-radius:50%}.learningpath-course-completion .completion-status.status-ontrack{background-color:#d4edda;color:#28a745}.learningpath-course-completion .completion-status.status-ontrack .status-indicator{background-color:#28a745}.learningpath-course-completion .completion-status.status-notontrack{background-color:#f8d7da;color:#dc3545}.learningpath-course-completion .completion-status.status-notontrack .status-indicator{background-color:#dc3545}.learningpath-course-completion .progress-bars-preview{display:flex;gap:3px;margin-top:12px}.learningpath-course-completion .completion-header:not(.collapsed) .progress-bars-preview{display:none}.learningpath-course-completion .progress-bars-preview .progress-mini{width:10px;height:10px;border-radius:2px;background-color:#e9ecef;overflow:hidden}.learningpath-course-completion .progress-bars-preview .progress-bar{transition:width 0.3s ease}.learningpath-course-completion .completion-body{border-top:1px solid #eee}.learningpath-course-completion .completion-details{padding:20px}@media (max-width:767.98px){.learningpath-course-completion .completion-title-row{flex-direction:column;align-items:flex-start;gap:10px}.learningpath-course-completion .completion-header{padding:15px}.learningpath-course-completion .completion-details{padding:15px}}.block_dash .dash-container .learner-dashboard-block .dashboard-profile{margin-right:15px;margin-bottom:30px;display:flex;align-items:center}.block_dash .dash-container .learner-dashboard-block .dashboard-profile .img{width:100%;margin-right:20px}.block_dash .dash-container .dash-block-content .learner-dashboard-block .dashboard-profile img.img-responsive{max-height:none;border-radius:50%}.block_dash .dash-container .learner-dashboard-block .dashboard-profile .profile-info{width:100%}.block_dash .dash-container .learner-dashboard-block .dashboard-profile .profile-info p{margin-bottom:5px}.block_dash .dash-container .learner-dashboard-block .dashboard-stats-block{display:flex;flex-wrap:wrap;gap:15px}.block_dash .dash-container .learner-dashboard-block .dashboard-stats-block .dash-myprofile-status{flex:1 1 30%;border-radius:5px;background:#fbfbfb;padding:15px}.block_dash .dash-container .learner-dashboard-block .dashboard-stats-block .dash-myprofile-status.dash-streak-highlight{background:#ffbc6d}.block_dash .dash-container .learner-dashboard-block .dashboard-stats-block .dash-myprofile-status p{margin-bottom:0}.block_dash .dash-container .learner-dashboard-block .dashboard-stats-block .dash-myprofile-status p b{font-size:30px;line-height:30px;display:block;margin-bottom:10px}.block_dash .dash-container .learner-dashboard-block .dashboard-stats-block .dash-myprofile-status p b span{font-weight:600}.block_dash .dash-container .learner-dashboard-block .dashboard-stats-block .dash-myprofile-status p span{font-size:16px;font-weight:700}.drawer .block_dash .dash-container .learner-dashboard-block .learner-profile-block{display:block}.drawer .block_dash .dash-container .learner-dashboard-block .dashboard-profile .img{width:40%}@media (min-width:768px){.block_dash .dash-container .learner-dashboard-block .dashboard-profile{width:45%}.block_dash .dash-container .learner-dashboard-block .dashboard-stats-block{width:55%}.block_dash .dash-container .learner-dashboard-block .learner-profile-block{display:flex;align-items:center;justify-content:center}.drawer .block_dash .dash-container .learner-dashboard-block .dashboard-profile{width:100%;margin-right:0}.drawer .block_dash .dash-container .learner-dashboard-block .dashboard-stats-block{width:100%}.drawer .block_dash .dash-container .learner-dashboard-block .dashboard-profile{display:block}.drawer .block_dash .dash-container .learner-dashboard-block .dashboard-profile .img{margin:15px auto}.drawer .block_dash .dash-container .learner-dashboard-block .dashboard-profile .profile-info{text-align:center}}@media (max-width:767px){.block_dash .dash-container .learner-dashboard-block .dashboard-profile{flex-direction:column}.block_dash .dash-container .learner-dashboard-block .dashboard-profile .img{width:40%;margin-right:0;margin-bottom:20px}.block_dash .dash-container .learner-dashboard-block .dashboard-profile .profile-info{text-align:center}}body.limitedwidth .main-inner-wrapper .theme-block-region .block-region .block_dash .learner-profile-block{display:block}body.limitedwidth .main-inner-wrapper .theme-block-region .block-region .block_dash .learner-profile-block .dashboard-profile{width:100%;display:block}body.limitedwidth .main-inner-wrapper .theme-block-region .block-region .block_dash .learner-profile-block .dashboard-profile .img{text-align:center;margin-right:0;margin-bottom:15px}body.limitedwidth .main-inner-wrapper .theme-block-region .block-region .block_dash .learner-profile-block .dashboard-profile .img img{width:40%}body.limitedwidth .main-inner-wrapper .theme-block-region .block-region .block_dash .learner-profile-block .dashboard-profile .profile-info{text-align:center}body.limitedwidth .main-inner-wrapper .theme-block-region .block-region .block_dash .learner-profile-block .dashboard-stats-block{width:100%}.dashaddon-programs-content h3{display:none}.skill-graph-legend li span{display:inline-block;margin-right:8px;padding:8px;vertical-align:middle}.skill-graph-legend ul{font-weight:500;list-style:none;text-align:left}.skill-graph-legend{float:right}.competency-progress-dash-widget .competency-image-wrapper{width:50px;height:50px}.competency-progress-dash-widget img.competency-image{border-radius:50px}.competency-progress-dash-widget .competency-items-wrapper .competency-item{width:100%;margin-bottom:30px}.competency-progress-dash-widget .competency-items-wrapper .competency-item .competency-info{width:75%}.competency-progress-dash-widget .competency-items-wrapper .competency-item .competency-basic-info{width:100%;justify-content:center;align-items:center}.competency-progress-dash-widget .competency-items-wrapper .competency-item .competency-info .competency-name{font-weight:700;text-transform:uppercase}.competency-progress-dash-widget .competency-items-wrapper .competency-item .competency-info .progress-bar-placeholder{border:1px solid #ccc;height:23px;padding:2px}.competency-progress-dash-widget .competency-item .competency-basic-info .competency-progress-info{width:100%;align-items:center}.competency-progress-dash-widget .competency-item .competency-basic-info .competency-progress-info .competency-progress-text{font-weight:700;padding:0}.competency-progress-dash-widget .competency-item .competency-basic-info .competency-progress-info .competency-progress{margin-bottom:0}.competency-progress-dash-widget .competency-item .competency-info .progress-bar-placeholder .progress-bar{height:100%}.competency-progress-dash-widget .competency-items-wrapper .competency-item .competency-image-wrapper{margin:0 10px}.competency-progress-dash-widget .donut-competency-progress{position:absolute;height:185px;width:185px;cursor:pointer;top:50%;left:50%;margin:-80px 0 0 -80px}.competency-progress-dash-widget .competency-framework-progress{position:relative;height:250px;margin-bottom:20px}.competency-progress-dash-widget .progress-circle{transform:rotate(-90deg)}.competency-progress-dash-widget .progress-circle-back{fill:none;stroke:#d2d2d2;stroke-width:20px}.competency-progress-dash-widget .progress-circle-prog{fill:none;stroke:var(--primary);stroke-width:12px;stroke-dashoffset:0;transition:stroke-dasharray 0.7s linear 0s}.competency-progress-dash-widget .competency-total-info{width:100%;position:absolute;top:35%;text-align:center}.competency-progress-dash-widget .donut-competency-progress .competency-total-info{text-align:center;font-size:2.5rem;font-weight:700}.competency-progress-dash-widget .donut-competency-progress .competency-total-info .competency-framework-percent i{margin-left:5px}#page-local-dash-addon-skill_graph-competencylist #page{min-height:89vh}.drawer .competency-progress-dash-widget .competency-item .competency-basic-info .competency-progress-info .competency-progress{flex:0 0 75%;max-width:75%}.drawer .competency-progress-dash-widget .competency-item .competency-basic-info .competency-progress-text{flex:0 0 25%;max-width:25%}