* @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/boost_union/offlinequiz/1752245628/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/boost_union/offlinequiz/1752245628/icon_checked)}#page-mod-offlinequiz-view li.nextitem{list-style-image:url(/theme/image.php/boost_union/offlinequiz/1752245628/icon_unchecked)}#page-mod-offlinequiz-view li.warning{list-style-image:url(/theme/image.php/boost_union/offlinequiz/1752245628/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}
/**
* styles.php
*
* @package mod_organizer
* @author Andreas Hruska (andreas.hruska@tuwien.ac.at)
* @author Katarzyna Potocka (katarzyna.potocka@tuwien.ac.at)
* @author Thomas Niedermaier (thomas.niedermaier@gmail.com)
* @author Andreas Windbichler
* @author Ivan Šakić
* @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-organizer #organizer_main_cointainer table tr.past_due td{background-color:#e8f1f8}.path-mod-organizer #organizer_main_cointainer table tr.past_due_reg td{background-color:#e8f1f8}.path-mod-organizer #organizer_main_cointainer table tr.affected_slot td{background-color:Lightgreen}.path-mod-organizer #organizer_main_cointainer table tr.unavailable td{color:gray}.path-mod-organizer #organizer_main_cointainer tr.registered_slot td{background-color:Lightgreen}.path-mod-organizer #organizer_main_cointainer table tr.unavailable td.c2{font-style:italic}.path-mod-organizer #organizer_main_cointainer table.overview{width:95%}.path-mod-organizer #organizer_main_cointainer table.overview td{border:1px solid #fff}.path-mod-organizer #organizer_main_cointainer fieldset.preview{width:100%}.path-mod-organizer #organizer_main_cointainer div.datapreviewtitle{margin-bottom:-2em;font-weight:700;margin-left:1.5em}.path-mod-organizer #organizer_main_cointainer div.forced_scroll{border:solid 1px #ddd;margin-left:10px;margin-right:10px;padding-top:2em}.path-mod-organizer #organizer_main_cointainer div.forced_scroll table{min-width:1024px;width:97%;margin:1em}.path-mod-organizer #organizer_main_cointainer div.forced_scroll td{white-space:nowrap;border:solid 1px #ddd;border-collapse:collapse}.path-mod-organizer #organizer_main_cointainer div.singlebutton button{margin:20px 5px}.path-mod-organizer #organizer_main_cointainer span.countdown_normal{background-color:LightGreen}.path-mod-organizer #organizer_main_cointainer span.countdown_hurry{background-color:#ff0}.path-mod-organizer #organizer_main_cointainer span.countdown_critical{background-color:#fc9}.path-mod-organizer #organizer_main_cointainer span.countdown_passed{background-color:#f0f0f0}.path-mod-organizer #organizer_main_cointainer span.nobreak{white-space:nowrap}.path-mod-organizer #organizer_main_cointainer table.coloredrows th{white-space:nowrap}.path-mod-organizer #organizer_main_cointainer table.coloredrows .r0{background-color:#f0f0f0;white-space:nowrap}.path-mod-organizer #organizer_main_cointainer table.coloredrows .r1{background-color:#fafafa;white-space:nowrap}.path-mod-organizer #page-mod-organizer-view div#organizer_popup_header div.title h2{width:100%}.path-mod-organizer #organizer_main_cointainer fieldset#id_slotdetails input[readonly='readonly']{background:#fff;color:#6d6d6d;border:1px solid #afafaf;cursor:default}.path-mod-organizer #organizer_main_cointainer a.action{white-space:nowrap;display:block}.path-mod-organizer #organizer_main_cointainer a.disabled{color:grey}.path-mod-organizer #organizer_main_cointainer .finalgrade{margin-left:.1em;cursor:help;color:red}.path-mod-organizer #slot_overview th{background-color:inherit}.path-mod-organizer .organizer_filterblock{display:block;margin-block-end:.5em;margin-inline-start:0;margin-inline-end:0;margin-left:0;margin-right:0}.path-mod-organizer .organizer_filterblock_reg{display:block;margin-block-end:.5em;margin-inline-start:0;margin-inline-end:0;margin-left:0;margin-right:0}.path-mod-organizer #id_export_settings_header{border-bottom:none}.path-mod-organizer .slotoptions{margin-right:.3em;margin-left:.9em}.path-mod-organizer .userstatusbar_tr{max-width:90%;margin-bottom:1em}.path-mod-organizer .userstatusbar_td_empty{width:1.5rem;height:1.5rem;display:inline-block;margin:.1rem}.path-mod-organizer .userstatusbar_td_full{width:1.5rem;height:1.5rem;display:inline-block;margin:.1rem}.path-mod-organizer .registrationstatusbar{height:1.5rem;display:block}.path-mod-organizer .registrationstatusbarleg{display:inline-block;height:1.5rem}.path-mod-organizer .newweek{border-top:dashed}.path-mod-organizer .font-big{font-size:.8rem;width:2.7rem}.path-mod-organizer .slotactivecolor{color:green}.path-mod-organizer .slotovercolor{color:dimgrey}.path-mod-organizer #id_slotscontainer .col-md-9.form-inline.align-items-start.felement label.form-check{border:solid 1px lightgrey;background-color:lightgrey;padding:1rem;border-radius:1rem;margin-top:1rem}.path-mod-organizer #id_slotscontainer .col-md-9.form-inline.align-items-start.felement .d-block::before{font:var(--fa-font-solid);content:"\f007";margin-right:.25rem}.path-mod-organizer #fitem_id_groupname{font-weight:700}.path-mod-organizer #slot_overview .userinitialstext{display:none}.path-mod-organizer #my_slot_overview .userinitialstext{display:none}.path-mod-organizer>.custom-select.singleselect{margin-left:.2rem}.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;
}
@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 .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.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/boost_union/pdfannotator/1752245628/text_highlight_picker) 8 8, auto;
}
.path-mod-pdfannotator .cursor-strikeout {
cursor: url(/theme/image.php/boost_union/pdfannotator/1752245628/strikethrough) 8 8, auto;
}
.path-mod-pdfannotator .cursor-pen * {
cursor: url(/theme/image.php/boost_union/pdfannotator/1752245628/editstring) 0 12, auto !important;
}
.path-mod-pdfannotator .cursor-text * {
cursor: url(/theme/image.php/boost_union/pdfannotator/1752245628/text_color_picker) 0 0, auto !important;
}
.path-mod-pdfannotator .cursor-point * {
cursor: url(/theme/image.php/boost_union/pdfannotator/1752245628/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;
}
/** Question editing **/
#page-mod-questionnaire-questions .qcontainer .fitemtitle,
#page-mod-questionnaire-questions #id_questionhdr .fitemtitle {
display: none;
}
#page-mod-questionnaire-questions .qcontainer .qnums {
font-weight: bold;
float: left;
color: gray;
}
#page-mod-questionnaire-questions .qcontainer .fstatic {
width: 97%;
margin-right: 1em;
margin-left: 5px;
/* Set a negative margin-bottom to save some vertical space! */
margin-bottom: -10px;
}
#page-mod-questionnaire-questions .mform .fitem fieldset.felement {
margin-left: 0;
padding-left: 1%;
margin-bottom: 0;
}
#page-mod-questionnaire-preview fieldset,
#page-mod-questionnaire-complete fieldset {
margin-bottom: 0;
}
#page-mod-questionnaire-questions .mform .fitem .fitemtitle {
text-align: left;
margin-left: 10px;
margin-bottom: 0;
}
#page-mod-questionnaire-questions .moving {
border: medium dotted maroon;
}
div.qoptcontainer div.ftextarea {
clear: both;
float: none;
width: 600px;
margin: 0 auto 10px;
}
div.qoptcontainer div.ftextarea textarea.qopts {
width: 600px;
height: 10em;
margin-left: 1px;
}
.response span.selected,
.generalboxcontent span.selected {
font-weight: bold;
}
td.selected {
background-color: #e4f1fa;
border: 1px solid gray;
}
#page-mod-questionnaire-myreport div.respdate {
font-size: 0.8em;
font-weight: bold;
margin-bottom: 6px;
padding-top: 6px;
border-bottom: 1px dashed gray;
}
#page-mod-questionnaire-complete .message,
#page-mod-questionnaire-complete .notifyproblem,
#page-mod-questionnaire-preview .message,
#page-mod-questionnaire-preview .notifyproblem,
#page-mod-questionnaire-complete .thankbody,
#page-mod-questionnaire-complete .thankhead {
background-color: #fff;
border-style: solid;
border-width: 2px;
margin-bottom: 10px;
padding: 5px;
}
#page-mod-questionnaire-complete .notifyproblem,
#page-mod-questionnaire-preview .notifyproblem {
border-color: red;
}
#page-mod-questionnaire-fbsections .notifyproblem {
text-align: left;
padding: 0;
}
#page-mod-questionnaire-complete .message,
#page-mod-questionnaire-preview .message,
#page-mod-questionnaire-complete .thankbody,
#page-mod-questionnaire-complete .thankhead {
border-color: blue;
}
.surveyPage {
background-color: #eee;
border-bottom-color: #000;
border-bottom-style: solid;
border-bottom-width: 1px;
clear: right;
padding: 3px;
margin-bottom: 5px;
margin-top: 0;
}
/* alternate columns formatting */
#page-mod-questionnaire-complete .c0,
#page-mod-questionnaire-preview .c0,
#page-mod-questionnaire-print .c0,
#page-mod-questionnaire-report .individual .c0,
#page-mod-questionnaire-myreport .individual .c0 {
background-color: #fafafa;
border: 1px solid silver;
padding-left: 5px;
padding-right: 5px;
}
#page-mod-questionnaire-complete .raterow:hover,
#page-mod-questionnaire-preview .raterow:hover {
background-color: #e4f1fa;
}
#page-mod-questionnaire-complete td.raterow:hover,
#page-mod-questionnaire-preview td.raterow:hover {
border: 1px solid navy;
}
#page-mod-questionnaire-complete td.notanswered,
#page-mod-questionnaire-preview td.notanswered {
/* border: none; */
background-color: #fafafa;
}
#page-mod-questionnaire-complete td.notcompleted,
#page-mod-questionnaire-preview td.notcompleted {
border: 2px solid red;
background-color: #fafafa;
}
#page-mod-questionnaire-complete .c1,
#page-mod-questionnaire-preview .c1,
#page-mod-questionnaire-print .c1,
#page-mod-questionnaire-report .individual .c1,
#page-mod-questionnaire-myreport .individual .c1 {
background-color: #eee;
border: 1px solid silver;
padding-left: 5px;
padding-right: 5px;
}
#page-mod-questionnaire-myreport .individualresp,
#page-mod-questionnaire-preview .individualresp,
#page-mod-questionnaire-print .individualresp {
border: #c0c0c0 1px solid;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 0;
margin-bottom: 10px;
margin-top: 10px;
}
#page-mod-questionnaire-complete .notice .buttons div,
#page-mod-questionnaire-complete .notice .buttons form {
display: inline;
}
#page-mod-questionnaire-complete .notice .buttons input {
margin-bottom: 10px;
}
.floatprinticon {
margin-top: -30px;
float: right;
}
#page-mod-questionnaire-complete .mod_questionnaire_controlbuttons {
text-align: center;
width: 100%;
position: relative;
}
#page-mod-questionnaire-complete .mod_questionnaire_controlbuttons .control-button-prev {
float: left;
}
#page-mod-questionnaire-complete .mod_questionnaire_controlbuttons .control-button-save {
margin-left: 20%;
}
#page-mod-questionnaire-complete .mod_questionnaire_controlbuttons .control-button-prev + .control-button-save {
margin-left: 0;
}
#page-mod-questionnaire-complete .mod_questionnaire_controlbuttons .control-button-next,
#page-mod-questionnaire-complete .mod_questionnaire_controlbuttons .control-button-submit {
float: right;
}
#page-mod-questionnaire-complete .mod_questionnaire_controlbuttons input {
margin-right: 0;
}
#page-mod-questionnaire-complete .mod_questionnaire_completepage .generalbox .notice {
padding: 0.5em 0 0.5em 0;
}
/* progress bar styling */
#page-mod-questionnaire-complete .questionnaire-progressbar {
height: 14px;
margin-top: 5px;
border: 1px solid #dedede;
border-radius: 5px;
width: auto;
overflow: hidden;
}
#page-mod-questionnaire-complete .questionnaire-progressbar-progress {
background-color: #1177d1;
height: 100%;
border-bottom-left-radius: 5px;
border-top-left-radius: 5px;
}
#page-mod-questionnaire-complete .questionnaire-progressbar-info {
float: right;
}
#page-mod-questionnaire-complete #questionnaire-progressbar-percent {
margin-left: 5px;
margin-right: 5px;
min-width: 25px;
text-align: center;
}
#page-mod-questionnaire-complete .questionnaire-progressbar-wrapper {
margin-top: 15px;
margin-bottom: 15px;
margin-left: 10px;
height: auto;
overflow: hidden;
}
#page-mod-questionnaire-complete .mod_questionnaire_completepage.generalbox .homelink ~ .homelink {
padding-top: 10px;
}
.qn-legend {
float: left;
font-size: inherit;
width: auto;
}
/* format paragraph top and bottom margins for better vertical positioning in questions text */
.qn-question p {
margin-bottom: 0.6em;
margin-top: 0.5em;
}
.qn-question {
padding-left: 5px;
padding-right: 5px;
padding-bottom: 0.1em;
padding-top: 0.1em;
/* make background same color as quiz question text */
background-color: #e4f1fa;
}
#page-mod-questionnaire-questions .qn-question {
margin-left: 40px;
}
.unselected {
color: gray;
}
/*respondents list feature*/
.respondentscolumn {
float: left;
margin-left: 20px;
}
.respondentsnavbar {
text-align: center;
padding-bottom: 5px;
padding-top: 5px;
margin-bottom: 5px;
background-color: #f2f2f2;
}
/* new quiz-like formatting for 2.5 */
#page-mod-questionnaire-questions .qn-container {
border: 1px dotted gray;
margin-bottom: 1em;
}
.dir-rtl .qn-container {
text-align: right;
}
.qn-info {
float: left;
width: auto;
padding: 7px;
background: #eee;
font-weight: bold;
}
.qn-info h2.qn-number {
margin: 0;
font-size: 1.5em;
line-height: 1.2em;
}
.qn-question,
.qn-answer {
margin: 0 0 0.5em;
overflow: auto;
}
.qn-answer input[type=radio] {
margin-left: 0.5em;
}
.qn-answer > label + input[type=radio] {
margin-left: 0;
}
.qn-answer > textarea,
.qn-content .editor_atto_wrap .editor_atto_content {
resize: vertical;
}
.qn-answer textarea,
.qn-answer input[type="text"] {
box-sizing: border-box;
height: auto;
}
#notice .qn-question {
margin: 0;
}
.req {
font-size: x-small;
}
.qdepend {
color: red;
padding-left: 5px;
margin-bottom: 5px;
}
.qdepend-or {
color: orange;
padding-left: 5px;
margin-bottom: 5px;
}
.qn-content {
margin-bottom: 10px;
margin-left: 55px;
}
/* move horizontal radio buttons closer to their labels */
.qn-answer input[type="radio"],
.qn-answer input[type="checkbox"] {
margin-right: 3px;
}
#page-mod-questionnaire-show_nonrespondents input[type="radio"] {
margin-right: 1px;
}
.qn-answer label,
#page-mod-questionnaire-show_nonrespondents label {
margin-right: 0.6em;
}
.hidedependquestion {
color: red;
display: none;
}
#page-mod-questionnaire-fbsections .c0,
#page-mod-questionnaire-fbsections .c1 {
border: 1px solid silver;
padding-left: 4px;
padding-right: 4px;
}
#page-mod-questionnaire-fbsections .c0 {
background-color: #fafafa;
}
#page-mod-questionnaire-fbsections .c1 {
background-color: #eee;
}
#page-mod-questionnaire-fbsections input[type="radio"] {
margin-right: 0;
}
#page-mod-questionnaire-fbsections .qn-legend {
padding-left: 8px;
}
#page-mod-questionnaire-fbsections .qcontainer.qcontent {
margin-bottom: -5em;
}
#page-mod-questionnaire-report div.chart {
overflow: auto;
margin-left: -40px;
}
#page-mod-questionnaire-report .generaltable.questionnairereport td {
border: 1px solid silver;
}
.qn-container .smalltext {
font-size: 0.75em;
}
#page-mod-questionnaire-questions #region-main .mform .fitem .felement {
margin-bottom: 0;
}
.qn-indent {
margin-left: 20px;
}
.mod_questionnaire_flex-container {
display: inline-flex;
}
#page-mod-questionnaire-view .mod_questionnaire_viewpage div.complete,
#page-mod-questionnaire-view .mod_questionnaire_viewpage div.yourresponse,
#page-mod-questionnaire-view .mod_questionnaire_viewpage div.allresponses {
flex-grow: 1;
margin-right: 10px;
}
#page-mod-questionnaire-questions #fitem_id_allchoices #id_allchoices,
#page-mod-questionnaire-questions #fitem_id_allnameddegrees #id_allnameddegrees {
resize: both;
}
.path-mod-questionnaire .slidecontainer {
width: 100%;
}
.path-mod-questionnaire .slider {
-webkit-appearance: none;
width: 100%;
outline: none;
opacity: 0.7;
-webkit-transition: .2s;
transition: opacity .2s;
float: left;
margin-top: 40px;
}
.path-mod-questionnaire .slider input {
width: 100%;
}
.path-mod-questionnaire .slider:hover {
opacity: 1;
}
.path-mod-questionnaire .slider::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 100%;
height: 25px;
background: #04aa6d;
cursor: pointer;
border-radius: 50%;
}
.path-mod-questionnaire .slider::-moz-range-thumb {
width: 25px;
height: 25px;
background: #04aa6d;
cursor: pointer;
}
.path-mod-questionnaire .question-slider {
display: flex;
align-items: baseline;
}
.path-mod-questionnaire .left-side-label {
text-align: right;
padding-right: 20px;
margin-top: 40px;
flex-grow: 1;
}
.path-mod-questionnaire .right-side-label {
text-align: left;
padding-left: 20px;
margin-top: 40px;
flex-grow: 1;
}
.path-mod-questionnaire .middle-side-content {
flex-grow: 8;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.path-mod-questionnaire .middle-side-label {
text-align: center;
}
.path-mod-questionnaire .bubble {
background: #000;
color: white;
padding: 3px;
border-radius: 10px;
left: 50%;
transform: translate(-52%, -50px);
position: relative;
text-align: center;
width: 40px;
}
.path-mod-questionnaire .bubble::after {
content: "";
position: absolute;
width: 2px;
height: 2px;
left: 50%;
}
/** Bits that can appear on any page. */
.path-mod-quiz .statedetails {
display: block;
font-size: 0.7em;
}
/** Attempt and review pages **/
#page-mod-quiz-attempt #page .controls,
#page-mod-quiz-summary #page .controls,
#page-mod-quiz-review #page .controls {
text-align: center;
margin: 8px auto;
}
#page-mod-quiz-attempt .submitbtns,
#page-mod-quiz-review .submitbtns {
display: flex;
}
#page-mod-quiz-attempt .submitbtns .mod_quiz-next-nav,
#page-mod-quiz-review .submitbtns .mod_quiz-next-nav {
margin-left: auto;
}
.path-mod-quiz .mod_quiz-redo_question_button {
margin: 0;
}
.path-mod-quiz input[type="submit"].mod_quiz-redo_question_button {
padding: 2px 0.8em;
font-size: 1em;
}
#page-mod-quiz-attempt .mod_quiz-blocked_question_warning .que .formulation,
#page-mod-quiz-review .mod_quiz-blocked_question_warning .que .formulation {
background: #eee;
border: 1px solid #dcdcdc;
}
#page-mod-quiz-attempt #connection-ok,
#page-mod-quiz-attempt #connection-error {
position: fixed;
top: 0;
width: 80%;
left: 10%;
color: #555;
border-radius: 0 0 10px 10px;
box-shadow: 5px 5px 20px 0 #666;
padding: 1em 1em 0;
z-index: 10000;
}
#page-mod-quiz-attempt #connection-error {
background-color: #fcc;
}
#page-mod-quiz-attempt #connection-ok {
background-color: #cfb;
width: 60%;
left: 20%;
}
/** Mod quiz attempt **/
.generalbox#passwordbox {
/* Should probably match .generalbox#intro above */
width: 70%;
margin-left: auto;
margin-right: auto;
}
#passwordform {
margin: 1em 0;
}
/* Question navigation block. */
#quiznojswarning {
color: red;
}
#quiznojswarning {
font-size: 0.7em;
line-height: 1.1;
}
.jsenabled #quiznojswarning {
display: none;
}
.path-mod-quiz #user-picture {
margin: 0.5em 0;
}
.path-mod-quiz #user-picture img {
width: auto;
height: auto;
vertical-align: bottom;
}
.path-mod-quiz #mod_quiz_navblock h3.mod_quiz-section-heading {
padding: 0.7em 0 0;
margin: 0;
clear: both;
}
.path-mod-quiz #mod_quiz_navblock h3.mod_quiz-section-heading:first-child {
padding-top: 0;
}
.path-mod-quiz .qnbutton {
display: block;
position: relative;
float: left;
width: 1.5em;
height: 1.5em;
overflow: hidden;
margin: 0.3em 0.3em 0.3em 0;
padding: 0;
border: 1px solid #bbb;
background: #ddd;
text-align: center;
line-height: 1.5em;
font-weight: bold;
text-decoration: none;
}
.path-mod-quiz .qnbutton:visited:hover,
.path-mod-quiz .qnbutton:link:hover {
text-decoration: underline;
}
.path-mod-quiz .qnbutton .trafficlight,
.path-mod-quiz .qnbutton .thispageholder {
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.path-mod-quiz .qnbutton.thispage {
border-color: #666;
}
.path-mod-quiz .qnbutton.thispage .thispageholder {
border: 1px solid #666;
}
.path-mod-quiz .qnbutton.flagged .trafficlight {
background: url(/theme/image.php/boost_union/quiz/1752245628/navflagged) no-repeat top right;
}
.path-mod-quiz .qnbutton.blocked,
.path-mod-quiz .qnbutton.notyetanswered,
.path-mod-quiz .qnbutton.requiresgrading,
.path-mod-quiz .qnbutton.invalidanswer {
background-color: white;
}
.path-mod-quiz .qnbutton.correct {
background-color: #cfc;
}
.path-mod-quiz .qnbutton.correct .trafficlight {
border-bottom: 3px solid #080;
}
.path-mod-quiz .qnbutton.partiallycorrect {
background-color: #ffa;
}
.path-mod-quiz .qnbutton.notanswered,
.path-mod-quiz .qnbutton.incorrect {
background-color: #fcc;
}
.path-mod-quiz .qnbutton.blocked {
color: #999;
}
.path-mod-quiz .qnbutton.notanswered .trafficlight,
.path-mod-quiz .qnbutton.incorrect .trafficlight {
border-top: 3px solid #800;
}
.path-mod-quiz .othernav {
clear: both;
margin: 0.5em 0;
}
.path-mod-quiz .autosave_info {
font-size: small;
}
.path-mod-quiz .othernav a,
.path-mod-quiz .othernav input {
display: block;
margin: 0.5em 0;
}
#mod_quiz_navblock.nav-disabled > * {
opacity: .65;
pointer-events: none;
cursor: not-allowed;
}
/** mod quiz mod **/
#page-mod-quiz-mod #id_reviewoptionshdr .fitem {
width: 23%;
margin-left: 10px;
}
#page-mod-quiz-mod #id_reviewoptionshdr fieldset.fgroup {
width: 100%;
text-align: left;
margin-left: 0;
}
#page-mod-quiz-mod #id_reviewoptionshdr .fitem {
float: left;
width: 23%;
clear: none;
}
#page-mod-quiz-mod #id_reviewoptionshdr .fitemtitle {
width: 100%;
font-weight: bold;
text-align: left;
height: 2.5em;
margin-left: 0;
}
#page-mod-quiz-mod #id_reviewoptionshdr fieldset.fgroup {
clear: left;
margin: 0 0 1em;
}
#page-mod-quiz-mod #id_reviewoptionshdr fieldset.fgroup > span {
float: left;
clear: left;
line-height: 1.7;
}
#page-mod-quiz-mod #id_reviewoptionshdr fieldset.fgroup span label {
margin-left: 0.4em;
}
/** Mod quiz view **/
#page-mod-quiz-view .quizinfo,
#page-mod-quiz-view #page .quizgradefeedback {
text-align: center;
}
#page-mod-quiz-view .generalbox#feedback .overriddennotice {
text-align: center;
font-size: 0.7em;
}
.quizstartbuttondiv.quizsecuremoderequired input,
.quizstartbuttondiv.quizsecuremoderequired button {
display: none;
}
.jsenabled .quizstartbuttondiv.quizsecuremoderequired input,
.jsenabled .quizstartbuttondiv.quizsecuremoderequired button {
display: inline;
}
.quizattempt #mod_quiz_preflight_form {
display: none;
}
#mod_quiz_preflight_form .femptylabel .fitemtitle {
display: none;
}
.moodle-dialogue-base .moodle-dialogue.mod_quiz_preflight_popup {
width: 600px;
}
.moodle-dialogue-base .moodle-dialogue.mod_quiz_preflight_popup .moodle-dialogue-wrap {
overflow: hidden;
}
.moodle-dialogue-base .moodle-dialogue.mod_quiz_preflight_popup .moodle-dialogue-bd {
padding: 1rem;
}
/* Standard Moodle rule that needs to be more specific here. */
.moodle-dialogue-bd #mod_quiz_preflight_form fieldset.hidden {
display: inherit;
visibility: inherit;
}
body.path-mod-quiz .gradedattempt,
body.path-mod-quiz table tbody tr.gradedattempt > td,
body.path-mod-quiz table tbody tr.gradedattempt > td.sticky-column {
border-color: #bce8f1;
background-color: #d9edf7;
}
/** Mod quiz summary **/
#page-mod-quiz-summary #content {
text-align: center;
}
#page-mod-quiz-summary #quiz-timer {
text-align: center;
margin-top: 1em;
}
#page-mod-quiz-summary .submitbtns {
margin-top: 1.5em;
}
#page-mod-quiz-edit .section .activity .actions .version-selection {
width: 8em;
padding: 0;
}
@media print {
.quiz-secure-window * {
display: none;
}
}
/** Mod quiz review **/
table.quizreviewsummary {
width: 100%;
}
table.quizreviewsummary th.cell {
padding: 1px 0.5em 1px 1em;
font-weight: bold;
text-align: right;
width: 10em;
background: #f0f0f0;
}
table.quizreviewsummary td.cell {
padding: 1px 1em 1px 0.5em;
text-align: left;
background: #fafafa;
}
/** Mod quiz make comment or override grade popup. **/
#page-mod-quiz-comment .mform {
width: 100%;
}
#page-mod-quiz-comment .mform fieldset {
margin: 0;
border-bottom: none;
}
#page-mod-quiz-comment .que {
margin: 0;
}
/** Mod quiz report **/
#page-mod-quiz-report h2.main {
clear: both;
}
#page-mod-quiz-report .controls {
text-align: center;
}
#page-mod-quiz-report .dubious {
background-color: #fcc;
}
#page-mod-quiz-report .highlight {
border: 1px solid #bce8f1;
background-color: #d9edf7;
}
#page-mod-quiz-report .negcovar {
border: medium solid pink;
}
#page-mod-quiz-report .gradetheselink {
font-size: 0.8em;
}
#page-mod-quiz-report .mform fieldset.fgroup span label {
margin-right: 14px;
}
#page-mod-quiz-report table th {
white-space: normal;
}
#page-mod-quiz-report table#attempts td,
#page-mod-quiz-report table.quizresponseanalysis td {
word-wrap: break-word;
max-width: 20em;
}
#page-mod-quiz-report table.titlesleft td.c0 {
font-weight: bold;
}
#page-mod-quiz-report table .numcol {
text-align: center;
vertical-align: middle;
}
#page-mod-quiz-report table#attempts {
clear: both;
margin: 0.2em auto;
}
#page-mod-quiz-report table#attempts .header,
#page-mod-quiz-report table#attempts .cell {
padding: 4px;
}
#page-mod-quiz-report table#attempts .header .commands {
display: inline;
}
#page-mod-quiz-report table#attempts .picture {
width: 40px;
}
#page-mod-quiz-report table#attempts td {
border-left-width: 1px;
border-right-width: 1px;
border-left-style: solid;
border-right-style: solid;
vertical-align: middle;
}
#page-mod-quiz-report table#attempts .header {
text-align: left;
}
#page-mod-quiz-report table#attempts .picture {
text-align: center;
}
#page-mod-quiz-report table#attempts.grades span.que,
#page-mod-quiz-report table#attempts span.avgcell {
white-space: nowrap;
}
#page-mod-quiz-report table#attempts span.que .requiresgrading {
white-space: normal;
}
#page-mod-quiz-report table#attempts .questionflag {
vertical-align: text-bottom;
padding-left: 6px;
}
#page-mod-quiz-report .graph.flexible-wrap {
text-align: center;
overflow: auto;
}
#page-mod-quiz-report #cachingnotice {
margin-bottom: 1em;
padding: 0.2em;
}
#page-mod-quiz-report #cachingnotice .singlebutton {
margin: 0.5em 0 0;
}
#page-mod-quiz-report .bold .reviewlink {
font-weight: normal;
}
#page-mod-quiz-report tr.lastrowforattempt {
border-bottom: lightgrey solid 0.2em;
}
#page-mod-quiz-report tr.quiz_statistics-summaryrow td.cell {
padding-top: 1px;
padding-bottom: 1px;
border-top: none;
}
/** Mod quiz edit **/
#page-mod-quiz-edit .statusdisplay {
background-color: #ffc;
clear: both;
margin: 0.3em 0;
padding: 1px 10px;
}
#page-mod-quiz-edit .statusdisplay p {
margin: 4px 0;
}
#page-mod-quiz-edit .mod_quiz-edit-top-controls {
position: relative;
}
#page-mod-quiz-edit .mod_quiz-edit-action-buttons {
display: block;
min-height: 2.85em;
}
#page-mod-quiz-edit .maxgrade label {
display: inline;
}
#page-mod-quiz-edit .maxgrade input[type="submit"] {
margin: 0;
}
#page-mod-quiz-edit li.activity > div,
#page-mod-quiz-edit li.pagenumber {
position: relative;
}
#page-mod-quiz-edit ul.section li.pagenumber:first-child .add-menu-outer .menu > :last-child,
#page-mod-quiz-edit .last-add-menu .add-menu-outer .menu > :last-child {
display: none;
}
#page-mod-quiz-edit .last-add-menu {
position: relative;
height: 1.5em;
margin: 0 20px;
}
#page-mod-quiz-edit .add-menu-outer {
position: absolute;
right: 0;
}
#page-mod-quiz-edit .slotnumber {
text-align: center;
margin: 0.1em 0.5em;
min-width: 2em;
display: inline-block;
}
#page-mod-quiz-edit li.section .slotnumber.unshuffled {
display: inline-block;
}
#page-mod-quiz-edit li.section .slotnumber.shuffled {
display: none;
}
#page-mod-quiz-edit li.section.shuffled .slotnumber.unshuffled {
display: none;
}
#page-mod-quiz-edit li.section.shuffled .slotnumber.shuffled {
display: inline-block;
}
#page-mod-quiz-edit .section-heading {
margin-left: 20px;
margin-bottom: 0;
height: 40px;
}
#page-mod-quiz-edit .section-heading .instancesectioncontainer {
display: inline;
}
#page-mod-quiz-edit .section-heading .instancesectioncontainer h3 {
display: inline;
color: #555;
}
#page-mod-quiz-edit .section-heading .editing_section,
#page-mod-quiz-edit .section-heading .editing_delete {
margin-left: 10px;
}
#page-mod-quiz-edit .section-heading .sectioninstance {
position: relative;
}
#page-mod-quiz-edit .section-heading .instancesection {
white-space: nowrap;
max-width: 72%;
display: inline-block;
text-overflow: ellipsis;
overflow: hidden;
vertical-align: bottom;
}
#page-mod-quiz-edit .section-heading form {
display: inline;
position: relative;
top: 3px;
left: -7px;
}
#page-mod-quiz-edit .section-heading form input {
font-size: 24px;
font-weight: bold;
width: 50%;
}
#page-mod-quiz-edit .section-heading .instanceshufflequestions {
float: right;
margin: 0.3em 20px 0 0;
}
.instanceshufflequestions [type="checkbox"] {
vertical-align: middle;
margin-right: .5rem;
}
#page-mod-quiz-edit ul.section {
margin: 0;
padding: 0 20px;
}
#page-mod-quiz-edit ul.slots {
margin: 0;
padding: 0;
}
#page-mod-quiz-edit ul.slots li.section {
border: 0;
}
#page-mod-quiz-edit ul.slots li.section .content {
background-color: #fafafa;
padding: 1px 0;
}
#page-mod-quiz-edit ul.slots li.section {
list-style: none;
margin: 0;
padding: 0;
}
#page-mod-quiz-edit ul.slots li.section li.activity {
background: #e6e6e6;
margin: 3px 0;
padding: 0.2em;
position: relative;
}
#page-mod-quiz-edit ul.slots li.section li.activity.page {
background: transparent;
}
#page-mod-quiz-edit ul.slots li.section li.activity.page h4 {
display: inline;
font-weight: normal;
font-size: 1em;
}
#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer {
background: white;
padding: 0.5em 0 0.5em 0.1em;
margin: 2px;
}
#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer .editicon {
width: 13px;
}
#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer.infoitem {
background: transparent;
}
#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer form {
display: inline;
}
#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark {
display: inline-block;
text-align: right;
}
#page-mod-quiz-edit ul.slots li.section li.activity .page_split_join_wrapper {
position: absolute;
left: -20px;
bottom: -11px;
}
#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_0 {
min-width: 1.3em;
}
#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_1 {
min-width: 2em;
}
#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_2 {
min-width: 2.6em;
}
#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_3 {
min-width: 3.2em;
}
#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_4 {
min-width: 3.7em;
}
#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_5 {
min-width: 4.3em;
}
#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_6 {
min-width: 4.8em;
}
#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_7 {
min-width: 5.45em;
}
#page-mod-quiz-edit ul.slots li.section li.activity .edit_icon,
#page-mod-quiz-edit ul.slots li.section li.activity a.preview,
#page-mod-quiz-edit ul.slots li.section li.activity .editing_delete,
#page-mod-quiz-edit ul.slots li.section li.activity .editing_maxmark {
margin: 0 2px;
}
#page-mod-quiz-edit ul.slots li.section.only-has-one-slot li.activity .editing_move,
#page-mod-quiz-edit ul.slots li.section.only-has-one-slot li.activity .editing_delete {
visibility: hidden;
}
#page-mod-quiz-edit ul.slots.only-one-section li.section.only-has-one-slot li.activity .editing_delete {
visibility: visible;
}
#page-mod-quiz-edit ul.slots li.section li.activity .question_dependency_wrapper {
position: absolute;
top: -1em;
right: -20px;
}
#page-mod-quiz-edit ul.slots li.section li.activity .question_dependency_wrapper.question_dependency_cannot_depend {
display: none;
}
#page-mod-quiz-edit ul.slots li.section li.activity .activityinstance {
display: flex;
flex: 1 1 auto;
min-height: 1.7em;
padding-right: 2px;
}
#page-mod-quiz-edit ul.slots li.section li.activity .mod-indent-outer {
display: flex;
padding-left: 22px;
}
#page-mod-quiz-edit ul.slots .activityinstance form {
display: inline;
}
#page-mod-quiz-edit span.editinstructions {
right: 0;
}
#page-mod-quiz-edit ul.slots .activityinstance span.instancename {
overflow-x: hidden;
overflow-y: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: inline-block;
height: 20px;
}
#page-mod-quiz-edit ul.slots .activityinstance span.instancename img {
margin: 0 0.2em;
}
#page-mod-quiz-edit .question-bank-table .questionname,
#page-mod-quiz-edit ul.slots li.activity div.activityinstance .questionname {
font-weight: bold;
color: #555;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#page-mod-quiz-edit ul.slots li.activity div.activityinstance .questiontext {
color: #555;
}
#page-mod-quiz-edit .section .activity .editing_move {
position: absolute;
left: 0;
top: 0;
}
#page-mod-quiz-edit ul.slots li.activity div.activityinstance .mod_quiz_random_qbank_link {
font-size: 0.8em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-left: 0.25rem;
}
#page-mod-quiz-edit ul.slots .activityinstance img.activityicon {
float: inherit;
margin: .2em 0 0;
padding: 0;
}
#page-mod-quiz-edit .section .activity .actions {
position: inherit;
white-space: nowrap;
background: #e6e6e6;
padding: 0.1em 0;
}
#page-mod-quiz-edit .mod_quiz_edit_forms {
display: none;
}
#page-mod-quiz-edit .question-bank-table {
width: 100%;
}
#page-mod-quiz-edit .question-bank-table .header {
text-align: center;
padding: 0 2px;
border: 0 none;
vertical-align: top;
width: auto;
}
#page-mod-quiz-edit .question-bank-table .header.checkbox {
vertical-align: bottom;
text-align: center;
}
#page-mod-quiz-edit .question-bank-table .header.qtype .sorters {
white-space: nowrap;
}
#page-mod-quiz-edit .question-bank-table th .sorters {
font-weight: normal;
font-size: 0.8em;
}
#page-mod-quiz-edit .question-bank-table td.modifiername,
#page-mod-quiz-edit .question-bank-table td.creatorname,
#page-mod-quiz-edit .question-bank-table td.questionlastused {
line-height: 1em;
}
#page-mod-quiz-edit .question-bank-table td.modifiername span.date,
#page-mod-quiz-edit .question-bank-table td.creatorname span.date {
font-weight: normal;
font-size: 0.8em;
}
#page-mod-quiz-edit table.question-bank-table {
table-layout: fixed;
overflow-x: visible;
border-collapse: separate;
border-spacing: 0;
}
#page-mod-quiz-edit .question-bank-table .iconcol {
width: 16px;
text-align: center;
padding: 0;
}
#page-mod-quiz-edit .question-bank-table .iconcol .icon {
width: 16px;
}
#page-mod-quiz-edit .question-bank-table .checkbox {
width: 32px;
text-align: center;
padding: 0;
}
#page-mod-quiz-edit .question-bank-table .editmenu {
width: 5em;
}
#page-mod-quiz-edit .question-bank-table .qtype {
text-align: center;
}
#page-mod-quiz-edit .question-bank-table .qtype {
width: 28px;
padding: 0;
}
#page-mod-quiz-edit .question-bank-table .questionnametext {
padding: 0 0.2em;
width: 100% !important; /* stylelint-disable-line declaration-no-important */
}
#page-mod-quiz-edit .question-bank-table .questiontext {
position: relative;
zoom: 1;
padding: 0.3em;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
#page-mod-quiz-edit .question-bank-table .questionname {
white-space: nowrap;
overflow: hidden;
zoom: 1;
position: relative;
}
#page-mod-quiz-edit .question-bank-table .questiontext p {
margin: 0;
}
#page-mod-quiz-edit table.question-bank-table td,
#page-mod-quiz-edit table.question-bank-table th {
overflow: hidden;
white-space: nowrap;
width: 1.2em !important; /* stylelint-disable-line declaration-no-important */
}
#page-mod-quiz-edit table.question-bank-table td.questionnametext > div {
overflow: hidden;
text-overflow: ellipsis;
}
.mod_quiz_qbank_dialogue {
width: 80%;
min-height: 200px;
}
.mod_quiz_qbank_dialogue.moodle-dialogue-fullscreen {
width: 100%;
}
.mod_quiz_qbank_dialogue .questionbankloading {
position: absolute;
top: 30px;
bottom: 0;
left: 0;
right: 0;
background: #fff;
text-align: center;
opacity: 0.5;
padding-top: 50px;
}
.mod_quiz_qbank_dialogue #advancedsearch label {
font-size: 100%;
}
.quizquestionlistcontrols {
text-align: center;
}
.categoryinfo {
padding: 0.3em;
}
.path-mod-quiz .gradingdetails {
font-size: small;
}
#page-mod-quiz-edit div#repaginatedialog .mform {
margin-left: auto;
margin-right: auto;
}
#page-mod-quiz-edit div.container div.generalbox {
position: relative;
display: block;
border: 0 none;
margin: 0;
padding: 0;
}
#page-mod-quiz-edit .paging {
margin-top: 0;
margin-bottom: 0;
padding: 0.1em 0.3em;
display: block;
background-color: #ddd;
}
#page-mod-quiz-edit #page-footer {
clear: both;
padding-top: 1em;
}
#page-mod-quiz-edit .categoryinfofield {
font-style: italic;
}
#page-mod-quiz-edit .categorynamefield {
font-weight: bold;
}
#page-mod-quiz-edit .questionsortoptions {
background-color: #ddd;
}
#page-mod-quiz-edit div.questionbank .categorysortopotionscontainer {
padding-top: 0.5em;
margin-top: 0.3em;
}
#page-mod-quiz-edit div.questionbank .categoryquestionscontainer,
.questionbank .categorysortopotionscontainer,
.questionbank .categorypagingbarcontainer,
.questionbank .categoryselectallcontainer {
background-color: #fff;
}
/* Bulk edit actions */
#page-mod-quiz-edit .btn-group.selectmultiplecommand,
#page-mod-quiz-edit .selectmultiplecommandbuttons,
#page-mod-quiz-edit .select-multiple-checkbox {
display: none;
}
#page-mod-quiz-edit.select-multiple .selectmultiplecommand,
#page-mod-quiz-edit.select-multiple .selectmultiplecommandbuttons,
#page-mod-quiz-edit.select-multiple .select-multiple-checkbox {
display: inline-block;
}
#page-mod-quiz-edit.select-multiple input.select-multiple-checkbox[type="checkbox"] {
display: inline;
}
#page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section .activity .editing_move,
#page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section .activity .commands {
display: none;
}
#page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section .page_split_join_wrapper {
display: none;
}
#page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section .activity .actions .editing_delete,
#page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section .activity .actions .editing_maxmark {
display: none;
}
#page-mod-quiz-edit.select-multiple#page-mod-quiz-edit .maxgrade,
#page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .last-add-menu {
display: none;
}
#page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section-heading a,
#page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section-heading form,
#page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section-heading .instanceshufflequestions {
display: none;
}
#page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .edit-toolbar .mb-1 {
display: none;
}
#page-mod-quiz-edit.select-multiple#page-mod-quiz-edit ul.slots li.section li.activity .mod-indent-outer {
padding-left: 3px;
}
#page-mod-quiz-edit .section .summary .iconsmall,
#page-mod-quiz-edit .section .activity .iconsmall {
float: left;
}
/* Base theme needs extra support. */
#page-mod-quiz-edit ul.slots li.section ul.section {
list-style: none;
}
#page-mod-quiz-edit .inplaceeditable {
box-sizing: border-box;
background: #fdfdfe;
display: inline-block;
margin: 2px;
padding: 0.5em 0 0.5em 0.1em;
}
#page-mod-quiz-edit .inplaceeditable.inplaceeditingon input {
width: 64px;
vertical-align: middle;
}
#page-mod-quiz-edit .inplaceeditable-text {
color: #000;
text-align: right;
}
#page-mod-quiz-editgrading .inplaceeditable .quickeditlink {
color: var(--primary);
}
#page-mod-quiz-edit .inplaceeditable .quickeditlink {
color: var(--primary);
text-decoration: none;
background-color: transparent;
padding-left: 1px;
margin: 0;
}
#page-mod-quiz-edit .quickeditlink .aalink {
color: var(--primary);
text-align: right;
width: 10px;
margin: 2px;
}
#page-mod-quiz-edit .quickedition {
color: var(--primary);
text-align: right;
width: 10px;
margin: 2px;
}
#page-mod-quiz-edit .quickedition .visibleifjs {
text-align: right;
}
#page-mod-quiz-edit .quickeditlink {
text-align: right;
}
@media (max-width: 576px) {
#page-mod-quiz-edit ul.slots li.section li.activity {
padding-top: 30px;
}
#page-mod-quiz-edit ul.slots li.section li.activity .activityinstance {
top: -30px;
left: 0;
padding-right: 0;
overflow: hidden;
align-items: center;
position: absolute;
width: 100%;
}
}
/** Print formatting for attempt and review pages **/
@media print {
#page-mod-quiz-attempt header.navbar,
#page-mod-quiz-review header.navbar {
display: none;
}
#page-mod-quiz-attempt #dock,
#page-mod-quiz-review #dock {
display: none;
}
#page-mod-quiz-attempt #page #page-header h1,
#page-mod-quiz-review #page #page-header h1 {
display: none;
}
#page-mod-quiz-attempt #region-main,
#page-mod-quiz-review #region-main {
width: 100%;
}
#page-mod-quiz-attempt #block-region-side-pre,
#page-mod-quiz-attempt #block-region-side-post,
#page-mod-quiz-review #block-region-side-pre,
#page-mod-quiz-review #block-region-side-post {
display: none;
}
#page-mod-quiz-attempt #page-footer,
#page-mod-quiz-review #page-footer {
display: none;
}
#page-mod-quiz-attempt .editquestion,
#page-mod-quiz-review .editquestion,
#page-mod-quiz-attempt .questionflag,
#page-mod-quiz-review .questionflag {
display: none;
}
#page-mod-quiz-attempt .submitbtns,
#page-mod-quiz-review .submitbtns {
display: none;
}
#page-mod-quiz-review .que .commentlink {
display: none;
}
#page-mod-quiz-attempt .que,
#page-mod-quiz-review .que {
page-break-inside: avoid;
}
}
.path-mod-resource .resourcecontent {
text-align: center;
}
.path-mod-resource .resourcedetails {
font-size: 0.8em;
color: #555;
}
.resourcelinkdetails {
font-size: 0.8em;
color: #555;
}
.path-mod-scorm .top {
vertical-align: top;
}
.path-mod-scorm .scorm-left {
text-align: left;
}
.path-mod-scorm .scorm-right {
text-align: right;
}
.path-mod-scorm .scoframe {
position: relative;
width: 100%;
height: 100%;
}
.ios #scormpage #scorm_content {
-webkit-overflow-scrolling: touch;
overflow: scroll;
}
#page-mod-scorm-player #scormtop {
position: relative;
width: 100%;
height: 30px;
}
#page-mod-scorm-player #scormbrowse {
position: absolute;
left: 5px;
top: 0;
}
#page-mod-scorm-player #scormnav {
position: absolute;
right: 5px;
text-align: center;
top: 3px;
width: 100%;
}
#page-mod-scorm-player #scormbox {
width: 74%;
height: 100%;
position: absolute;
right: 0;
top: 0;
}
#page-mod-scorm-player #scormpage {
position: relative;
width: 100%;
height: 100%;
}
#page-mod-scorm-player #scormpage #toctree {
position: relative;
width: 100%;
}
#page-mod-scorm-player #tocbox {
position: relative;
left: 0;
width: 100%;
height: 100%;
font-size: 0.8em;
}
#page-mod-scorm-player #toctree {
overflow: visible;
}
#page-mod-scorm-player #tochead {
position: relative;
text-align: center;
top: 3px;
height: 30px;
}
#page-mod-scorm-player #scormpage .scoframe {
border: 0;
}
#page-mod-scorm-player #scormpage #scorm_object {
border: none;
width: 98%;
height: 98%;
}
#page-mod-scorm-player #scormpage #scorm_object.scorm_nav_under_content {
height: 95%;
}
#page-mod-scorm-player #scormpage #scorm_content {
height: 100%;
}
#page-mod-scorm-player #scormpage #scorm_toc {
position: relative;
}
#page-mod-scorm-player #scormpage #scorm_toc_title {
font-size: 1.2em;
font-weight: bold;
}
#page-mod-scorm-player #scormpage #scorm_tree {
border-right: 5px solid rgb(239, 245, 255);
}
#page-mod-scorm-player #scormpage #scorm_navpanel {
text-align: center;
}
#page-mod-scorm-player .toc,
#page-mod-scorm-player .no-toc {
width: 100%;
}
#page-mod-scorm-player .structlist {
list-style-type: none;
white-space: nowrap;
}
#page-mod-scorm-player .structurelist {
position: relative;
list-style-type: none;
width: 96%;
margin: 0;
padding: 0;
}
#page-mod-scorm-player .structurelist ul {
padding-left: 0.5em;
margin-left: 0.5em;
}
#page-mod-scorm-player #scormpage #scorm_toc.disabled,
#page-mod-scorm-player #scormpage #scorm_toc.loading,
#page-mod-scorm-player #scormpage #scorm_toc_toggle.disabled,
#page-mod-scorm-player #scormpage #scorm_toc_toggle.loading {
display: none;
}
#page-mod-scorm-view .structurelist {
list-style-type: none;
white-space: nowrap;
}
#page-mod-scorm-view .structurelist {
list-style-type: none;
white-space: nowrap;
}
#page-mod-scorm-view .exceededmaxattempts {
color: #c00;
}
#page-mod-scorm-player #altfinishlink {
font-size: 140%;
border: 0;
padding: 0;
}
#page-mod-scorm-player #scormmode {
float: left;
border: 0;
}
#page-mod-scorm-player.pagelayout-popup #page-content .region-content {
padding: 0;
}
#page-mod-scorm-player.pagelayout-popup #page-wrapper {
width: 100%;
}
#page-mod-scorm-player .yui-layout-scroll div.yui-layout-bd {
overflow: visible;
}
#page-mod-scorm-player .yui-layout-unit-left div.yui-layout-bd {
overflow: auto;
}
.path-mod-scorm.forcejavascript .toc {
display: none;
}
.path-mod-scorm.forcejavascript #scormpage #tocbox {
display: none;
}
.path-mod-scorm.jsenabled .forcejavascriptmessage {
display: none;
}
.path-mod-scorm.jsenabled .toc {
display: block;
}
.path-mod-scorm.jsenabled #scormpage #tocbox {
display: block;
}
#page-mod-scorm-report-userreporttracks table .c1 {
word-wrap: break-word;
word-break: break-all;
}
#page-mod-scorm-report .scormattemptcounts {
clear: left;
text-align: center;
display: inline;
margin-left: 20%;
}
#page-mod-scorm-player #scormpage span.yui3-treeview-icon {
display: none;
}
#page-mod-scorm-player #scormpage li.yui3-treeview-has-children > div.yui3-treeview-row > span.yui3-treeview-icon {
display: block;
}
#page-mod-scorm-player #scormpage div.yui3-u-1,
#page-mod-scorm-player #scormpage div.yui3-u-3-4,
#page-mod-scorm-player #scormpage div.yui3-u-1-5,
#page-mod-scorm-player #scormpage div.yui3-u-1-24 {
display: inline-block;
*display: inline; /* stylelint-disable-line */
zoom: 1;
letter-spacing: normal;
word-spacing: normal;
vertical-align: top;
text-rendering: auto;
}
#page-mod-scorm-player #scormpage div.yui3-u-1 {
display: block;
}
#page-mod-scorm-player #scormpage div.yui3-u-3-4 {
width: 75%;
}
#page-mod-scorm-player #scormpage div.yui3-u-1-5 {
width: 20%;
}
#page-mod-scorm-player #scormpage div.yui3-u-1-24 {
width: 4.1666%;
}
#page-mod-scorm-player #scormpage div.yui3-g-r {
letter-spacing: normal;
word-spacing: -0.43em;
}
#scorm_layout {
margin-bottom: 50px;
}
/**
* Opera as of 12 on Windows needs word-spacing.
* The ".opera-only" selector is used to prevent actual prefocus styling
* and is not required in markup.
*/
#page-mod-scorm-player .opera-only :-o-prefocus,
#page-mod-scorm-player #scormpage div.yui3-g-r img {
max-width: 100%;
}
.path-mod-studentquiz #filterform {
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
display: inline-block;
margin-bottom: 20px;
min-height: 20px;
padding: 9px;
}
.path-mod-studentquiz #filterform blockquote {
border-color: rgba(0, 0, 0, 0.15);
}
.path-mod-studentquiz #filterform .fitem {
display: inline-block;
line-height: 40px;
margin-right: .3em;
white-space: nowrap;
}
.path-mod-studentquiz #filterform .fitem label {
display: inline;
line-height: 20px;
padding-right: .3em;
}
.path-mod-studentquiz #filterform .fitem:before,
.path-mod-studentquiz #filterform .fitem:after {
display: inline;
}
.path-mod-studentquiz #filterform div,
.path-mod-studentquiz #filterform fieldset {
clear: none;
display: inline;
float: none;
}
.path-mod-studentquiz input[type="checkbox"].toggle label {
cursor: pointer;
position: relative;
user-select: none;
-moz-user-select: none;
}
.path-mod-studentquiz input[type="checkbox"].toggle {
display: none;
}
.path-mod-studentquiz input[type="checkbox"].toggle + a,
.path-mod-studentquiz input[type="checkbox"].toggle + label a {
background: #eee;
border-bottom: 2px solid darkgray;
border-radius: 4px;
display: inline-block;
margin-right: 5px;
padding: 5px;
transition: all 0.4s ease;
text-decoration: none;
color: inherit;
}
.path-mod-studentquiz input[type="checkbox"].toggle:checked + a,
.path-mod-studentquiz input[type="checkbox"].toggle:checked + label a {
border-bottom: 2px solid #1177d1;
color: #1177d1;
display: inline-block;
transition: all 0.4s ease;
}
.path-mod-studentquiz #page .quizattemptsummary td p {
margin-top: 0;
}
.path-mod-studentquiz table.quizattemptsummary tr.bestrow td {
background-color: #d9edf7;
border-color: #bce8f1;
}
.path-mod-studentquiz table.quizattemptsummary .noreviewmessage {
color: gray;
}
.path-mod-studentquiz .generaltable.quizattemptsummary {
margin-left: auto;
margin-right: auto;
}
.path-mod-studentquiz .statedetails {
display: block;
font-size: 0.7em;
}
.path-mod-studentquiz .mod-studentquiz-attempt-nav {
margin-bottom: 20px;
}
.path-mod-studentquiz .mod-studentquiz-attempt-nav .col-md-4 {
box-sizing: border-box;
float: left;
width: 33.33333%;
}
.path-mod-studentquiz .mod-studentquiz-attempt-nav:after {
display: table;
clear: both;
content: '';
}
.path-mod-studentquiz .error {
color: #f00;
font-weight: bold;
}
.path-mod-studentquiz .mod-studentquiz-summary-highlight {
background-color: #d9edf7;
font-weight: bold;
}
.path-mod-studentquiz .reportquiz_total_heading {
border-bottom: 1px solid #e5e5e5;
}
.path-mod-studentquiz .mod_quiz_edit_forms {
display: none;
}
.path-mod-studentquiz .question-approved {
color: #0a0;
}
.path-mod-studentquiz .question-unapproved {
color: #7b1400;
}
.path-mod-studentquiz table#categoryquestions {
table-layout: auto;
}
.path-mod-studentquiz #categoryquestions .header {
text-align: left;
white-space: nowrap;
}
.path-mod-studentquiz #categoryquestions th.checkbox,
.path-mod-studentquiz #categoryquestions td.checkbox {
padding-left: 10px;
padding-right: 7px;
}
.path-mod-studentquiz #categoryquestions .qtype {
width: auto;
}
.path-mod-studentquiz #categoryquestions td.state {
width: 28px;
text-align: center;
padding: 0;
}
.path-mod-studentquiz #categoryquestions .questionname {
min-width: 180px;
}
.path-mod-studentquiz #categoryquestions .iconcol {
width: 12px;
}
.path-mod-studentquiz #categoryquestions .rates,
.path-mod-studentquiz #categoryquestions .difficultylevel,
.path-mod-studentquiz #categoryquestions .attempts {
width: 115px;
}
.path-mod-studentquiz #categoryquestions .tag {
width: 12ch;
}
.path-mod-studentquiz #categoryquestions th.attempts .sorters,
.path-mod-studentquiz #categoryquestions th.difficultylevel .sorters,
.path-mod-studentquiz #categoryquestions th.rates .sorters {
font-size: .8em;
font-weight: 400;
}
.path-mod-studentquiz #categoryquestions th .sorters {
font-size: 0.8em;
font-weight: normal;
}
.path-mod-studentquiz #categoryquestions th {
font-weight: 400;
}
.path-mod-studentquiz #categoryquestions td {
vertical-align: inherit;
}
.path-mod-studentquiz #categoryquestions td,
.path-mod-studentquiz #categoryquestions th {
padding: 0.2em;
}
.path-mod-studentquiz .question-bank-table td.modifiername span.date,
.path-mod-studentquiz .question-bank-table td.creatorname span.date {
font-weight: normal;
font-size: 0.8em;
}
.path-mod-studentquiz #categoryquestions td.questionname,
.path-mod-studentquiz #categoryquestions td.creatorname {
white-space: normal;
line-height: 1em;
}
.path-mod-studentquiz #categoryquestions td.state .icon,
.path-mod-studentquiz #categoryquestions td.qtype .icon {
margin-right: 0;
}
.path-mod-studentquiz .studentquiz_behaviour {
margin: 0 0 10px 5px;
}
.path-mod-studentquiz .studentquiz_behaviour label,
.path-mod-studentquiz .im-feedback .studentquiz_behaviour label,
.path-mod-studentquiz .studentquiz_behaviour span.label {
margin-right: 15px;
}
.path-mod-studentquiz .studentquiz_behaviour .rate {
margin-top: 20px;
margin-bottom: 20px;
}
.path-mod-studentquiz .studentquiz_behaviour textarea {
box-sizing: border-box;
height: 100px;
width: 100%;
}
.path-mod-studentquiz .studentquiz_behaviour .comment_list > div.studentquiz-comment-container {
border-bottom: 1px solid #fff;
border-top: 1px solid #bfe2ef;
margin: 15px 0;
position: relative;
padding: 0;
}
.path-mod-studentquiz .studentquiz_behaviour .comment_list div span.remove_action {
cursor: pointer;
position: absolute;
right: 0;
text-decoration: underline;
}
.path-mod-studentquiz .studentquiz_behaviour .comment_list div span.remove_action:hover {
text-decoration: none;
}
.path-mod-studentquiz .studentquiz_behaviour .comment_list .editor_atto_content_wrap.no-content .editor_atto_content p {
margin: 0; /** When in no content state, p has no margin. */
}
.path-mod-studentquiz .studentquiz_behaviour .rate .rating {
cursor: not-allowed;
display: inline-block;
unicode-bidi: bidi-override;
height: 0;
vertical-align: text-top;
}
.path-mod-studentquiz .studentquiz_behaviour .rate .error {
margin-top: 5px;
}
.path-mod-studentquiz .studentquiz_behaviour .star,
.path-mod-studentquiz .studentquiz_behaviour .rate .rating:hover .rateable.star-empty {
background-image: url(/theme/image.php/boost_union/mod_studentquiz/1752245628/star_icon);
}
.path-mod-studentquiz .studentquiz_behaviour .star,
.path-mod-studentquiz .studentquiz_behaviour .star-empty {
display: inline-block;
height: 20px;
width: 20px;
}
.path-mod-studentquiz .studentquiz_behaviour .rate .rating .rateable {
cursor: pointer;
}
.path-mod-studentquiz .studentquiz_behaviour .star-empty,
.path-mod-studentquiz .studentquiz_behaviour .rate .rating .rateable:hover ~ .rateable.star-empty,
.path-mod-studentquiz .studentquiz_behaviour .rate .rating .rateable.star-empty:hover ~ .rateable.star-empty {
background-image: url(/theme/image.php/boost_union/mod_studentquiz/1752245628/star_empty_icon);
}
.path-mod-studentquiz .change-question-state {
display: block;
}
.path-mod-studentquiz .change-question-state button#change_state {
margin-left: 10px;
}
.path-mod-studentquiz .change-question-state button#change_state {
margin-right: 10px;
}
.path-mod-studentquiz .pagination .form-control {
width: 60px;
}
.path-mod-studentquiz .modulespecificbuttonscontainer input.btn {
margin-right: 5px;
}
.path-mod-studentquiz #mod_studentquiz_statblock .report_more_url,
.path-mod-studentquiz #mod_studentquiz_rankingblock .report_more_url {
text-align: right;
}
.path-mod-studentquiz #mod_studentquiz_statblock .card-text.content > div,
.path-mod-studentquiz #mod_studentquiz_rankingblock .card-text.content > div {
display: flex;
justify-content: space-between;
}
.path-mod-studentquiz .mod_studentquiz_submission_info {
margin-top: 10px;
margin-bottom: 10px;
}
/** Student quiz comment */
.path-mod-studentquiz .studentquiz-comment-container {
padding-top: 8px;
padding-left: 10px;
padding-right: 12px;
}
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-activity-icon {
float: left;
width: 36px;
display: inline-block;
padding-top: 5px;
}
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-unavailable {
margin: 10px 0;
border: 1px dotted #888;
background: #f8f8f8;
padding: 10px;
}
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-activity-icon > img.icon {
width: 32px;
height: 32px;
}
/* Atto in ie need the scroll and max height. */
.ie .path-mod-studentquiz .studentquiz-comment-container .editor_atto_content {
max-height: 148px;
overflow-y: scroll;
}
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-subject {
font-size: 1.14285em;
color: #000;
font-weight: bold;
padding-top: 10px;
}
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-introduction {
display: inline-block;
color: #000;
padding-top: 2px;
}
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-postform {
margin-top: 20px;
clear: both;
}
.path-mod-studentquiz .studentquiz-comment-container .editor_atto_content {
resize: vertical;
padding: 5px;
}
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-postform input.disabled,
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-postfragmentform input.disabled {
cursor: default;
background: #f0f0f1;
color: #676463;
border-color: #d4d2d2;
opacity: 1.0;
pointer-events: none;
font-weight: normal;
}
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-postform .editor_atto_toolbar {
display: none;
}
.path-mod-studentquiz .studentquiz-comment-container .editor_atto_content_wrap {
position: relative;
}
.path-mod-studentquiz .studentquiz-comment-container .editor_atto_content_wrap:before {
content: attr(data-placeholder);
color: gray;
position: absolute;
top: 5px;
left: 5px;
pointer-events: none;
}
.path-mod-studentquiz .studentquiz-comment-container .studentquiz_customeditor .editor_atto_notification,
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-postform .editor_atto_notification {
position: relative;
bottom: 0;
height: auto;
}
.path-mod-studentquiz .studentquiz-comment-container .editor_atto_content {
border: 1px solid #bbb;
}
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-expand,
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-collapse {
color: #fff;
padding: 5px 36px 5px 10px;
border-radius: 3px 3px 0 0;
border: 1px solid #1177d1;
background-color: #1177d1;
font-size: 1em;
display: none;
margin: 0;
position: relative;
background-image: none;
}
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-expand::after {
content: url(/theme/image.php/boost_union/mod_studentquiz/1752245628/switch_plus_white);
position: absolute;
right: 10px;
top: 7px;
width: 16px;
display: block;
}
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-collapse::after {
content: url(/theme/image.php/boost_union/mod_studentquiz/1752245628/switch_minus_white);
position: absolute;
right: 10px;
top: 7px;
width: 16px;
display: block;
}
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-expand:hover,
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-expand:active,
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-expand:focus,
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-collapse:hover,
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-collapse:active,
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-collapse:focus {
background-color: #fff;
color: #1177d1;
cursor: pointer;
border: 1px solid #1177d1;
}
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-expand:hover::after,
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-expand:active::after,
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-expand:focus::after {
content: url(/theme/image.php/boost_union/mod_studentquiz/1752245628/switch_plus);
}
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-expand[disabled]::after,
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-expand[disabled]:hover::after {
content: url(/theme/image.php/boost_union/mod_studentquiz/1752245628/switch_plus_white);
}
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-collapse:hover::after,
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-collapse:active::after,
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-collapse:focus::after {
content: url(/theme/image.php/boost_union/mod_studentquiz/1752245628/switch_minus);
}
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-collapse[disabled]::after,
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-collapse[disabled]:hover::after {
content: url(/theme/image.php/boost_union/mod_studentquiz/1752245628/switch_minus_white);
}
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-expand[disabled],
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-expand[disabled]:hover,
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-collapse[disabled],
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-collapse[disabled]:hover {
background: #f0f0f1;
color: #676463;
border-color: #d4d2d2;
opacity: 1.0;
}
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-postcount {
display: inline-block;
font-size: 0.9375em;
margin: auto 0 auto 10px;
}
/* Style the comment element. */
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-item {
border-top: 1px solid #bfe2ef;
}
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-item .studentquiz-comment-item-outerbox {
padding-top: 12px;
padding-bottom: 12px;
}
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-item .studentquiz-comment-item-outerbox.deleted-comment {
margin-top: 20px;
margin-bottom: 20px;
}
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-item.highlighted {
background: #def2f8;
}
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-item.highlighted .studentquiz-comment-replies {
background: #fff;
}
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-author {
line-height: 1;
color: #000;
font-size: 1em;
padding-right: 20px;
position: relative;
}
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-expandlink,
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-collapselink {
position: absolute;
right: 0;
}
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-text,
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-text-deleted {
background-color: #f4fafc;
min-height: 70px;
margin-right: 26px;
font-size: 1em;
color: #000;
padding: 2px 8px 2px 8px;
margin-top: 10px;
overflow: auto;
}
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-text .studentquiz-comment-history {
color: #b1b1b1;
font-style: italic;
}
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-text .studentquiz-comment-history a {
color: #45a4dc;
text-decoration: none;
}
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-text-deleted {
color: #a5a5a5;
background-color: #fff;
}
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-text-deleted .studentquiz-comment-delete-info {
color: #000;
}
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-replies .studentquiz-comment-postfooter {
text-align: left;
}
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-postfooter {
text-align: right;
display: inline-block;
width: 100%;
padding: 12px 0 2px 0;
}
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-postfooter .studentquiz-comment-commands-box > div {
margin-bottom: 10px;
}
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-commands-buttons {
display: inline-block;
}
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-commands-buttons button {
margin-right: 9px;
line-height: 1;
height: 28px;
padding-left: 8px;
padding-right: 8px;
}
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-totalreply {
display: inline-block;
font-size: 1em;
color: #000;
line-height: 28px;
}
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-replies {
position: relative;
}
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-replies .studentquiz-comment-item {
padding-left: 57px;
}
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-replies .studentquiz-comment-replyicon {
position: absolute;
transform: rotate(180deg);
left: 0;
}
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-replies .studentquiz-comment-replyicon > img {
padding-right: 0;
}
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-loading {
display: none;
text-align: center;
margin-top: 60px;
margin-bottom: 60px;
}
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-delete-message {
margin: 20px 0 20px 54px;
}
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-delete-message {
margin: 20px 0 31px 54px;
padding-right: 25px;
position: relative;
}
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-delete-message .studentquiz-comment-expandlink,
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-delete-message .studentquiz-comment-collapselink {
position: absolute;
right: 0;
height: 16px;
}
.path-mod-studentquiz .studentquiz-comment-show-dates {
border: #9e9e9e 2px solid;
margin-bottom: 12px;
margin-top: 6px;
padding-left: 10px;
height: 29px;
padding-top: 5px;
}
.path-mod-studentquiz .studentquiz-comment-container .comment_editor_container .felement {
width: 100%;
flex: unset;
max-width: 100%;
display: block;
}
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-postfragmentform {
position: relative;
background: #fff;
color: #000;
}
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-postfragmentform .comment-area-form {
padding-right: 27px;
margin-left: 54px;
padding-top: 1rem;
padding-bottom: 1rem;
}
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-postfragmentform.edit .comment-area-form {
margin-left: 0;
}
.path-mod-studentquiz .comment-area-form .buttonar .fitem:not(:first-child) {
margin-left: 5px;
}
.path-mod-studentquiz .studentquiz-comment-expandlink,
.path-mod-studentquiz .studentquiz-comment-collapselink {
padding: 0 8px;
}
#page-mod-studentquiz-preview .modal,
#page-mod-studentquiz-attempt .modal {
background-color: transparent;
}
.path-mod-studentquiz .comment-label-content {
margin-bottom: 0.5rem;
}
.path-mod-studentquiz .comment-label-content label.add-comment-label {
margin: 0;
padding-right: 5px;
}
.path-mod-studentquiz .studentquiz-comment-container .hide-comment-filter {
display: none;
}
.path-mod-studentquiz .studentquiz-comment-container .no-comment {
padding: 12px 0;
margin-top: 35px;
border-top: 1px solid #bfe2ef;
display: none;
}
.path-mod-studentquiz .studentquiz-comment-container .comment-errors .comment-error {
margin-bottom: 1rem;
}
.path-mod-studentquiz div[data-groupname="report-comment-conditions"] span {
display: block;
}
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-filter-info {
display: table;
width: 100%;
}
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-filter-info .studentquiz-comment-expand-section {
text-align: right;
}
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-filter-info .studentquiz-comment-postcount {
font-weight: 700;
}
.path-mod-studentquiz .studentquiz-comment-filters .studentquiz-comment-filter-item {
font-size: 1em;
position: relative;
cursor: pointer;
text-decoration: none;
}
.path-mod-studentquiz .studentquiz-comment-filters .studentquiz-comment-filter-item span.studentquiz-comment-filter-name {
padding: 0 5px;
}
.path-mod-studentquiz .studentquiz-comment-filters .studentquiz-comment-filter-item span:hover {
text-decoration: underline;
}
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-filter .studentquiz-comment-filter-info {
padding-top: 15px;
}
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-filter-info .filter-item {
display: table-cell;
}
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-filter-item + .studentquiz-comment-filter-item::before {
content: "/";
color: #000;
}
.path-mod-studentquiz .studentquiz-comment-filters .studentquiz-comment-filter-item .studentquiz-comment-filter-type {
visibility: hidden;
}
.path-mod-studentquiz .studentquiz-comment-filters .studentquiz-comment-filter-item.current .studentquiz-comment-filter-type {
visibility: visible;
}
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-filter-item > div {
display: inline-block;
}
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-filter-item .studentquiz-comment-filter-type i {
vertical-align: text-top;
margin: 0;
}
.path-mod-studentquiz .studentquiz-comment-container .filter-asc.current .studentquiz-comment-filter-type i::before {
content: url(/theme/image.php/boost_union/mod_studentquiz/1752245628/switch_minus);
}
.path-mod-studentquiz .studentquiz-comment-container .filter-desc.current .studentquiz-comment-filter-type i::before {
content: url(/theme/image.php/boost_union/mod_studentquiz/1752245628/switch_plus);
}
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-commands-buttons .studentquiz-comment-btneditreply img,
.path-mod-studentquiz .studentquiz-comment-container .studentquiz-comment-commands-buttons .studentquiz-comment-btnedit img {
width: 20px;
height: 20px;
vertical-align: middle;
margin: 0 9px 0 0;
}
.path-mod-studentquiz span.stat {
float: right;
font-size: 100%;
margin-top: 0.1rem;
margin-bottom: 0.1rem;
}
.path-mod-studentquiz span.stat.approvals,
.path-mod-studentquiz span.stat.last-attempt-correct {
color: #000;
background-color: #28a745;
}
.path-mod-studentquiz span.stat.disapprovals,
.path-mod-studentquiz span.stat.last-attempt-incorrect {
color: #fff;
background-color: #dc3545;
}
.path-mod-studentquiz span.stat.changed,
.path-mod-studentquiz span.stat.never-answered {
color: #212529;
background-color: #ffc107;
}
.path-mod-studentquiz .studentquiz_behaviour .rate .btn {
vertical-align: baseline;
}
.path-mod-studentquiz #categoryquestions td.state .icon {
padding-bottom: 5px;
}
.path-mod-studentquiz #categoryquestions .header.qtype,
.path-mod-studentquiz #categoryquestions .header.state,
.path-mod-studentquiz .studentquizerrormessage {
text-align: center;
}
/* Specific CSS override align-items-center, we need to prevent align-items: center in the form-group. */
.path-mod-studentquiz #fgroup_id_rate_grp div.align-items-center,
.path-mod-studentquiz #fgroup_id_rate_grp div.align-items-center,
.path-mod-studentquiz #fgroup_id_difficultylevel_grp div.align-items-center,
.path-mod-studentquiz #fgroup_id_publiccomment_grp div.align-items-center,
.path-mod-studentquiz #fgroup_id_myrate_grp div.align-items-center,
.path-mod-studentquiz #fgroup_id_myattempts_grp div.align-items-center,
.path-mod-studentquiz #fgroup_id_mydifficulty_grp div.align-items-center {
/* stylelint-disable-next-line declaration-no-important */
align-items: flex-start !important;
}
/* This css styling won't work in 4.0.x until MDL-75917 is done. */
body.cm-type-studentquiz.path-question-type #fitem_id_status {
display: none;
}
#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;
}
.path-mod-url .resourcecontent {
text-align: center;
}
/*
This file is part of Moodle - http://moodle.org/
Moodle is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
Moodle is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with Moodle. If not, see .
*/ /**
* Wiki module style sheet
*
* @package mod-wiki-2.0
* @copyright 2009 Marc Alier, Jordi Piguillem marc.alier@upc.edu
* @copyright 2009 Universitat Politecnica de Catalunya http://www.upc.edu
*
* @author Jordi Piguillem
* @author Marc Alier
* @author David Jimenez
* @author Josep Arus
* @author Kenneth Riba
*
* @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
*/
.wiki_contentbox {
width: 80%;
margin: auto;
min-width: 200px;
min-height: 100px;
}
.wiki_previewbox {
width: 50%;
margin: auto;
border: thin solid blue;
}
.wiki_button {
margin: 5px;
}
.wiki_warning {
color: red;
}
.emptycomments {
color: red;
display: inline;
}
.wiki-toc {
border: 1px solid #bbb;
background: #eee;
margin: 16px;
padding: 8px;
}
.wiki-toc-title {
color: #666;
font-size: 1.1em;
font-variant: small-caps;
text-align: center;
}
.wiki-toc-section {
padding: 0;
margin: 2px 8px;
}
.wiki-toc-section-2 {
padding-left: 12px;
}
.wiki-toc-section-3 {
padding-left: 24px;
}
.wiki_form-button {
margin-left: 0%;
}
.wiki-upload-table {
margin: 8px auto;
clear: both;
}
.wiki-upload-table table {
margin: auto;
}
.wiki-upload-table h3 {
margin: 4px 0;
text-align: center;
}
.wiki-upload-section {
border: 1px solid #eee;
width: 400px;
margin: 8px auto;
}
.wiki-upload-section legend {
font-weight: bold;
font-size: 0.9em;
margin-left: 16px;
}
.wiki-tags {
text-align: right;
}
.wiki_modifieduser p {
line-height: 35px;
}
.wiki_modifieduser img {
border: thin solid black;
}
.wiki_restoreform,
.wiki_deletecommentform {
width: 10%;
margin: auto;
}
.wiki_versionuser {
float: left;
}
.wiki_diffuserleft,
.wiki_diffuserright {
font-weight: normal;
padding-top: 1%;
}
.wiki_diffuserleft {
float: right;
}
.wiki_diffuserright {
float: left;
}
.wiki_compareheading {
font-weight: normal;
}
.wiki_restore,
.wiki_diffview,
.wiki_difftime,
.wiki_headingtime {
font-size: 0.8em;
font-weight: normal;
}
.wiki_difftime,
.wiki_headingtime {
font-style: oblique;
text-align: center;
}
.wiki_diff_oldpaging {
float: left;
width: 40%;
min-width: 200px;
margin-left: 5%;
}
.wiki_diff_newpaging {
float: right;
width: 40%;
min-width: 200px;
margin-right: 5%;
}
.wiki_diff_old,
.wiki_diff_new {
float: left;
min-width: 200px;
width: 40%;
}
.wiki_difftable td {
width: 50%;
float: left;
}
.wiki_histdate {
text-align: left;
}
.wiki_histnewdate {
border-top: 1px dotted gray;
}
.ouw_deleted {
background: #ffa;
color: red;
text-decoration: line-through;
}
.ouw_added {
background: #cfc;
color: red;
}
a.wiki_newentry:link,
a.wiki_newentry:visited {
color: red;
font-style: italic;
}
.wiki_newentry a {
color: red;
font-style: italic;
}
.wiki_navigation_container {
margin: 0 auto;
}
.wiki_navigation_from {
float: left;
width: 40%;
min-width: 200px;
margin-left: 5%;
}
.wiki_navigation_to {
float: left;
width: 40%;
min-width: 200px;
margin-right: 5%;
}
.wiki_headingtitle {
text-align: center;
}
.wiki_clear {
clear: both;
}
.wiki_right {
text-align: right;
}
.wiki_index {
text-align: right;
}
.notunderlined {
text-decoration: none;
}
a.wiki_edit_section {
font-size: 0.6em;
position: relative;
float: right;
}
.midpad {
text-align: center;
margin-top: 0.4em;
margin-bottom: 0.4em;
}
.block_wiki_search ul {
margin-top: 0.5em;
margin-bottom: 3px;
}
.wiki-attachment:before {
content: url(/mod/wiki/pix/attachment.png);
padding-right: 2px;
}
/** Print CSS */
#wiki_printable_content {
text-align: left;
}
#wiki_printable_content a {
color: black;
}
#wiki_printable_title {
font-size: 2.2em;
text-decoration: underline;
}
.wiki_diff_boxes {
width: 100%;
clear: both;
}
.wiki_diff_paging {
width: 100%;
clear: both;
}
.wiki_grayline {
color: gray;
}
.wikisearchresults {
padding-left: 50px;
padding-top: 20px;
}
.wiki-diff-container {
width: 95%;
margin: 10px auto;
}
.wiki-diff-container .wiki-diff-leftside,
.wiki-diff-container .wiki-diff-rightside {
width: 49.5%;
margin: 0;
padding: 0;
float: left;
}
.wiki-diff-container .wiki-diff-rightside {
margin-left: 1%;
}
.wiki-diff-container .wiki-diff-heading,
.wiki-diff-container .no-overflow {
padding: 10px;
border: 1px solid #ddd;
}
.wiki-diff-container .wiki-diff-rightside .wiki_diffversion {
text-align: right;
}
.path-mod-wiki .printicon {
background: url(/theme/image.php/boost_union/core/1752245628/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/boost_union/mod_workshop/1752245628/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/boost_union/mod_workshop/1752245628/userplan/task-done);
}
.path-mod-workshop .userplan dd.phasetasks li.fail {
background-image: url(/theme/image.php/boost_union/mod_workshop/1752245628/userplan/task-fail);
}
.path-mod-workshop .userplan dd.phasetasks li.info {
background-image: url(/theme/image.php/boost_union/mod_workshop/1752245628/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;
}
/**
* Globally supress core Moodle maintenance warning message.
*
* Note that this can be explicitly overridden by themes.
*/
.box.moodle-has-zindex.maintenancewarning {
display: none;
}
/* 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;
}
.admin_presets_tree_name {
padding: 0 0 4px 2px;
}
.admin_presets_tree_value {
border: 1px solid #ccc;
padding: 0 0 4px 2px;
}
.admin_presets_error {
color: red;
text-align: center;
}
.admin_presets_success {
color: green;
text-align: center;
}
#page-blocks-admin_presets-index #settings_tree_div .catnode {
display: inline;
margin-left: 5px;
}
#page-blocks-admin_presets-index #settings_tree_div .ygtv-checkbox .ygtv-highlight0 .ygtvcontent {
background: url(/theme/image.php/boost_union/block_admin_presets/1752245628/check0) no-repeat;
padding-left: 1em;
}
#page-blocks-admin_presets-index #settings_tree_div .ygtv-checkbox .ygtv-highlight0 .ygtvfocus.ygtvcontent,
.ygtv-checkbox .ygtv-highlight1 .ygtvfocus.ygtvcontent,
.ygtv-checkbox .ygtv-highlight2 .ygtvfocus.ygtvcontent {
background-color: #c0e0e0;
}
#page-blocks-admin_presets-index #settings_tree_div .ygtv-checkbox .ygtv-highlight1 .ygtvcontent {
background: url(/theme/image.php/boost_union/block_admin_presets/1752245628/check1) no-repeat;
padding-left: 1em;
}
#page-blocks-admin_presets-index #settings_tree_div .ygtv-checkbox .ygtv-highlight2 .ygtvcontent {
background: url(/theme/image.php/boost_union/block_admin_presets/1752245628/check2) no-repeat;
padding-left: 1em;
}
.block_blog_tags .s20 {
font-size: 1.5em;
font-weight: bold;
}
.block_blog_tags .s19 {
font-size: 1.5em;
}
.block_blog_tags .s18 {
font-size: 1.4em;
font-weight: bold;
}
.block_blog_tags .s17 {
font-size: 1.4em;
}
.block_blog_tags .s16 {
font-size: 1.3em;
font-weight: bold;
}
.block_blog_tags .s15 {
font-size: 1.3em;
}
.block_blog_tags .s14 {
font-size: 1.2em;
font-weight: bold;
}
.block_blog_tags .s13 {
font-size: 1.2em;
}
.block_blog_tags .s12,
.block_blog_tags .s11 {
font-size: 1.1em;
font-weight: bold;
}
.block_blog_tags .s10,
.block_blog_tags .s9 {
font-size: 1.1em;
}
.block_blog_tags .s8,
.block_blog_tags .s7 {
font-size: 1em;
font-weight: bold;
}
.block_blog_tags .s6,
.block_blog_tags .s5 {
font-size: 1em;
}
.block_blog_tags .s4,
.block_blog_tags .s3 {
font-size: 0.9em;
font-weight: bold;
}
.block_blog_tags .s2,
.block_blog_tags .s1 {
font-size: 0.9em;
}
.block_completion_progress .content {
text-align: left;
}
.block_completion_progress .barContainer {
position: relative;
padding: 0;
clear: both;
}
.block_completion_progress .left-arrow-svg,
.block_completion_progress .right-arrow-svg {
position: absolute;
top: calc(50% - 10px);
display: none;
z-index: 10;
}
.block_completion_progress .left-arrow-svg {
/* rtl:ignore */
left: 5px;
}
.block_completion_progress .right-arrow-svg {
/* rtl:ignore */
right: 5px;
}
.block_completion_progress .triangle-polygon {
fill: rgba(0, 0, 0, 0.3);
stroke: white;
stroke-width: 3px;
}
.block_completion_progress .barRow {
padding: 0;
width: 100%;
margin: 0;
min-height: 1.6rem;
overflow: hidden;
scroll-behavior: smooth;
}
.block_completion_progress .progressBarCell {
height: 1.6rem;
margin: 0;
padding: 0;
text-align: center;
vertical-align: middle;
border-left: solid 1px #e3e3e3;
border-top: solid 1px #e3e3e3;
position: relative;
}
.block_completion_progress .progressBarCell[data-haslink=true] {
cursor: pointer;
}
.block_completion_progress .progressBarCell[data-haslink=not-allowed] {
cursor: not-allowed;
}
.block_completion_progress .barModeScroll .barRowCells {
white-space: nowrap;
}
.block_completion_progress .barModeScroll .progressBarCell {
display: inline-block;
width: 1.6rem;
}
.block_completion_progress .barModeSqueeze .barRowCells {
display: flex;
}
.block_completion_progress .barModeSqueeze .progressBarCell {
display: inline-block;
flex: 1 1 0;
}
.block_completion_progress .barModeWrap .barRowCells {
display: flex;
flex-wrap: wrap;
}
.block_completion_progress .barModeWrap .progressBarCell {
display: inline-block;
flex-grow: 0;
flex-shrink: 0;
flex-basis: inherit; /* Will be computed and declared inline on the .barRow element. */
}
.block_completion_progress .barWithNow .barRowCells {
margin-top: 1.6rem;
}
.block_completion_progress .progressBarCell .nowDiv {
position: absolute;
top: -100%;
white-space: nowrap;
width: 100px;
}
.block_completion_progress .progressBarCell .firstNow {
left: 0;
text-align: left;
}
.block_completion_progress .progressBarCell .firstHalfNow {
left: 100%;
text-align: left;
}
.block_completion_progress .progressBarCell .lastHalfNow {
right: 0;
text-align: right;
}
.block_completion_progress .progressBarCell .nowicon {
width: 15px;
height: 15px;
margin: 0;
padding: 0;
}
.block_completion_progress .barModeScroll .progressBarCell:first-of-type,
.block_completion_progress .barModeSqueeze .progressBarCell:first-of-type {
border-top-left-radius: 0.26rem;
border-bottom-left-radius: 0.26rem;
}
.block_completion_progress .barModeScroll .progressBarCell:last-of-type,
.block_completion_progress .barModeSqueeze .progressBarCell:last-of-type {
border-top-right-radius: 0.26rem;
border-bottom-right-radius: 0.26rem;
border-right: solid 1px #e3e3e3;
}
.block_completion_progress .barWithIcons .progressBarCell::before {
display: inline-block;
content: '';
width: 100%;
height: 100%;
max-width: 16px;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: contain;
}
.block_completion_progress .barWithIcons .progressBarCell.completed::before {
background-image: url(/theme/image.php/boost_union/block_completion_progress/1752245628/tick);
}
.block_completion_progress .barWithIcons .progressBarCell.notCompleted::before {
background-image: url(/theme/image.php/boost_union/block_completion_progress/1752245628/cross);
}
.block_completion_progress .progressEventInfo,
.block_completion_progress .progressPercentage {
font-size: x-small;
text-align: left;
white-space: pre;
overflow: hidden;
padding: 0;
margin: 5px;
}
.block_completion_progress .progressEventInfo {
white-space: pre-wrap;
}
.block_completion_progress .progressEventInfo .iconInInfo,
#fitem_id_config_progressBarIcons .iconOnConfig {
height: 1.2em;
width: 1.2em;
}
#page-blocks-completion_progress-overview .overviewTable {
table-layout: fixed;
}
#page-blocks-completion_progress-overview .overviewTable .col-select {
width: 2rem;
text-align: center;
}
#page-blocks-completion_progress-overview .overviewTable .col-fullname {
width: 20%;
}
#page-blocks-completion_progress-overview .overviewTable .col-timeaccess {
width: 15%;
}
#page-blocks-completion_progress-overview .overviewTable .col-progressbar {
min-width: 200px;
}
#page-blocks-completion_progress-overview .overviewTable .col-progress {
width: 6rem;
text-align: center;
}
.block_completion_progress .progressEventInfo img {
vertical-align: middle;
}
.block_completion_progress .moduleIcon {
float: left;
margin-right: 5px;
max-width: 24px;
}
.block_completion_progress .progressBarHeader {
font-size: 90%;
margin: 0;
padding: 0;
}
.block_completion_progress h3 {
margin-bottom: 0;
}
.block_completion_progress .expectedBy {
margin: 5px auto;
}
.block_completion_progress .overviewButton {
margin: 10px;
text-align: center;
}
#page-blocks-completion_progress-overview .progressoverviewmenus {
margin-bottom: 1rem;
}
#page-blocks-completion_progress-overview .progressoverviewmenus .singleselect + .singleselect {
margin-left: 1rem;
}
/* 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/boost_union/block_configurable_reports/1752245628/datatable/back_enabled) no-repeat top left;
}
.paginate_enabled_previous:hover {
background: url(/theme/image.php/boost_union/block_configurable_reports/1752245628/datatable/back_enabled_hover) no-repeat top left;
}
.paginate_disabled_previous {
background: url(/theme/image.php/boost_union/block_configurable_reports/1752245628/datatable/back_disabled) no-repeat top left;
}
.paginate_enabled_next {
background: url(/theme/image.php/boost_union/block_configurable_reports/1752245628/datatable/forward_enabled) no-repeat top right;
}
.paginate_enabled_next:hover {
background: url(/theme/image.php/boost_union/block_configurable_reports/1752245628/datatable/forward_enabled_hover) no-repeat top right;
}
.paginate_disabled_next {
background: url(/theme/image.php/boost_union/block_configurable_reports/1752245628/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/boost_union/block_configurable_reports/1752245628/datatable/sort_both) no-repeat center right;
}
.sorting_asc {
background: url(/theme/image.php/boost_union/block_configurable_reports/1752245628/datatable/sort_asc) no-repeat center right;
}
.sorting_desc {
background: url(/theme/image.php/boost_union/block_configurable_reports/1752245628/datatable/sort_desc) no-repeat center right;
}
.sorting_asc_disabled {
background: url(/theme/image.php/boost_union/block_configurable_reports/1752245628/datatable/sort_asc_disabled) no-repeat center right;
}
.sorting_desc_disabled {
background: url(/theme/image.php/boost_union/block_configurable_reports/1752245628/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.block_course_modulenavigation .content {
background-color: #fff;
padding: 5px;
white-space: normal;
}
.block.block_course_modulenavigation .pagination,
.block.block_course_modulenavigation .allpagination {
display: table;
margin: 0;
padding: 0;
width: 100%;
}
.block.block_course_modulenavigation .pagination .prev,
.block.block_course_modulenavigation .allpagination .prev,
.block.block_course_modulenavigation .pagination .next,
.block.block_course_modulenavigation .allpagination .next {
width: 10%;
}
.block.block_course_modulenavigation .pagination .prev a,
.block.block_course_modulenavigation .allpagination .prev a,
.block.block_course_modulenavigation .pagination .next a,
.block.block_course_modulenavigation .allpagination .next a {
background-color: inherit;
}
.block.block_course_modulenavigation .pagination .sectionname,
.block.block_course_modulenavigation .allpagination .sectionname,
.block.block_course_modulenavigation .pagination .allsectionames,
.block.block_course_modulenavigation .allpagination .allsectionames {
border: 0;
border-radius: 0;
width: 90%;
}
.block.block_course_modulenavigation .pagination .expand-arrow,
.block.block_course_modulenavigation .allpagination .expand-arrow {
float: right;
width: 18px;
}
.block.block_course_modulenavigation .pagination > li,
.block.block_course_modulenavigation .allpagination > li {
display: table-cell;
}
.block.block_course_modulenavigation .pagination > li a,
.block.block_course_modulenavigation .allpagination > li a {
background-color: transparent;
border: 0;
border-radius: 0;
display: block;
float: none;
padding: 0;
}
.block.block_course_modulenavigation ul.activities {
list-style: none;
margin: 0;
padding: 0;
}
.block.block_course_modulenavigation ul.activities li > a {
border-bottom: 1px solid #eee;
display: block;
padding: 5px 10px;
}
.block.block_course_modulenavigation ul.activities li > a:hover,
.block.block_course_modulenavigation ul.activities li > a.active {
background-color: #eee;
text-decoration: none;
}
.block.block_course_modulenavigation ul.activities .completionbox {
display: table-cell;
position: relative;
width: 18px;
}
.block.block_course_modulenavigation ul.activities .activityname {
display: table-cell;
}
.block.block_course_modulenavigation ul.activities .completioncheck {
border-radius: 5px;
content: '';
display: inline-block;
height: 10px;
margin-top: -5px;
position: absolute;
top: 50%;
width: 10px;
}
.block.block_course_modulenavigation ul.activities .completioncheck.incomplete {
border: 1px solid #ccc;
}
.block.block_course_modulenavigation ul.activities .completioncheck.completed {
background-color: #5cb85c;
border: 1px solid #5cb85c;
}
.block.block_course_modulenavigation ul.activities .modulenavigationlabel {
color: black;
cursor: default;
font-weight: 700;
pointer-events: none;
}
.block.block_course_modulenavigation .section {
background-color: #fff;
border: 1px solid transparent;
border-radius: 0;
margin-bottom: 20px;
}
.block.block_course_modulenavigation .section-body {
padding: 0;
}
.block.block_course_modulenavigation .module-navigation-section-heading {
border-bottom: 1px solid transparent;
border-top-left-radius: 0;
border-top-right-radius: 0;
padding: 10px 15px;
}
.block.block_course_modulenavigation .module-navigation-section-heading > .dropdown .dropdown-toggle {
color: inherit;
}
.block.block_course_modulenavigation .tocourse {
background-color: #f5f5f5;
border: 1px solid #ddd;
display: block;
margin-bottom: 3px;
padding: 10px 15px;
}
.block.block_course_modulenavigation .tocourse:hover {
text-decoration: none;
}
.block.block_course_modulenavigation .onesection .module-navigation-section-heading {
padding: 0;
}
.block.block_course_modulenavigation .section-title {
color: inherit;
margin-bottom: 0;
margin-top: 0;
}
.block.block_course_modulenavigation .section-title > a,
.block.block_course_modulenavigation .section-title > .small,
.block.block_course_modulenavigation .section-title > .small > a {
color: inherit;
}
.block.block_course_modulenavigation .section-footer {
background-color: #f5f5f5;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-top: 1px solid #ddd;
padding: 10px 15px;
}
.block.block_course_modulenavigation .section > .list-group,
.block.block_course_modulenavigation .section > .section-collapse > .list-group {
margin-bottom: 0;
}
.block.block_course_modulenavigation .section > .list-group .list-group-item,
.block.block_course_modulenavigation .section > .section-collapse > .list-group .list-group-item {
border-radius: 0;
border-width: 1px 0;
}
.block.block_course_modulenavigation .section > .list-group:first-child .list-group-item:first-child,
.block.block_course_modulenavigation .section > .section-collapse > .list-group:first-child .list-group-item:first-child {
border-top: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.block.block_course_modulenavigation .section > .list-group:last-child .list-group-item:last-child,
.block.block_course_modulenavigation .section > .section-collapse > .list-group:last-child .list-group-item:last-child {
border-bottom: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.block.block_course_modulenavigation .section > .module-navigation-section-heading + .section-collapse > .list-group .list-group-item:first-child {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.block.block_course_modulenavigation .module-navigation-section-heading + .list-group .list-group-item:first-child,
.block.block_course_modulenavigation .list-group + .section-footer {
border-top-width: 0;
}
.block.block_course_modulenavigation .section-group {
margin-bottom: 20px;
}
.block.block_course_modulenavigation .section-group .section {
border-radius: 0;
margin-bottom: 0;
}
.block.block_course_modulenavigation .section-group .section + .section {
margin-top: 5px;
}
.block.block_course_modulenavigation .section-group .module-navigation-section-heading {
border-bottom: 0;
}
.block.block_course_modulenavigation .section-group .module-navigation-section-heading + .section-collapse > .section-body,
.block.block_course_modulenavigation .section-group .module-navigation-section-heading + .section-collapse > .list-group {
border-top: 1px solid #ddd;
}
.block.block_course_modulenavigation .section-group .section-footer {
border-top: 0;
}
.block.block_course_modulenavigation .section-group .section-footer + .section-collapse .section-body {
border-bottom: 1px solid #ddd;
}
.block.block_course_modulenavigation .section-default {
border-color: #ddd;
}
.block.block_course_modulenavigation .section-default > .module-navigation-section-heading {
background-color: #f5f5f5;
border-color: #ddd;
color: #333;
}
.block.block_course_modulenavigation .section-default > .module-navigation-section-heading + .section-collapse > .section-body {
border-top-color: #ddd;
}
.block.block_course_modulenavigation .section-default > .module-navigation-section-heading .badge {
background-color: #333;
color: #f5f5f5;
}
.block.block_course_modulenavigation .section-default > .section-footer + .section-collapse > .section-body {
border-bottom-color: #ddd;
}
/*# sourceMappingURL=styles.css.map */
.block_course_summary .content {
padding: 10px;
}
.block_course_summary .editbutton {
text-align: right;
}
.block-fcl__content ul {
margin: 0;
padding: 0;
}
.block-fcl__rubric {
font-weight: bold;
margin-top: 3px;
padding-left: 1px;
padding-right: 1em;
}
.block-fcl__rubric--expanded {
background: url(/theme/image.php/boost_union/core/1752245628/t/expanded) no-repeat 0 2px transparent;
}
.block-fcl__rubric--expanded + .block-fcl__list {
display: block;
}
.block-fcl__list {
padding: 10px 0 0;
}
.block-fcl__list__item {
list-style-type: none;
margin-left: 0;
padding: 0 0 10px 20px;
}
.block-fcl__footer {
padding-top: 1rem;
}
/*
* JS Enabled
*/
.jsenabled .block-fcl__rubric {
cursor: pointer;
padding-left: 21px;
}
.jsenabled .block-fcl__rubric a,
.jsenabled .block-fcl__rubric a:hover,
.jsenabled .block-fcl__rubric a:active,
.jsenabled .block-fcl__rubric a:visited {
text-decoration: none;
}
.jsenabled .block-fcl__rubric--collapsed {
background: url(/theme/image.php/boost_union/core/1752245628/t/collapsed) no-repeat 0 2px transparent;
}
.jsenabled .block-fcl__rubric--collapsed + .block-fcl__list {
display: none;
}
.jsenabled .block-fcl__list__item {
background-position: 10px 1px;
padding: 0 0 10px 31px;
}
/*
* Right-to-left
*/
.dir-rtl .block-fcl__rubric {
padding-right: 1px;
padding-left: 1em;
}
.dir-rtl .block-fcl__rubric--expanded {
background: url(/theme/image.php/boost_union/core/1752245628/t/expanded) no-repeat right 2px transparent;
}
.dir-rtl .block-fcl__list__item {
margin-right: 0;
padding: 0 20px 10px 0;
}
/*
* JS Enabled and right-to-left
*/
.dir-rtl.jsenabled .block-fcl__rubric {
padding-right: 21px;
}
.dir-rtl.jsenabled .block-fcl__rubric--collapsed {
background: url(/theme/image.php/boost_union/core/1752245628/t/collapsed_rtl) no-repeat right 2px transparent;
}
.dir-rtl.jsenabled .block-fcl__list__item {
background-position: calc(100% - 10px) 1px;
padding: 0 31px 10px 0;
}
#page-admin-setting-blocksettingfiltered_course_list #id_s_block_filtered_course_list_filters {
font-family: monospace;
}
.block_globalsearch .searchform {
text-align: center;
}
.block_globalsearch .footer {
text-align: center;
}
.block_grade_me{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.block_grade_me dl,.block_grade_me dt,.block_grade_me dd,.block_grade_me ul,.block_grade_me li{list-style:none;margin:0;padding:0}.block_grade_me .content{margin:0;padding:0}.block_grade_me .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}.block_grade_me .toggle{padding:1rem;width:1rem;height:1rem;border-radius:50%;background:transparent;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:all 200ms ease;transition:all 200ms ease}.block_grade_me .toggle:before{color:#495057}.block_grade_me .toggle.open:before{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.block_grade_me .toggle:after{content:"";background:rgba(0,0,0,0.05);height:2rem;width:2rem;border-radius:50%;position:absolute;opacity:0;-webkit-transform:scale(0.75);transform:scale(0.75);z-index:0;-webkit-transition:all 200ms ease;transition:all 200ms ease}.block_grade_me .toggle:hover:after{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.block_grade_me .module .toggle{margin-right:-.75rem}.block_grade_me dl{margin-top:1rem}.block_grade_me dl>div:not(.excess){background:#f8f9fa;border-radius:3px;-webkit-box-shadow:0 0 0 1px #e9ecef;box-shadow:0 0 0 1px #e9ecef;margin:0 0 .75rem}.block_grade_me .cmod{display:-webkit-box;display:-ms-flexbox;display:flex;padding:.4rem .4rem .4rem 0;background:#f0f3f7;-webkit-box-shadow:0 1px 0 0px #e9ecef;box-shadow:0 1px 0 0px #e9ecef;border-radius:3px 3px 0 0}.block_grade_me .grademe-mod-name{font-size:.9rem;font-weight:600;padding:.3rem .5rem 0 0}.block_grade_me .badge{-ms-flex-item-align:start;align-self:flex-start;margin:.4rem .5rem 0 auto;color:#495057;background-color:#e9ecef}.block_grade_me .module{border-bottom:1px solid #e9ecef}.block_grade_me .module:last-of-type{border-bottom:none}.block_grade_me .module .dd-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;background:#f8f9fa;border-radius:3px;padding:.25rem 0 .3rem}.block_grade_me .grademe-course-icon{margin:0 .25rem 0 0;padding:1rem;width:1rem;height:1rem;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;cursor:pointer;background:transparent;-webkit-transition:all 200ms ease;transition:all 200ms ease;position:relative}.block_grade_me .grademe-course-icon:before{content:"";background:rgba(0,0,0,0.05);height:2rem;width:2rem;border-radius:50%;position:absolute;opacity:0;-webkit-transform:scale(0.75);transform:scale(0.75);z-index:0;-webkit-transition:all 200ms ease;transition:all 200ms ease}.block_grade_me .grademe-course-icon:hover:before{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.block_grade_me .grademe-course-icon img,.block_grade_me .grademe-course-icon .fa{margin:0;padding:0;z-index:1}.block_grade_me .grademe-course-name{margin-top:.2rem;width:100%}.block_grade_me .gradable-list{background:#fff}.block_grade_me .gradable{border-bottom:1px solid #e9ecef;padding:.25rem 1.25rem;font-size:.8rem;font-weight:400;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.block_grade_me .gradable:first-of-type{border-top:1px solid #e9ecef}.block_grade_me .gradable:last-of-type{border-bottom:none}.block_grade_me .gradable-icon{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:1.2rem;width:1rem;height:1rem;padding:1rem;color:#868e96}.block_grade_me .gradable-icon .fa:before{margin-left:2px}.block_grade_me .gradable-icon:after{content:"";background:rgba(0,0,0,0.05);height:2rem;width:2rem;border-radius:50%;position:absolute;opacity:0;-webkit-transform:scale(0.75);transform:scale(0.75);z-index:0;-webkit-transition:all 200ms ease;transition:all 200ms ease}.block_grade_me .gradable-icon:hover,.block_grade_me .gradable-icon:focus{text-decoration:none;border-radius:50%}.block_grade_me .gradable-icon:hover:after,.block_grade_me .gradable-icon:focus:after{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.block_grade_me .gradable-user{font-weight:600}.block_grade_me .excess{margin:1rem 0 0;text-align:center}.jsenabled .block_grade_me_hide{display:none}
.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;
}
/* 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/boost_union/core/1752245628/t/expanded);
}
.block_navigation .block_tree [aria-expanded="false"] {
background-image: url(/theme/image.php/boost_union/core/1752245628/t/collapsed);
}
.block_navigation .block_tree [aria-expanded="true"].emptybranch {
background-image: url(/theme/image.php/boost_union/core/1752245628/t/collapsed_empty);
}
.block_navigation .block_tree [aria-expanded="false"] p.loading {
background-image: url(/theme/image.php/boost_union/core/1752245628/i/loading_small);
}
/*rtl:raw:
.block_navigation .block_tree [aria-expanded="false"] {background-image: url(/theme/image.php/boost_union/core/1752245628/t/collapsed_rtl);}
.block_navigation .block_tree [aria-expanded="true"].emptybranch {background-image: url(/theme/image.php/boost_union/core/1752245628/t/collapsed_empty_rtl);}
.block_navigation .block_tree [aria-expanded="false"].loading {background-image: url(/theme/image.php/boost_union/core/1752245628/i/loading_small);}
*/
.block_navigation .block_tree [aria-hidden="false"] {
display: block;
}
.block_navigation .block_tree [aria-hidden="true"]:not(.icon) {
display: none;
}
.block_online_users .content .list li.listentry {
clear: both;
}
.block_online_users .content .list li.listentry:not(:first-child) {
padding-top: 3px;
}
.block_online_users .content .list li.listentry .user {
float: left;
position: relative;
}
.block_online_users .content .list li.listentry .otherusers {
margin-left: 1.5rem;
}
.block_online_users .content .list li.listentry .user .userpicture {
vertical-align: text-bottom;
}
.block_online_users .content .list li.listentry .message,
.block_online_users .content .list li.listentry .uservisibility {
float: right;
margin-top: 3px;
}
.block_online_users .content .info {
text-align: center;
}
.block_people .teachers ul,
.block_people .teachers li {
list-style: none;
margin-left: 0;
padding-left: 0;
}
.block_people .teachers li {
margin-bottom: 15px;
display: table;
width: 100%;
}
.block_people .teachers .details {
display: table-cell;
line-height: 1;
vertical-align: top;
}
.block_people .teachers .image {
width: 50px;
display: table-cell;
vertical-align: top;
}
.block_people .teachers .icons {
min-height: 22px;
padding-top: 3px;
}
.block_people .teachers .icons img,
.block_people .participants img {
margin-right: 10px;
}
.block_people .content .teachers .userpicture {
height: inherit;
width: inherit;
}
.block_people .participants .hint {
font-size: 90%;
}
/* 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: 1;
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;
}
.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;
}
/* 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/boost_union/core/1752245628/t/collapsed);
/*rtl:raw:
background-image: url(/theme/image.php/boost_union/core/1752245628/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/boost_union/core/1752245628/t/expanded);
background-size: 16px 16px;
background-position: 1px 1px;
background-repeat: no-repeat;
padding-left: 22px;
}
.block_private_files [role="treeitem"]:not([aria-expanded]) {
background-image:
repeating-linear-gradient(
to right,
rgba(0, 0, 0, .5) 0,
rgba(0, 0, 0, .5) 1px,
rgba(255, 255, 255, 0) 1px,
rgba(255, 255, 255, 0) 2px
),
repeating-linear-gradient(
to top,
rgba(0, 0, 0, 0.5) 0,
rgba(0, 0, 0, 0.5) 1px,
rgba(255, 255, 255, 0) 1px,
rgba(255, 255, 255, 0) 2px
);
background-repeat: no-repeat, no-repeat;
/*rtl:remove*/
background-position: left 10px top 50%, left 8px top 0;
/*rtl:raw:
background-position: right 10px top 50%, right 8px top 0;
*/
background-size: 11px 1px, 1px 100%;
}
.block_private_files [role="treeitem"]:not([aria-expanded]):last-child {
background-size: 11px 1px, 1px 50%;
}
.block_private_files [role="group"] {
background-image:
repeating-linear-gradient(
to top,
rgba(0, 0, 0, 0.5) 0,
rgba(0, 0, 0, 0.5) 1px,
rgba(255, 255, 255, 0) 1px,
rgba(255, 255, 255, 0) 2px
);
background-repeat: no-repeat;
background-position: left 8px top 100%;
background-size: 1px 100%;
padding-left: 22px;
margin-left: 0;
}
.block_private_files [aria-hidden="true"]:not(.icon) {
display: none;
}
.block_recent_activity .unlist li {
margin-bottom: 1em;
}
.block_recent_activity li .head .date {
float: right;
}
/* 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;
}
/*
// 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 .
* general tool specific CSS rules
*
* @package block_selectrss
*
* @copyright Sebsoft.nl
* @author R.J. van Dongen
* @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
*/
div.block-selectrss-logopromo a img {
height: 37px;
}
.block-selectrss-container {
display: block;
}
.block-selectrss-container .published {
padding: 10px;
background-color: #dfd;
}
.block-selectrss-container .unpublished {
padding: 10px;
background-color: #ddf;
}
.block_selectrss .content ul li {
padding: 5px;
border: 1px solid #ddd;
margin-bottom: 10px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.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/boost_union/core/1752245628/t/expanded);
}
.block_settings .block_tree [aria-expanded="false"] {
background-image: url(/theme/image.php/boost_union/core/1752245628/t/collapsed);
}
.block_settings .block_tree [aria-expanded="true"].emptybranch {
background-image: url(/theme/image.php/boost_union/core/1752245628/t/collapsed_empty);
}
.block_settings .block_tree [aria-expanded="false"] p.loading {
background-image: url(/theme/image.php/boost_union/core/1752245628/i/loading_small);
}
/*rtl:raw:
.block_settings .block_tree [aria-expanded="false"] {background-image: url(/theme/image.php/boost_union/core/1752245628/t/collapsed_rtl);}
.block_settings .block_tree [aria-expanded="true"].emptybranch {background-image: url(/theme/image.php/boost_union/core/1752245628/t/collapsed_empty_rtl);}
.block_settings .block_tree [aria-expanded="false"].loading {background-image: url(/theme/image.php/boost_union/core/1752245628/i/loading_small);}
*/
.block_settings .block_tree [aria-hidden="false"] {
display: block;
}
.block_settings .block_tree [aria-hidden="true"]:not(.icon) {
display: none;
}
.block_site_main_menu li {
clear: both;
}
.block_site_main_menu.block .content > .unlist > li > .column {
/* Made specific to win over .block.list_block .unlist > li > .column. */
width: 100%;
display: table;
margin-bottom: 0.5rem;
}
.block_site_main_menu li .buttons a img {
vertical-align: text-bottom;
}
.block_site_main_menu .footer {
margin-top: 1em;
}
.block_site_main_menu .section_add_menus noscript div {
display: inline;
}
.block_site_main_menu .instancename {
word-break: break-all;
}
.block_social_activities li {
clear: both;
}
.block_social_activities li .column {
width: 100%;
}
.block_social_activities li .buttons a img {
vertical-align: text-bottom;
}
.block_social_activities .instancename {
word-break: break-all;
}
.block_tag_flickr .flickr-photos {
padding: 3px;
}
.block_tag_youtube .youtube-thumb {
padding: 3px;
padding-bottom: 0.5em;
display: block;
float: left;
}
.block_tag_youtube .yt-video-entry li {
clear: left;
}
#block-region-side-pre .block_timeline .nav-search {
flex: 0 0 100%;
max-width: 100%;
}
.block_timeline .input-group.searchbar {
width: 100%;
}
#block-region-side-pre .block_timeline h6.event-action {
flex-basis: 100%;
}
#block-region-side-pre .block_timeline .event-name-container {
flex-basis: 50%;
}
#block-region-side-pre .block_timeline h6.event-action a.btn {
width: auto;
}
.block_timeline .timeline-action-button {
margin-left: auto;
}
@media (max-width: 480px) {
.block_timeline .timeline-name {
width: 100%;
}
.block_timeline .timeline-action-button {
margin-left: 0;
}
}
/**
* This file is auto-generated. Edit css/styles.css instead.
*/
/* stylelint-disable */
.block_xp * {
/** For older themes. */
box-sizing: border-box;
}
*, ::before, ::after {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
}
::backdrop {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
}
.block_xp :is(.xp-sr-only) {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
.block_xp :is(.xp-pointer-events-none) {
pointer-events: none;
}
.block_xp :is(.xp-invisible) {
visibility: hidden;
}
.block_xp :is(.xp-absolute) {
position: absolute;
}
.block_xp :is(.xp-relative) {
position: relative;
}
.block_xp :is(.xp-sticky) {
position: sticky;
}
.block_xp :is(.xp-inset-0) {
inset: 0px;
}
.block_xp :is(.xp-inset-y-0) {
top: 0px;
bottom: 0px;
}
.block_xp :is(.xp--left-8) {
left: -2rem;
}
.block_xp :is(.xp--top-4) {
top: -1rem;
}
.block_xp :is(.xp-left-0) {
left: 0px;
}
.block_xp :is(.xp-left-0\.5) {
left: 0.125rem;
}
.block_xp :is(.xp-right-0) {
right: 0px;
}
.block_xp :is(.xp-top-0) {
top: 0px;
}
.block_xp :is(.xp-top-0\.5) {
top: 0.125rem;
}
.block_xp :is(.xp-z-10) {
z-index: 10;
}
.block_xp :is(.xp-z-20) {
z-index: 20;
}
.block_xp :is(.xp-order-1) {
order: 1;
}
.block_xp :is(.xp-col-span-2) {
grid-column: span 2 / span 2;
}
.block_xp :is(.xp-m-0) {
margin: 0px;
}
.block_xp :is(.xp-mx-2) {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.block_xp :is(.xp-my-2) {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.block_xp :is(.xp-my-3) {
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
.block_xp :is(.xp-my-4) {
margin-top: 1rem;
margin-bottom: 1rem;
}
.block_xp :is(.\!xp-mr-1) {
margin-right: 0.25rem !important;
}
.block_xp :is(.xp--mr-2) {
margin-right: -0.5rem;
}
.block_xp :is(.xp-mb-0) {
margin-bottom: 0px;
}
.block_xp :is(.xp-mb-1) {
margin-bottom: 0.25rem;
}
.block_xp :is(.xp-mb-1\.5) {
margin-bottom: 0.375rem;
}
.block_xp :is(.xp-mb-2) {
margin-bottom: 0.5rem;
}
.block_xp :is(.xp-mb-4) {
margin-bottom: 1rem;
}
.block_xp :is(.xp-mb-6) {
margin-bottom: 1.5rem;
}
.block_xp :is(.xp-ml-1) {
margin-left: 0.25rem;
}
.block_xp :is(.xp-ml-2) {
margin-left: 0.5rem;
}
.block_xp :is(.xp-ml-3) {
margin-left: 0.75rem;
}
.block_xp :is(.xp-ml-4) {
margin-left: 1rem;
}
.block_xp :is(.xp-mr-4) {
margin-right: 1rem;
}
.block_xp :is(.xp-mt-0) {
margin-top: 0px;
}
.block_xp :is(.xp-mt-0\.5) {
margin-top: 0.125rem;
}
.block_xp :is(.xp-mt-1) {
margin-top: 0.25rem;
}
.block_xp :is(.xp-mt-2) {
margin-top: 0.5rem;
}
.block_xp :is(.xp-mt-4) {
margin-top: 1rem;
}
.block_xp :is(.xp-mt-6) {
margin-top: 1.5rem;
}
.block_xp :is(.xp-mt-8) {
margin-top: 2rem;
}
.block_xp :is(.xp-block) {
display: block;
}
.block_xp :is(.xp-inline-block) {
display: inline-block;
}
.block_xp :is(.xp-flex) {
display: flex;
}
.block_xp :is(.xp-inline-flex) {
display: inline-flex;
}
.block_xp :is(.xp-grid) {
display: grid;
}
.block_xp :is(.xp-hidden) {
display: none;
}
.block_xp :is(.xp-h-10) {
height: 2.5rem;
}
.block_xp :is(.xp-h-3) {
height: 0.75rem;
}
.block_xp :is(.xp-h-4) {
height: 1rem;
}
.block_xp :is(.xp-h-5) {
height: 1.25rem;
}
.block_xp :is(.xp-h-6) {
height: 1.5rem;
}
.block_xp :is(.xp-h-8) {
height: 2rem;
}
.block_xp :is(.xp-h-\[500px\]) {
height: 500px;
}
.block_xp :is(.xp-h-auto) {
height: auto;
}
.block_xp :is(.xp-h-full) {
height: 100%;
}
.block_xp :is(.xp-min-h-10) {
min-height: 2.5rem;
}
.block_xp :is(.xp-min-h-28) {
min-height: 7rem;
}
.block_xp :is(.xp-min-h-full) {
min-height: 100%;
}
.block_xp :is(.xp-w-16) {
width: 4rem;
}
.block_xp :is(.xp-w-24) {
width: 6rem;
}
.block_xp :is(.xp-w-4) {
width: 1rem;
}
.block_xp :is(.xp-w-5) {
width: 1.25rem;
}
.block_xp :is(.xp-w-56) {
width: 14rem;
}
.block_xp :is(.xp-w-6) {
width: 1.5rem;
}
.block_xp :is(.xp-w-8) {
width: 2rem;
}
.block_xp :is(.xp-w-auto) {
width: auto;
}
.block_xp :is(.xp-w-full) {
width: 100%;
}
.block_xp :is(.xp-min-w-48) {
min-width: 12rem;
}
.block_xp :is(.xp-min-w-\[0\.25rem\]) {
min-width: 0.25rem;
}
.block_xp :is(.xp-min-w-\[2\.25rem\]) {
min-width: 2.25rem;
}
.block_xp :is(.xp-min-w-\[3rem\]) {
min-width: 3rem;
}
.block_xp :is(.xp-min-w-\[4ch\]) {
min-width: 4ch;
}
.block_xp :is(.xp-min-w-\[86px\]) {
min-width: 86px;
}
.block_xp :is(.xp-min-w-px) {
min-width: 1px;
}
.block_xp :is(.xp-max-w-\[4rem\]) {
max-width: 4rem;
}
.block_xp :is(.xp-max-w-\[6rem\]) {
max-width: 6rem;
}
.block_xp :is(.xp-max-w-\[80\%\]) {
max-width: 80%;
}
.block_xp :is(.xp-max-w-\[99\%\]) {
max-width: 99%;
}
.block_xp :is(.xp-max-w-full) {
max-width: 100%;
}
.block_xp :is(.xp-max-w-prose) {
max-width: 65ch;
}
.block_xp :is(.xp-flex-0) {
flex: 0 0 auto;
}
.block_xp :is(.xp-flex-1) {
flex: 1 1 0%;
}
.block_xp :is(.xp-flex-2) {
flex: 2 2 0%;
}
.block_xp :is(.xp-flex-none) {
flex: none;
}
.block_xp :is(.xp-shrink-0) {
flex-shrink: 0;
}
.block_xp :is(.xp-flex-grow) {
flex-grow: 1;
}
.block_xp :is(.xp-grow) {
flex-grow: 1;
}
.block_xp :is(.xp-grow-0) {
flex-grow: 0;
}
.block_xp :is(.xp-basis-auto) {
flex-basis: auto;
}
.block_xp :is(.xp-origin-top-right) {
transform-origin: top right;
}
.block_xp :is(.xp--translate-x-full) {
--tw-translate-x: -100%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.block_xp :is(.xp-translate-x-full) {
--tw-translate-x: 100%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.block_xp :is(.xp-rotate-90) {
--tw-rotate: 90deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.block_xp :is(.xp-transform-gpu) {
transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes xp-pulse-in {
0% {
transform: scale(0.8);
opacity: 0;
}
50% {
opacity: .5;
transform: scale(1);
}
80% {
opacity: 1;
transform: scale(1.25);
}
100% {
transform: scale(1);
}
}
.block_xp :is(.xp-animate-badge-incoming) {
animation: xp-pulse-in 500ms ease-in-out 2000ms both;
}
@keyframes xp-fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes xp-wiggle {
0%, 100% {
transform: rotate(-3deg);
}
50% {
transform: rotate(3deg);
}
}
@keyframes xp-scale-out {
0% {
opacity: 1;
}
100% {
opacity: 0;
transform: scale(2);
}
}
.block_xp :is(.xp-animate-badge-leaving) {
animation: xp-fade-in 300ms 1.5s backwards, xp-wiggle 200ms ease-in-out 2.5s 1, xp-scale-out 500ms ease-in-out 3.5s forwards;
}
@keyframes xp-ping-sm {
0% {
opacity: 1;
}
50%, 100% {
transform: scale(1.25);
opacity: 0;
}
}
.block_xp :is(.xp-animate-badge-ping) {
animation: xp-ping-sm 2s cubic-bezier(0, 0, 0.2, 1) infinite 4000ms;
}
@keyframes xp-fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.block_xp :is(.xp-animate-fade-in) {
animation: xp-fade-in 300ms both;
}
@keyframes xp-pulse {
50% {
opacity: .5;
}
}
.block_xp :is(.xp-animate-pulse) {
animation: xp-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
.block_xp :is(.xp-cursor-pointer) {
cursor: pointer;
}
.block_xp :is(.xp-grid-cols-2) {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.block_xp :is(.xp-grid-cols-6) {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.block_xp :is(.xp-flex-row) {
flex-direction: row;
}
.block_xp :is(.xp-flex-col) {
flex-direction: column;
}
.block_xp :is(.xp-flex-wrap) {
flex-wrap: wrap;
}
.block_xp :is(.xp-items-start) {
align-items: flex-start;
}
.block_xp :is(.xp-items-end) {
align-items: flex-end;
}
.block_xp :is(.xp-items-center) {
align-items: center;
}
.block_xp :is(.xp-justify-end) {
justify-content: flex-end;
}
.block_xp :is(.xp-justify-center) {
justify-content: center;
}
.block_xp :is(.xp-gap-1) {
gap: 0.25rem;
}
.block_xp :is(.xp-gap-2) {
gap: 0.5rem;
}
.block_xp :is(.xp-gap-3) {
gap: 0.75rem;
}
.block_xp :is(.xp-gap-4) {
gap: 1rem;
}
.block_xp :is(.xp-gap-6) {
gap: 1.5rem;
}
.block_xp :is(.xp-gap-x-2) {
-moz-column-gap: 0.5rem;
column-gap: 0.5rem;
}
.block_xp :is(.xp-gap-y-1) {
row-gap: 0.25rem;
}
.block_xp :is(.xp-divide-gray-100 > :not([hidden]) ~ :not([hidden])) {
border-color: #f3f4f6;
}
.block_xp :is(.xp-divide-gray-200 > :not([hidden]) ~ :not([hidden])) {
border-color: #e5e7eb;
}
.block_xp :is(.xp-self-end) {
align-self: flex-end;
}
.block_xp :is(.xp-overflow-hidden) {
overflow: hidden;
}
.block_xp :is(.xp-overflow-y-auto) {
overflow-y: auto;
}
.block_xp :is(.xp-truncate) {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.block_xp :is(.xp-whitespace-nowrap) {
white-space: nowrap;
}
.block_xp :is(.xp-rounded) {
border-radius: 0.25rem;
}
.block_xp :is(.xp-rounded-full) {
border-radius: 9999px;
}
.block_xp :is(.xp-rounded-lg) {
border-radius: 0.5rem;
}
.block_xp :is(.xp-rounded-md) {
border-radius: 0.375rem;
}
.block_xp :is(.xp-rounded-none) {
border-radius: 0px;
}
.block_xp :is(.xp-rounded-xl) {
border-radius: 0.75rem;
}
.block_xp :is(.xp-rounded-l) {
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.block_xp :is(.xp-rounded-r) {
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
}
.block_xp :is(.xp-border) {
border-width: 1px;
}
.block_xp :is(.xp-border-0) {
border-width: 0px;
}
.block_xp :is(.xp-border-2) {
border-width: 2px;
}
.block_xp :is(.xp-border-b) {
border-bottom-width: 1px;
}
.block_xp :is(.xp-border-b-2) {
border-bottom-width: 2px;
}
.block_xp :is(.xp-border-l) {
border-left-width: 1px;
}
.block_xp :is(.xp-border-r) {
border-right-width: 1px;
}
.block_xp :is(.xp-border-t) {
border-top-width: 1px;
}
.block_xp :is(.xp-border-solid) {
border-style: solid;
}
.block_xp :is(.xp-border-dashed) {
border-style: dashed;
}
.block_xp :is(.xp-border-gray-100) {
border-color: #f3f4f6;
}
.block_xp :is(.xp-border-gray-200) {
border-color: #e5e7eb;
}
.block_xp :is(.xp-border-gray-300) {
border-color: #d1d5db;
}
.block_xp :is(.xp-border-red-600) {
border-color: #dc2626;
}
.block_xp :is(.xp-border-sky-400) {
border-color: #38bdf8;
}
.block_xp :is(.xp-border-b-white) {
border-bottom-color: #fff;
}
.block_xp :is(.xp-bg-black) {
background-color: #000;
}
.block_xp :is(.xp-bg-blue-100) {
background-color: #dbeafe;
}
.block_xp :is(.xp-bg-gray-100) {
background-color: #f3f4f6;
}
.block_xp :is(.xp-bg-gray-200) {
background-color: #e5e7eb;
}
.block_xp :is(.xp-bg-green-400) {
background-color: #4ade80;
}
.block_xp :is(.xp-bg-red-100) {
background-color: #fee2e2;
}
.block_xp :is(.xp-bg-slate-50) {
background-color: #f8fafc;
}
.block_xp :is(.xp-bg-transparent) {
background-color: transparent;
}
.block_xp :is(.xp-bg-white) {
background-color: #fff;
}
.block_xp :is(.xp-bg-yellow-200) {
background-color: #fef08a;
}
.block_xp :is(.xp-p-0) {
padding: 0px;
}
.block_xp :is(.xp-p-0\.5) {
padding: 0.125rem;
}
.block_xp :is(.xp-p-1) {
padding: 0.25rem;
}
.block_xp :is(.xp-p-2) {
padding: 0.5rem;
}
.block_xp :is(.xp-p-3) {
padding: 0.75rem;
}
.block_xp :is(.xp-p-4) {
padding: 1rem;
}
.block_xp :is(.xp-p-\[0\.2rem\]) {
padding: 0.2rem;
}
.block_xp :is(.xp-px-1) {
padding-left: 0.25rem;
padding-right: 0.25rem;
}
.block_xp :is(.xp-px-1\.5) {
padding-left: 0.375rem;
padding-right: 0.375rem;
}
.block_xp :is(.xp-px-2) {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.block_xp :is(.xp-px-3) {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.block_xp :is(.xp-px-4) {
padding-left: 1rem;
padding-right: 1rem;
}
.block_xp :is(.xp-px-6) {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.block_xp :is(.xp-px-\[0\.2rem\]) {
padding-left: 0.2rem;
padding-right: 0.2rem;
}
.block_xp :is(.xp-py-0) {
padding-top: 0px;
padding-bottom: 0px;
}
.block_xp :is(.xp-py-0\.5) {
padding-top: 0.125rem;
padding-bottom: 0.125rem;
}
.block_xp :is(.xp-py-1) {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.block_xp :is(.xp-py-2) {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.block_xp :is(.xp-py-6) {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.block_xp :is(.xp-pb-0) {
padding-bottom: 0px;
}
.block_xp :is(.xp-pb-0\.5) {
padding-bottom: 0.125rem;
}
.block_xp :is(.xp-pb-1) {
padding-bottom: 0.25rem;
}
.block_xp :is(.xp-pb-4) {
padding-bottom: 1rem;
}
.block_xp :is(.xp-pl-2) {
padding-left: 0.5rem;
}
.block_xp :is(.xp-pl-3) {
padding-left: 0.75rem;
}
.block_xp :is(.xp-pl-6) {
padding-left: 1.5rem;
}
.block_xp :is(.xp-pr-2) {
padding-right: 0.5rem;
}
.block_xp :is(.xp-pr-6) {
padding-right: 1.5rem;
}
.block_xp :is(.xp-pt-8) {
padding-top: 2rem;
}
.block_xp :is(.xp-text-left) {
text-align: left;
}
.block_xp :is(.xp-text-center) {
text-align: center;
}
.block_xp :is(.xp-text-right) {
text-align: right;
}
.block_xp :is(.xp-align-top) {
vertical-align: top;
}
.block_xp :is(.xp-align-middle) {
vertical-align: middle;
}
.block_xp :is(.xp-font-mono) {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.block_xp :is(.xp-text-2xs) {
font-size: 0.6875rem;
line-height: 1;
}
.block_xp :is(.xp-text-3xl) {
font-size: 1.875rem;
line-height: 2.25rem;
}
.block_xp :is(.xp-text-\[10rem\]) {
font-size: 10rem;
}
.block_xp :is(.xp-text-base) {
font-size: 1rem;
line-height: 1.5rem;
}
.block_xp :is(.xp-text-lg) {
font-size: 1.125rem;
line-height: 1.75rem;
}
.block_xp :is(.xp-text-sm) {
font-size: 0.875rem;
line-height: 1.25rem;
}
.block_xp :is(.xp-text-xl) {
font-size: 1.25rem;
line-height: 1.75rem;
}
.block_xp :is(.xp-text-xs) {
font-size: 0.75rem;
line-height: 1rem;
}
.block_xp :is(.xp-font-bold) {
font-weight: 700;
}
.block_xp :is(.xp-font-medium) {
font-weight: 500;
}
.block_xp :is(.xp-font-normal) {
font-weight: 400;
}
.block_xp :is(.xp-uppercase) {
text-transform: uppercase;
}
.block_xp :is(.xp-normal-case) {
text-transform: none;
}
.block_xp :is(.xp-italic) {
font-style: italic;
}
.block_xp :is(.xp-not-italic) {
font-style: normal;
}
.block_xp :is(.xp-leading-none) {
line-height: 1;
}
.block_xp :is(.xp-leading-tight) {
line-height: 1.25;
}
.block_xp :is(.xp-tracking-wide) {
letter-spacing: 0.025em;
}
.block_xp :is(.xp-text-gray-300) {
color: #d1d5db;
}
.block_xp :is(.xp-text-gray-50) {
color: #f9fafb;
}
.block_xp :is(.xp-text-gray-500) {
color: #6b7280;
}
.block_xp :is(.xp-text-gray-600) {
color: #4b5563;
}
.block_xp :is(.xp-text-gray-700) {
color: #374151;
}
.block_xp :is(.xp-text-gray-900) {
color: #111827;
}
.block_xp :is(.xp-text-inherit) {
color: inherit;
}
.block_xp :is(.xp-text-red-600) {
color: #dc2626;
}
.block_xp :is(.xp-text-white) {
color: #fff;
}
.block_xp :is(.xp-no-underline) {
text-decoration-line: none;
}
.block_xp :is(.xp-opacity-0) {
opacity: 0;
}
.block_xp :is(.xp-opacity-60) {
opacity: 0.6;
}
.block_xp :is(.xp-shadow-sm) {
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.block_xp :is(.xp-transition-height) {
transition-property: height;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.block_xp :is(.xp-transition-opacity) {
transition-property: opacity;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.block_xp :is(.xp-transition-transform) {
transition-property: transform;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.block_xp :is(.xp-duration-1000) {
transition-duration: 1000ms;
}
.block_xp :is(.xp-duration-300) {
transition-duration: 300ms;
}
.block_xp :is(.xp-duration-500) {
transition-duration: 500ms;
}
.block_xp :is(.xp-space-x-1 > :not([hidden]) ~ :not([hidden])) {
margin-right: 0;
margin-left: 0.25rem;
}
.block_xp :is(.xp-space-x-4 > :not([hidden]) ~ :not([hidden])) {
margin-right: 0;
margin-left: 1rem;
}
.block_xp :is(.xp-space-y-0 > :not([hidden]) ~ :not([hidden])) {
margin-top: 0px;
margin-bottom: 0;
}
.block_xp :is(.xp-space-y-0\.5 > :not([hidden]) ~ :not([hidden])) {
margin-top: 0.125rem;
margin-bottom: 0;
}
.block_xp :is(.xp-space-y-2 > :not([hidden]) ~ :not([hidden])) {
margin-top: 0.5rem;
margin-bottom: 0;
}
.block_xp :is(.xp-space-y-4 > :not([hidden]) ~ :not([hidden])) {
margin-top: 1rem;
margin-bottom: 0;
}
.block_xp :is(.xp-divide-y > :not([hidden]) ~ :not([hidden])) {
border-style: solid;
border-width: 0;
border-top-width: 1px;
}
.block_xp :is(.xp-animation-delay-\[3\.8s\]) {
animation-delay: 3.8s;
}
.block_xp :is(.xp-animation-delay-\[4\.5s\]) {
animation-delay: 4.5s;
}
.block_xp :is(.xp-animation-delay-\[500ms\]) {
animation-delay: 500ms;
}
.block_xp :is(.xp-animation-delay-\[5s\]) {
animation-delay: 5s;
}
.block_xp :is(.xp-animation-delay-\[6s\]) {
animation-delay: 6s;
}
/** Cancel overflow of .no-overflow (and .table-responsive for now).*/
.block_xp .xp-cancel-overflow .no-overflow {
overflow: visible;
}
.block_xp .xp-cancel-overflow .table-responsive {
overflow-x: visible
}
/** Legacy styles. */
.block_xp-level {
background: url(/theme/image.php/boost_union/block_xp/1752245628/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/boost_union/block_xp/1752245628/1);
}
.block_xp-level.level-2 {
background-image: url(/theme/image.php/boost_union/block_xp/1752245628/2);
}
.block_xp-level.level-3 {
background-image: url(/theme/image.php/boost_union/block_xp/1752245628/3);
}
.block_xp-level.level-4 {
background-image: url(/theme/image.php/boost_union/block_xp/1752245628/4);
}
.block_xp-level.level-5 {
background-image: url(/theme/image.php/boost_union/block_xp/1752245628/5);
}
.block_xp-level.level-6 {
background-image: url(/theme/image.php/boost_union/block_xp/1752245628/6);
}
.block_xp-level.level-7 {
background-image: url(/theme/image.php/boost_union/block_xp/1752245628/7);
}
.block_xp-level.level-8 {
background-image: url(/theme/image.php/boost_union/block_xp/1752245628/8);
}
.block_xp-level.level-9 {
background-image: url(/theme/image.php/boost_union/block_xp/1752245628/9);
}
.block_xp-level.small {
height: 35px;
width: 35px;
font-size: 18px;
line-height: 40px;
margin: 0 auto;
background-size: cover;
}
.block_xp-level.medium {
height: 50px;
width: 50px;
font-size: 24px;
line-height: 54px;
margin: 0 auto;
background-size: cover;
}
.block_xp-level.level-badge,
.block_xp-level.level-badge.small,
.block_xp-level.level-badge.medium {
background: none;
height: auto;
width: auto;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.block_xp-level.level-badge {
line-height: 100px;
}
.block_xp-level.level-badge.small {
line-height: 35px;
}
.block_xp-level.level-badge.medium {
line-height: 50px;
}
.block_xp-level.level-badge img {
width: 100px;
}
.block_xp-level.level-badge.small img,
.block_xp-level.level-badge.medium img {
width: auto;
max-width: 100px;
}
.block_xp-level.level-badge.small img {
height: 35px;
}
.block_xp-level.level-badge.medium img {
height: 50px;
}
.block_xp-instructions {
margin-bottom: 2em;
}
/** Block content. */
.block.block_xp .block_xp-level {
margin-left: auto;
margin-right: auto;
}
.block.block_xp .alert.alert-block {
padding: 0.5rem;
padding-top: 0.375rem;
padding-bottom: 0.375rem;
}
.block.block_xp .block_xp-level-progress [role='progressbar'] {
height: 1rem;
}
.block.block_xp .block_xp-heading {
margin-bottom: 1rem;
border-width: 0px;
border-bottom-width: 1px;
border-style: solid;
border-color: #e5e7eb;
font-size: 0.75rem;
line-height: 1rem;
text-transform: uppercase;
letter-spacing: 0em;
color: #4b5563;
}
.block.block_xp nav {
text-align: center;
align-content: stretch;
display: flex;
flex-wrap: wrap;
align-items: stretch;
border-width: 0px;
border-top-width: 1px;
border-style: solid;
border-color: #e5e7eb;
}
.block.block_xp nav .nav-button {
flex: 1 1 0%;
align-self: auto;
text-decoration: none;
color: #333;
font-size: 80%;
padding: 5px 5px 0;
}
.block.block_xp nav .nav-button .icon {
margin: 0;
padding: 0;
}
.block.block_xp nav .nav-button:hover {
background: #eee;
}
/** Use over defined class name to re-use it through the block pages. */
.block_xp-xp {
display: inline-block;
white-space: nowrap;
}
.block_xp-xp .pts,
.block_xp-xp .sign {
display: inline-block;
letter-spacing: 0;
}
.block_xp-xp .sign-sup {
vertical-align: super;
font-size: 0.6428571428571429em; /* 9px. */
line-height: 0.6428571428571429em;
}
/** Use our own highlight because of discrepencies between various themes. Sorry themers,
it's a nightmare to maintain a plugin for multiple themes... */
.block_xp-table tr.highlight-row > td {
background-color: #fef9c3 !important;
}
/**
* Ladder table.
*/
.block_xp-table td {
/* Using !important because it's late and I can't be bothered looking for an alternative. */
vertical-align: middle !important;
}
.block_xp-table .col-actions:empty {
padding: 0;
}
.block_xp-table .col-lvl {
width: 50px;
text-align: center;
}
.block_xp-table .col-rank {
white-space: nowrap;
width: 50px;
}
.block_xp-table .col-userpic {
width: 35px;
}
.block_xp-table .userpicture {
/* Margin only present in recent Moodle. */
margin-right: 5px;
}
.dir-rtl .block_xp-table .userpicture {
margin-left: 5px;
margin-right: 0;
}
/**
* Report table.
*/
.block_xp-report-table td {
vertical-align: middle !important;
}
.block_xp-report-table .col-userpic {
width: 1px;
}
.block_xp-report-table .col-userpic img {
margin: 0;
}
/**
* Any tables.
*/
.block_xp table .col-actions {
width: 1px;
}
.block_xp table .header.col-actions {
padding: 0 !important;
}
/**
* Page navigation.
*/
.block_xp-page-nav a {
position: relative;
}
.block_xp-page-nav .has-new {
border-radius: 50%;
width: 7px;
height: 7px;
position: absolute;
top: 4px;
right: 4px;
background-color: #d9534f;
}
.dir-rtl .block_xp-page-nav .has-new {
left: 4px;
}
/**
* Dismissable notice.
*/
.block_xp-dismissable-notice .alert {
/** We override the padding, because else the close button doesn't align well... */
padding: 14px;
}
.block_xp-dismissable-notice .dismiss-action {
float: right;
line-height: 12px;
}
.block_xp-dismissable-notice .dismiss-action .icon {
padding: 0;
margin: 0;
width: 12px;
height: 12px;
}
.dir-rtl .block_xp-dismissable-notice .dismiss-action {
float: left;
}
/**
* Notification dialogue.
*/
.block_xp-notification-hidden {
display: none;
}
.block_xp-notification .moodle-dialogue-bd,
.block_xp-notification .moodle-dialogue-ft {
text-align: center !important;
}
.block_xp-notification .level-headline {
font-size: 1.4em;
font-weight: bold;
}
.block_xp-notification .level-name {
margin-top: 1em;
font-size: 16px;
font-weight: bold;
}
.block_xp-notification .moodle-dialogue-ft button {
/* Helps centering the button in the dialogue */
margin-left: 0;
margin-right: 0;
}
/**
* Rule picker dialogue.
*/
.block_xp-rulepicker-hidden {
display: none;
}
.block_xp-rulepicker-content .rule {
cursor: pointer;
padding: 0.5rem;
border-bottom: 1px solid #efefef;
}
.block_xp-rulepicker-content .rule:last-child {
border-bottom-width: 0;
}
.block_xp-rulepicker-content .rule:focus,
.block_xp-rulepicker-content .rule:hover {
background-color: #efefef;
}
.block_xp-rulepicker-content .rule h3 {
font-size: 1.125rem;
font-weight: 500;
margin: 0 !important;
}
.block_xp-rulepicker-content .rule .info {
margin-top: 0.5rem;
font-size: 0.875rem;
}
/**
* Rules pages.
*
* Note: We find the very first rule using .filter-rules > .rule
*/
.block-xp-filters-group .block-xp-filters-submit-actions {
margin-top: 2em;
}
.block-xp-filters-group h4:not(:first-of-type) {
margin-top: 1em;
}
.block-xp-filters-wrapper ul {
list-style: none;
padding-left: 0;
padding-right: 0;
}
.block-xp-filters-wrapper p,
.block-xp-filters-wrapper ul,
.block-xp-filters-wrapper ul.filters-list,
/** Made more specific for RTL. */ .block-xp-filters-wrapper input[type],
.block-xp-filters-wrapper button,
.block-xp-filters-wrapper select {
margin: 0;
}
.block-xp-filters-wrapper input[type],
.block-xp-filters-wrapper select {
/* In Edge the line height is inherited when we do not do this. */
line-height: 18px;
max-width: 100%;
}
.block-xp-filters-wrapper .filter-rules {
margin-left: 20px;
margin-top: 5px;
}
.block-xp-filters-wrapper .filter {
border: 1px solid #ddd;
margin: 10px 0;
padding: 8px 4px;
}
.block-xp-filters-wrapper .filter-add {
margin: 10px 0;
}
.block-xp-filters-wrapper .rule-rules {
margin-left: 35px;
}
.block-xp-filters-wrapper .filter-rules > .rule {
border: 0;
padding-left: 0;
}
.block-xp-filters-wrapper .filter-rules > .rule::before {
border: 0;
}
.block-xp-filters-wrapper .filter-rules > .rule > .rule-rules {
margin-left: 20px;
}
.block-xp-filters-wrapper .filter-rules > .rule > .rule-definition {
padding-left: 5px;
}
.block-xp-filters-wrapper .rule-type-ruleset,
.block-xp-filters-wrapper .rule-type-ruleset .rule-rules > .rule:first-child {
padding-top: 5px;
}
.block-xp-filters-wrapper .rule-type-ruleset > .rule-definition {
background-color: #f1f1f1;
padding-bottom: 2px;
}
.block-xp-filters-wrapper .rule-rules .rule {
border-left: 1px dotted #ccc;
min-height: 40px;
padding-left: 15px;
position: relative;
}
.block-xp-filters-wrapper .rule-rules .rule::before {
border-top: 1px dotted #ccc;
content: '';
display: block;
left: 0;
position: absolute;
top: 20px;
width: 15px;
}
.block-xp-filters-wrapper .rule-type-ruleset .rule-rules > .rule:first-child::before,
.block-xp-filters-wrapper .rule.rule-type-ruleset::before {
top: 25px;
}
.block-xp-filters-wrapper .rule-add {
padding: 10px 17px;
position: relative;
line-height: 20px;
}
.block-xp-filters-wrapper .rule-add::before,
.block-xp-filters-wrapper .rule-rules .rule:last-child::before {
border-bottom: 1px dotted #ccc;
border-left: 1px dotted #ccc;
border-top: 0;
content: '';
display: block;
height: 20px;
left: 0;
position: absolute;
top: 0;
width: 15px;
}
.block-xp-filters-wrapper .rule-rules .rule:last-child {
border: 0;
}
.block-xp-filters-wrapper .rule-move,
.block-xp-filters-wrapper .filter-move {
cursor: move;
margin: 0 0.5rem;
}
.block-xp-filters-wrapper .filter-delete,
.block-xp-filters-wrapper .rule-delete {
margin-left: 0.5rem;
}
.block-xp-filters-wrapper .filter-rules > .rule > .rule-definition .rule-delete,
.block-xp-filters-wrapper .filter-rules > .rule > .rule-definition .rule-move {
/** Hide the move/delete button on the top rule. */
display: none;
}
/** Readonly filters. */
.block-xp-filters-wrapper .filters-readonly .filter {
padding: 10px;
}
.block-xp-filters-wrapper .filters-readonly .filter-rules > .rule > .rule-definition,
.block-xp-filters-wrapper .filters-readonly .rule-rules .rule {
line-height: 30px;
min-height: 30px;
}
.block-xp-filters-wrapper .filters-readonly .filter-rules > .rule > .rule-definition {
padding: 0 10px;
}
.block-xp-filters-wrapper .filters-readonly .rule-type-ruleset .rule-rules > .rule:first-child::before,
.block-xp-filters-wrapper .filters-readonly .rule.rule-type-ruleset::before {
top: 20px;
}
.block-xp-filters-wrapper .filters-readonly .rule-rules .rule::before {
top: 15px;
}
.block-xp-filters-wrapper .filters-readonly .rule-rules .rule:last-child::before {
top: 0;
height: 15px;
}
/** Level grid */
.block_xp-level-grid {
display: flex;
flex-wrap: wrap;
}
.block_xp-level-grid .block_xp-level-no {
position: absolute;
left: 10px;
top: 10px;
font-size: 20px;
font-weight: bold;
color: #fff;
}
.block_xp-level-grid .block_xp-level-boxed {
flex: 1 1 25%;
display: flex;
justify-content: center;
padding-right: 1em;
padding-bottom: 1em;
box-sizing: border-box;
}
.block_xp-level-grid .block_xp-level-boxed-with-desc {
flex-basis: 50%;
flex-grow: 2;
}
.block_xp-level-grid .block_xp-level-box {
position: relative;
flex: 1;
flex-direction: column;
justify-content: flex-start;
align-items: center;
background-color: #efefef;
border-radius: 5px;
padding: 1em;
display: flex;
}
.block_xp-level-grid .level-name {
font-size: 16px;
font-weight: bold;
text-align: center;
}
.block_xp-level-grid .block_xp-level-desc {
margin-top: 1em;
font-size: 12px;
line-height: 16px;
overflow: auto;
}
@media (min-width: 768px) {
.block_xp-level-grid .block_xp-level-boxed {
max-width: 50%;
}
}
/** Support inline input fields. */
.form-control.block_xp-form-control-inline {
min-width: 0;
width: auto;
display: inline;
}
/** Hide accepted file types from level badges filemanager. **/
.block_xp #fitem_id_badges fieldset [name=badges] + p,
.block_xp #fitem_id_badges fieldset .form-filetypes-descriptions {
display: none;
}
/** Remove margin on last row of modal forms. */
.block_xp .modal-form-dialogue form > .row:last-child {
margin-bottom: 0px !important;
}
/**
* CM rule.
*/
.block_xp-cm-rule-widget .cm-selected {
display: none;
}
.block_xp-cm-rule-widget.has-cm .cm-selection {
display: none;
}
.block_xp-cm-rule-widget.has-cm .cm-selected {
display: inline;
}
/** RTL styles. */
.dir-rtl .block-xp-filters-wrapper .filter-rules {
margin-left: 0;
margin-right: 20px;
}
.dir-rtl .block-xp-filters-wrapper .rule-rules {
margin-left: 0;
margin-right: 40px;
}
.dir-rtl .block-xp-filters-wrapper .filter-rules > .rule > .rule-rules {
margin-left: 0;
margin-right: 20px;
}
.dir-rtl .block-xp-filters-wrapper .filter-rules > .rule > .rule-definition {
padding-left: 0;
padding-right: 5px;
}
.dir-rtl .block-xp-filters-wrapper .rule-rules .rule {
border-left: 0;
border-right: 1px dotted #ccc;
padding-left: 0;
padding-right: 15px;
}
.dir-rtl .block-xp-filters-wrapper .rule-rules .rule::before {
right: 0;
}
.dir-rtl .block-xp-filters-wrapper .rule-add::before,
.dir-rtl .block-xp-filters-wrapper .rule-rules .rule:last-child::before {
border-left: 0;
border-right: 1px dotted #ccc;
right: 0;
}
.block_xp :is(.after\:xp-hidden)::after {
content: var(--tw-content);
display: none;
}
.block_xp :is(.first\:xp-mt-0:first-child) {
margin-top: 0px;
}
.block_xp :is(.hover\:xp-bg-gray-100:hover) {
background-color: #f3f4f6;
}
.block_xp :is(.hover\:xp-bg-gray-50:hover) {
background-color: #f9fafb;
}
.block_xp :is(.hover\:xp-text-gray-900:hover) {
color: #111827;
}
.block_xp :is(.focus\:xp-pointer-events-auto:focus) {
pointer-events: auto;
}
.block_xp :is(.focus\:xp-z-10:focus) {
z-index: 10;
}
.block_xp :is(.focus\:xp-opacity-100:focus) {
opacity: 1;
}
.block_xp :is(.xp-group:hover .group-hover\:xp-pointer-events-auto) {
pointer-events: auto;
}
.block_xp :is(.xp-group:hover .group-hover\:xp-opacity-100) {
opacity: 1;
}
.block_xp :is(.xp-group:focus .group-focus\:xp-opacity-100) {
opacity: 1;
}
@media (hover: hover) and (pointer: fine) {
.block_xp :is(.supports-hover\:xp-pointer-events-none) {
pointer-events: none;
}
.block_xp :is(.supports-hover\:xp-opacity-0) {
opacity: 0;
}
}
@media (min-width: 640px) {
.block_xp :is(.sm\:xp--mr-3) {
margin-right: -0.75rem;
}
.block_xp :is(.sm\:xp--mt-3) {
margin-top: -0.75rem;
}
.block_xp :is(.sm\:xp--mt-3\.5) {
margin-top: -0.875rem;
}
.block_xp :is(.sm\:xp-ml-\[100px\]) {
margin-left: 100px;
}
.block_xp :is(.sm\:xp-mr-1) {
margin-right: 0.25rem;
}
.block_xp :is(.sm\:xp-block) {
display: block;
}
.block_xp :is(.sm\:xp-w-2\/3) {
width: 66.666667%;
}
.block_xp :is(.sm\:xp-basis-52) {
flex-basis: 13rem;
}
.block_xp :is(.sm\:xp-grid-cols-10) {
grid-template-columns: repeat(10, minmax(0, 1fr));
}
.block_xp :is(.sm\:xp-grid-cols-2) {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.block_xp :is(.sm\:xp-flex-row) {
flex-direction: row;
}
.block_xp :is(.sm\:xp-gap-8) {
gap: 2rem;
}
.block_xp :is(.sm\:xp-pl-8) {
padding-left: 2rem;
}
}
@media (min-width: 768px) {
.block_xp :is(.md\:xp-flex-nowrap) {
flex-wrap: nowrap;
}
}
@media (min-width: 1024px) {
.block_xp :is(.lg\:xp-w-36) {
width: 9rem;
}
.block_xp :is(.lg\:xp-w-full) {
width: 100%;
}
.block_xp :is(.lg\:xp-flex-row) {
flex-direction: row;
}
.block_xp :is(.lg\:xp-flex-col) {
flex-direction: column;
}
.block_xp :is(.lg\:xp-flex-nowrap) {
flex-wrap: nowrap;
}
.block_xp :is(.lg\:xp-gap-0) {
gap: 0px;
}
.block_xp :is(.lg\:xp-border-b-0) {
border-bottom-width: 0px;
}
.block_xp :is(.lg\:xp-pb-0) {
padding-bottom: 0px;
}
.block_xp :is(.lg\:xp-space-y-1 > :not([hidden]) ~ :not([hidden])) {
margin-top: 0.25rem;
margin-bottom: 0;
}
}
.block_xp :is(.\[\&\>div\]\:xp-col-start-1>div) {
grid-column-start: 1;
}
.block_xp :is(.\[\&\>div\]\:xp-row-start-1>div) {
grid-row-start: 1;
}
.block_xp :is(.\[\&\>div\]\:xp-border-0>div) {
border-width: 0px;
}
.block_xp :is(.\[\&\>div\]\:xp-border-b>div) {
border-bottom-width: 1px;
}
.block_xp :is(.\[\&\>div\]\:xp-border-solid>div) {
border-style: solid;
}
.block_xp :is(.\[\&\>div\]\:xp-border-gray-200>div) {
border-color: #e5e7eb;
}
.block_xp :is(.\[\&_\.block\\_xp-level\]\:xp-mx-0 .block_xp-level) {
margin-left: 0px;
margin-right: 0px;
}
.block_xp :is(.\[\&_\.icon\]\:xp-m-0 .icon) {
margin: 0px;
}
.block_xp :is(.\[\&_a\]\:xp-font-normal a) {
font-weight: 400;
}
.block_xp :is(.\[\&_a\]\:xp-underline a) {
text-decoration-line: underline;
}
.block_xp :is(.\[\&_li\]\:xp-mb-1 li) {
margin-bottom: 0.25rem;
}
.block_xp :is(.last\:\[\&_p\]\:xp-m-0 p:last-child) {
margin: 0px;
}
.block_xp :is(.last\:\[\&_p\]\:xp-mb-0 p:last-child) {
margin-bottom: 0px;
}
.block_xp :is(.\[\&_ul\]\:xp-pl-4 ul) {
padding-left: 1rem;
}
/* stylelint-disable */
.vjs-svg-icon {
display: inline-block;
background-repeat: no-repeat;
background-position: center;
fill: currentColor;
height: 1.8em;
width: 1.8em;
}
.vjs-svg-icon:before {
content: none !important;
}
.vjs-svg-icon:hover,
.vjs-control:focus .vjs-svg-icon {
filter: drop-shadow(0 0 0.25em #fff);
}
.vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
text-align: center;
}
@font-face {
font-family: VideoJS;
src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABTsAAsAAAAAIpAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV32Y21hcAAAAYQAAAEJAAAD5p42+VxnbHlmAAACkAAADtIAABckI4l972hlYWQAABFkAAAAKwAAADYsvIjpaGhlYQAAEZAAAAAdAAAAJA+RCL1obXR4AAARsAAAABcAAAC8Q2YAAGxvY2EAABHIAAAAYAAAAGB7CIGGbWF4cAAAEigAAAAfAAAAIAFAAI9uYW1lAAASSAAAASUAAAIK1cf1oHBvc3QAABNwAAABfAAAAnXdFqh1eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGR7yDiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGPHcRdyA4RZgQRADaGCyYAAHic7dPXbcMwAEXRK1vuvffem749XAbKV3bjBA6fXsaIgMMLEWoQJaAEFKNnlELyQ4K27zib5PNF6vl8yld+TKr5kH0+cUw0xv00Hwvx2DResUyFKrV4XoMmLdp06NKjz4AhI8ZMmDJjzoIlK9Zs2LJjz4EjJ85cuHLjziPe/0UWL17mf2tqKLz/9jK9f8tXpGCoRdPKhtS0RqFkWvVQNtSKoVYNtWaoddPXEBqG2jQ9XWgZattQO4baNdSeofYNdWCoQ0MdGerYUCeGOjXUmaHODXVhqEtDXRnq2lA3hro11J2h7g31YKhHQz0Z6tlQL4Z6NdSbod4N9WGoT9MfHF6GmhnZLxyDcRMAAAB4nJ1YC1hU17U+a5/HMA4iA3NmVBDmoQwP5TFnHlFeA4gYiUFRQINoSCBAyK3G2yi+0aipYtFcHYo2xsb4NiY3+VrNxSaX5uvt495ozNdoYoxmem2/L8HGpLc+InB279pnhlGr5mvL4eyz99nrrL32eu1/DQcc/okdYgdHOA6MQKp4r9gx0EcMHMezOalVasW5BM7NcXoSb9fFgE6KtSSBxWz1FYDPG+vMBGcKb9cebu2VS5s2aaTkCvRSf6C7Y+Ppibm5E09v7IDs2/3uZQtbD0zIyppwoHXh/93ukmyYgdePNRp65p5v+3v/9otQl2O7wP34cT88p8Md2YxpYLQZoRcy6FlSBRnwnGAe6BPMSCZo+7NJVqS0cE4uHendzhSnbPH6TDqL1+Nme5LZXkCHnGyoH0kne30WH+gswhm3q+pt/mTas9NLS64GnjmSlTPw0wVQT/ewRaBgxtydy3cuUB9/6SW+vb5yRvr+t0eOfPKJZ/9t3+4tL7xj32Xd3thCxi+ge6ifdsAN+l5+wi5HQ/cCoeull1AszS7CUfEcJzK7sKWJAdJhCd0sPM4+EY7QDm5ov08hXRQXE5bf6PV5Q5+IjW7X7Nku92Ask4l2hCRRD6TPqISiCJeQna3SCFwrhrNzXHzo4yFevBwxpzxk8WCIIfkvVEKVy32SbT8n68gzgaslpaiO2zIGIyuSb7RNf9HSuN26y/7OC1tgEmpiyA6aD4qcgTOiLThwGG0eB694FI8NHLLN6OBlRVaMxNAFS4JdXUG6mW8PwpKuYLCLXKGbu8iwYNdgO06Sn3Th+/vyZAxs8Ro30DjHe9gy8Fywi24OMm7Qyzh3MTZVOMYhLBnoC+J79lpTUyQmorjhnMwlcQ5uPEYGpDjsOkkH49BjQLQBqs3jFtFdJNlksYmoQFDArLh8Xh+Qd6Ghcsb6FUuehDi+U/lqD71K/qiegeV1imcwjl7ExwiSrf4BZyCujV6cVcFo6VX+G9IcPyFjJnUufbU/jzrL1X99as36reXl8K32nFaOr+E8jWJEcJ55DpMVfSMe95/AJaOsGBH2GJCNpiRQbK4C8BjdmQA22QY2j03Em13i2YHqtNLU1NI04Yj2HJgA6fQc6VPNpA/D+Ryks554NnVy2mB72uRUfPLsqR4N0LOBQKArwJYO+5W2fgZX8oC1HR6HjNaQTVIG2FPwnTcXXGZZfNB7TE6pTKZUwaw91XWLAoFFGcnB5PHjsckgBjbWutrL+0h5Y1xw3DRGDumsnXb3MJwXrJIN5U7m0rgJ3yG5w4he5ckFG4pmNEkOm0/xOO4r4yL87wqtQM+hiJIVp+6iG2wPBKD35ElGkDx+UfC2v1mFG1o+M3AjNFty8biKMXwzyxnZLds8wYD2BxmCPHAldPOeLsy/0BugftYhVYFAhO8SqQ0j3oK7dHJZnI/jxmUS4onlxskSF8thmvNZjIrRZwEPxr0lBuLRuz3oy/FOHCsxwOPYh2M+e9u3J5pgPYz9gp6G7C9m0A11F9ddqKMfV+4sbq45/YspOysXvT+3pdFdYNg2fHbW8Dz301MqDVuGrz0Fuh0YMW8mddrpqzST7rV9BcvqPoNvadRndWp0p8HvbiqrFj5yFQ/vNFSXDpxpLEFWp+DcrF3FT1afWshFcmCfeAMjEvO65i0Y6XijQfSRPWx3TV/Df7Km3E1l+kLt56s/rwVzuRusNMhudznkwdLaS+QNdeal2jDPP4l9qHc98vTYZOSkxzD+njBWVWjFPKgipx6DkWvXQiW8OYcewVHE5yukinDMcfGgc0opDltYKDxIGBedkzc6jSfE7tlvESCDFUw0Hx0opS+U0lHCxNottbNWSxX9zZVvEhKWUSyBpaXwBc2a98M6UqPeXAs/GDon8Ax7hsthO8cM5HU7Ad0UvRR9lHmtyQKZ4MAe814X5h9MSUkQmhf96eVJ6p90OjIiqSIjvykvr2l5U55O/fPQKD+jIomYpNyGJQ25uQ2kIikRfAmuBHCPsWqkSDEqgZ5KDI2sifS/R43MbZg0idFHbCPNxXxZws1ACVE6hAhOdJwRkJLFBLPZpRGYJ50pko6XzMkgmSx40ljik6AQcKhFnLcQE6rF7PXFe1Ocoj0T3AXgSgJTDIhHRfHlYZKuSzc6uievOJGXY+i5GJkkTp7UM3y0LqATDbtFcbdBxO7o4T25JYlEjoH0uynUh8rapkxp62QN70svSF+hT4gGPlovlmcm/ComLi7mV4kTykV9NFWjE/QrwgQ4uIcAP0rQF4VZYRP2o3PhHHzfPMJj9Ir+uzKUlrH49ntT18AVvj1sc3YGjUT/Mt2Dxawa8ArcA7bCQIpvfwAYu22vEG/No/5RvPdA7g+AelLrPwzy+LtkLPhnpIxH14m4EYq8eeMHbPEPNm6G7Nv9B4jcFPZ8bJj0SEjP3MPgQdKTqqEoy2v6G32P/Y6dxOv04AxnoAeq+GILvUavtYCBXm+BaIhuodcfrN5B/V2EYMCPh+SxavjGyPwV0x4CJgUPGT0mQaODGBACIJZGsMXwAD0LGXx7l3CdAcKMIKI+f5CepWeD0BvyU/GcdBxPF8SwejC6LGZmAURFdsSWKR5HyHld2kbdIZO1Ixx+bnnzU7n5+blPNV9jnUDWhP2tC68tbN3PVIldsQPxSAcSpjOav7Q05uXn5zW2LLvDXn9B6syscPy9iDLEMmSrJz6nYuWMipukjM0AH8JkGS+XFyMRkzSCH7KD/hwm172SAyZYumHlefr5AddrtA0O0TnwaVZxcRY9Bfukn9Gf05N1r9DV9MoBsJ1f+ZrqUvtPHizJAntWybv7hmqLt6QLuK6ZS9Fqi1jO5rDoWPZXXII5Tgajg53cIXCjDCGIcYrRIY2n6+mXOa/W0bdhau3ryiEYe2FV/5oeaIYK/5w5frCyll6/cYO8DiNhw6t1MBWmznt91QX62UF1N7l0eHBZTRGpKaqpKVIPF9UcIzmReud9TSY75+K899GHbBu6wjoR7RKKZVYiYxSPf5/2wJT5e3NAhmUbVn5KLx1Ujg0+BGvpAIh0DezInTkzF37KVocxrKU3r1+XLtAe2lO3l66kfQfB/unKY+q8N375Ru8bc4pJXfEcESU95q+p8ZNZRTWH1d9FzvUdYXk5rLkcdkEisoKKVHQW/b3GEx6tPaYcoJfOr9wAbSBnv1IHpep0OExr4LPMkpJM+j7sly7UHkOzXjoAZljHCGiyegtNlwljM0v+c19ET9Pvst09a2Mtgcf5/ZSzYO5h1156+eyydfAsxGa9XAuF6vzjh6CssLq6ECysperXX0sX5h5ZdpZe3guxsGIPEtHk/aqXX1hVqP5HYVVVISkrrNqvXorIc+5Ou91Hnr/LcD2afi6eX7UBloOcs7cOpqgGaNfs1g7bNbs9z6wASaylN69d0/TFTIz6Ws8+oGV3mE2612wRTHKcVUbhjKadebloMc+dyXgMVtVK6BwMB/+mVW09igdRBWaRtNQX59d/VD//xdQ0TCiYNj1KT9sq6Wdu5WTbqk3qDXyDaLa1fv621LS01G3z61sD6lH8lAxDLicV921s6Bf92JOYvzNYCL1khbqBXEFUzC521N5NyzNaQIWhjyFyDoBIVrAjmv2UEaLlI+c6zw1jmVIPLLLZZUTj6GxGHW+mq1tgHXR2D85p4Q934+jLbtjVLcyCdS10NVzpHqxp4Q/hK7WopY/NRGx9HGsPGdFjOjcpjBnGYMVqY/4eqT5khWEHWUup2A/pTw7pdWgsWft7ETUERL96nRg0HNFPmCYba6pylECaExX89A9WLUOVB4oKLu/o1oqSYHCgLzBUlAz8hNFDRpeSU1XT+LRmDUgPaKbYdHDn9suF/tu13nHJij0N97LfS0QmqONuyONk7zvUI6Qa0pF9f2+oABL92AT6e0U//z9YqAiWtJLU1JK0gS+1aacwamiNqK067u9ZQ8f1d4qLodMzz3uL89Z68V/Hnr++hXWUuHgw8dfi972PeTyPefu3aNNucemQ74qFuIaJnVkOu4Q+yjuwmmC1FqZpl1i4uzoPxjkpPf3Xv545tl26Rr+dOvUd+omqJzch9dOeU7f10Y64nMcKK137DccIZq2WdXtdZjbEoLSzHwiMtrjYLDxpHQW8gjMX6XFYAE2zSWVD04EGYSs9MbO6sEo20BMEAB4mpvSypsKjZ4Stgzb+c3A9/MQT2+vrBy+qvyFxLUtLlSRF/Ri2wjfZ2dus2Q8lXx4608/jnqK5OOap6NY2PSjYYnECCjiEeLJll/pbmqfeIK+ps3+MxrlEhqmTPipVP7kqlF4VhpEb6r+Q7YOJg38kJ9SHBf3NBl6+9YchfbUjb5ahLSzUM3kPHmwFAsZ5rpai0S7E5xWzZ1j+fW7zsUWP2g5NXTw52ySCTrgG0+lbw60l2Y/CB185CoA8NK+tbRKxfjy6pm5hzQRRR+cMqv1Jbiw6STivtEvt3DRcy0QEh92JlUGo2PG4tSKHl00YD6xc8CK+YPYyy3io2lN8BcSjKRzrIV6ypOAobqxViJPaT9M9Hy5szY33mp7OX/Zu89L/7Ww5vqY2Y8b0pKgoiUhG5cPDPzq8qTV/WkzUOIvXVVA96kmjcBrr3HrYC/Wn+fYP6Z7T1rqy3zknbvqma/FvVk96fNXGkuaXrdHW5JGSxZT/2I/O73v+yNWafMdzc5NdxYurHs6h86e01sLKLz9EBrg+x36rxAaED7hRnAMx7Vzu+9wabh3zG8XLQjx0ablUJzmxdErxYT3kzQSd0SSafVqF5PXgpp0OyYJ1EyNHpGUZmvK575ySzd85JSqF7IBzSAbMM04+MbE58xF3/njXOGecSaermlw2y9PsSQdytLJVr8t+wg+rR8cZYoeNxVIzNdk3Bngi8U5LAlgTFoQnzJCa5EsCgYhCaGL+qPj7TdhG31p9tej3R04N//PXxNwJvyUqwaJqRPJY98TJ5TPndmflRAkAhBfe46sfKW5wizSge08Xb7Ca/GUVs55trngkKkrUS2WPzKttaaqq+idmahugkY+W6fN0I6i3gPt/x88U4wAAeJxjYGRgYADiGU9YXsXz23xl4GZnAIFH7fO+IdMc/WBxDgYmEAUASbMKwAB4nGNgZGBgZwABjj4Ghv//OfoZGBlQgT4ARicDZAAAAHicY2BgYGAfxJijD8Fmu4EqBwCSpgKpAAAAAAAADgBoAH4AzADgAQIBQgFsAZgB7gIuAooC0AL8A2IDjAOoA+AEMASwBNoFCAVaBcAGCAYuBnAGrAb2B04HigfSCCoIcAiGCJwIyAkkCVYJiAmsCfIKIApWCsQLknicY2BkYGDQZ2hmYGcAASYg5gJCBob/YD4DABqrAdAAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2ReVPbMBDF/ULi2EkDBFqO3gdHLxUzDB9IkdexBllydRD49ihO3Ckz7B/a31utZnafkkGyiXnyclxhgB0MMUKKMTLkmGCKV5hhF3vYxxwHOMRrvMERjnGCU7zFO7zHB3zEJ3zGF3zFN5zhHBe4xHf8wE/8wm8w/MEVimTYKv44XR9MSCsUjVoeHE3vjQoNsSZ4mmxZmVWPjSz7jlou6/0qKOWEJdKMtCe793/hQfqxa6XWZHMXFl56RS4TvPXSaDeoy0zUUZB109KstDK8lHo5q6Qi1hcOnqkImubPS6aqRq7mlnaEWabub4iYblba3SRmgldS0+FWdhNtt04F14JUaqkl7tcpOpJtErvNt3Bd9HRT5JWxK25Ldjvp6br4hzfFiIdSmlzTg2fSUzNrLd1LE1ynxq4OVaVoKLjzJ60UPtj1RKzHzsbjly6inVnFBS2MucviPncU7Rr7lfTxRepDs1A2j3ZHRc7PuzFYSfE3ZOd4kjwBy227hA==) format("woff");
font-weight: normal;
font-style: normal;
}
.vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
content: "\f101";
}
.vjs-icon-play-circle {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-play-circle:before {
content: "\f102";
}
.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
content: "\f103";
}
.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
content: "\f104";
}
.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
content: "\f105";
}
.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
content: "\f106";
}
.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
content: "\f107";
}
.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
content: "\f108";
}
.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
content: "\f109";
}
.vjs-icon-spinner {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-spinner:before {
content: "\f10a";
}
.vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
content: "\f10b";
}
.vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before {
content: "\f10c";
}
.vjs-icon-hd {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-hd:before {
content: "\f10d";
}
.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
content: "\f10e";
}
.vjs-icon-downloading {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-downloading:before {
content: "\f10f";
}
.vjs-icon-file-download {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-file-download:before {
content: "\f110";
}
.vjs-icon-file-download-done {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-file-download-done:before {
content: "\f111";
}
.vjs-icon-file-download-off {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-file-download-off:before {
content: "\f112";
}
.vjs-icon-share {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-share:before {
content: "\f113";
}
.vjs-icon-cog {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-cog:before {
content: "\f114";
}
.vjs-icon-square {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-square:before {
content: "\f115";
}
.vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before {
content: "\f116";
}
.vjs-icon-circle-outline {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-circle-outline:before {
content: "\f117";
}
.vjs-icon-circle-inner-circle {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-circle-inner-circle:before {
content: "\f118";
}
.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
content: "\f119";
}
.vjs-icon-repeat {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-repeat:before {
content: "\f11a";
}
.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
content: "\f11b";
}
.vjs-icon-replay-5, .video-js .vjs-skip-backward-5 .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-replay-5:before, .video-js .vjs-skip-backward-5 .vjs-icon-placeholder:before {
content: "\f11c";
}
.vjs-icon-replay-10, .video-js .vjs-skip-backward-10 .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-replay-10:before, .video-js .vjs-skip-backward-10 .vjs-icon-placeholder:before {
content: "\f11d";
}
.vjs-icon-replay-30, .video-js .vjs-skip-backward-30 .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-replay-30:before, .video-js .vjs-skip-backward-30 .vjs-icon-placeholder:before {
content: "\f11e";
}
.vjs-icon-forward-5, .video-js .vjs-skip-forward-5 .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-forward-5:before, .video-js .vjs-skip-forward-5 .vjs-icon-placeholder:before {
content: "\f11f";
}
.vjs-icon-forward-10, .video-js .vjs-skip-forward-10 .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-forward-10:before, .video-js .vjs-skip-forward-10 .vjs-icon-placeholder:before {
content: "\f120";
}
.vjs-icon-forward-30, .video-js .vjs-skip-forward-30 .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-forward-30:before, .video-js .vjs-skip-forward-30 .vjs-icon-placeholder:before {
content: "\f121";
}
.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
content: "\f122";
}
.vjs-icon-next-item {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-next-item:before {
content: "\f123";
}
.vjs-icon-previous-item {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-previous-item:before {
content: "\f124";
}
.vjs-icon-shuffle {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-shuffle:before {
content: "\f125";
}
.vjs-icon-cast {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-cast:before {
content: "\f126";
}
.vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
content: "\f127";
}
.vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
content: "\f128";
}
.vjs-icon-facebook {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-facebook:before {
content: "\f129";
}
.vjs-icon-linkedin {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-linkedin:before {
content: "\f12a";
}
.vjs-icon-twitter {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-twitter:before {
content: "\f12b";
}
.vjs-icon-tumblr {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-tumblr:before {
content: "\f12c";
}
.vjs-icon-pinterest {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-pinterest:before {
content: "\f12d";
}
.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
content: "\f12e";
}
.video-js {
display: inline-block;
vertical-align: top;
box-sizing: border-box;
color: #fff;
background-color: #000;
position: relative;
padding: 0;
font-size: 10px;
line-height: 1;
font-weight: normal;
font-style: normal;
font-family: Arial, Helvetica, sans-serif;
word-break: initial;
}
.video-js:-moz-full-screen {
position: absolute;
}
.video-js:-webkit-full-screen {
width: 100% !important;
height: 100% !important;
}
.video-js[tabindex="-1"] {
outline: none;
}
.video-js *,
.video-js *:before,
.video-js *:after {
box-sizing: inherit;
}
.video-js ul {
font-family: inherit;
font-size: inherit;
line-height: inherit;
list-style-position: outside;
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom: 0;
}
.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3,
.video-js.vjs-9-16,
.video-js.vjs-1-1 {
width: 100%;
max-width: 100%;
}
.video-js.vjs-fluid:not(.vjs-audio-only-mode),
.video-js.vjs-16-9:not(.vjs-audio-only-mode),
.video-js.vjs-4-3:not(.vjs-audio-only-mode),
.video-js.vjs-9-16:not(.vjs-audio-only-mode),
.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
height: 0;
}
.video-js.vjs-16-9:not(.vjs-audio-only-mode) {
padding-top: 56.25%;
}
.video-js.vjs-4-3:not(.vjs-audio-only-mode) {
padding-top: 75%;
}
.video-js.vjs-9-16:not(.vjs-audio-only-mode) {
padding-top: 177.7777777778%;
}
.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
padding-top: 100%;
}
.video-js.vjs-fill:not(.vjs-audio-only-mode) {
width: 100%;
height: 100%;
}
.video-js .vjs-tech {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-js.vjs-audio-only-mode .vjs-tech {
display: none;
}
body.vjs-full-window,
body.vjs-pip-window {
padding: 0;
margin: 0;
height: 100%;
}
.vjs-full-window .video-js.vjs-fullscreen,
body.vjs-pip-window .video-js {
position: fixed;
overflow: hidden;
z-index: 1000;
left: 0;
top: 0;
bottom: 0;
right: 0;
}
.video-js.vjs-fullscreen:not(.vjs-ios-native-fs),
body.vjs-pip-window .video-js {
width: 100% !important;
height: 100% !important;
padding-top: 0 !important;
display: block;
}
.video-js.vjs-fullscreen.vjs-user-inactive {
cursor: none;
}
.vjs-pip-container .vjs-pip-text {
position: absolute;
bottom: 10%;
font-size: 2em;
background-color: rgba(0, 0, 0, 0.7);
padding: 0.5em;
text-align: center;
width: 100%;
}
.vjs-layout-tiny.vjs-pip-container .vjs-pip-text,
.vjs-layout-x-small.vjs-pip-container .vjs-pip-text,
.vjs-layout-small.vjs-pip-container .vjs-pip-text {
bottom: 0;
font-size: 1.4em;
}
.vjs-hidden {
display: none !important;
}
.vjs-disabled {
opacity: 0.5;
cursor: default;
}
.video-js .vjs-offscreen {
height: 1px;
left: -9999px;
position: absolute;
top: 0;
width: 1px;
}
.vjs-lock-showing {
display: block !important;
opacity: 1 !important;
visibility: visible !important;
}
.vjs-no-js {
padding: 20px;
color: #fff;
background-color: #000;
font-size: 18px;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
width: 300px;
height: 150px;
margin: 0px auto;
}
.vjs-no-js a,
.vjs-no-js a:visited {
color: #66A8CC;
}
.video-js .vjs-big-play-button {
font-size: 3em;
line-height: 1.5em;
height: 1.63332em;
width: 3em;
display: block;
position: absolute;
top: 50%;
left: 50%;
padding: 0;
margin-top: -0.81666em;
margin-left: -1.5em;
cursor: pointer;
opacity: 1;
border: 0.06666em solid #fff;
background-color: #2B333F;
background-color: rgba(43, 51, 63, 0.7);
border-radius: 0.3em;
transition: all 0.4s;
}
.vjs-big-play-button .vjs-svg-icon {
width: 1em;
height: 1em;
position: absolute;
top: 50%;
left: 50%;
line-height: 1;
transform: translate(-50%, -50%);
}
.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
border-color: #fff;
background-color: #73859f;
background-color: rgba(115, 133, 159, 0.5);
transition: all 0s;
}
.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
display: none;
}
.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause:not(.vjs-seeking, .vjs-scrubbing, .vjs-error) .vjs-big-play-button {
display: block;
}
.video-js button {
background: none;
border: none;
color: inherit;
display: inline-block;
font-size: inherit;
line-height: inherit;
text-transform: none;
text-decoration: none;
transition: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.video-js.vjs-spatial-navigation-enabled .vjs-button:focus {
outline: 0.0625em solid white;
box-shadow: none;
}
.vjs-control .vjs-button {
width: 100%;
height: 100%;
}
.video-js .vjs-control.vjs-close-button {
cursor: pointer;
height: 3em;
position: absolute;
right: 0;
top: 0.5em;
z-index: 2;
}
.video-js .vjs-modal-dialog {
background: rgba(0, 0, 0, 0.8);
background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
overflow: auto;
}
.video-js .vjs-modal-dialog > * {
box-sizing: border-box;
}
.vjs-modal-dialog .vjs-modal-dialog-content {
font-size: 1.2em;
line-height: 1.5;
padding: 20px 24px;
z-index: 1;
}
.vjs-menu-button {
cursor: pointer;
}
.vjs-menu-button.vjs-disabled {
cursor: default;
}
.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
display: none;
}
.vjs-menu .vjs-menu-content {
display: block;
padding: 0;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
overflow: auto;
}
.vjs-menu .vjs-menu-content > * {
box-sizing: border-box;
}
.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
display: none;
}
.vjs-menu li {
display: flex;
justify-content: center;
list-style: none;
margin: 0;
padding: 0.2em 0;
line-height: 1.4em;
font-size: 1.2em;
text-align: center;
text-transform: lowercase;
}
.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover,
.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
background-color: #73859f;
background-color: rgba(115, 133, 159, 0.5);
}
.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover,
.js-focus-visible .vjs-menu li.vjs-selected:hover {
background-color: #fff;
color: #2B333F;
}
.vjs-menu li.vjs-selected .vjs-svg-icon,
.vjs-menu li.vjs-selected:focus .vjs-svg-icon,
.vjs-menu li.vjs-selected:hover .vjs-svg-icon,
.js-focus-visible .vjs-menu li.vjs-selected:hover .vjs-svg-icon {
fill: #000000;
}
.video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible),
.js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible) {
background: none;
}
.vjs-menu li.vjs-menu-title {
text-align: center;
text-transform: uppercase;
font-size: 1em;
line-height: 2em;
padding: 0;
margin: 0 0 0.3em 0;
font-weight: bold;
cursor: default;
}
.vjs-menu-button-popup .vjs-menu {
display: none;
position: absolute;
bottom: 0;
width: 10em;
left: -3em;
height: 0em;
margin-bottom: 1.5em;
border-top-color: rgba(43, 51, 63, 0.7);
}
.vjs-pip-window .vjs-menu-button-popup .vjs-menu {
left: unset;
right: 1em;
}
.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
background-color: #2B333F;
background-color: rgba(43, 51, 63, 0.7);
position: absolute;
width: 100%;
bottom: 1.5em;
max-height: 15em;
}
.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
max-height: 5em;
}
.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
max-height: 10em;
}
.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
max-height: 14em;
}
.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
max-height: 25em;
}
.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
display: block;
}
.video-js .vjs-menu-button-inline {
transition: all 0.4s;
overflow: hidden;
}
.video-js .vjs-menu-button-inline:before {
width: 2.222222222em;
}
.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active {
width: 12em;
}
.vjs-menu-button-inline .vjs-menu {
opacity: 0;
height: 100%;
width: auto;
position: absolute;
left: 4em;
top: 0;
padding: 0;
margin: 0;
transition: all 0.4s;
}
.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
display: block;
opacity: 1;
}
.vjs-menu-button-inline .vjs-menu-content {
width: auto;
height: 100%;
margin: 0;
overflow: hidden;
}
.video-js .vjs-control-bar {
display: none;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 3em;
background-color: #2B333F;
background-color: rgba(43, 51, 63, 0.7);
}
.video-js.vjs-spatial-navigation-enabled .vjs-control-bar {
gap: 1px;
}
.video-js:not(.vjs-controls-disabled, .vjs-using-native-controls, .vjs-error) .vjs-control-bar.vjs-lock-showing {
display: flex !important;
}
.vjs-has-started .vjs-control-bar,
.vjs-audio-only-mode .vjs-control-bar {
display: flex;
visibility: visible;
opacity: 1;
transition: visibility 0.1s, opacity 0.1s;
}
.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
visibility: visible;
opacity: 0;
pointer-events: none;
transition: visibility 1s, opacity 1s;
}
.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
display: none !important;
}
.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,
.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.video-js .vjs-control {
position: relative;
text-align: center;
margin: 0;
padding: 0;
height: 100%;
width: 4em;
flex: none;
}
.video-js .vjs-control.vjs-visible-text {
width: auto;
padding-left: 1em;
padding-right: 1em;
}
.vjs-button > .vjs-icon-placeholder:before {
font-size: 1.8em;
line-height: 1.67;
}
.vjs-button > .vjs-icon-placeholder {
display: block;
}
.vjs-button > .vjs-svg-icon {
display: inline-block;
}
.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
text-shadow: 0em 0em 1em white;
}
.video-js *:not(.vjs-visible-text) > .vjs-control-text {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.video-js .vjs-custom-control-spacer {
display: none;
}
.video-js .vjs-progress-control {
cursor: pointer;
flex: auto;
display: flex;
align-items: center;
min-width: 4em;
touch-action: none;
}
.video-js .vjs-progress-control.disabled {
cursor: default;
}
.vjs-live .vjs-progress-control {
display: none;
}
.vjs-liveui .vjs-progress-control {
display: flex;
align-items: center;
}
.video-js .vjs-progress-holder {
flex: auto;
transition: all 0.2s;
height: 0.3em;
}
.video-js .vjs-progress-control .vjs-progress-holder {
margin: 0 10px;
}
.video-js .vjs-progress-control:hover .vjs-progress-holder {
font-size: 1.6666666667em;
}
.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
font-size: 1em;
}
.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
position: absolute;
display: block;
height: 100%;
margin: 0;
padding: 0;
width: 0;
}
.video-js .vjs-play-progress {
background-color: #fff;
}
.video-js .vjs-play-progress:before {
font-size: 0.9em;
position: absolute;
right: -0.5em;
line-height: 0.35em;
z-index: 1;
}
.vjs-svg-icons-enabled .vjs-play-progress:before {
content: none !important;
}
.vjs-play-progress .vjs-svg-icon {
position: absolute;
top: -0.35em;
right: -0.4em;
width: 0.9em;
height: 0.9em;
pointer-events: none;
line-height: 0.15em;
z-index: 1;
}
.video-js .vjs-load-progress {
background: rgba(115, 133, 159, 0.5);
}
.video-js .vjs-load-progress div {
background: rgba(115, 133, 159, 0.75);
}
.video-js .vjs-time-tooltip {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.8);
border-radius: 0.3em;
color: #000;
float: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
padding: 6px 8px 8px 8px;
pointer-events: none;
position: absolute;
top: -3.4em;
visibility: hidden;
z-index: 1;
}
.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
display: none;
}
.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
display: block;
font-size: 0.6em;
visibility: visible;
}
.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
font-size: 1em;
}
.video-js .vjs-progress-control .vjs-mouse-display {
display: none;
position: absolute;
width: 1px;
height: 100%;
background-color: #000;
z-index: 1;
}
.video-js .vjs-progress-control:hover .vjs-mouse-display {
display: block;
}
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
visibility: hidden;
opacity: 0;
transition: visibility 1s, opacity 1s;
}
.vjs-mouse-display .vjs-time-tooltip {
color: #fff;
background-color: #000;
background-color: rgba(0, 0, 0, 0.8);
}
.video-js .vjs-slider {
position: relative;
cursor: pointer;
padding: 0;
margin: 0 0.45em 0 0.45em;
/* iOS Safari */
-webkit-touch-callout: none;
/* Safari, and Chrome 53 */
-webkit-user-select: none;
/* Non-prefixed version, currently supported by Chrome and Opera */
-moz-user-select: none;
user-select: none;
background-color: #73859f;
background-color: rgba(115, 133, 159, 0.5);
}
.video-js .vjs-slider.disabled {
cursor: default;
}
.video-js .vjs-slider:focus {
text-shadow: 0em 0em 1em white;
box-shadow: 0 0 1em #fff;
}
.video-js.vjs-spatial-navigation-enabled .vjs-slider:focus {
outline: 0.0625em solid white;
}
.video-js .vjs-mute-control {
cursor: pointer;
flex: none;
}
.video-js .vjs-volume-control {
cursor: pointer;
margin-right: 1em;
display: flex;
}
.video-js .vjs-volume-control.vjs-volume-horizontal {
width: 5em;
}
.video-js .vjs-volume-panel .vjs-volume-control {
visibility: visible;
opacity: 0;
width: 1px;
height: 1px;
margin-left: -1px;
}
.video-js .vjs-volume-panel {
transition: width 1s;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
visibility: visible;
opacity: 1;
position: relative;
transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
width: 5em;
height: 3em;
margin-right: 0;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
left: -3.5em;
transition: left 0s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
width: 10em;
transition: width 0.1s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
width: 4em;
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
height: 8em;
width: 3em;
left: -3000em;
transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
}
.video-js .vjs-volume-panel {
display: flex;
}
.video-js .vjs-volume-bar {
margin: 1.35em 0.45em;
}
.vjs-volume-bar.vjs-slider-horizontal {
width: 5em;
height: 0.3em;
}
.vjs-volume-bar.vjs-slider-vertical {
width: 0.3em;
height: 5em;
margin: 1.35em auto;
}
.video-js .vjs-volume-level {
position: absolute;
bottom: 0;
left: 0;
background-color: #fff;
}
.video-js .vjs-volume-level:before {
position: absolute;
font-size: 0.9em;
z-index: 1;
}
.vjs-slider-vertical .vjs-volume-level {
width: 0.3em;
}
.vjs-slider-vertical .vjs-volume-level:before {
top: -0.5em;
left: -0.3em;
z-index: 1;
}
.vjs-svg-icons-enabled .vjs-volume-level:before {
content: none;
}
.vjs-volume-level .vjs-svg-icon {
position: absolute;
width: 0.9em;
height: 0.9em;
pointer-events: none;
z-index: 1;
}
.vjs-slider-horizontal .vjs-volume-level {
height: 0.3em;
}
.vjs-slider-horizontal .vjs-volume-level:before {
line-height: 0.35em;
right: -0.5em;
}
.vjs-slider-horizontal .vjs-volume-level .vjs-svg-icon {
right: -0.3em;
transform: translateY(-50%);
}
.vjs-slider-vertical .vjs-volume-level .vjs-svg-icon {
top: -0.55em;
transform: translateX(-50%);
}
.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
width: 4em;
}
.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
height: 100%;
}
.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
width: 100%;
}
.video-js .vjs-volume-vertical {
width: 3em;
height: 8em;
bottom: 8em;
background-color: #2B333F;
background-color: rgba(43, 51, 63, 0.7);
}
.video-js .vjs-volume-horizontal .vjs-menu {
left: -2em;
}
.video-js .vjs-volume-tooltip {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.8);
border-radius: 0.3em;
color: #000;
float: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
padding: 6px 8px 8px 8px;
pointer-events: none;
position: absolute;
top: -3.4em;
visibility: hidden;
z-index: 1;
}
.video-js .vjs-volume-control:hover .vjs-volume-tooltip,
.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
display: block;
font-size: 1em;
visibility: visible;
}
.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip,
.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
left: 1em;
top: -12px;
}
.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
font-size: 1em;
}
.video-js .vjs-volume-control .vjs-mouse-display {
display: none;
position: absolute;
width: 100%;
height: 1px;
background-color: #000;
z-index: 1;
}
.video-js .vjs-volume-horizontal .vjs-mouse-display {
width: 1px;
height: 100%;
}
.video-js .vjs-volume-control:hover .vjs-mouse-display {
display: block;
}
.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
visibility: hidden;
opacity: 0;
transition: visibility 1s, opacity 1s;
}
.vjs-mouse-display .vjs-volume-tooltip {
color: #fff;
background-color: #000;
background-color: rgba(0, 0, 0, 0.8);
}
.vjs-poster {
display: inline-block;
vertical-align: middle;
cursor: pointer;
margin: 0;
padding: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
}
.vjs-has-started .vjs-poster,
.vjs-using-native-controls .vjs-poster {
display: none;
}
.vjs-audio.vjs-has-started .vjs-poster,
.vjs-has-started.vjs-audio-poster-mode .vjs-poster,
.vjs-pip-container.vjs-has-started .vjs-poster {
display: block;
}
.vjs-poster img {
width: 100%;
height: 100%;
object-fit: contain;
}
.video-js .vjs-live-control {
display: flex;
align-items: flex-start;
flex: auto;
font-size: 1em;
line-height: 3em;
}
.video-js:not(.vjs-live) .vjs-live-control,
.video-js.vjs-liveui .vjs-live-control {
display: none;
}
.video-js .vjs-seek-to-live-control {
align-items: center;
cursor: pointer;
flex: none;
display: inline-flex;
height: 100%;
padding-left: 0.5em;
padding-right: 0.5em;
font-size: 1em;
line-height: 3em;
width: auto;
min-width: 4em;
}
.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
display: none;
}
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
cursor: auto;
}
.vjs-seek-to-live-control .vjs-icon-placeholder {
margin-right: 0.5em;
color: #888;
}
.vjs-svg-icons-enabled .vjs-seek-to-live-control {
line-height: 0;
}
.vjs-seek-to-live-control .vjs-svg-icon {
width: 1em;
height: 1em;
pointer-events: none;
fill: #888888;
}
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
color: red;
}
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-svg-icon {
fill: red;
}
.video-js .vjs-time-control {
flex: none;
font-size: 1em;
line-height: 3em;
min-width: 2em;
width: auto;
padding-left: 1em;
padding-right: 1em;
}
.vjs-live .vjs-time-control,
.vjs-live .vjs-time-divider,
.video-js .vjs-current-time,
.video-js .vjs-duration {
display: none;
}
.vjs-time-divider {
display: none;
line-height: 3em;
}
.video-js .vjs-play-control {
cursor: pointer;
}
.video-js .vjs-play-control .vjs-icon-placeholder {
flex: none;
}
.vjs-text-track-display {
position: absolute;
bottom: 3em;
left: 0;
right: 0;
top: 0;
pointer-events: none;
}
.vjs-error .vjs-text-track-display {
display: none;
}
.video-js.vjs-controls-disabled .vjs-text-track-display,
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
bottom: 1em;
}
.video-js .vjs-text-track {
font-size: 1.4em;
text-align: center;
margin-bottom: 0.1em;
}
.vjs-subtitles {
color: #fff;
}
.vjs-captions {
color: #fc6;
}
.vjs-tt-cue {
display: block;
}
video::-webkit-media-text-track-display {
transform: translateY(-3em);
}
.video-js.vjs-controls-disabled video::-webkit-media-text-track-display,
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
transform: translateY(-1.5em);
}
.video-js.vjs-force-center-align-cues .vjs-text-track-cue {
text-align: center !important;
width: 80% !important;
}
.video-js .vjs-picture-in-picture-control {
cursor: pointer;
flex: none;
}
.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control,
.vjs-pip-window .vjs-picture-in-picture-control {
display: none;
}
.video-js .vjs-fullscreen-control {
cursor: pointer;
flex: none;
}
.video-js.vjs-audio-only-mode .vjs-fullscreen-control,
.vjs-pip-window .vjs-fullscreen-control {
display: none;
}
.vjs-playback-rate > .vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.vjs-playback-rate .vjs-playback-rate-value {
pointer-events: none;
font-size: 1.5em;
line-height: 2;
text-align: center;
}
.vjs-playback-rate .vjs-menu {
width: 4em;
left: 0em;
}
.vjs-error .vjs-error-display .vjs-modal-dialog-content {
font-size: 1.4em;
text-align: center;
}
.vjs-loading-spinner {
display: none;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0.85;
text-align: left;
border: 0.6em solid rgba(43, 51, 63, 0.7);
box-sizing: border-box;
background-clip: padding-box;
width: 5em;
height: 5em;
border-radius: 50%;
visibility: hidden;
}
.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
display: flex;
justify-content: center;
align-items: center;
animation: vjs-spinner-show 0s linear 0.3s forwards;
}
.vjs-error .vjs-loading-spinner {
display: none;
}
.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
content: "";
position: absolute;
box-sizing: inherit;
width: inherit;
height: inherit;
border-radius: inherit;
opacity: 1;
border: inherit;
border-color: transparent;
border-top-color: white;
}
.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
}
.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
border-top-color: rgb(255, 255, 255);
}
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
border-top-color: rgb(255, 255, 255);
animation-delay: 0.44s;
}
@keyframes vjs-spinner-show {
to {
visibility: visible;
}
}
@keyframes vjs-spinner-spin {
100% {
transform: rotate(360deg);
}
}
@keyframes vjs-spinner-fade {
0% {
border-top-color: #73859f;
}
20% {
border-top-color: #73859f;
}
35% {
border-top-color: white;
}
60% {
border-top-color: #73859f;
}
100% {
border-top-color: #73859f;
}
}
.video-js.vjs-audio-only-mode .vjs-captions-button {
display: none;
}
.vjs-chapters-button .vjs-menu ul {
width: 24em;
}
.video-js.vjs-audio-only-mode .vjs-descriptions-button {
display: none;
}
.vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-svg-icon {
width: 1.5em;
height: 1.5em;
}
.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
vertical-align: middle;
display: inline-block;
margin-bottom: -0.1em;
}
.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
font-family: VideoJS;
content: "\f10c";
font-size: 1.5em;
line-height: inherit;
}
.video-js.vjs-audio-only-mode .vjs-subs-caps-button {
display: none;
}
.video-js .vjs-audio-button + .vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder,
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
vertical-align: middle;
display: inline-block;
margin-bottom: -0.1em;
}
.video-js .vjs-audio-button + .vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before,
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
font-family: VideoJS;
content: " \f12e";
font-size: 1.5em;
line-height: inherit;
}
.video-js.vjs-layout-small .vjs-current-time,
.video-js.vjs-layout-small .vjs-time-divider,
.video-js.vjs-layout-small .vjs-duration,
.video-js.vjs-layout-small .vjs-remaining-time,
.video-js.vjs-layout-small .vjs-playback-rate,
.video-js.vjs-layout-small .vjs-volume-control, .video-js.vjs-layout-x-small .vjs-current-time,
.video-js.vjs-layout-x-small .vjs-time-divider,
.video-js.vjs-layout-x-small .vjs-duration,
.video-js.vjs-layout-x-small .vjs-remaining-time,
.video-js.vjs-layout-x-small .vjs-playback-rate,
.video-js.vjs-layout-x-small .vjs-volume-control, .video-js.vjs-layout-tiny .vjs-current-time,
.video-js.vjs-layout-tiny .vjs-time-divider,
.video-js.vjs-layout-tiny .vjs-duration,
.video-js.vjs-layout-tiny .vjs-remaining-time,
.video-js.vjs-layout-tiny .vjs-playback-rate,
.video-js.vjs-layout-tiny .vjs-volume-control {
display: none;
}
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover {
width: auto;
width: initial;
}
.video-js.vjs-layout-x-small .vjs-progress-control, .video-js.vjs-layout-tiny .vjs-progress-control {
display: none;
}
.video-js.vjs-layout-x-small .vjs-custom-control-spacer {
flex: auto;
display: block;
}
.vjs-modal-dialog.vjs-text-track-settings {
background-color: #2B333F;
background-color: rgba(43, 51, 63, 0.75);
color: #fff;
height: 70%;
}
.vjs-spatial-navigation-enabled .vjs-modal-dialog.vjs-text-track-settings {
height: 80%;
}
.vjs-error .vjs-text-track-settings {
display: none;
}
.vjs-text-track-settings .vjs-modal-dialog-content {
display: table;
}
.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
display: table-cell;
}
.vjs-text-track-settings .vjs-track-settings-controls {
text-align: right;
vertical-align: bottom;
}
@supports (display: grid) {
.vjs-text-track-settings .vjs-modal-dialog-content {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr;
padding: 20px 24px 0px 24px;
}
.vjs-track-settings-controls .vjs-default-button {
margin-bottom: 20px;
}
.vjs-text-track-settings .vjs-track-settings-controls {
grid-column: 1/-1;
}
.vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
grid-template-columns: 1fr;
}
}
.vjs-text-track-settings select {
font-size: inherit;
}
.vjs-track-setting > select {
margin-right: 1em;
margin-bottom: 0.5em;
}
.vjs-text-track-settings fieldset {
margin: 10px;
border: none;
}
.vjs-text-track-settings fieldset span {
display: inline-block;
padding: 0 0.6em 0.8em;
}
.vjs-text-track-settings fieldset span > select {
max-width: 7.3em;
}
.vjs-text-track-settings legend {
color: #fff;
font-weight: bold;
font-size: 1.2em;
}
.vjs-text-track-settings .vjs-label {
margin: 0 0.5em 0.5em 0;
}
.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
outline-style: solid;
outline-width: medium;
background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);
}
.vjs-track-settings-controls button:hover {
color: rgba(43, 51, 63, 0.75);
}
.vjs-track-settings-controls button {
background-color: #fff;
background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
color: #2B333F;
cursor: pointer;
border-radius: 2px;
}
.vjs-track-settings-controls .vjs-default-button {
margin-right: 1em;
}
.vjs-title-bar {
background: rgba(0, 0, 0, 0.9);
background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 60%, rgba(0, 0, 0, 0) 100%);
font-size: 1.2em;
line-height: 1.5;
transition: opacity 0.1s;
padding: 0.666em 1.333em 4em;
pointer-events: none;
position: absolute;
top: 0;
width: 100%;
}
.vjs-error .vjs-title-bar {
display: none;
}
.vjs-title-bar-title,
.vjs-title-bar-description {
margin: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.vjs-title-bar-title {
font-weight: bold;
margin-bottom: 0.333em;
}
.vjs-playing.vjs-user-inactive .vjs-title-bar {
opacity: 0;
transition: opacity 1s;
}
.video-js .vjs-skip-forward-5 {
cursor: pointer;
}
.video-js .vjs-skip-forward-10 {
cursor: pointer;
}
.video-js .vjs-skip-forward-30 {
cursor: pointer;
}
.video-js .vjs-skip-backward-5 {
cursor: pointer;
}
.video-js .vjs-skip-backward-10 {
cursor: pointer;
}
.video-js .vjs-skip-backward-30 {
cursor: pointer;
}
.video-js .vjs-transient-button {
position: absolute;
height: 3em;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(50, 50, 50, 0.5);
cursor: pointer;
opacity: 1;
transition: opacity 1s;
}
.video-js:not(.vjs-has-started) .vjs-transient-button {
display: none;
}
.video-js.not-hover .vjs-transient-button:not(.force-display),
.video-js.vjs-user-inactive .vjs-transient-button:not(.force-display) {
opacity: 0;
}
.video-js .vjs-transient-button span {
padding: 0 0.5em;
}
.video-js .vjs-transient-button.vjs-left {
left: 1em;
}
.video-js .vjs-transient-button.vjs-right {
right: 1em;
}
.video-js .vjs-transient-button.vjs-top {
top: 1em;
}
.video-js .vjs-transient-button.vjs-near-top {
top: 4em;
}
.video-js .vjs-transient-button.vjs-bottom {
bottom: 4em;
}
.video-js .vjs-transient-button:hover {
background-color: rgba(50, 50, 50, 0.9);
}
@media print {
.video-js > *:not(.vjs-tech):not(.vjs-poster) {
visibility: hidden;
}
}
.vjs-resize-manager {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
z-index: -1000;
}
.js-focus-visible .video-js *:focus:not(.focus-visible) {
outline: none;
}
.video-js *:focus:not(:focus-visible) {
outline: none;
}
/* Modifications of player made by Moodle: */
/* Audio: https://github.com/videojs/video.js/issues/2777 */
/* Audio: Remove big play button (leave only the button in controls). */
.video-js.vjs-audio .vjs-big-play-button {
display: none;
}
/* Audio: Make the controlbar visible by default */
.video-js.vjs-audio .vjs-control-bar {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
/* Make player height minimum to the controls height so when we hide video/poster area the controls are displayed correctly. */
.video-js.vjs-audio {
min-height: 3em;
}
/* In case of error reset height to the default (otherwise no aspect ratio is available and height becomes 0). */
.video-js.vjs-error {
height: 150px;
}
/* Minimum height for videos should not be less than the size of play button. */
.mediaplugin_videojs video {
min-height: 32px;
}
/* MDL-61020: VideoJS timeline progress bar should not be flipped in RTL mode. */
/* Prevent the progress bar from being flipped in RTL. */
/*rtl:ignore*/
.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
left: 0;
right: auto;
}
/* Keep the video scrubber button at the end of the progress bar in RTL. */
/*rtl:ignore*/
.video-js .vjs-play-progress:before {
left: auto;
right: -0.5em;
}
/* Prevent the volume slider from being flipped in RTL. */
/*rtl:ignore*/
.video-js .vjs-volume-level {
left: 0;
right: auto;
}
/* Keep the volume slider handle at the end of the volume slider in RTL. */
/*rtl:ignore*/
.vjs-slider-horizontal .vjs-volume-level:before {
left: auto;
right: -0.5em;
}
.dir-rtl .vjs-loading-spinner:before,
.dir-rtl .vjs-loading-spinner:after {
right: 0;
}
/**
* prism.js default theme for JavaScript, CSS and HTML
* Based on dabblet (http://dabblet.com)
* @author Lea Verou
*/
pre[class*="language-"] {
color: black;
background: none;
text-shadow: 0 1px white;
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
font-size: 1em;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
word-wrap: normal;
line-height: 1.5;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
pre[class*="language-"]::-moz-selection,
pre[class*="language-"] ::-moz-selection {
text-shadow: none;
background: #b3d4fc;
}
pre[class*="language-"]::selection,
pre[class*="language-"] ::selection {
text-shadow: none;
background: #b3d4fc;
}
@media print {
pre[class*="language-"] {
text-shadow: none;
}
}
/* Code blocks */
pre[class*="language-"] {
padding: 1em;
margin: .5em 0;
overflow: auto;
}
pre[class*="language-"] {
background: #f5f2f0;
}
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
color: slategray;
}
.token.punctuation {
color: #999;
}
.token.namespace {
opacity: .7;
}
.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
color: #905;
}
.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
color: #690;
}
.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
color: #9a6e3a;
/* This background color was intended by the author of this theme. */
background: hsla(0, 0%, 100%, .5);
}
.token.atrule,
.token.attr-value,
.token.keyword {
color: #07a;
}
.token.function,
.token.class-name {
color: #dd4a68;
}
.token.regex,
.token.important,
.token.variable {
color: #e90;
}
.token.important,
.token.bold {
font-weight: bold;
}
.token.italic {
font-style: italic;
}
.token.entity {
cursor: help;
}
@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;
}
/* Syntax highlighter fixes */
body .syntaxhighlighter {
overflow: visible !important; /* stylelint-disable-line declaration-no-important */
}
pre.synhi {
font-size: inherit;
margin: inherit;
white-space: inherit;
}
#page-admin-setting-filtersettingsynhi #admin-codeexample .form-defaultinfo {
white-space: pre-wrap;
}
#page-admin-setting-filtersettingsynhi #admin-codeexample .form-defaultinfo br {
display: none;
}
/* Englighter fixes */
body .enlighter-toolbar {
right: 30px;
}
body .enlighter-toolbar .enlighter-tooltip {
padding: 8px 4px;
width: auto;
}
body .enlighter-toolbar-top .enlighter-tooltip {
bottom: auto;
top: 30px;
}
body .enlighter-toolbar-top .enlighter-tooltip::after {
border-color: transparent transparent #000 transparent;
margin-left: 0;
top: -10px;
}
body .enlighter-toolbar-bottom.enlighter-toolbar {
bottom: 10px;
top: auto;
}
/* Enlighter themes:
Atomic */
body .enlighter-t-atomic .enlighter-btn-raw .enlighter-tooltip {
transform: translateX(-30%);
}
body .enlighter-t-atomic .enlighter-btn-raw .enlighter-tooltip::after {
left: 44%;
}
body .enlighter-t-atomic .enlighter-btn-copy .enlighter-tooltip {
transform: translateX(-34%);
}
body .enlighter-t-atomic .enlighter-btn-copy .enlighter-tooltip::after {
left: 44%;
}
body .enlighter-t-atomic .enlighter-btn-window .enlighter-tooltip {
transform: translateX(-40%);
}
body .enlighter-t-atomic .enlighter-btn-window .enlighter-tooltip::after {
left: 50%;
}
body .enlighter-t-atomic .enlighter-btn-website .enlighter-tooltip {
transform: translateX(-36%);
width: 120px;
}
body .enlighter-t-atomic .enlighter-btn-website .enlighter-tooltip::after {
left: 58%;
}
body .enlighter-t-atomic .enlighter-btn-collapse .enlighter-tooltip {
transform: translateX(-50%);
}
body .enlighter-t-atomic .enlighter-btn-collapse .enlighter-tooltip::after {
left: 50%;
}
/* Beyond */
body .enlighter-t-beyond .enlighter-btn-raw .enlighter-tooltip {
transform: translateX(-34%);
}
body .enlighter-t-beyond .enlighter-btn-raw .enlighter-tooltip::after {
left: 44%;
}
body .enlighter-t-beyond .enlighter-btn-window .enlighter-tooltip {
transform: translateX(-49%);
width: 100px;
}
body .enlighter-t-beyond .enlighter-btn-window .enlighter-tooltip::after {
left: 42%;
}
body .enlighter-t-beyond .enlighter-btn-website .enlighter-tooltip {
transform: translateX(-75%);
width: 108px;
}
body .enlighter-t-beyond .enlighter-btn-website .enlighter-tooltip::after {
left: 81%;
}
body .enlighter-t-beyond .enlighter-btn-collapse .enlighter-tooltip {
transform: translateX(-30%);
}
body .enlighter-t-beyond .enlighter-btn-collapse .enlighter-tooltip::after {
left: 54%;
}
/* Bootstrap 4 */
body .enlighter-t-bootstrap4 .enlighter-btn-raw .enlighter-tooltip {
transform: translateX(-34%);
}
body .enlighter-t-bootstrap4 .enlighter-btn-raw .enlighter-tooltip::after {
left: 44%;
}
body .enlighter-t-bootstrap4 .enlighter-btn-copy .enlighter-tooltip {
transform: translateX(-36%);
}
body .enlighter-t-bootstrap4 .enlighter-btn-copy .enlighter-tooltip::after {
left: 45%;
}
body .enlighter-t-bootstrap4 .enlighter-btn-window .enlighter-tooltip {
transform: translateX(-30%);
}
body .enlighter-t-bootstrap4 .enlighter-btn-window .enlighter-tooltip::after {
left: 42%;
}
body .enlighter-t-bootstrap4 .enlighter-btn-website .enlighter-tooltip {
transform: translateX(-36%);
width: 108px;
}
body .enlighter-t-bootstrap4 .enlighter-btn-website .enlighter-tooltip::after {
left: 57%;
}
body .enlighter-t-bootstrap4 .enlighter-btn-collapse .enlighter-tooltip {
transform: translateX(-50%);
}
body .enlighter-t-bootstrap4 .enlighter-btn-collapse .enlighter-tooltip::after {
left: 50%;
}
/* Classic */
body .enlighter-t-classic .enlighter-btn-raw .enlighter-tooltip {
transform: translateX(-32%);
}
body .enlighter-t-classic .enlighter-btn-raw .enlighter-tooltip::after {
left: 42%;
}
body .enlighter-t-classic .enlighter-btn-window .enlighter-tooltip {
transform: translateX(-44%);
width: 100px;
}
body .enlighter-t-classic .enlighter-btn-window .enlighter-tooltip::after {
left: 50%;
}
body .enlighter-t-classic .enlighter-btn-website .enlighter-tooltip {
transform: translateX(-76%);
width: 108px;
}
body .enlighter-t-classic .enlighter-btn-website .enlighter-tooltip::after {
left: 81%;
}
body .enlighter-t-classic .enlighter-btn-collapse .enlighter-tooltip {
transform: translateX(-29%);
}
body .enlighter-t-classic .enlighter-btn-collapse .enlighter-tooltip::after {
left: 52%;
}
/* Dracula - Where's Buffy?! */
body .enlighter-t-dracula .enlighter-btn-raw .enlighter-tooltip {
transform: translateX(-26%);
}
body .enlighter-t-dracula .enlighter-btn-raw .enlighter-tooltip::after {
left: 40%;
}
body .enlighter-t-dracula .enlighter-btn-copy .enlighter-tooltip {
transform: translateX(-38%);
}
body .enlighter-t-dracula .enlighter-btn-copy .enlighter-tooltip::after {
left: 48%;
}
body .enlighter-t-dracula .enlighter-btn-window .enlighter-tooltip {
transform: translateX(-32%);
width: 90px;
}
body .enlighter-t-dracula .enlighter-btn-window .enlighter-tooltip::after {
left: 43%;
}
body .enlighter-t-dracula .enlighter-btn-website .enlighter-tooltip {
transform: translateX(-32%);
width: 108px;
}
body .enlighter-t-dracula .enlighter-btn-website .enlighter-tooltip::after {
left: 54%;
}
body .enlighter-t-dracula .enlighter-btn-collapse .enlighter-tooltip {
transform: translateX(-52%);
}
body .enlighter-t-dracula .enlighter-btn-collapse .enlighter-tooltip::after {
left: 51%;
}
/* Droide */
body .enlighter-t-droide .enlighter-btn-window .enlighter-tooltip {
transform: translateX(-38%);
width: 90px;
}
body .enlighter-t-droide .enlighter-btn-window .enlighter-tooltip::after {
left: 44%;
}
body .enlighter-t-droide .enlighter-btn-website .enlighter-tooltip {
transform: translateX(-80%);
width: 132px;
}
body .enlighter-t-droide .enlighter-btn-website .enlighter-tooltip::after {
left: 84%;
}
body .enlighter-t-droide .enlighter-btn-collapse .enlighter-tooltip {
transform: translateX(-30%);
}
body .enlighter-t-droide .enlighter-btn-collapse .enlighter-tooltip::after {
left: 52%;
}
/* Eclipse */
body .enlighter-t-eclipse .enlighter-btn-window .enlighter-tooltip {
transform: translateX(-38%);
width: 90px;
}
body .enlighter-t-eclipse .enlighter-btn-window .enlighter-tooltip::after {
left: 44%;
}
body .enlighter-t-eclipse .enlighter-btn-website .enlighter-tooltip {
transform: translateX(-80%);
width: 132px;
}
body .enlighter-t-eclipse .enlighter-btn-website .enlighter-tooltip::after {
left: 84%;
}
body .enlighter-t-eclipse .enlighter-btn-collapse .enlighter-tooltip {
transform: translateX(-30%);
}
body .enlighter-t-eclipse .enlighter-btn-collapse .enlighter-tooltip::after {
left: 52%;
}
/* Enlighter */
body .enlighter-t-enlighter .enlighter-btn-window .enlighter-tooltip {
transform: translateX(-38%);
width: 90px;
}
body .enlighter-t-enlighter .enlighter-btn-window .enlighter-tooltip::after {
left: 44%;
}
body .enlighter-t-enlighter .enlighter-btn-website .enlighter-tooltip {
transform: translateX(-80%);
width: 132px;
}
body .enlighter-t-enlighter .enlighter-btn-website .enlighter-tooltip::after {
left: 84%;
}
body .enlighter-t-enlighter .enlighter-btn-collapse .enlighter-tooltip {
transform: translateX(-30%);
}
body .enlighter-t-enlighter .enlighter-btn-collapse .enlighter-tooltip::after {
left: 52%;
}
/* Godzilla */
body .enlighter-t-godzilla .enlighter-btn-window .enlighter-tooltip {
transform: translateX(-38%);
width: 90px;
}
body .enlighter-t-godzilla .enlighter-btn-window .enlighter-tooltip::after {
left: 44%;
}
body .enlighter-t-godzilla .enlighter-btn-website .enlighter-tooltip {
transform: translateX(-80%);
width: 132px;
}
body .enlighter-t-godzilla .enlighter-btn-website .enlighter-tooltip::after {
left: 84%;
}
body .enlighter-t-godzilla .enlighter-btn-collapse .enlighter-tooltip {
transform: translateX(-30%);
}
body .enlighter-t-godzilla .enlighter-btn-collapse .enlighter-tooltip::after {
left: 52%;
}
/* Minimal */
body .enlighter-t-minimal .enlighter-btn-window .enlighter-tooltip {
transform: translateX(-38%);
width: 90px;
}
body .enlighter-t-minimal .enlighter-btn-window .enlighter-tooltip::after {
left: 44%;
}
body .enlighter-t-minimal .enlighter-btn-website .enlighter-tooltip {
transform: translateX(-80%);
width: 132px;
}
body .enlighter-t-minimal .enlighter-btn-website .enlighter-tooltip::after {
left: 84%;
}
body .enlighter-t-minimal .enlighter-btn-collapse .enlighter-tooltip {
transform: translateX(-30%);
}
body .enlighter-t-minimal .enlighter-btn-collapse .enlighter-tooltip::after {
left: 52%;
}
/* Monokai */
body .enlighter-t-monokai .enlighter-btn-raw .enlighter-tooltip {
transform: translateX(-32%);
}
body .enlighter-t-monokai .enlighter-btn-raw .enlighter-tooltip::after {
left: 42%;
}
body .enlighter-t-monokai .enlighter-btn-window .enlighter-tooltip {
transform: translateX(-30%);
width: 90px;
}
body .enlighter-t-monokai .enlighter-btn-window .enlighter-tooltip::after {
left: 44%;
}
body .enlighter-t-monokai .enlighter-btn-website .enlighter-tooltip {
transform: translateX(-48%);
width: 132px;
}
body .enlighter-t-monokai .enlighter-btn-website .enlighter-tooltip::after {
left: 66%;
}
body .enlighter-t-monokai .enlighter-btn-collapse .enlighter-tooltip {
transform: translateX(-52%);
}
body .enlighter-t-monokai .enlighter-btn-collapse .enlighter-tooltip::after {
left: 52%;
}
/* Mow Two */
body .enlighter-t-mowtwo .enlighter-btn-window .enlighter-tooltip {
transform: translateX(-38%);
width: 90px;
}
body .enlighter-t-mowtwo .enlighter-btn-window .enlighter-tooltip::after {
left: 44%;
}
body .enlighter-t-mowtwo .enlighter-btn-website .enlighter-tooltip {
transform: translateX(-80%);
width: 132px;
}
body .enlighter-t-mowtwo .enlighter-btn-website .enlighter-tooltip::after {
left: 84%;
}
body .enlighter-t-mowtwo .enlighter-btn-collapse .enlighter-tooltip {
transform: translateX(-30%);
}
body .enlighter-t-mowtwo .enlighter-btn-collapse .enlighter-tooltip::after {
left: 52%;
}
/* Row Hammer */
body .enlighter-t-rowhammer .enlighter-btn-window .enlighter-tooltip {
transform: translateX(-38%);
width: 90px;
}
body .enlighter-t-rowhammer .enlighter-btn-window .enlighter-tooltip::after {
left: 44%;
}
body .enlighter-t-rowhammer .enlighter-btn-website .enlighter-tooltip {
transform: translateX(-80%);
width: 132px;
}
body .enlighter-t-rowhammer .enlighter-btn-website .enlighter-tooltip::after {
left: 84%;
}
body .enlighter-t-rowhammer .enlighter-btn-collapse .enlighter-tooltip {
transform: translateX(-30%);
}
body .enlighter-t-rowhammer .enlighter-btn-collapse .enlighter-tooltip::after {
left: 52%;
}
.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 */
}
}
/* 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 . */
/**
* Grid Format.
*
* @package course/format
* @subpackage grid
* @version See the value of '$plugin->version' in version.php.
* @copyright © 2012 onwards G J Barnard in respect to modifications of standard topics format.
* @author G J Barnard - {@link http://about.me/gjbarnard} and
* {@link http://moodle.org/user/profile.php?id=442195}
* @author Based on code originally written by Paul Krix and Julian Ridden.
* @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
*/
.course-content ul.grid {
margin: 0;
padding-left: 0;
padding-right: 0;
}
.format-grid .thegrid {
gap: 0.75rem;
}
.format-grid .grid-justify-start {
justify-content: start;
}
.format-grid .grid-justify-center {
justify-content: center;
}
.format-grid .grid-justify-end {
justify-content: end;
}
.format-grid .grid-justify-space-around {
justify-content: space-around;
}
.format-grid .grid-justify-space-between {
justify-content: space-between;
}
.format-grid .grid-justify-space-evenly {
justify-content: space-evenly;
}
.format-grid .thegrid .grid-section {
box-sizing: content-box;
width: 210px;
}
.format-grid .thegrid .grid-section.card {
border-width: 2px;
}
.format-grid .thegrid .grid-section.currentgridsection {
border: 2px solid var(--primary);
}
.format-grid .thegrid .grid-section-inner .card-body {
min-height: 0;
}
.format-grid .thegrid .grid-image-container {
height: 140px;
}
.format-grid .thegrid .grid-image {
position: relative;
}
.format-grid .thegrid .grid-image.grid-scaled {
height: 100%;
}
/*rtl:begin:ignore*/
.format-grid .thegrid .grid-image.grid-scaled img {
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%,-50.25%);
}
/*rtl:end:ignore*/
.format-grid .thegrid .grid-image .grid-badge-middle {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.format-grid .thegrid .grid-image .grid-badge-bottom {
bottom: 1.5rem;
left: 0;
position: absolute;
right: 0;
}
.format-grid .thegrid .grid-generatedimage {
background-size: contain;
height: 100%;
position: relative;
width: 100%;
}
.format-grid #gridPopup .modal-dialog {
max-width: 100%;
}
@media (min-width: 576px) {
.format-grid #gridPopup .modal-dialog {
margin-left: 1.25rem;
margin-right: 1.25rem;
}
}
.format-grid #gridPopup .modal-dialog .modal-body {
min-height: 200px;
}
.format-grid .grid-completion {
border-color: black;
border-radius: 45px;
border-style: solid;
border-width: 3px;
bottom: 1rem;
display: flex;
flex-direction: column;
height: 42px;
justify-content: center;
padding: 4px;
position: absolute;
right: 0.5rem;
width: 42px;
}
.format-grid .grid-completion.grid-completion-colour-low {
background-color: magenta;
color: white;
}
.format-grid .grid-completion.grid-completion-colour-middle {
background-color: yellow;
color: black;
}
.format-grid .grid-completion.grid-completion-colour-high{
background-color: green;
color: white;
}
.format-grid .grid-completion.grid-completion-percentagequarter-1 {
border-right-color: lightgreen;
}
.format-grid .grid-completion.grid-completion-percentagequarter-2 {
border-bottom-color: lightgreen;
border-right-color: lightgreen;
}
.format-grid .grid-completion.grid-completion-percentagequarter-3 {
border-bottom-color: lightgreen;
border-left-color: lightgreen;
border-right-color: lightgreen;
}
.format-grid .grid-completion.grid-completion-percentagequarter-4 {
border-color: lightgreen;
}
.format-grid .grid-completion .grid-percentage {
font-size: 0.75em;
}
.format-grid .grid-image-preview {
max-height: 100%;
max-width: 100%;
}
.format-grid .grid-image-name {
font-size: 0.75rem;
text-align: center;
}
/* Single section navigation */
.course-content .single-section .section-navigation.gd-selection-selector-container {
align-items: center;
display: flex;
}
.course-content .single-section .section-navigation .gd-selection-selector-item {
display: flex;
flex: 1 0 0%;
}
.gd-selection-selector-item.prevsection {
justify-content: flex-start;
}
.gd-selection-selector-item.jumpto {
justify-content: center;
}
.gd-selection-selector-item.nextsection {
justify-content: flex-end;
}
/* 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 . */
/**
* Grid Format.
*
* @package course/format
* @subpackage grid
* @version See the value of '$plugin->version' in version.php.
* @copyright © 2022 onwards G J Barnard in respect to modifications of standard topics format.
* @author G J Barnard - {@link http://about.me/gjbarnard} and
* {@link http://moodle.org/user/profile.php?id=442195}
* @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
*/
.format-grid .course-content .single-section .section-navigation {
margin-bottom: 0;
}
.format-singleactivity .tree_item.orphaned a {
color: red;
}
/*CSS including colour variables for colours set at course level*/
/*Formerly included in dynamic styles via mustache*/
/*The variables e.g. --format-tiles-colour are defined in dynamic_styles mustache template*/
.format-tiles .course-content ul.tiles .tile.tilestyle-1,
.format-tiles .course-content ul.tiles .tile.tilestyle-2,
.format-tiles li.section:not(#section-0).tilestyle-1 .course-section-header,
.format-tiles li.section:not(#section-0).tilestyle-2 .course-section-header {
border-top-color: var(--format-tiles-colour);
border-radius: 0;
}
.format-tiles .course-content ul.tiles .tile.tilestyle-1,
.format-tiles .course-content ul.tiles .tile.tilestyle-2 {
border-top-color: var(--format-tiles-colour);
transition: border-top-color 0s;
}
.format-tiles .tile-bg,
.format-tiles li.section:not(#section-0).tilestyle-1 .course-section-header.tile-bar-heading,
.format-tiles li.section:not(#section-0).tilestyle-2 .course-section-header.tile-bar-heading {
background-color: var(--format-tiles-colour-05);
}
.format-tiles ul.tiles .tile-clickable.tilestyle-1:hover,
.format-tiles ul.tiles .tile-clickable.tilestyle-1.current:hover,
.format-tiles ul.tiles .tile-clickable.tilestyle-2:hover,
.format-tiles ul.tiles .tile-clickable.tilestyle-2.current:hover {
border-top-color: var(--format-tiles-colour-5);
transition: border-top-color 0s, transform .2s ease-in-out;
}
.format-tiles .course-content ul.tiles .tile.tilestyle-1.selected,
.format-tiles .course-content ul.tiles .tile.tilestyle-2.selected {
border-top-color: var(--format-tiles-colour-5);
}
.format-tiles.format-tiles-high-contrast .course-content ul.tiles .tile.tilestyle-1.selected,
.format-tiles.format-tiles-high-contrast .course-content ul.tiles .tile.tilestyle-2.selected {
box-shadow: 0 0 20px 10px var(--format-tiles-high-contrast-black);
}
.format-tiles .embed_cm_modal .modal-header {
background-color: var(--format-tiles-colour);
}
.format-tiles ul.tiles .current .sectiontitle::after {
background-color: red;
}
.format-tiles .embed_cm_modal .modal-header h5,
.format-tiles .embed_cm_modal .modal-header h4 {
color: #fff;
}
.format-tiles .embed_cm_modal .modal-header .btn-close {
color: #fff;
opacity: 0.8;
}
.format-tiles .sectiontitle::after,
.format-tiles .badge-info {
background-color: var(--format-tiles-colour);
}
.format-tiles .course-content .single-section .navigation-arrows .navigation-arrow:not(.dimmed):hover,
.format-tiles .embed_cm_modal .embed_file_button:hover {
background-color: var(--format-tiles-colour-1);
}
.format-tiles .filterbutton:hover,
.format-tiles .sectionbutton:hover {
background-color: var(--format-tiles-colour-1);
transition: all 0.1s ease-in-out;
}
.format-tiles .sectionbutton:focus-visible,
.format-tiles .sectionbutton:focus {
outline: 1px solid black;
}
.format-tiles .filterbutton.selected {
background-color: var(--format-tiles-colour-1);
}
.format-tiles button.tiles-top-button:hover {
background-color: var(--format-tiles-colour-1);
}
.format-tiles .background-course-base {
background-color: var(--format-tiles-colour);
}
.format-tiles .tiles-base-bg {
background-color: var(--format-tiles-colour);
}
.format-tiles .tiles-base-transparent7-bg {
background-color: var(--format-tiles-colour-7);
}
.format-tiles .tiles-base-transparent05-bg {
background-color: var(--format-tiles-colour-05);
}
/*Other CSS*/
.format-tiles ul.tiles {
transition: 0.3s ease-in-out;
overflow: visible;
width: 100%;
/*was hidden but want to allow drop down edit menu for last item on page to be displayed in full*/
margin: auto;
padding: 0;
}
.format-tiles ul.tiles.expanded {
max-height: unset;
overflow: visible;
}
.format-tiles li.section {
margin-top: 10px;
list-style: none;
}
.format-tiles .course-content li.section ul.format-tiles-cm-list {
list-style: none;
padding-inline-start: 10px;
}
.format-tiles ul.tiles#multi_section_tiles li.tile.section.main {
/*tile contents when displayed in the multi tile screen via JS*/
background-color: #fff;
margin: 10px;
padding: 30px 0 30px 0;
width: 100%;
}
.format-tiles ul.tiles#multi_section_tiles li.section#section-0 {
padding: 0;
}
.format-tiles .modal-backdrop.fade.in {
opacity: 0.2;
}
.format-tiles ul.tiles li.section .format_tiles_section_content {
margin: 0 10px 0 0;
}
.format-tiles li.section .format_tiles_section_content.dimmed {
opacity: 0.6;
}
.format-tiles ul.tiles li.section .left {
float: left;
}
.format-tiles ul.tiles li.section .right {
float: right;
}
.format-tiles ul.tiles li.section .right img.icon {
padding: 0 0 4px 0;
}
.format-tiles ul.tiles li.section .left .section-handle img.icon {
padding: 0;
vertical-align: baseline;
}
.format-tiles ul.tiles li.section .activity-count {
margin-right: 3px;
}
.format-tiles li#section-0.section.main.clearfix {
border-bottom: 0;
}
.format-tiles .tile a {
text-decoration: none;
padding: 7px 10px 5px 10px;
}
.format-tiles .progress-indic {
color: #676767;
}
.format-tiles .progress-indic svg {
width: 40px;
height: 40px;
display: inline-block;
}
.format-tiles .progress-indic i.fa {
opacity: 0.5;
height: 30px;
}
.format-tiles .progress-indic i.fa-check {
color: darkgreen;
}
.format-tiles .progress-indic svg circle.partial {
stroke: #888;
fill: none;
}
.format-tiles.format-tiles-high-contrast .progress-indic svg circle.partial {
stroke: var(--format-tiles-high-contrast-black);
}
.format-tiles .progress-indic svg circle.whole {
stroke: rgba(0, 0, 0, 0.15);
fill: none;
}
.format-tiles.format-tiles-high-contrast .progress-indic svg circle.whole {
stroke: rgb(188, 188, 188);
}
.format-tiles .progress-indic svg text {
font-size: 18px;
font-weight: normal;
transition: all 0.2s ease-in-out;
fill: #666;
}
.format-tiles.format-tiles-high-contrast .progress-indic svg text {
fill: var(--format-tiles-high-contrast-black);
}
.format-tiles .tiletopright i.icon.fa {
font-size: 30px;
width: 30px;
height: 30px;
vertical-align: top;
}
.format-tiles .progress-indic .progress-indic-label {
display: inline-block;
vertical-align: top;
line-height: 40px;
margin-right: 3px;
color: #676767;
font-size: 0.9em;
}
.format-tiles.format-tiles-high-contrast .progress-indic .progress-indic-label {
color: var(--format-tiles-high-contrast-black);
}
.format-tiles .overall-progress {
text-align: center;
color: grey;
transition: all 0.5s;
}
.format-tiles .overall-progress.hidden {
display: none;
}
.format-tiles .navigation-arrows {
min-width: 130px;
display: inline-block;
float: right;
margin-right: 40px;
z-index: 2;
/*z-index needs to be on top of pagesechead*/
}
.format-tiles #page .course-content ul li.section.main.current {
background-color: inherit;
}
.format-tiles .icon20 {
max-width: 20px;
max-height: 20px;
opacity: 0.5;
}
.format-tiles .tiletopright {
float: right;
}
.format-tiles .tiletopright img {
opacity: 0.5;
}
.format-tiles .icon40 {
max-width: 40px;
max-height: 40px;
opacity: 0.5;
}
.format-tiles .icon50 {
max-width: 50px;
max-height: 50px;
opacity: 0.5;
}
.format-tiles ul.tiles#multi_section_tiles {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.format-tiles #single_section_tiles {
display: block;
padding-left: 0;
margin-left: 0;
}
.format-tiles ul.tiles#multi_section_tiles li.section {
display: block;
}
.format-tiles.editing ul.tiles#multi_section_tiles li.section {
padding: 0;
}
.format-tiles .editing ul.tiles#multi_section_tiles li.section,
.format-tiles ul.tiles#multi_section_tiles li#section-0.section {
display: block;
width: 100%;
}
.format-tiles #section-0 .addresourcemodchooser {
position: relative;
}
.format-tiles .course-content ul li.section.main:not(.delegated-section) {
width: calc(100% - 15px);
background-color: white;
/* stop 'dot' background image in essential theme*/
background-image: none;
margin-top: 10px;
padding-top: 12px;
}
.format-tiles .course-content ul li.section.main:not(.delegated-section):target {
padding-top: 0;
margin-top: 30px;
}
.format-tiles .activity:target {
/* stylelint-disable-next-line declaration-no-important */
margin-top: 0 !important;
/* stylelint-disable-next-line declaration-no-important */
padding-top: 0 !important;
}
.format-tiles .subtile a.menu-action {
/*essential for clean and other themes to ensure that the link is on top to avoid non responsive menu*/
z-index: 1;
}
.format-tiles .course-content ul li.section.main.moveablesection {
padding: 30px 10px 10px 10px;
margin-left: 7px;
}
.format-tiles.format-tiles-high-contrast .course-content ul li.section.main.moveablesection {
box-shadow: 0 0 20px 10px var(--format-tiles-high-contrast-black);
}
.format-tiles .course-content ul.tiles .tile {
display: flex;
flex-basis: 225px;
max-width: 260px;
flex-grow: 1;
margin: 7px;
height: 175px;
vertical-align: top;
background-color: #fff;
border-top: 0.45em solid transparent;
transition: background-color 0.2s ease-in-out, all 0.5s ease-in-out;
color: #777;
box-shadow: 2px 4px 5px 0 #bdbdbd;
position: relative;
}
.format-tiles .tile a.tile-link:focus-visible {
box-shadow: rgb(96, 96, 96) 2px 4px 5px 0;
}
.format-tiles .course-content ul.tiles .tile:focus-visible h3 {
text-decoration: underline;
}
.format-tiles .course-content ul.tiles .tile.spacer,
.format-tiles.pagelayout-course .course-content li.section ul li.activity.spacer /* Remui theme */ {
margin-top: 0;
margin-bottom: 0;
padding: 0;
max-height: 0;
}
.format-tiles .course-content li.section ul.section {
list-style: none;
}
.format-tiles.jsenabled .course-content ul.tiles .tile.tile-collapsed {
display: none;
transition: all 0.3s ease-in-out;
}
.format-tiles.jsenabled .course-content ul.tiles .tile.tile-collapsing {
opacity: 0;
display: flex;
transition: all 0.3s ease-in-out;
}
.format-tiles ul.tiles li:empty {
height: 0;
min-height: 0;
border: none;
box-shadow: none;
visibility: hidden;
}
.format-tiles .tile a {
color: #333;
width: 100%;
}
.format-tiles .section li.activity.label h1,
.format-tiles .section li.activity.label h2,
.format-tiles .section li.activity.label h3,
.format-tiles .section li.activity.label h4 {
color: #555;
}
.format-tiles .section li.activity.label .dimmed_text h1,
.format-tiles .section li.activity.label .dimmed_text h2,
.format-tiles .section li.activity.label .dimmed_text h3,
.format-tiles .section li.activity.label .dimmed_text h4 {
color: #818a91;
}
.format-tiles .hidden .sectiontitle h2,
.format-tiles #page-content .hidden .sectiontitle h2 a.quickeditlink {
color: #818a91;
}
.format-tiles .course-content ul.tiles .tile-clickable:hover,
.format-tiles li.activity.subtile:not(.unclickable):hover {
transform: translateY(-6px);
transition: 0.3s ease-in-out;
}
.format-tiles ul.tiles .tile-top {
height: 55px;
width: 100%;
}
.format-tiles .course-content ul.tiles .tile.tilestyle-1.current,
.format-tiles .course-content ul.tiles .tile.tilestyle-2.current {
border-top-color: red;
}
.format-tiles ul.tiles .tile:not(.tile-restricted) .tiletopright .fa-lock {
display: none;
}
.format-tiles .expandcontrol {
margin: 0 30px 0 30px;
}
.format-tiles ul.tiles li.section .warningtext {
color: red;
}
.format-tiles ul.tiles li.section .warningbar {
background-color: red;
color: #fff;
padding: 5px;
margin-left: 40px;
width: 90%;
}
.format-tiles ul.tiles li#spacersection {
height: 130px;
}
.format-tiles li.activity.subtile.spacer {
height: 0;
min-height: 0;
border: 0;
opacity: 0;
display: flex;
flex-basis: 225px;
max-width: 240px;
flex-grow: 1;
margin: 5px;
visibility: hidden;
}
.format-tiles ul.tiles .tile .topic-number {
display: inline-block;
float: right;
font-size: 1.5em;
padding-right: 0.5em;
vertical-align: top;
}
.format-tiles .moveablesection li.tile .tileiconcontainer {
margin-left: 0.5rem;
}
.format-tiles .tileiconcontainer,
.format-tiles .tileiconcontainer img {
display: inline-block;
text-align: left;
vertical-align: top;
width: 55px;
height: 55px;
font-size: 1em;
}
.format-tiles li.activity .tileiconcontainer {
padding: 10px;
border-radius: 100%;
width: 105px;
height: 105px;
text-align: center;
margin-top: 25px;
}
.format-tiles li.activity .tileiconcontainer .tile-icon .icon {
color: #fff;
width: 65px;
height: 65px;
margin: 0;
}
.format-tiles li.tile .tile-icon .icon {
max-width: unset;
max-height: unset;
}
.format-tiles li.activity .tileiconcontainer .tile-icon .icon.fa {
font-size: 60px;
}
.format-tiles li.section .tiles-editor-image .tile-icon img,
.format-tiles.format-tiles-high-contrast li.tile .tile-icon img {
filter: brightness(0);
}
.format-tiles .tileiconcontainer.hasphoto {
width: 85px;
}
.format-tiles .tileiconcontainer .icon {
width: 55px;
height: 55px;
}
.format-tiles .tileiconcontainer .icon.fa {
font-size: 55px;
}
.format-tiles:not(.editing) .course-content .tilestyle-1 .tile-icon .icon,
.format-tiles:not(.editing) .course-content .tilestyle-2 .tile-icon .icon,
.format-tiles .sectionbutton {
color: #8c8c8c;
opacity: 1;
}
.format-tiles:not(.editing).format-tiles-high-contrast .course-content .tilestyle-1 .tile-icon .icon,
.format-tiles:not(.editing).format-tiles-high-contrast .course-content .tilestyle-2 .tile-icon .icon,
.format-tiles.format-tiles-high-contrast .sectionbutton {
color: var(--format-tiles-high-contrast-black);
}
.format-tiles .tile-number,
.format-tiles ul.tiles .tile h2.tile-number {
border: 4px solid #8c8c8c;
height: 55px;
width: 55px;
border-radius: 8px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
font-weight: bold;
font-size: 34px;
color: #8c8c8c;
}
.format-tiles.format-tiles-high-contrast .tile-number,
.format-tiles.format-tiles-high-contrast ul.tiles .tile h2.tile-number {
color: var(--format-tiles-high-contrast-black);
border-color: var(--format-tiles-high-contrast-black);
}
.format-tiles #icon-picker-modal-body .tile-number-container {
max-height: 70px;
}
.format-tiles #icon-picker-modal-body .tile-number-container.suggested:after {
content: "\A";
width: 5px;
height: 5px;
border-radius: 50%;
background: var(--format-tiles-colour);
display: inline-block;
transform: translate(60px, -80px);
}
.format-tiles .tiles-editor-image .tile-number {
border: 3px solid rgb(29, 33, 37);
height: 42px;
width: 42px;
font-size: 25px;
color: rgb(29, 33, 37);
margin-left: 17px;
}
.format-tiles #icon-picker-modal-body button.tile-number {
background-color: #fff;
padding: 5px;
}
.format-tiles #icon-picker-modal-body button.tile-number:hover {
background-color: rgb(243, 243, 243);
}
.format-tiles:not(.editing) .course-content .completioncheckbox.complete .icon {
color: #fff;
}
.format-tiles:not(.editing) .course-content .completioncheckbox .icon {
color: #ababab;
}
.format-tiles .completioncheckbox .icon {
font-size: 19px;
width: 23px;
position: absolute;
left: 0;
top: 3px;
height: 24px;
}
.format-tiles li.section.current:not(#section-0) .course-section-header.tile-bar-heading {
border-top-color: red;
}
.format-tiles.path-course-view li.activity > div:not(.activity-item).completioncheckbox {
padding: 0;
}
.format-tiles .sectionbutton .icon {
font-size: 1.4em;
margin-right: 0;
width: 20px;
height: 20px;
}
.format-tiles a.sectionbutton:hover {
text-decoration: none;
}
.format-tiles .sectionbutton img.icon {
width: 18px;
height: 18px;
}
.format-tiles .pagesechead {
max-width: calc(100% - 115px);
min-height: 60px;
z-index: 1;
position: relative;
display: inline-block;
/*z-index needs to be behind navigation-arrows as they may overlap*/
}
.format-tiles #single_section_tiles .pagesechead {
max-width: calc(100% - 175px);
}
.format-tiles .sectionbuttons {
position: relative;
right: 30px;
top: 0;
z-index: 2;
}
.format-tiles .sectionbutton {
background-color: rgba(243, 243, 243);
margin-left: 5px;
opacity: 1;
width: 45px;
height: 45px;
text-align: center;
display: inline-block;
border-radius: 50%;
border: none;
}
.format-tiles .expand-section,
.format-tiles .collapse-section {
width: 30px;
height: 30px;
background-size: contain;
margin-top: 10px;
}
.format-tiles .expand-section {
background-image: url(/theme/image.php/boost_union/format_tiles/1752245628/expand);
}
.format-tiles .collapse-section {
background-image: url(/theme/image.php/boost_union/format_tiles/1752245628/collapse);
}
.format-tiles ul.tiles .tile .tile-text {
text-align: left;
width: 100%;
height: 105px;
line-height: 100px;
padding-top: 5px;
position: relative;
}
.format-tiles ul.tiles .tile.phototile .tile-text {
line-height: 1.5em;
}
/* centralise text vertically on tile */
.format-tiles ul.tiles .tile .tile-textinner {
display: inline-block;
line-height: normal;
top: 45%;
transform: translate(0, -40%);
position: absolute;
word-wrap: break-word;
max-width: 220px;
}
.format-tiles ul.tiles .tile .tile-textinner.longtitle h3 {
font-size: 1.2em;
}
.format-tiles a img {
outline: none;
-moz-outline-radius: 0;
}
.format-tiles .single-section .navigation-arrow:not(.dimmed):hover {
transition: all 0.2s ease-in-out;
transform: scale(1.05, 1.05);
}
.format-tiles .single-section .navigation-arrow,
.format-tiles .single-section .navigation-arrow img {
width: 40px;
height: 40px;
background-repeat: no-repeat;
display: inline-block;
text-align: center;
}
.format-tiles .single-section .navigation-arrow .icon {
font-size: 30px;
height: 35px;
width: 35px;
padding: 2px 3px 2px 3px;
}
.format-tiles .single-section .navigation-arrow.dimmed {
opacity: 0.5;
}
.format-tiles .navigation-arrows .navigation-arrow.dimmed:hover {
background-color: inherit;
}
.format-tiles .single-section .navigation-arrow {
color: grey;
}
/* the following items are to avoid lots of padding under section 0 in single section view */
.format-tiles .single-section {
/* stylelint-disable-next-line declaration-no-important */
margin-top: 0 !important;
}
.format-tiles .single-section h3.sectionname {
text-align: left;
}
.format-tiles #section-0 ul.section {
margin: 1rem 1rem 0 1rem;
}
/*dealing with left border to current section in boost theme*/
.format-tiles .course-content .current::before {
/* stylelint-disable-next-line declaration-no-important */
border-left: none !important;
}
.format-tiles #section-0 .format_tiles_section_content .summary .no-overflow,
.format-tiles #section-0 .format_tiles_section_content .summary .no-overflow p {
margin-bottom: 0;
}
.format-tiles .ul.tiles .single-section .section-navigation {
margin-bottom: 0;
}
.format-tiles ul.tiles li.section .format_tiles_section_content .modtype_label .no-overflow,
.format-tiles #section-0 .format_tiles_section_content .summary .no-overflow {
margin-bottom: 5px;
}
.format-tiles .label_content {
overflow: hidden;
}
.format-tiles .label.dimmed {
opacity: 0.7;
}
.format-tiles .label-collapse-btn {
float: left;
}
.format-tiles .expand-collapse-all-btns {
width: 100%;
text-align: right;
}
.format-tiles .buttonhidesec0 {
display: none;
}
.format-tiles .buttonhidesec0.closed .sec-zero-open-icon {
display: none;
}
.format-tiles .buttonhidesec0.open .sec-zero-closed-icon {
display: none;
}
.format-tiles .buttonhidesec0.open .sec-zero-open-icon {
display: flex;
}
.format-tiles .buttonhidesec0.closed .sec-zero-closed-icon {
display: flex;
}
body.jsenabled.format-tiles .buttonhidesec0 {
display: inline-block;
}
body#page-course-view-tiles.format-tiles {
/*Avoid layout changes in Chrome when tiles open/close and scrollbar appears/disappears.*/
overflow-y: scroll;
}
.format-tiles #collapsiblesec0 {
display: block;
}
.format-tiles #section-0 {
min-height: 50px;
}
body.jsenabled.format-tiles #collapsiblesec0 {
display: none;
}
/*allows buttons to be displayed at top of this section without going under alert boxes e.g. 'All caches were purged.'*/
.format-tiles .course-content {
position: relative;
}
.format-tiles #collapsiblesec0 {
display: none;
}
.format-tiles .collapsiblesec0 ul.section {
padding-bottom: 20px;
}
.format-tiles .collapsiblesec0 li#section-0 {
display: block;
width: 100%;
transition: opacity 0.3s ease-in-out;
}
.format-tiles .collapsiblesec0.collapsed li#section-0 {
/* stylelint-disable-next-line declaration-no-important */
opacity: 0 !important;
}
.format-tiles .collapsiblesec0.expanded li#section-0 {
opacity: 1;
}
.format-tiles #navicons {
float: right;
opacity: 0.3;
}
.format-tiles #navicons img {
width: 40px;
height: 40px;
}
.format-tiles #editactivities:hover {
opacity: 1;
}
.format-tiles #hiddeneye {
display: inline-block;
width: 20px;
height: 20px;
background-size: 20px 20px;
opacity: 0.5;
}
.format-tiles .course-content #filterbuttons {
margin-right: 6px;
display: flex;
justify-content: start;
margin-bottom: 3px;
min-height: 45px;
padding: 5px;
background-color: rgb(248, 249, 250);
border-radius: 10px;
flex-wrap: wrap;
}
.format-tiles.format-tiles-high-contrast .course-content #filterbuttons i.fa-filter.fa-filter,
.format-tiles.format-tiles-high-contrast .filterbutton {
color: var(--format-tiles-high-contrast-black);
}
.format-tiles .overall-prog-radial {
font-size: 1.2em;
height: 40px;
margin-left: 10px;
float: right;
}
.format-tiles .overall-prog-radial i {
font-size: 30px;
height: 30px;
width: 30px;
color: green;
}
.format-tiles .overall-prog-radial svg {
width: 33px;
height: 33px;
}
.format-tiles .completioncheckbox {
float: right;
}
.format-tiles li.activity:not(.label) .completionspinner {
position: absolute;
top: 3px;
right: 3px;
}
.format-tiles li.activity.label .completionspinner {
float: right;
width: 25px;
height: 25px;
}
.format-tiles .completioncheckbox.background-course-base i {
color: #fff;
}
.format-tiles .completioncheckbox.complete {
background-color: #298a08;
color: #fff;
border-color: #298a08;
}
.format-tiles .completioncheckbox.fail {
background-color: #a90202;
color: #fff;
border-color: #a90202ff;
}
.format-tiles .modal-header .completioncheckbox:not(.complete) {
border: 2px solid #ffffffa8;
color: #fff;
background-color: #efefef;
}
.format-tiles .completioncheckbox.background-course-base.complete i {
color: #fff;
}
.format-tiles .allcomplete .icon {
font-size: 2em;
width: 30px;
height: 30px;
color: #ffaa30;
}
.format-tiles .course-content #filterintro {
display: inline-block;
padding: 10px;
margin-left: 3px;
margin-right: 3px;
color: #aaa;
overflow: hidden;
}
.format-tiles .course-content #filterintro i {
font-size: 20px;
}
.format-tiles #abovetiles {
min-height: 42px;
display: flex;
justify-content: space-between;
width: 100%;
}
.format-tiles #abovetiles.sec-zero-closed {
width: calc(100% - 80px);
}
.format-tiles #abovetiles.section-zero-empty {
width: calc(100% - 40px);
}
.format-tiles .phototile .progress-indic {
color: rgba(255, 255, 255);
padding: 2px 7px 2px 7px;
position: absolute;
bottom: 10px;
left: 0;
font-size: 0.9em;
}
.format-tiles .phototile .progress-indic,
.format-tiles .subtile.hasphoto .activitytype,
.format-tiles.editing .subtile.hasphoto .editable-title {
background-color: rgba(var(--format-tiles-colour-elems), var(--format-tiles-photo-tile-text-bg-opacity));
}
.format-tiles .tilestyle-2.phototile .progress-indic {
top: 5px;
right: 0;
bottom: unset;
left: unset;
}
.format-tiles .phototile .progress-complete-alt img {
margin-top: 4px;
}
.format-tiles li.activity.subtile.hasphoto {
border-top-color: var(--format-tiles-colour);
}
.format-tiles .filterbutton {
cursor: pointer;
min-width: 50px;
transition: all 0.2s ease-in-out;
display: inline-block;
padding: 8px;
color: #555;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
border-radius: 8px;
margin: 0 1px 0 1px;
}
.format-tiles .course-content li.activity.label h1,
.format-tiles .section li.activity.label h2,
.format-tiles .course-content li.activity.label h3,
.format-tiles .course-content li.activity.label h4,
.format-tiles .editor_atto_content_wrap h1,
.format-tiles .editor_atto_content_wrap h2,
.format-tiles .editor_atto_content_wrap h3,
.format-tiles .editor_atto_content_wrap h4 {
font-weight: bold;
margin-top: 10px;
margin-bottom: 10px;
padding-top: 0.3em;
padding-bottom: 0.3em;
overflow: hidden;
}
.format-tiles ul.tiles .tile h3 {
font-size: 1.4em;
line-height: 1.2em;
font-weight: normal;
color: #333;
word-wrap: break-word;
}
.format-tiles .sectiontitlecontainer {
margin: 0 0 0.5em 0.5em;
display: inline-block;
}
.format-tiles .sectiontitle {
display: inline-block;
padding-left: 10px;
font-size: 2em;
padding-right: 7px;
}
.format-tiles .sectiontitle::after,
.format-tiles .sectiontitle::after {
content: "";
display: block;
height: 4px;
}
.format-tiles .sectiontitle h2 {
font-weight: 600;
color: #666;
display: inline-block;
}
.format-tiles.format-tiles-high-contrast .sectiontitle h2 {
color: var(--format-tiles-high-contrast-black);
}
.format-tiles #section-0 .contentwithoutlink .no-overflow p {
margin: 0;
}
.format-tiles #section-0 .contentwithoutlink .no-overflow {
margin-bottom: 10px;
}
.format-tiles .tiles .section.main:not(.delegated-section) {
/* stylelint-disable-next-line declaration-no-important */
border: 0 !important;
/* We use important here as core-course-dragdrop is not replacing this.originalstyle correctly. */
/* stylelint-disable-next-line declaration-no-important */
opacity: 1 !important;
border-radius: 10px;
}
.format-tiles .hidden #hiddeneye {
background-image: url(/theme/image.php/boost_union/format_tiles/1752245628/eye-slash);
margin-left: 10px;
}
.format-tiles #editactivitiesimage {
background-image: url(/theme/image.php/boost_union/core/1752245628/a/view_list_active);
display: inline-block;
float: right;
margin-right: 10px;
margin-top: 10px;
width: 20px;
height: 20px;
background-size: 20px 20px;
opacity: 0.6;
}
.format-tiles .tile-loading-icon {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 150px;
padding-top: 55px;
text-align: center;
}
.format-tiles .tile-loading-icon img {
width: 24px;
height: 30px;
}
.format-tiles .section .activity .activityinstance div.unclickable {
display: block;
}
.format-tiles .section .activity .activityinstance div.contentafterlink {
display: block;
}
.format-tiles .section .activity.subtile .contentafterlink {
position: absolute;
left: 0;
bottom: 0;
margin-left: 0;
width: 100%;
display: flex;
justify-content: center;
}
.format-tiles .section .label .mod-indent-outer {
padding-left: 0;
}
.format-tiles.editing .section .mod-indent-outer {
max-width: calc(100% - 100px);
}
.format-tiles.editing .tile-icon i {
margin-right: 0;
}
.format-tiles.path-course-view #region-main {
overflow-x: visible;
}
.format-tiles textarea#id_headertextabovetiles.form-control {
width: 100%;
}
.format-tiles .cursorpointer {
cursor: pointer;
}
#page-course-editsection .format-tiles .icon_picker_modal button.btn-close {
color: #333;
opacity: 0.9;
}
.format-tiles #icon_picker_modal .iconpickericons button.pickericondiv,
.format-site #icon_picker_modal .iconpickericons button.pickericondiv {
padding: 10px;
cursor: pointer;
display: inline-block;
background-color: #fff;
border: none;
width: 81px;
height: 81px;
}
.format-tiles #icon_picker_modal .iconpickericons .pickericondiv img.icon {
max-width: 65px;
max-height: 65px;
}
.format-tiles .tiles-editor-image img.icon,
.format-tiles li.section:not(#section-0) .course-section-header img.icon {
max-width: 45px;
max-height: 45px;
}
#page-course-editsection .format-tiles .icon_picker_modal .modal-header,
#page-course-edit .format-tiles .icon_picker_modal .modal-header {
color: #333;
}
.format-tiles .iconpickericons button.pickericondiv:hover,
.format-site .iconpickericons button.pickericondiv:hover {
background-color: rgb(243, 243, 243);
}
.format-tiles #icon-picker-modal-body #tile-numbers-container {
max-width: 750px;
}
.format-tiles .icon_picker_modal .modal-dialog {
max-width: 90%;
}
.format-tiles .modal-dialog {
margin: 5px auto;
}
.format-tiles .pickericon .icon,
#page-course-edit.format-site .pickericon .icon {
width: 55px;
height: 55px;
max-width: 55px;
max-height: 55px;
font-size: 55px;
vertical-align: top;
margin: 3px;
color: #8c8c8c;
}
.format-tiles .embed_cm_modal .modal {
margin: 10px auto;
}
.format-tiles .embed_cm_modal iframe {
border: 0;
}
.format-tiles .embed_cm_modal a {
color: #979797;
}
.format-tiles .embed_cm_modal .modal-body {
max-height: 95%;
overflow-y: auto;
min-height: 200px;
padding: 0;
}
.format-tiles .embed_cm_modal.mod_page .modal-body {
padding: 2em;
}
.format-tiles .modal-container.embed_cm_modal .modal-header {
padding: 5px 10px 5px 10px;
opacity: 0.8;
border-bottom: 0;
text-shadow: none;
background-image: none;
color: #fff;
min-height: 23px;
}
.format-tiles .embed_cm_modal button[data-action="toggle-manual-completion"] {
color: #fff;
border-color: #fff;
padding: 2px 5px 0 5px;
}
.format-tiles .modal-container .modal .modal-header.embed_cm_modal h3 {
color: #fff;
}
/*Different themes have these classes slightly differently so repeat some of these*/
.format-tiles .embed_cm_modal .modal-header {
padding: 5px 10px 5px 10px;
}
.format-tiles .modal-container.embed_cm_modal .modal .modal-header h3 {
color: #fff;
}
.format-tiles .embed_cm_modal .modal-footer {
display: none;
}
.format-tiles .embed_cm_modal a i {
width: 20px;
height: 20px;
font-size: 0.9em;
}
.format-tiles .embed_cm_modal button {
vertical-align: middle;
margin: 0;
padding: 0;
}
.format-tiles .embed_cm_modal .modal-header #modaltitle {
font-size: 1.2em;
}
.format-tiles li.activity.subtile {
display: flex;
flex-basis: 225px;
max-width: 240px;
flex-grow: 1;
height: 215px;
vertical-align: top;
text-align: center;
padding: 0 5px 0 5px;
margin: 5px;
background-repeat: no-repeat;
background-position: 50% 70%;
-webkit-background-size: 38px auto;
background-size: 48px auto;
transition: 0.3s ease-in-out;
position: relative;
/* We use important here as dragdrop is not removing its own inline opacity once dragdrop complete.*/
/* See moodle-core-dragdrop this.originalstyle (not replaced correctly). */
/* stylelint-disable-next-line declaration-no-important */
opacity: 1 !important;
}
.format-tiles .subtile_inner,
.format-tiles .fullwidth {
width: 100%;
}
.format-tiles .clickable-region {
height: 110px;
width: 230px;
display: block;
}
.format-tiles #page-content li.activity.subtile.dimmed a.dropdown-toggle {
color: #888;
}
.format-tiles li.activity.dimmed .inplaceeditable,
.format-tiles li.section .summary.dimmed,
.format-tiles li.activity.subtile.dimmed .activityinstance {
opacity: 0.5;
}
/*For subtiles, use normal opacity to avoid deep edit menus going under the tile below*/
.format-tiles li.activity.subtile.dimmed {
opacity: 1;
/* stylelint-disable-next-line declaration-no-important */
border-top-color: lightgray !important;
}
.format-tiles .dimmed .label_content {
color: grey;
}
.format-tiles .subtiles {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
width: calc(100% - 2em);
}
.format-tiles .subtiles li.activity.label {
padding: 10px;
width: 100%;
}
.format-tiles.editing .subtiles li.activity.label {
border: 1px solid rgb(231, 231, 231);
position: relative;
}
/*YouTube iframes embedded in labels may be too wide */
.format-tiles li.activity.label iframe {
width: 100%;
}
.format-tiles li.activity.subtile .activityname {
position: absolute;
bottom: 0;
left: 0;
min-height: 50px;
width: 100%;
text-align: center;
background-color: #fff;
padding: 6px;
display: flex;
justify-content: center;
align-items: center;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
overflow-wrap: break-word;
word-break: break-word;
}
.format-tiles li.activity.subtile .editable-title {
background-color: #f9f9f9cc;
}
.format-tiles li.activity.subtile .activityname h5 {
margin: 0;
font-weight: normal;
font-size: 16px;
}
.format-tiles li.activity:focus {
outline: 1px dotted;
}
.format-tiles li.activity.subtile .activitytype {
padding: 0 5px 10px 5px;
display: block;
text-transform: uppercase;
color: grey;
font-size: 0.9em;
}
.format-tiles li.activity.subtile a:not(.dropdown-item),
.format-tiles #page-content li.activity.subtile a:not(.dropdown-item) {
color: #565656;
}
.format-tiles .subtiles .instancename {
height: 98%;
width: 100%;
/*this is clickable so take up whole tile*/
}
.format-tiles .subtiles .hasphoto.instancename {
padding-top: 2px;
}
.format-tiles li.activity.subtile a:hover,
.format-tiles #page-content li.activity.subtile a:hover {
text-decoration: none;
}
.format-tiles.editing .subtiles .completioncheckbox {
position: absolute;
right: 1px;
top: 8px;
}
.format-tiles .completion-spacer {
height: 22px;
}
.format-tiles .tile .completion-spacer {
width: 26px;
}
.format-tiles .subtile .completion-spacer {
width: 33px;
}
.format-tiles u.subtiles li.activity button[data-action="toggle-manual-completion"]:hover {
border: 3px solid orange;
border-radius: 50%;
transition: border 300ms ease-in-out;
}
.format-tiles .completioncheckbox {
border: 3px solid #ababab;
border-radius: 50%;
transition: border 300ms ease-in-out;
height: 30px;
width: 30px;
position: relative;
text-align: center;
}
.format-tiles li.tile:not(.is-complete) .tileallcomplete,
.format-tiles .tile:not(.is-complete) .completion-spacer {
display: none;
}
.format-tiles li.tile:not(.phototile) .tileallcomplete {
margin-top: 5px;
}
.format-tiles li.tile.is-complete .tiles-hide-if-complete,
.format-tiles #tiles-overall-progress-outer.is-complete .tiles-hide-if-complete {
display: none;
}
.format-tiles li.tile:not(.is-complete) .tiles-hide-if-incomplete,
.format-tiles #tiles-overall-progress-outer:not(.is-complete) .tiles-hide-if-incomplete {
display: none;
}
.format-tiles li.tile .completioncheckbox {
padding-left: 0;
margin-right: 5px;
margin-top: 5px;
width: 30px;
min-width: 30px;
position: absolute;
top: 0;
right: 0;
}
.format-tiles .completioncheckbox img {
padding-bottom: 5px;
margin-right: 0;
}
.format-tiles li.tile .completioncheckbox img {
margin-top: 4px;
}
.format-tiles button.completioncheckbox:not(.complete),
.format-tiles .completioncheckbox:not(.complete) {
background-color: rgba(255, 255, 255, 0.7);
}
.format-tiles .subtile .completioncheckbox {
position: absolute;
top: 3px;
right: 5px;
}
.format-tiles.editing .subtile .completioncheckbox {
margin-right: 1px;
}
.format-tiles .modal-header .completioncheckbox i {
font-size: 1.1em;
margin-right: 0;
}
.format-tiles .completioncheckbox:focus {
outline: none;
}
.format-tiles .embed-module-buttons button.completioncheckbox {
height: 25px;
width: 25px;
padding-left: 0;
margin-top: 2px;
border: 2px solid #fffa;
}
.format-tiles .completioncheckbox.completion-auto {
opacity: 0.6;
height: 30px;
min-width: 30px;
width: 30px;
}
.format-tiles .embed_cm_modal .embed_file_button,
.format-tiles .modal-container .modal .modal-header button.btn-close {
display: inline-block;
width: 28px;
height: 28px;
font-size: 1.4em;
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
opacity: 0.9;
text-align: center;
box-shadow: none;
}
.format-tiles .modal-container .modal .modal-header button.btn-close {
font-size: 1.8em;
background-repeat: no-repeat;
background-image: url(/theme/image.php/boost_union/format_tiles/1752245628/close-white);
background-size: 17px 17px;
}
.format-tiles .modal-container .modal .modal-header .embed-module-buttons .btn-close {
/*Clean theme.*/
position: relative;
top: unset;
right: unset;
}
.format-tiles .embed-module-buttons {
min-width: 125px;
text-align: right;
display: flex;
justify-content: flex-end;
}
.format-tiles .embed-module-buttons button.btn-close {
width: 28px;
height: 28px;
float: none;
}
.format-tiles .embed-module-buttons a:focus,
.format-tiles .embed-module-buttons form:focus {
outline: 1px dotted;
}
.format-tiles .embed-module-buttons .icon:hover,
.format-tiles .embed-module-buttons img.icon:hover {
opacity: 0.7;
}
.format-tiles .embed-module-buttons .btn {
box-shadow: none;
margin-top: 2px;
}
.format-tiles .embed-module-buttons a .icon {
color: #fff;
}
.format-tiles .embed_cm_modal .embed-module-buttons .completioncheckbox .icon {
padding: 0;
}
.format-tiles .modal-header .completioncheckbox:not(.complete) .icon {
width: 14px;
height: 14px;
}
.format-tiles .embed_cm_modal .modal-title {
max-width: calc(100% - 120px);
}
.format-tiles .sectionerror {
margin-left: 30px;
}
.format-tiles .section.subtiles .activity .editing_move {
position: relative;
}
.format-tiles .section.subtiles .activity .actions {
position: absolute;
top: 1px;
}
.format-tiles.editing .section.subtiles .activity .actions {
left: 35px;
}
.format-tiles .section.subtiles .activity.label .actions {
top: 0;
right: 0;
left: inherit;
position: absolute;
}
.format-tiles .subtile .dropdown-menu .dropdown-item {
padding-top: 3px;
padding-bottom: 3px;
}
.format-tiles.editing .section .activity.subtile .cm-inner {
margin-top: 25px;
}
.format-tiles .section .activity.subtile .cm-inner {
width: 100%;
}
.format-tiles.editing .section .activity.subtile .activityinstance {
padding: 0;
display: block;
color: #565656;
font-size: 19px;
overflow: hidden;
height: calc(100% - 20px);
margin-top: 25px;
margin-left: 0;
}
.format-tiles .section .activity.subtile .activityinstance {
padding-right: 0;
}
.format-tiles .subtile .activityinstance > a:focus {
background-color: inherit;
box-shadow: none;
}
.format-tiles.editing .section .activity .activityinstance {
margin-left: 30px;
}
.format-tiles.editing .section .activity.subtile .action-menu {
background-color: #f9f9f9;
}
.format-tiles li.activity .subtile-activityinstance {
position: absolute;
top: 5px;
height: 95%;
overflow: hidden;
width: 100%;
}
.format-tiles.editing li.activity .subtile-activityinstance {
top: 0;
left: 0;
}
.format-tiles li.subtile img.activityicon {
display: none;
/* when a teacher uses in place editing of mod name, the item is refreshed complete with icon which we do not want so hide it*/
}
.format-tiles #section-0 .activity .activityinstance .inplaceeditable img.activityicon {
display: inherit;
}
.format-tiles li.subtile .availabilityinfo {
margin: 0;
position: absolute;
left: unset;
bottom: 60px;
background-color: inherit;
}
.format-tiles li.subtile.hasactivityname .availabilityinfo {
left: 0;
bottom: 10px;
}
.format-tiles li.tile .availabilityinfo {
line-height: 15px;
}
.format-tiles .inplaceeditable input.form-control {
width: 100%;
}
.format-tiles #single_section_tiles .inplaceeditable input.form-control {
width: 100%;
}
.format-tiles .course-content ul.section {
margin: 0;
padding: 1.2em;
}
.format-tiles .course-content ul.section.moveablesection {
padding: 0;
}
.format-tiles .course-content ul.section.nosubtiles,
.format-tiles .course-content ul.section.nosubtiles .activity {
position: relative;
}
.format-tiles .course-content ul.section.nosubtiles li.activity {
width: 100%;
}
.format-tiles .course-content li.activity.subtile {
padding: 0;
background-color: #fafafa;
}
.format-tiles .course-content ul.section.nosubtiles .actions {
margin-top: 0.5em;
min-width: 30px;
}
.format-tiles #selectedicon .icon,
#page-course-edit.format-site #selectedicon .icon {
font-size: 1.9em;
width: 25px;
height: 25px;
color: grey;
}
.format-tiles #selectedicon {
margin-right: 10px;
}
.format-tiles .modal-header:focus,
.format-tiles .resourcecontent:focus,
.format-tiles li.activity.subtile {
box-shadow: 2px 4px 5px 0 #bdbdbd;
border-radius: 10px;
}
.format-tiles .modal-header:focus,
.format-tiles .resourcecontent:focus,
.format-tiles li.activity.subtile:not(:focus) {
outline: unset;
}
.format-tiles a.cm-link:focus,
.format-tiles a.tile-link:focus {
outline: unset;
box-shadow: 2px 4px 5px 0 #bdbdbd;
}
.format-tiles li.activity a.cm-link {
width: 100%;
}
.format-tiles li.activity.subtile a {
text-align: center;
}
.format-tiles .resourceintro {
margin: 60px;
}
.format-tiles .subtilecontrols {
top: 0;
left: 0;
position: absolute;
}
.format-tiles .editingactivity {
margin-left: 30px;
}
.format-tiles .margin-rt .section-cm-edit-actions {
margin-right: 35px;
}
.format-tiles.editing .label_content {
padding-left: 30px;
}
.format-tiles.editing ul.section {
margin-left: 3em;
padding-right: 3em;
}
.format-tiles .tooltip-inner {
background-color: #fff;
color: #181818;
border: 2px solid #4a4a4a;
opacity: 0.98;
}
.format-tiles.format-tiles-subtiles .tooltip-inner ul {
margin-left: 0;
padding-left: 10px;
text-align: left;
}
.format-tiles.editing .section-summary-activities {
width: 200px;
text-align: right;
max-height: 60px;
margin-right: 3px;
}
.format-tiles .section-summary-activities .activity-count {
display: block;
}
.format-tiles.editing .section-summary-activities .activity-count {
display: inline;
}
.format-tiles .dimmed .completioncheckbox {
opacity: 0.6;
}
.format-tiles fieldset#id_courseformathdr .colourpickercircle,
.format-site fieldset#id_courseformathdr .colourpickercircle {
width: 25px;
height: 25px;
border-radius: 50%;
display: inline-block;
margin: 0 5px 0 5px;
border: 3px solid;
}
.format-tiles fieldset#id_courseformathdr .colourpickercircle:hover,
.format-site fieldset#id_courseformathdr .colourpickercircle:hover {
border-color: orange;
}
.format-tiles fieldset#id_courseformathdr .colourpickercircle.selected,
.format-site fieldset#id_courseformathdr .colourpickercircle.selected {
background-image: url(/theme/image.php/boost_union/format_tiles/1752245628/check-white);
background-size: contain;
}
.format-tiles fieldset#id_courseformathdr #colourselectnotify,
.format-site fieldset#id_courseformathdr #colourselectnotify {
color: #212529;
background-color: #e9ecef;
border-radius: 0.2rem;
padding: 2px 8px;
height: 26px;
font-size: 0.9em;
display: none;
top: 0;
position: relative;
}
.format-tiles li.dndupload-preview {
width: 100%;
}
.format-tiles .loading-subtile {
width: 200px;
padding: 90px;
}
.format-tiles .course-content ul.tiles .tile.phototile {
padding: 0;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height: 175px;
}
.format-tiles .course-content ul.tiles .tile.phototile.tilestyle-1 .photo-tile-text,
.format-tiles .course-content ul.tiles .tile.phototile.tilestyle-2 .photo-tile-text {
top: 10px;
bottom: inherit;
width: calc(100% - 10px);
text-align: left;
position: absolute;
}
.format-tiles .course-content ul.tiles .tile.phototile.tilestyle-1 .photo-tile-text h3,
.format-tiles .course-content ul.tiles .tile.phototile.tilestyle-2 .photo-tile-text h3 {
display: inline;
background-color: rgba(var(--format-tiles-colour-elems), var(--format-tiles-photo-tile-text-bg-opacity));
line-height: var(--format-tiles-photo-tile-text-line-height);
padding: var(--format-tiles-photo-tile-text-padding) 7px;
text-align: center;
color: #fff;
}
.format-tiles .course-content ul.tiles .tile.phototile.tilestyle-1 .photo-tile-text h3,
.format-tiles .course-content ul.tiles .tile.phototile.tilestyle-2 .photo-tile-text h3 {
font-size: 20px;
box-decoration-break: clone;
/*Chrome needs this*/
-webkit-box-decoration-break: clone;
}
.format-tiles ul.tiles .tile.phototile .tile-text {
margin-top: 35px;
}
.format-tiles li.tile.phototile .availabilityinfo {
position: absolute;
bottom: 10px;
right: 0;
}
.format_tiles .section.main:not(.course-section) .activity.subtile .availabilityinfo,
.format_tiles .section.main:not(.course-section) .activity.subtile .contentafterlink,
.path-course-view li.activity.subtile > div.contentafterlink {
margin-left: 0;
padding: 0;
}
/*Alternate styles for previous phototile items ("tilestyle-2" was "altstyle")*/
.format-tiles .course-content ul.tiles .tile.phototile.tilestyle-2 .photo-tile-text {
bottom: 0;
top: inherit;
text-align: center;
width: 100%;
}
.format-tiles li.activity.subtile .instancename.opaque-bg {
background-color: rgba(249, 249, 249, 0.8);
transition: background-color 200ms ease-in-out;
}
.format-tiles .course-content ul.tiles .tile.phototile.tilestyle-2 .photo-tile-text h3 {
font-size: 1.3em;
margin-top: 0;
margin-bottom: 0;
padding: 5px;
position: relative;
display: block;
line-height: 25px;
}
.format-tiles li.tile.phototile.tilestyle-2 .availabilityinfo {
position: absolute;
bottom: inherit;
top: 9px;
left: 3px;
right: unset;
}
.format-tiles .existingtilephoto {
height: 160px;
margin: 10px;
}
.format-tiles .tilebarphoto {
width: 75px;
height: 48px;
background-size: cover;
background-repeat: no-repeat;
float: left;
}
.format-tiles .iconpickerheader {
height: 40px;
}
.format-tiles .iconpickerheader #phototilebtn {
color: #fff;
}
.format-tiles .iconpickerheader #phototilebtn:hover {
color: darkslategrey;
}
.format-tiles .tile.phototile a {
padding: 0;
}
.format-tiles .iconpickerphotos {
margin: 30px;
text-align: center;
}
.format-tiles .iconpickerphotos .photo {
height: 100px;
width: 150px;
background-color: lightgrey;
margin: 0.5em;
background-size: cover;
padding: 0;
vertical-align: top;
}
.format-tiles .iconpickerphotos .photo:hover {
opacity: 0.7;
}
.format-tiles #page-loading-icon img {
padding: 100px;
height: 50px;
width: 50px;
opacity: 0.8;
}
.format-tiles a#page-loading-icon {
color: #0c0c0c;
text-decoration: none;
}
#page-admin-setting-formatsettingtiles #docsbuttons {
float: right;
transform: translateY(-50px);
height: 0;
}
.format-tiles .course-content li.section .summary ul {
list-style: disc;
}
.format-tiles .tiles-editor-image {
margin-right: 5px;
}
.format-tiles .tiles-editor-image i.icon {
font-size: 36px;
width: 36px;
height: 36px;
}
.format-tiles .secondary-navigation {
max-width: unset;
}
.format-tiles .section .activity.subtile .activityinstance {
display: block;
}
.format-tiles.format-tiles-tile-open .tile:not(.selected) {
opacity: 0.5;
}
.format-tiles.format-tiles-tile-open .tile:not(.selected):hover {
opacity: 1;
}
.format-tiles li.section:not(#section-0) .course-section-header.tile-bar-heading {
margin-right: 5px;
background-color: #3584c917;
border-top: 3px solid rgba(53, 132, 201, 0.37);
width: 100%;
padding: 10px;
}
.format-tiles li.section:not(#section-0) .course-section-header.tile-bar-heading .course-section-header {
width: 100%;
}
.format-tiles li.section:not(#section-0).hidden .course-section-header.tile-bar-heading,
.format-tiles li.section:not(#section-0).restricted .course-section-header.tile-bar-heading {
background-color: #efefef;
border-top-color: #cdcdcd;
}
.format-tiles li.section:not(#section-0).hidden .course-section-header.tile-bar-heading .tilebarphoto,
.format-tiles li.section:not(#section-0).restricted .course-section-header.tile-bar-heading .tilebarphoto {
filter: grayscale(1);
}
.format-tiles .tiles-editor-image {
width: 77px;
height: 45px;
}
.format-tiles .tiles-editor-image i {
margin-top: 5px;
}
.format-tiles .course-section-header .section-status i {
height: 30px;
width: 30px;
font-size: 30px;
}
.format-tiles .course-section-header .restriction-lock i {
font-size: 32px;
height: 32px;
width: 32px;
}
.format-tiles li.tile .availabilityinfo {
position: absolute;
bottom: 10px;
right: 0;
}
.format-tiles li.tile.phototile .availabilityinfo {
right: 5px;
}
.format-tiles .course-content ul.tiles .tile.tile-hidden,
.format-tiles .course-content ul.tiles .tile.tile-restricted {
border-top-color: grey;
}
.format-tiles .course-content ul.tiles .tile.tilestyle-1.tile-hidden.phototile .photo-tile-text h3,
.format-tiles .course-content ul.tiles .tile.tilestyle-1.tile-restricted.phototile .photo-tile-text h3,
.format-tiles .course-content ul.tiles .tile.tilestyle-2.tile-hidden.phototile .photo-tile-text h3,
.format-tiles .course-content ul.tiles .tile.tilestyle-2.tile-restricted.phototile .photo-tile-text h3,
.format-tiles .tile.tile-hidden .badge-info,
.format-tiles .tile.tile-restricted .badge-info {
background-color: #565656;
}
.format-tiles.format-tiles-high-contrast .tile.tile-restricted .badge-info,
.format-tiles.format-tiles-high-contrast .tile.tile-hidden .badge-info {
background-color: var(--format-tiles-high-contrast-black);
}
.format-tiles .tile.tile-restricted,
.format-tiles .tile.tile-hidden {
filter: grayscale(1);
}
.format-tiles .tile {
z-index: 2;
}
.format-tiles .moveablesection {
z-index: 3;
}
.format-tiles .tile:not(.phototile) {
background-color: #fff;
}
.format-tiles .tile-bg,
.format-tiles .tile-link {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.format-tiles.format-tiles-high-contrast .tile-bg {
background-color: #fff;
border: 1px solid var(--format-tiles-colour);
}
.format-tiles.format-tiles-high-contrast li.tile.phototile .tile-link {
border: 1px solid var(--format-tiles-colour);
}
.format-tiles .moveablesection .availabilityinfo i {
font-size: 1.2em;
}
.format-tiles li.activity .completioncheckbox img {
width: 19px;
padding-left: 3px;
}
/*If the theme does not use font awesome for completion check marks, need to style the img file.*/
/*This applies to adaptable and classic and possibly other custom themes based on these*/
.format-tiles li.activity .completioncheckbox:not(.complete) img {
filter: brightness(0.4) invert(1);
}
.format-tiles li.tile .completioncheckbox img {
margin-top: -1px;
width: 20px;
margin-left: 2px;
}
.format-tiles .course-content ul li.section.moveablesection .side {
display: block;
}
.format-tiles #section-zero-container.format-tiles-no-js #buttonhidesec0 {
position: absolute;
right: -45px;
top: 0;
width: 45px;
height: 45px;
}
.format-tiles li.subtile .tileiconcontainer.administration {
border: 1px dashed #da58ef30;
}
.format-tiles li.subtile .tileiconcontainer.assessment {
border: 1px dashed #f9008630;
background-color: #f9008606;
}
.format-tiles li.subtile .tileiconcontainer.content {
border: 1px dashed #0099ad30;
background-color: #0099ad06;
}
.format-tiles li.subtile .tileiconcontainer.collaboration {
border: 1px dashed #6f46f730;
background-color: #6f46f706;
}
.format-tiles li.subtile .tileiconcontainer.communication {
border: 1px dashed #eb620030;
background-color: #eb620006;
}
.format-tiles li.subtile .tileiconcontainer.interactivecontent {
border: 1px dashed #8d3d1b30;
background-color: #8d3d1b06;
}
.format-tiles li.subtile .tileiconcontainer.other {
background-color: #767d8406;
}
/*Default*/
.format-tiles li.subtile .tileiconcontainer {
border: 1px dashed #21252930;
background-color: #21252906;
}
.format-tiles .format-tiles-colour-subtile-icon-bg li.subtile .tileiconcontainer.administration {
background-color: #da58ef;
border: none;
}
.format-tiles .format-tiles-colour-subtile-icon-bg li.subtile .tileiconcontainer.assessment {
background-color: #f90086;
}
.format-tiles .format-tiles-colour-subtile-icon-bg li.subtile .tileiconcontainer.content {
background-color: #0099ad;
border: none;
}
.format-tiles .format-tiles-colour-subtile-icon-bg li.subtile .tileiconcontainer.collaboration {
background-color: #6f46f7;
border: none;
}
.format-tiles .format-tiles-colour-subtile-icon-bg li.subtile .tileiconcontainer.communication {
background-color: #eb6200;
border: none;
}
.format-tiles .format-tiles-colour-subtile-icon-bg li.subtile .tileiconcontainer.interactivecontent {
background-color: #8d3d1b;
border: none;
}
.format-tiles .format-tiles-colour-subtile-icon-bg li.subtile .tileiconcontainer.other {
background-color: #767d84;
border: none;
}
.format-tiles li.subtile.bigbluebuttonbn .tileiconcontainer.other {
background-color: #0f4d9d;
}
.format-tiles .format-tiles-colour-subtile-icon-bg li.subtile .activityiconcontainer:not(.isbranded) .activityicon:not(.nofilter),
.format-tiles .format-tiles-colour-subtile-icon-bg li.subtile .activityiconcontainer:not(.isbranded) .icon:not(.nofilter) {
filter: brightness(0) invert(1);
}
.format-tiles li.subtile .tile-icon {
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
/*Moodle 4.4+ specific styles*/
.format-tiles li.activity.subtile .tileiconcontainer .tile-icon .icon {
max-width: 70px;
max-height: 70px;
width: 70px;
height: 70px;
padding: 0;
}
@media (min-width: 768px) {
body.format-tiles.limitedwidth:not(.path-mod):not(.format-tiles-single-sec) #page.drawers .main-inner,
.format-tiles .header-maxwidth {
max-width: unset;
}
.format-tiles.editing.dir-rtl #page-content {
/*Not 100% as allow space on left for RTL edit menus to use*/
max-width: calc(100% - 100px);
}
body.jsenabled.format-tiles .above-tiles-buttons {
position: absolute;
right: 0;
min-width: 100px;
}
body.jsenabled.format-tiles .section-zero-empty .above-tiles-buttons {
min-width: 50px;
}
.format-tiles #single_section_tiles .pagesechead {
max-width: calc(100% - 175px);
}
}
@media screen and (max-width: 680px) {
.format-tiles .subtiles {
/* stylelint-disable-next-line declaration-no-important */
width: 100% !important;
/* stylelint-disable-next-line declaration-no-important */
justify-content: center !important;
}
.format-tiles li.activity.subtile {
/* stylelint-disable-next-line declaration-no-important */
flex-basis: 160px !important;
min-height: 210px;
position: relative;
/* stylelint-disable-next-line declaration-no-important */
margin: 0 5px 3px 0 !important;
/* stylelint-disable-next-line declaration-no-important */
max-width: 44% !important;
}
.format-tiles .clickable-region {
/* stylelint-disable-next-line declaration-no-important */
width: 100% !important;
}
.format-tiles li.subtile.spacer {
/* stylelint-disable-next-line declaration-no-important */
flex-basis: 130px !important;
/* stylelint-disable-next-line declaration-no-important */
min-width: 130px !important;
display: none;
}
.format-tiles .section .activity.subtile .activityinstance {
display: block;
}
}
/* get rid of wide margins when viewing course on narrow (mobile) device and
allow tiles to be taller and thinner so can fit two side by side in portrait on iphone 6/7 */
@media screen and (max-width: 600px) {
.format-tiles ul.tiles,
.format-tiles #section-0 ul.section,
.format-tiles .course-content .card-block {
/* stylelint-disable-next-line declaration-no-important */
padding-left: 0 !important;
}
.format-tiles .course-content ul.section {
padding: 1em;
}
.format-tiles .course-content ul.section.subtiles {
/* stylelint-disable-next-line declaration-no-important */
margin: auto !important;
}
.format-tiles .course-content ul.section {
/* stylelint-disable-next-line declaration-no-important */
margin: 1px !important;
/* stylelint-disable-next-line declaration-no-important */
padding: 1px !important;
}
.format-tiles.path-course-view #region-main {
padding: 0;
}
.format-tiles.path-course-view .card-block {
padding-left: 0.3em;
padding-right: 0.3em;
}
.format-tiles .course-content .section {
/* stylelint-disable-next-line declaration-no-important */
margin-left: 0 !important;
background-color: #fff;
}
.format-tiles ul.tiles li.section .format-tiles_section_content {
/* stylelint-disable-next-line declaration-no-important */
margin: 0 !important;
}
.format-tiles .subtiles .course-content ul.section {
padding: 0.5em 0.5em 0.5em 1em;
}
.format-tiles .pagesechead {
max-width: unset;
margin: 0 0 0 5px;
}
.format-tiles .sectiontitlecontainer {
/* stylelint-disable-next-line declaration-no-important */
margin: 0 !important;
}
.format-tiles .sectiontitle {
width: 100%;
margin-left: 5px;
max-width: 98%;
}
.format-tiles .sectiontitle h2 {
font-size: 1em;
}
.format-tiles #page.container-fluid,
.format-tiles .path-course-view li.activity > div {
/* stylelint-disable-next-line declaration-no-important */
padding: 0 !important;
}
.format-tiles ul.tiles#multi_section_tiles {
justify-content: center;
}
.format-tiles .course-content ul.tiles .tile {
/* stylelint-disable-next-line declaration-no-important */
flex-basis: 160px !important;
position: relative;
/* stylelint-disable-next-line declaration-no-important */
max-width: calc(50% - 10px) !important;
margin: 5px;
}
.format-tiles .course-content ul.tiles .tile-clickable:hover {
transform: none;
}
.format-tiles li.tile:not(.phototile) .availabilityinfo {
bottom: unset;
left: 0;
top: 4px;
}
.format-tiles .clickable-region {
/* stylelint-disable-next-line declaration-no-important */
width: 150px !important;
}
.format-tiles ul.tiles .tile .tile-text {
height: 130px;
}
.format-tiles .collapsiblesec0.expanded .buttonhidesec0 {
/* stylelint-disable-next-line declaration-no-important */
background-color: rgba(255, 255, 255, 1) !important;
}
.format-tiles .progress-indic.percent {
font-size: 0.7em;
}
.format-tiles .overall-prog-radial {
display: none;
}
.format-tiles ul.tiles#multi_section_tiles li.section {
margin: 0;
padding: 5px;
}
.format-tiles ul.tiles#multi_section_tiles li.section.moveablesection {
padding: 30px 0 30px 0;
}
.format-tiles li.activity.subtile .activityname {
font-size: 1em;
word-break: break-word;
margin-top: 0;
}
.format-tiles .progress-indic {
font-size: 0.8em;
}
.format-tiles ul.tiles .tile h3 {
font-size: 16px;
word-break: break-word;
}
.format-tiles .course-content ul.tiles .tile.phototile.tilestyle-1 .photo-tile-text h3,
.format-tiles .course-content ul.tiles .tile.phototile.tilestyle-2 .photo-tile-text h3 {
font-size: 16px;
}
.format-tiles .course-content ul.tiles .tile.phototile.tilestyle-1 .photo-tile-text h3,
.format-tiles .course-content ul.tiles .tile.phototile.tilestyle-2 .photo-tile-text h3 {
line-height: 27px;
}
.format-tiles .course-content ul.tiles .tile .photo-tile-text.longtitle h3 {
font-size: 1em;
}
.format-tiles #abovetiles {
width: 100%;
}
.format-tiles .above-tiles-buttons {
margin-bottom: 10px;
}
}
@media screen and (max-width: 330px) {
.format-tiles li.activity.subtile .activityname {
font-size: 0.9em;
}
}
/* Course header. */
.format-timeline #editingonalert {
display: none;
}
.format-timeline.editing #editingonalert {
display: block;
}
.format-timeline .header-section,
.format-timeline .filters-section {
background-color: #eef5f9;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.format-timeline .header-section {
margin-bottom: 1rem;
}
.format-timeline .filters-section {
text-align: right;
}
.format-timeline .filters-section a {
text-decoration: none !important; /* stylelint-disable-line declaration-no-important */
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.format-timeline .filters-section a,
.format-timeline .filters-section .dropdown {
display: inline-block;
margin-left: .5rem;
}
.format-timeline .userwelcome img {
max-width: 50px;
margin-right: .5rem;
border-radius: 50%;
}
.format-timeline .userwelcome p {
display: inline-block;
}
.format-timeline .buttons .btn {
text-decoration: none;
color: #fff;
margin-right: .5rem;
}
.format-timeline .buttons {
margin-top: 1rem;
}
.format-timeline .buttons .addresourcemodchooser a {
text-decoration: none !important; /* stylelint-disable-line declaration-no-important */
color: #fff;
}
.format-timeline .buttons a:last-of-type {
margin-right: 0;
}
/* Timeline posts. */
.format-timeline .discuss {
margin-top: 1rem;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 1px solid #d7dfe3;
}
.format-timeline .discuss .post,
#page-course-format-post .discuss .post {
margin-top: .5rem;
padding-left: 42px;
display: flex;
flex-direction: row;
}
.format-timeline .discuss .post:first-of-type,
#page-course-format-post .discuss .post:first-of-type {
padding-left: 0;
margin-top: 0;
}
.format-timeline .discuss .loadmore {
margin-top: 1rem;
font-weight: 700;
}
.format-timeline .discuss .loadmore .loadallcomments {
border-radius: 20px;
}
.format-timeline .discuss .post .userimg,
#page-course-format-post .discuss .post .userimg {
align-self: flex-start;
position: relative;
display: block;
}
.format-timeline .discuss .post .userimg img,
#page-course-format-post .discuss .post .userimg img {
display: inline;
width: 42px;
border-radius: 50%;
border: 1px solid #ededed;
}
.format-timeline .discuss .post .entry,
#page-course-format-post .discuss .post .entry {
flex: 1;
padding-left: .4rem;
}
.format-timeline .discuss .post .entry .entry-content,
#page-course-format-post .discuss .post .entry .entry-content {
padding: .5rem 1rem;
border-radius: 1rem;
background-color: #ededed;
display: inline-block;
}
.format-timeline .discuss .post .entry .entry-content .name,
#page-course-format-post .discuss .post .entry .entry-content .name {
font-weight: 700;
margin-bottom: 0;
}
.format-timeline .discuss .post .entry .entry-content .name .small,
#page-course-format-post .discuss .post .entry .entry-content .name .small {
font-size: 70%;
margin-bottom: 0;
border: 1px solid #c3c3c3;
border-radius: 20px;
padding: 0 4px;
}
.format-timeline .discuss .post .entry .entry-content .text,
#page-course-format-post .discuss .post .entry .entry-content .text {
margin-bottom: 0;
}
.format-timeline .discuss .post .entry .entry-content .text a,
#page-course-format-post .discuss .post .entry .entry-content .text a {
font-weight: 700;
}
.format-timeline .discuss .groupinfo,
#page-course-format-post .discuss .groupinfo {
margin: 0;
}
.format-timeline .discuss .groupinfo .badge,
#page-course-format-post .discuss .groupinfo .badge {
border-radius: 10rem;
color: #fff;
margin-right: .2rem;
padding: .6em 1em;
}
.format-timeline .discuss .add-comment,
#page-course-format-post .discuss .add-comment {
display: flex;
flex-direction: row;
border-top: 1px solid #ededed;
margin-top: 1rem;
padding-top: 1rem;
}
.format-timeline .discuss .add-comment .userimg,
#page-course-format-post .discuss .add-comment .userimg {
border-radius: 50%;
height: calc(1.5em + .75rem + 2px);
align-self: flex-start;
position: relative;
display: block;
border: 1px solid #ededed;
margin-right: .5rem;
}
.format-timeline .discuss .add-comment .post-comment-input,
#page-course-format-post .discuss .add-comment .post-comment-input {
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
position: relative;
flex: 1 1 auto;
width: 1%;
margin-bottom: 0;
display: block;
height: calc(1.5em + .75rem + 2px);
padding: .375rem .75rem;
font-size: .9375rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
-webkit-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
-o-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
outline: none;
min-height: 32px;
cursor: text;
}
.format-timeline .discuss .add-comment .post-comment-input:focus,
#page-course-format-post .discuss .add-comment .post-comment-input:focus {
color: #495057;
background-color: #fff;
border-color: #6eb5f3;
outline: 0;
-webkit-box-shadow: 0 0 0 0.2rem rgba(17, 119, 209, .25);
box-shadow: 0 0 0 0.2rem rgba(17, 119, 209, .25);
}
.format-timeline .discuss .add-comment .post-comment-input[contenteditable="true"]:empty:before,
#page-course-format-post .discuss .add-comment .post-comment-input[contenteditable="true"]:empty:before {
content: attr(placeholder);
display: block;
color: #ccc;
}
.format-timeline .discuss .add-comment .post-comment-input a.usermentioned,
#page-course-format-post .discuss .add-comment .post-comment-input a.usermentioned {
padding: 0 .5rem;
background-color: #d9edff;
border-radius: 12px;
display: inline-block;
}
.format-timeline .discuss .add-comment .input-group-append .btn,
#page-course-format-post .discuss .add-comment .input-group-append .btn {
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
}
.format-timeline .discuss .fadeIn,
#page-course-format-post .discuss .fadeIn {
-webkit-animation: format-timeline_fadein 1s ease-in-out;
-moz-animation: format-timeline_fadein 1s ease-in-out;
-o-animation: format-timeline_fadein 1s ease-in-out;
animation: format-timeline_fadein 1s ease-in-out;
}
/* Modal form. */
.format-timeline .mform.full-width-labels .fitem.row > .col-md-3,
.mform.full-width-labels .fitem.row > .col-md-9 {
flex: 0 0 100%;
max-width: 100%;
}
.format-timeline .mform.full-width-labels #id_message,
.format-timeline .mform.full-width-labels #id_group {
width: 100%;
}
/* Some animations. */
@-webkit-keyframes format-timeline_fadein {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes format-timeline_fadein {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-o-keyframes format-timeline_fadein {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes format-timeline_fadein {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
/* Activity list. */
.format-timeline div.timeline {
list-style: none;
padding-left: 0;
}
.format-timeline div.timeline ul.section {
margin: 0;
padding-left: 0;
}
.format-timeline div.timeline ul.section .coursemodule {
display: flex;
flex-direction: row;
margin-top: 1rem;
}
.format-timeline div.timeline ul.section .coursemodule .activity {
flex: 1;
}
.format-timeline div.timeline ul.section .coursemodule {
padding: 1rem;
border: 1px solid #d7dfe3;
border-left: 4px solid #1177d1;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.format-timeline div.timeline ul.section .coursemodule.hiddenactivity {
background-color: #f8f9fa;
}
.format-timeline div.timeline .activity-item,
.format-timeline div.timeline .activity.label.activity-wrapper {
border: none;
padding: 0;
}
.format-timeline.editing div.timeline ul.section .coursemodule .activity .activity-item:hover {
cursor: default;
background-color: initial;
}
.format-timeline div.timeline ul.section .coursemodule {
border-left: 4px solid #343a40;
}
.format-timeline div.timeline ul.section .coursemodule.purpose_administration {
border-left: 4px solid #5d63f6;
}
.format-timeline div.timeline ul.section .coursemodule.purpose_assessment {
border-left: 4px solid #eb66a2;
}
.format-timeline div.timeline ul.section .coursemodule.purpose_collaboration {
border-left: 4px solid #f7634d;
}
.format-timeline div.timeline ul.section .coursemodule.purpose_communication {
border-left: 4px solid #11a676;
}
.format-timeline div.timeline ul.section .coursemodule.purpose_content {
border-left: 4px solid #399be2;
}
.format-timeline div.timeline ul.section .coursemodule.purpose_interface {
border-left: 4px solid #a378ff;
}
.format-timeline div.timeline ul.section .coursemodule.modtype_label {
border: 1px solid #d7dfe3;
position: relative;
}
.format-timeline div.timeline ul.section .activity .activity-header .activity-info .activity-timecreated {
font-size: 80%;
font-weight: 400;
margin-bottom: .5rem;
}
.format-timeline div.timeline ul.section .coursemodule .editicons {
margin-left: .5rem;
}
.format-timeline div.timeline ul.section .editicons a {
text-decoration: none !important;
}
.format-timeline div.timeline ul.section .coursemodule .activity .editing_move,
.format-timeline div.timeline ul.section .coursemodule .activity .activity-actions {
display: none;
}
/* Mentions */
.format-timeline .tribute-container,
#page-course-format-post .tribute-container {
position: absolute;
top: 0;
left: 0;
height: auto;
max-height: 300px;
max-width: 500px;
overflow: auto;
display: block;
z-index: 999999;
}
.format-timeline .tribute-container ul,
#page-course-format-post .tribute-container ul {
margin: 0;
margin-top: 2px;
padding: 0;
list-style: none;
border-radius: 8px;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.2);
overflow: hidden;
}
.format-timeline .tribute-container li,
#page-course-format-post .tribute-container li {
padding: .75rem .5rem;
cursor: pointer;
}
.format-timeline .tribute-container li img,
#page-course-format-post .tribute-container li img {
width: 24px;
height: 24px;
border-radius: 50%;
margin-right: .5rem;
}
.format-timeline .tribute-container li.highlight,
#page-course-format-post .tribute-container li.highlight {
color: #fff !important; /* stylelint-disable-line declaration-no-important */
background-color: #1177d1;
}
.format-timeline .tribute-container li span,
#page-course-format-post .tribute-container li span {
font-weight: bold;
}
.format-timeline .tribute-container li.no-match,
#page-course-format-post .tribute-container li.no-match {
cursor: default;
}
.format-timeline .tribute-container .menu-highlighted,
#page-course-format-post .tribute-container .menu-highlighted {
font-weight: bold;
}
/**
* Collapsed Topics Information
*
* A topic based format that solves the issue of the 'Scroll of Death' when a course has many topics. All topics
* except zero have a toggle that displays that topic. One or more topics can be displayed at any given time.
* Toggles are persistent on a per browser session per course basis but can be made to persist longer by a small
* code change. Full installation instructions, code adaptions and credits are included in the 'Readme.txt' file.
*
* @package format_topcoll
* @version See the value of '$plugin->version' in version.php.
* @copyright © 2009-onwards G J Barnard in respect to modifications of standard topics format.
* @author G J Barnard - gjbarnard at gmail dot com and {@link http://moodle.org/user/profile.php?id=442195}
* @link http://docs.moodle.org/en/Collapsed_Topics_course_format
* @license http://www.gnu.org/copyleft/gpl.html GNU Public License
*
* This program 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.
* This program 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 this program. If not, see .
*/
.course-content ul.ctopics {
margin: 0;
padding-left: 0;
padding-right: 0;
}
.course-content ul.ctlayout {
display: inline-block;
vertical-align: top;
}
.course-content ul.ctopics li.section.main .left,
.course-content ul.ctopics li.section.main .right {
/* Fix for Bootstrap V3 based themes in less/moodle/course.less . */
display: block;
}
.format-topcoll #region-main {
overflow-x: inherit;
}
.course-content ul.ctopics li.section.main,
.course-content ul.ctopics li.tcsection {
border-bottom: 0;
list-style: none;
margin: 0;
padding: 0;
}
.course-content ul.ctopics li.section.main,
.course-content ul.ctopics li.tcsection,
.format-topcoll .course-content .single-section .section-navigation {
position: relative;
}
.format-topcoll.path-course-view .completionprogress {
z-index: 1;
}
/* Fix for ordered and unordered list in course topic summary & course weekly summary - from theme/base/style/core.css
* See: https://moodle.org/mod/forum/discuss.php?d=251944.
*/
.course-content ul.ctopics .content .summary ul,
.course-content ul.ctopics .content .summarytext ul {
list-style: disc outside none;
}
.course-content ul.ctopics .content .summary ol,
.course-content ul.ctopics .content .summarytext ol {
list-style: decimal outside none;
}
.course-content ul.ctopics li.section.main > .content,
.course-content ul.ctopics li.tcsection .content {
/* Default for non tablets / mobiles. If the language file has 'topcollsidewidth' for the current language, then will be set in format.php. */
margin: 0 40px;
padding: 0;
}
.course-content ul.ctopics.ctportable li.section.main .content,
.course-content ul.ctopics.ctportable li.tcsection .content {
margin: 0 0; /* Override default for tablets / mobiles. When have sides, set in format.php. */
}
.course-content ul.ctopics li .content .sectionhead h3 {
margin: 0;
}
.course-content ul.ctopics li.current .content .toggledsection {
padding: 0 0 5px 0;
}
.course-content ul.ctopics li.section.hidden .content > div {
margin-left: 0;
margin-right: 0;
}
/* Toggle icon size */
#toggle-all .content .sectionbody .toggle-all.tc-small,
.course-content ul.ctopics li.section .content .toggle span.tc-small {
background-size: 16px 16px;
}
#toggle-all .content .sectionbody .toggle-all.tc-medium,
.course-content ul.ctopics li.section .content .toggle span.tc-medium {
background-size: 24px 24px;
}
#toggle-all .content .sectionbody .toggle-all.tc-large,
.course-content ul.ctopics li.section .content .toggle span.tc-large {
background-size: 32px 32px;
}
/* -- Set the clickable element of the Toggle -- */
.course-content ul.ctopics li.section .content .toggle .the_toggle {
display: block;
padding-bottom: 6px;
padding-top: 6px;
width: auto;
}
.course-content ul.ctopics li.section .content .toggle .the_toggle.tc-small {
padding-left: 16px; /* The 16px allows the arrow to be with the text next to it. */
padding-right: 16px;
}
.course-content ul.ctopics li.section .content .toggle .the_toggle.tc-medium {
padding-left: 24px; /* The 24px allows the arrow to be with the text next to it. */
padding-right: 24px;
}
.course-content ul.ctopics li.section .content .toggle .the_toggle.tc-large {
padding-left: 32px; /* The 32px allows the arrow to be with the text next to it. */
padding-right: 32px;
}
/* CONTRIB-4106 */
.course-content ul.ctopics li.section .content .toggle .the_toggle .sectionname,
.course-content ul.ctopics li.section .content.sectionhidden .sectionname {
margin: 4px;
word-wrap: break-word;
}
.course-content ul.ctopics li.section .content .toggle .the_toggle .sectionname,
.course-content ul.ctopics li.section .content .toggle .the_toggle .sectionname a,
.course-content ul.ctopics li.section .content .toggle .the_toggle .sectionname a:hover,
.course-content ul.ctopics li.section .content .toggle .the_toggle .sectionname a:focus,
.course-content ul.ctopics li.section .content.sectionhidden .sectionname,
.course-content ul.ctopics li.section .content.sectionhidden .sectionname a,
.course-content ul.ctopics li.section .content.sectionhidden .sectionname a:hover,
.course-content ul.ctopics li.section .content.sectionhidden .sectionname a:focus {
color: inherit;
}
.course-content ul.ctopics .course-section .sectionbadges .badge {
margin: 3px 0 0;
vertical-align: top;
}
/* Icon set common. */
.course-content ul.ctopics li.section .content .toggle .the_toggle,
#toggle-all .content .toggle-all {
background-color: transparent;
background-repeat: no-repeat;
margin-right: 4px;
}
/* Icon sets. Note: Background images for the settings - does not work in Chrome or Safari - known issue. */
/* Arrow icon set. */
.course-content ul.ctopics li.section .content .toggle-arrow span.toggle_closed,
.course-content ul.ctopics li.section .content .toggle-arrow span.toggle_open, /* JavaScript disabled */
body.jsenabled .course-content ul.ctopics li.section .content .toggle-arrow span.toggle_open, /* JavaScript enabled */
#toggle-all .content .toggle-arrow .toggle-all.off {
background-image: url(/theme/image.php/boost_union/format_topcoll/1752245628/arrow_down);
}
body.jsenabled .course-content ul.ctopics li.section .content .toggle-arrow span.toggle_closed, /* JavaScript enabled */
#toggle-all .content .toggle-arrow .toggle-all.on,
body#page-admin-setting-formatsettingtopcoll select#id_s_format_topcoll_defaulttoggleiconset option[value="arrow"],
body#page-course-edit select#id_toggleiconset option[value="arrow"] {
background-image: url(/theme/image.php/boost_union/format_topcoll/1752245628/arrow_right);
}
#toggle-all .content .toggle-arrow-hover .toggle-all.off:hover {
background-image: url(/theme/image.php/boost_union/format_topcoll/1752245628/arrow_right_glow);
}
#toggle-all .content .toggle-arrow-hover .toggle-all.on:hover {
background-image: url(/theme/image.php/boost_union/format_topcoll/1752245628/arrow_down_glow);
}
/* Bulb icon set. */
.course-content ul.ctopics li.section .content .toggle-bulb span.toggle_closed,
.course-content ul.ctopics li.section .content .toggle-bulb span.toggle_open, /* JavaScript disabled */
body.jsenabled .course-content ul.ctopics li.section .content .toggle-bulb span.toggle_open, /* JavaScript enabled */
#toggle-all .content .toggle-bulb .toggle-all.off {
background-image: url(/theme/image.php/boost_union/format_topcoll/1752245628/bulb_on);
}
body.jsenabled .course-content ul.ctopics li.section .content .toggle-bulb span.toggle_closed, /* JavaScript enabled */
#toggle-all .content .toggle-bulb .toggle-all.on,
body#page-admin-setting-formatsettingtopcoll select#id_s_format_topcoll_defaulttoggleiconset option[value="bulb"],
body#page-course-edit select#id_toggleiconset option[value="bulb"] {
background-image: url(/theme/image.php/boost_union/format_topcoll/1752245628/bulb_off);
}
#toggle-all .content .toggle-bulb-hover .toggle-all.off:hover {
background-image: url(/theme/image.php/boost_union/format_topcoll/1752245628/bulb_off_glow);
}
#toggle-all .content .toggle-bulb-hover .toggle-all.on:hover {
background-image: url(/theme/image.php/boost_union/format_topcoll/1752245628/bulb_on_glow);
}
/* Cloud icon set. */
.course-content ul.ctopics li.section .content .toggle-cloud span.toggle_closed,
.course-content ul.ctopics li.section .content .toggle-cloud span.toggle_open, /* JavaScript disabled */
body.jsenabled .course-content ul.ctopics li.section .content .toggle-cloud span.toggle_open, /* JavaScript enabled */
#toggle-all .content .toggle-cloud .toggle-all.off {
background-image: url(/theme/image.php/boost_union/format_topcoll/1752245628/cloud_on);
}
body.jsenabled .course-content ul.ctopics li.section .content .toggle-cloud span.toggle_closed, /* JavaScript enabled */
#toggle-all .content .toggle-cloud .toggle-all.on,
body#page-admin-setting-formatsettingtopcoll select#id_s_format_topcoll_defaulttoggleiconset option[value="cloud"],
body#page-course-edit select#id_toggleiconset option[value="cloud"] {
background-image: url(/theme/image.php/boost_union/format_topcoll/1752245628/cloud_off);
}
#toggle-all .content .toggle-cloud-hover .toggle-all.off:hover {
background-image: url(/theme/image.php/boost_union/format_topcoll/1752245628/cloud_off_glow);
}
#toggle-all .content .toggle-cloud-hover .toggle-all.on:hover {
background-image: url(/theme/image.php/boost_union/format_topcoll/1752245628/cloud_on_glow);
}
/* Eye icon set. */
.course-content ul.ctopics li.section .content .toggle-eye span.toggle_closed,
.course-content ul.ctopics li.section .content .toggle-eye span.toggle_open, /* JavaScript disabled */
body.jsenabled .course-content ul.ctopics li.section .content .toggle-eye span.toggle_open, /* JavaScript enabled */
#toggle-all .content .toggle-eye .toggle-all.off {
background-image: url(/theme/image.php/boost_union/format_topcoll/1752245628/eye_show);
}
body.jsenabled .course-content ul.ctopics li.section .content .toggle-eye span.toggle_closed, /* JavaScript enabled */
#toggle-all .content .toggle-eye .toggle-all.on,
body#page-admin-setting-formatsettingtopcoll select#id_s_format_topcoll_defaulttoggleiconset option[value="eye"],
body#page-course-edit select#id_toggleiconset option[value="eye"] {
background-image: url(/theme/image.php/boost_union/format_topcoll/1752245628/eye_hide);
}
#toggle-all .content .toggle-eye-hover .toggle-all.off:hover {
background-image: url(/theme/image.php/boost_union/format_topcoll/1752245628/eye_hide_glow);
}
#toggle-all .content .toggle-eye-hover .toggle-all.on:hover {
background-image: url(/theme/image.php/boost_union/format_topcoll/1752245628/eye_show_glow);
}
/* Folder icon set. */
.course-content ul.ctopics li.section .content .toggle-folder span.toggle_closed,
.course-content ul.ctopics li.section .content .toggle-folder span.toggle_open, /* JavaScript disabled */
body.jsenabled .course-content ul.ctopics li.section .content .toggle-folder span.toggle_open, /* JavaScript enabled */
#toggle-all .content .toggle-folder .toggle-all.off {
background-image: url(/theme/image.php/boost_union/format_topcoll/1752245628/folder_open);
}
body.jsenabled .course-content ul.ctopics li.section .content .toggle-folder span.toggle_closed, /* JavaScript enabled */
#toggle-all .content .toggle-folder .toggle-all.on,
body#page-admin-setting-formatsettingtopcoll select#id_s_format_topcoll_defaulttoggleiconset option[value="folder"],
body#page-course-edit select#id_toggleiconset option[value="folder"] {
background-image: url(/theme/image.php/boost_union/format_topcoll/1752245628/folder_closed);
}
#toggle-all .content .toggle-folder-hover .toggle-all.off:hover {
background-image: url(/theme/image.php/boost_union/format_topcoll/1752245628/folder_closed_glow);
}
#toggle-all .content .toggle-folder-hover .toggle-all.on:hover {
background-image: url(/theme/image.php/boost_union/format_topcoll/1752245628/folder_open_glow);
}
/* Ground signal set. */
.course-content ul.ctopics li.section .content .toggle-groundsignal span.toggle_closed,
.course-content ul.ctopics li.section .content .toggle-ground-signal span.toggle_open, /* JavaScript disabled */
body.jsenabled .course-content ul.ctopics li.section .content .toggle-groundsignal span.toggle_open, /* JavaScript enabled */
#toggle-all .content .toggle-groundsignal .toggle-all.off,
#toggle-all .content .toggle-groundsignal-hover .toggle-all.on:hover {
background-image: url(/theme/image.php/boost_union/format_topcoll/1752245628/ground_signal_on);
}
body.jsenabled .course-content ul.ctopics li.section .content .toggle-groundsignal span.toggle_closed, /* JavaScript enabled */
#toggle-all .content .toggle-groundsignal-hover .toggle-all.off:hover,
#toggle-all .content .toggle-groundsignal .toggle-all.on,
body#page-admin-setting-formatsettingtopcoll select#id_s_format_topcoll_defaulttoggleiconset option[value="groundsignal"],
body#page-course-edit select#id_toggleiconset option[value="groundsignal"] {
background-image: url(/theme/image.php/boost_union/format_topcoll/1752245628/ground_signal_off);
}
/* LED icon set. */
.course-content ul.ctopics li.section .content .toggle-led span.toggle_closed,
.course-content ul.ctopics li.section .content .toggle-led span.toggle_open, /* JavaScript disabled */
body.jsenabled .course-content ul.ctopics li.section .content .toggle-led span.toggle_open, /* JavaScript enabled */
#toggle-all .content .toggle-led .toggle-all.off {
background-image: url(/theme/image.php/boost_union/format_topcoll/1752245628/led_on);
}
body.jsenabled .course-content ul.ctopics li.section .content .toggle-led span.toggle_closed, /* JavaScript enabled */
#toggle-all .content .toggle-led .toggle-all.on,
body#page-admin-setting-formatsettingtopcoll select#id_s_format_topcoll_defaulttoggleiconset option[value="led"],
body#page-course-edit select#id_toggleiconset option[value="led"] {
background-image: url(/theme/image.php/boost_union/format_topcoll/1752245628/led_off);
}
#toggle-all .content .toggle-led-hover .toggle-all.off:hover {
background-image: url(/theme/image.php/boost_union/format_topcoll/1752245628/led_off_glow);
}
#toggle-all .content .toggle-led-hover .toggle-all.on:hover {
background-image: url(/theme/image.php/boost_union/format_topcoll/1752245628/led_on_glow);
}
/* Point icon set. */
.course-content ul.ctopics li.section .content .toggle-point span.toggle_closed,
.course-content ul.ctopics li.section .content .toggle-point span.toggle_open, /* JavaScript disabled */
body.jsenabled .course-content ul.ctopics li.section .content .toggle-point span.toggle_open, /* JavaScript enabled */
#toggle-all .content .toggle-point .toggle-all.off {
background-image: url(/theme/image.php/boost_union/format_topcoll/1752245628/point_down);
}
body.jsenabled .course-content ul.ctopics li.section .content .toggle-point span.toggle_closed, /* JavaScript enabled */
#toggle-all .content .toggle-point .toggle-all.on,
body#page-admin-setting-formatsettingtopcoll select#id_s_format_topcoll_defaulttoggleiconset option[value="point"],
body#page-course-edit select#id_toggleiconset option[value="point"] {
background-image: url(/theme/image.php/boost_union/format_topcoll/1752245628/point_right);
}
#toggle-all .content .toggle-point-hover .toggle-all.off:hover {
background-image: url(/theme/image.php/boost_union/format_topcoll/1752245628/point_right_glow);
}
#toggle-all .content .toggle-point-hover .toggle-all.on:hover {
background-image: url(/theme/image.php/boost_union/format_topcoll/1752245628/point_down_glow);
}
/* Power icon set. */
.course-content ul.ctopics li.section .content .toggle-power span.toggle_closed,
.course-content ul.ctopics li.section .content .toggle-power span.toggle_open, /* JavaScript disabled */
body.jsenabled .course-content ul.ctopics li.section .content .toggle-power span.toggle_open, /* JavaScript enabled */
#toggle-all .content .toggle-power .toggle-all.off {
background-image: url(/theme/image.php/boost_union/format_topcoll/1752245628/toggle_plus);
}
body.jsenabled .course-content ul.ctopics li.section .content .toggle-power span.toggle_closed, /* JavaScript enabled */
#toggle-all .content .toggle-power .toggle-all.on,
body#page-admin-setting-formatsettingtopcoll select#id_s_format_topcoll_defaulttoggleiconset option[value="power"],
body#page-course-edit select#id_toggleiconset option[value="power"] {
background-image: url(/theme/image.php/boost_union/format_topcoll/1752245628/toggle_minus);
}
#toggle-all .content .toggle-power-hover .toggle-all.off:hover {
background-image: url(/theme/image.php/boost_union/format_topcoll/1752245628/toggle_minus_glow);
}
#toggle-all .content .toggle-power-hover .toggle-all.on:hover {
background-image: url(/theme/image.php/boost_union/format_topcoll/1752245628/toggle_plus_glow);
}
/* Radio icon set. */
.course-content ul.ctopics li.section .content .toggle-radio span.toggle_closed,
.course-content ul.ctopics li.section .content .toggle-radio span.toggle_open, /* JavaScript disabled */
body.jsenabled .course-content ul.ctopics li.section .content .toggle-radio span.toggle_open, /* JavaScript enabled */
#toggle-all .content .toggle-radio .toggle-all.off {
background-image: url(/theme/image.php/boost_union/format_topcoll/1752245628/radio_on);
}
body.jsenabled .course-content ul.ctopics li.section .content .toggle-radio span.toggle_closed, /* JavaScript enabled */
#toggle-all .content .toggle-radio .toggle-all.on,
body#page-admin-setting-formatsettingtopcoll select#id_s_format_topcoll_defaulttoggleiconset option[value="radio"],
body#page-course-edit select#id_toggleiconset option[value="radio"] {
background-image: url(/theme/image.php/boost_union/format_topcoll/1752245628/radio_off);
}
#toggle-all .content .toggle-radio-hover .toggle-all.off:hover {
background-image: url(/theme/image.php/boost_union/format_topcoll/1752245628/radio_off_glow);
}
#toggle-all .content .toggle-radio-hover .toggle-all.on:hover {
background-image: url(/theme/image.php/boost_union/format_topcoll/1752245628/radio_on_glow);
}
/* Smiley icon set. */
.course-content ul.ctopics li.section .content .toggle-smiley span.toggle_closed,
.course-content ul.ctopics li.section .content .toggle-smiley span.toggle_open, /* JavaScript disabled */
body.jsenabled .course-content ul.ctopics li.section .content .toggle-smiley span.toggle_open, /* JavaScript enabled */
#toggle-all .content .toggle-smiley .toggle-all.off {
background-image: url(/theme/image.php/boost_union/format_topcoll/1752245628/smiley_on);
}
body.jsenabled .course-content ul.ctopics li.section .content .toggle-smiley span.toggle_closed , /* JavaScript enabled */
#toggle-all .content .toggle-smiley .toggle-all.on,
body#page-admin-setting-formatsettingtopcoll select#id_s_format_topcoll_defaulttoggleiconset option[value="smiley"],
body#page-course-edit select#id_toggleiconset option[value="smiley"] {
background-image: url(/theme/image.php/boost_union/format_topcoll/1752245628/smiley_off);
}
#toggle-all .content .toggle-smiley-hover .toggle-all.off:hover {
background-image: url(/theme/image.php/boost_union/format_topcoll/1752245628/smiley_off_glow);
}
#toggle-all .content .toggle-smiley-hover .toggle-all.on:hover {
background-image: url(/theme/image.php/boost_union/format_topcoll/1752245628/smiley_on_glow);
}
/* Square icon set. */
.course-content ul.ctopics li.section .content .toggle-square span.toggle_closed,
.course-content ul.ctopics li.section .content .toggle-square span.toggle_open, /* JavaScript disabled */
body.jsenabled .course-content ul.ctopics li.section .content .toggle-square span.toggle_open, /* JavaScript enabled */
#toggle-all .content .toggle-square .toggle-all.off {
background-image: url(/theme/image.php/boost_union/format_topcoll/1752245628/square_on);
}
body.jsenabled .course-content ul.ctopics li.section .content .toggle-square span.toggle_closed, /* JavaScript enabled */
#toggle-all .content .toggle-square .toggle-all.on,
body#page-admin-setting-formatsettingtopcoll select#id_s_format_topcoll_defaulttoggleiconset option[value="square"],
body#page-course-edit select#id_toggleiconset option[value="square"] {
background-image: url(/theme/image.php/boost_union/format_topcoll/1752245628/square_off);
}
#toggle-all .content .toggle-square-hover .toggle-all.off:hover {
background-image: url(/theme/image.php/boost_union/format_topcoll/1752245628/square_off_glow);
}
#toggle-all .content .toggle-square-hover .toggle-all.on:hover {
background-image: url(/theme/image.php/boost_union/format_topcoll/1752245628/square_on_glow);
}
/* Sun / Moon icon set. */
.course-content ul.ctopics li.section .content .toggle-sunmoon span.toggle_closed,
.course-content ul.ctopics li.section .content .toggle-sunmoon span.toggle_open, /* JavaScript disabled */
body.jsenabled .course-content ul.ctopics li.section .content .toggle-sunmoon span.toggle_open, /* JavaScript enabled */
#toggle-all .content .toggle-sunmoon .toggle-all.off {
background-image: url(/theme/image.php/boost_union/format_topcoll/1752245628/sunmoon_on);
}
body.jsenabled .course-content ul.ctopics li.section .content .toggle-sunmoon span.toggle_closed, /* JavaScript enabled */
#toggle-all .content .toggle-sunmoon .toggle-all.on,
body#page-admin-setting-formatsettingtopcoll select#id_s_format_topcoll_defaulttoggleiconset option[value="sunmoon"],
body#page-course-edit select#id_toggleiconset option[value="sunmoon"] {
background-image: url(/theme/image.php/boost_union/format_topcoll/1752245628/sunmoon_off);
}
#toggle-all .content .toggle-sunmoon-hover .toggle-all.off:hover {
background-image: url(/theme/image.php/boost_union/format_topcoll/1752245628/sunmoon_off_glow);
}
#toggle-all .content .toggle-sunmoon-hover .toggle-all.on:hover {
background-image: url(/theme/image.php/boost_union/format_topcoll/1752245628/sunmoon_on_glow);
}
/* Switch icon set. */
.course-content ul.ctopics li.section .content .toggle-switch span.toggle_closed,
.course-content ul.ctopics li.section .content .toggle-switch span.toggle_open, /* JavaScript disabled */
body.jsenabled .course-content ul.ctopics li.section .content .toggle-switch span.toggle_open, /* JavaScript enabled */
#toggle-all .content .toggle-switch .toggle-all.off {
background-image: url(/theme/image.php/boost_union/format_topcoll/1752245628/switch_on);
}
body.jsenabled .course-content ul.ctopics li.section .content .toggle-switch span.toggle_closed, /* JavaScript enabled */
#toggle-all .content .toggle-switch .toggle-all.on,
body#page-admin-setting-formatsettingtopcoll select#id_s_format_topcoll_defaulttoggleiconset option[value="switch"],
body#page-course-edit select#id_toggleiconset option[value="switch"] {
background-image: url(/theme/image.php/boost_union/format_topcoll/1752245628/switch_off);
}
#toggle-all .content .toggle-switch-hover .toggle-all.off:hover {
background-image: url(/theme/image.php/boost_union/format_topcoll/1752245628/switch_off_glow);
}
#toggle-all .content .toggle-switch-hover .toggle-all.on:hover {
background-image: url(/theme/image.php/boost_union/format_topcoll/1752245628/switch_on_glow);
}
body#page-admin-setting-formatsettingtopcoll select#id_s_format_topcoll_defaulttoggleiconset option,
body#page-course-edit select#id_toggleiconset option {
background-color: transparent;
background-position: right center; /* Position the icon to the right of the selection text. */
background-repeat: no-repeat;
padding: 3px 20px 3px 3px; /* The 20px allows the image to be on the right and the text next to it. */
}
body#page-admin-setting-formatsettingtopcoll.lang-en_ar select#id_s_format_topcoll_defaulttoggleiconset option,
body#page-course-edit.lang-en_ar select#id_toggleiconset option {
background-position: 220px 45%; /* Pirate strings are longer. */
}
/* Toggle icon font */
.toggle.tif .tif-container .tife,
.toggle-all-content.tif .toggle-all .tif-container .tife {
margin: auto;
}
.the_toggle.toggle_closed .tif-container .tifo,
.the_toggle.toggle_open .tif-container .tifc,
.toggle-all-content.tif #toggles-all-closed:not(:hover) .tif-container .tifc,
.toggle-all-content.tif #toggles-all-closed:hover .tif-container .tifo,
.toggle-all-content.tif #toggles-all-opened:not(:hover) .tif-container .tifo,
.toggle-all-content.tif #toggles-all-opened:hover .tif-container .tifc {
display: none;
}
.tc-small .tife {
font-size: 0.8em;
}
.tc-medium .tife {
font-size: 1.2em;
}
.tc-large .tife {
font-size: 1.8em;
}
/* Toggle icon font CSS Grid */
.course-content ul.ctopics li.section .content .toggle.tif .the_toggle,
#toggle-all .content .sectionbody.toggle-all-content.tif .toggle-all {
column-gap: 4px;
}
.course-content ul.ctopics li.section .content .toggle.tif .the_toggle {
display: grid;
}
.course-content ul.ctopics li.section .content .toggle.tif .the_toggle.tc-small {
grid-template-columns: 0.8em auto 0.8em;
}
.course-content ul.ctopics li.section .content .toggle.tif .the_toggle.tc-medium {
grid-template-columns: 1.2em auto 1.2em;
}
.course-content ul.ctopics li.section .content .toggle.tif .the_toggle.tc-large {
grid-template-columns: 1.8em auto 1.8em;
}
#toggle-all .content .sectionbody.toggle-all-content.tif .toggle-all {
display: inline-grid;
grid-template-columns: auto auto;
}
.course-content ul.ctopics .toggle.tif .the_toggle .tif-container {
display: flex;
margin: 0;
}
.course-content ul.ctopics .toggle.tif .the_toggle .sectionname,
.course-content ul.ctopics .toggle.tif .the_toggle .tif-container,
.toggle-all-content.tif .toggle-all .toggle-all-header,
.toggle-all-content.tif .toggle-all .tif-container {
align-self: center;
}
.course-content ul.ctopics li.section .content .toggle.tif .the_toggle.tc-small,
#toggle-all .content .sectionbody.toggle-all-content.tif .toggle-all.tc-small,
.course-content ul.ctopics li.section .content .toggle.tif .the_toggle.tc-medium,
#toggle-all .content .sectionbody.toggle-all-content.tif .toggle-all.tc-medium,
.course-content ul.ctopics li.section .content .toggle.tif .the_toggle.tc-large,
#toggle-all .content .sectionbody.toggle-all-content.tif .toggle-all.tc-large {
padding-left: 0;
padding-right: 0;
}
/* Display instructions */
.topcoll-display-instructions {
margin: 0;
}
/* Layout */
.course-content ul.ctopics li.section.main .side, .course-content ul.ctopics li.tcsection .side,
.editing .course-content ul.ctopics li.section.main .side, .editing .course-content ul.ctopics li.tcsection .side {
padding: 0;
text-align: center;
width: 40px; /* Default used in editing mode or when not defined in the language file. */
}
.course-content ul.ctopics li.section .left, .course-content ul.ctopics li.tcsection .left {
float: left;
}
.course-content ul.ctopics li.section.main .left {
padding: 10px 0 0 0;
}
.course-content ul.ctopics li.current.main .right {
padding: 0 0 0 0; /* Cancel out effect of above when having to use 'left' side selector for getting the correct text colour on the right for the current section. This is because the selector '.course-content .current .left' defines the colour in the theme and therefore any CT specific 'right' implementation would not work for all themes. */
}
.course-content ul.ctopics li.section .right,
.course-content ul.ctopics li.tcsection .right {
clear: none;
float: none;
position: absolute;
right: 0;
top: 0;
}
.format-topcoll .course-content .single-section .section-navigation .mdl-left,
.format-topcoll .course-content .single-section .section-navigation .mdl-right {
float: none;
position: absolute;
top: 50%;
transform: translate(0, -50%);
}
.format-topcoll .course-content .single-section .section-navigation .mdl-left {
left: 0;
}
.format-topcoll .course-content .single-section .section-navigation .mdl-right {
right: 0;
}
.course-content ul.ctopics li.section .right {
line-height: 1.3;
margin-top: 1rem;
}
.course-content ul.ctopics li.section .right a {
display: block; /* So that section_right_content() does not implode with 'br's and get too many when the up arrow is removed by JS. */
}
.course-content ul.ctopics li.section .right a img.hide{
display: inline; /* CONTRIB-5817 - Align the eye icon. */
}
.course-content ul.ctopics li.section .left .section-handle img.icon {
padding: 0;
vertical-align: baseline;
}
/* Assist the layout. */
body.format-topcoll.dir-rtl .course-content ul.ctopics li.section .left {
float: right;
}
body.format-topcoll.dir-rtl .course-content ul.ctopics li.section .right {
float: left;
}
body.format-topcoll .ctopics .mod-indent-outer {
width: 100% !important; /* Same as w-100 on MDL-68330. */
}
body.format-topcoll .ctopics .section .activity .mod-indent-outer,
body.format-topcoll.editing.dir-rtl .ctopics .section .activity .mod-indent-outer {
padding-left: 0;
}
body.format-topcoll.editing .ctopics .section .activity .mod-indent-outer {
padding-left: 32px;
}
body.format-topcoll.dir-rtl .ctopics .section .activity .mod-indent-outer {
padding-right: 0;
}
body.format-topcoll.editing.dir-rtl .ctopics .section .activity .mod-indent-outer {
padding-right: 32px;
}
body.format-topcoll .ctopics .section {
margin: 1em 0;
}
body.format-topcoll .ctopics .section .d-flex {
flex-wrap: wrap;
justify-content: space-between;
}
body.format-topcoll .course-content ul.ctopics li.section .summary {
margin-left: 0;
}
body.format-topcoll.dir-rtl .course-content ul.ctopics li.section .summary {
margin-right: 0;
}
body.format-topcoll .course-content ul.ctopics li.section .summary.summaryalwaysshown {
padding-top: 10px;
}
body.format-topcoll.editing #region-main ul.ctopics .moodle-actionmenu ul.menubar {
display: none;
}
body.format-topcoll.editing.jsenabled #region-main ul.ctopics .moodle-actionmenu[data-enhance] ul.menubar {
display: inline-block;
}
/* -- The section name in a Toggle and hidden section -- */
.course-content ul.ctopics li.section .content .toggle,
.course-content ul.ctopics li.section .content.sectionhidden {
display: block;
padding: 0;
text-align: left;
}
/* -- The Toggle -- */
.course-content ul.ctopics li.section .content .toggle {
cursor: pointer;
width: 100%;
}
/* -- The padding of a hidden section -- */
.course-content ul.ctopics li.section .content.sectionhidden {
padding: 6px 0 6px 0;
}
/* -- The topic summary text -- */
.course-content ul.ctopics li.section .content .toggle .the_toggle p {
font-size: 1.2em;
font-style: italic;
text-align: left;
}
/* -- Toggle text -- */
.course-content ul.ctopics li.section .content .toggle .the_toggle,
.course-content ul.ctopics li.section .content.sectionhidden {
font-weight: bold;
text-decoration: none;
}
.course-content ul.ctopics li.section .content .toggledsection {
min-height: 30px;
}
/* -- For centring the 'Topic / Week / Day x' text -- */
.course-content ul.ctopics li.section .right .cps_centre,
.dir-rtl .course-content ul.ctopics li.section .left .cps_centre {
font-size: 0.7em;
min-height: 28px;
text-align: center;
}
.dir-rtl .course-content ul.ctopics li.section .right .cps_centre {
font-size: 14px;
}
.course-content ul.ctopics li.section .right .cps_centre img {
margin: 6px auto;
}
/* -- One section icon font -- */
.course-content ul.ctopics li.section .right .cps_centre .tcosif,
.dir-rtl .course-content ul.ctopics li.section .left .cps_centre .tcosif{
font-size: 22px;
margin-top: 2px;
}
/* -- Hiding / Showing the sections -- */
body.jsenabled .toggledsection {
display: none; /* If JavaScript is enabled then this css will apply and the section will be hidden. */
}
body.jsenabled .toggledsection.sectionopen {
display: block;
}
/* -- Size of the spacer row -- */
.section .spacer {
height:0.5em;
}
/* Toggle all */
#toggle-all,
#topcoll-display-instructions {
display: none; /* Hide when JavaScript not enabled. */
}
body.jsenabled #toggle-all,
body.jsenabled #topcoll-display-instructions {
display: block;
}
body.jsenabled #toggle-all {
background: none repeat scroll 0 0 transparent;
}
#toggle-all h4 {
margin-bottom: 0;
}
#toggle-all .content .sectionbody.toggle-all-content {
display: block;
margin-bottom: 0;
padding: 6px 0;
}
#toggle-all .content .sectionbody .toggle-all {
cursor: pointer;
display: inline-block;
padding-bottom: 7px;
padding-top: 7px;
text-align: left;
text-decoration: none;
}
.dir-rtl #toggle-all .content .sectionbody .toggle-all {
text-align: right;
}
#toggle-all .content .toggle-all-content.togglepos-left .toggle-all.tc-small {
padding-left: 18px;
}
#toggle-all .content .toggle-all-content.togglepos-right .toggle-all.tc-small {
padding-right: 18px;
}
#toggle-all .content .toggle-all-content.togglepos-left .toggle-all.tc-medium {
padding-left: 26px;
}
#toggle-all .content .toggle-all-content.togglepos-right .toggle-all.tc-medium {
padding-right: 26px;
}
#toggle-all .content .toggle-all-content.togglepos-left .toggle-all.tc-large {
padding-left: 34px;
}
#toggle-all .content .toggle-all-content.togglepos-right .toggle-all.tc-large {
padding-right: 34px;
}
.cttoggle {
display: inline;
font-family: inherit;
font-size: inherit;
font-style: inherit;
}
/* MDL-42634 */
.course-content ul.ctopics li.section.hidden .sectionname,
.course-content ul.ctopics li.section.hidden .content>div,
.course-content ul.ctopics li.section.hidden .activity .activityinstance {
opacity: inherit;
}
.course-content ul.ctopics li.section.hidden h3.section-title,
.course-content ul.ctopics li.section.hidden .content .summary {
opacity: 0.5;
}
/* Section name editing. */
.editing .course-content ul.ctopics li.section .content .toggle span.quickediticon img,
.editing .course-content ul.ctopics li.section .content.hidden span.quickediticon img {
background-color: #fff;
border: 2px solid #fff;
border-radius: 4px;
}
.editing .course-content ul.ctopics li.section .content .toggle span.quickediticon img {
opacity: .8;
}
.editing .course-content ul.ctopics li.section.hidden .content .toggle span.quickediticon img {
opacity: 1;
}
/* M3.1 */
.course-content ul.ctopics li.section.hidden .sectionname > span {
opacity: .7;
}
.course-content ul.ctopics li.section.hidden .sectionname {
font-style: italic;
}
.format-topcoll .inplaceeditable.inplaceeditingon input {
width: auto;
}
.activity-item:not(.activityinline) {
border: none;
}
.editing .activity-item {
cursor: move;
}
/* Activity padding */
.format-topcoll .ctopics .activity-item:not(.activityinline) {
padding: 1rem 0;
}
@media (min-width: 768px) {
.format-topcoll .ctopics .activity-item:not(.activityinline) {
padding: 0.5rem 0;
}
}
/* Indentation */
@media (min-width: 576px) {
.format-topcoll .indent-1 {
margin-left: 30px;
}
.format-topcoll .indent-2 {
margin-left: 60px;
}
.format-topcoll .indent-3 {
margin-left: 90px;
}
.format-topcoll .indent-4 {
margin-left: 120px;
}
.format-topcoll .indent-5 {
margin-left: 150px;
}
.format-topcoll .indent-6 {
margin-left: 180px;
}
.format-topcoll .indent-7 {
margin-left: 210px;
}
.format-topcoll .indent-8 {
margin-left: 240px;
}
.format-topcoll .indent-9 {
margin-left: 270px;
}
.format-topcoll .indent-10 {
margin-left: 300px;
}
.format-topcoll .indent-11 {
margin-left: 330px;
}
.format-topcoll .indent-12 {
margin-left: 360px;
}
.format-topcoll .indent-13 {
margin-left: 390px;
}
.format-topcoll .indent-14 {
margin-left: 420px;
}
.format-topcoll .indent-15 {
margin-left: 450px;
}
.format-topcoll .indent-16 {
margin-left: 480px;
}
.format-topcoll .indent-huge {
margin-left: 480px;
}
}
/* Activity further information styling */
.format-topcoll .ct-activity-meta-container {
padding: 5px 0 0 0;
}
.format-topcoll .ct-activity-mod-feedback {
padding: 5px 0;
}
.format-topcoll .ct-activity-action i {
margin-right: 0.35rem;
}
.format-topcoll .ct-activity-mod-engagement .icon,
.format-topcoll .ct-activity-mod-feedback .icon {
font-size: 1.1em;
}
/* Colour picker */
.tccolourpopupbox {
border: 1px solid black;
cursor: pointer;
margin: 0 0 0 2px;
padding: 0 8px;
}
.tccolourpopupsel {
position: absolute;
z-index: 500;
}
/* Single section navigation */
.course-content .single-section .section-navigation.tc-selection-selector-container {
align-items: center;
display: flex;
}
.course-content .single-section .section-navigation .tc-selection-selector-item {
display: flex;
flex: 1 0 0%;
}
.tc-selection-selector-item.prevsection {
justify-content: flex-start;
}
.tc-selection-selector-item.jumpto {
justify-content: center;
}
.tc-selection-selector-item.nextsection {
justify-content: flex-end;
}
/* Print styles. */
@media print {
body.jsenabled .toggledsection {
display: block; /* If JavaScript is enabled and we are printing then this css will apply and the section will be shown. */
}
body.jsenabled #toggle-all, body.jsenabled #topcoll-display-instructions, .cttoggle {
display: none;
}
.course-content ul.ctopics li.section.main {
float: left;
}
body.format-topcoll .course-content ul.ctopics li.section.main {
padding-bottom: 0;
}
ul.ctopics {
page-break-after: avoid;
page-break-before: avoid;
}
}
/**
* Collapsed Topics Information
*
* A topic based format that solves the issue of the 'Scroll of Death' when a course has many topics. All topics
* except zero have a toggle that displays that topic. One or more topics can be displayed at any given time.
* Toggles are persistent on a per browser session per course basis but can be made to persist longer by a small
* code change. Full installation instructions, code adaptions and credits are included in the 'Readme.txt' file.
*
* @package format_topcoll
* @version See the value of '$plugin->version' in version.php.
* @copyright © 2017-onwards G J Barnard in respect to modifications of standard topics format.
* @author G J Barnard - gjbarnard at gmail dot com and {@link http://moodle.org/user/profile.php?id=442195}
* @link http://docs.moodle.org/en/Collapsed_Topics_course_format
* @license http://www.gnu.org/copyleft/gpl.html GNU Public License
*
* This program 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.
* This program 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 this program. If not, see .
*/
ul.ctopics .content .summary ul,
ul.ctopics .content .section ul {
margin: 0 0 10px 10px;
}
/* Half the navbar height */
ul.ctopics :target {
scroll-margin-top: 30px;
}
.course-content ul.ctopics .current::before {
height: auto;
left: 0;
margin-top: 0;
}
.format-topcoll.path-course-view.editing #region-main > .card-block {
overflow-x: visible;
}
/* Activity padding */
.format-topcoll .ctopics .activity-item:not(.activityinline) {
padding: 1rem 0.5rem;
}
@media (min-width: 768px) {
.format-topcoll .ctopics .activity-item:not(.activityinline) {
padding: 0.5rem 0.25rem;
}
}
/* 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 . */
/**
* Trail Format - A topics based format that uses a trail of user selectable images to popup a light box of the section.
*
* @package format_trail
* @copyright © 2019 Jose Wilson in respect to modifications of grid format.
* @author © 2012 G J Barnard in respect to modifications of standard topics format.
* @author G J Barnard - {@link http://about.me/gjbarnard} and
* {@link http://moodle.org/user/profile.php?id=442195}
* @author Based on code originally written by Paul Krix and Julian Ridden.
* @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
*/
.course-content .trail_title {
font-size: 160%;
font-weight: bold;
}
.course-content ul.gtopics h3.sectionname {
background: transparent;
border: 0 none;
font-weight: normal;
padding: 0;
padding-bottom: 5px;
}
.course-content ul.gtopics-0 #section-0 {
background: transparent;
border: 0 none;
}
.course-content ul.gtopics-0 #section-0 .side {
width: 28px;
}
/* Change of logic such that topics are hidden by default and then shown to prevent 'flash' whilst JavaScript kicks in. */
body.jsenabled li.trail_section.hide_section {
display: none; /* Important to override bootstrap/moodle/undo.less. */
}
div#trailmiddle-column > ul {
list-style-type: none;
overflow: visible;
}
.course-content ul.gtopics {
margin: 0;
}
.course-content ul.gtopics li.section {
list-style: none;
margin: 5px 0 0 0;
padding: 0;
}
.course-content ul.gtopics li.section .content {
margin: 0 40px;
}
.course-content ul.gtopics li.section .side {
text-align: center;
width: 40px;
}
.course-content ul.gtopics li.section .left {
float: left;
padding: 0;
}
.course-content ul.gtopics li.section .right {
float: right;
}
/* @group Icons */
#trailiconcontainer {
height: auto;
margin: 0 auto;
padding: 0;
width: 100%;
}
#trailiconcontainer ul.trailicons {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
margin: 0 auto;
padding: 0;
width: 100%;
}
#trailiconcontainer ul.trailicons li {
display: inline-block;
height: auto;
padding: 15px;
text-align: left;
}
.dir-rtl #trailiconcontainer ul.trailicons li {
text-align: right;
}
#trailiconcontainer ul.trailicons.content_inside li {
position: relative;
}
.course-content ul.trailicons img.new_activity {
position: absolute;
z-index: 1;
}
.course-content .trailcursor .trailicon_link {
/*rtl:ignore*/
cursor: url(/theme/image.php/boost_union/format_trail/1752245628/fa-hand-o-up-f), auto;
}
.course-content ul.trailicons li .icon_content {
font-weight: bold;
height: 20px;
margin: 0;
overflow: hidden;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
}
.course-content ul.trailicons li .icon_content.content_inside {
background-color: white;
color: black;
height: 40px;
opacity: 0.8;
overflow-wrap: break-word;
padding: 10px;
position: absolute;
text-overflow: inherit;
white-space: pre-wrap;
word-wrap: break-word;
}
.course-content ul.trailicons li .icon_content.content_inside.middle {
bottom: 0;
left: 0;
margin: auto;
right: 0;
top: 0;
}
.course-content ul.trailicons li .icon_content.content_inside.bottom {
bottom: 0;
left: 0;
margin: auto;
right: 0;
}
.course-content ul.trailicons li .trailicon_link .tooltip {
font-size: 14px;
}
/* Set the width of the tooltip when the section summary is 'Inside', thus within the 'image_holder'. */
.course-content ul.trailicons li .trailicon_link .image_holder .tooltip {
width: 100%;
}
.course-content ul.trailicons li .trailicon_link .tooltip-inner {
background-color: #ffc540;
color: #3b53ad;
max-width: none;
}
.course-content ul.trailicons li .trailicon_link .tooltip.top .tooltip-arrow {
border-top-color: #ffc540;
}
.course-content ul.trailicons li .trailicon_link .tooltip.bottom .tooltip-arrow {
border-bottom-color: #ffc540;
}
.course-content ul.trailicons li .trailicon_link .tooltip.left .tooltip-arrow {
border-left-color: #ffc540;
}
.course-content ul.trailicons li .trailicon_link .tooltip.right .tooltip-arrow {
border-right-color: #ffc540;
}
.course-content ul.trailicons li .image_holder {
border-style: solid;
/* Override Bootstrap V3 box sizing of .box-sizing(border-box); in scaffolding.less. */
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
overflow: visible;
position: relative;
text-align: center;
vertical-align: middle;
}
.course-content ul.trailicons li img {
margin-top: 0;
}
.course-content ul.trailicons li img.info {
height: 100%;
width: 100%;
}
.course-content li.trail_section {
clear: both;
}
/* @end */
/* @group Shadebox */
.trailcursor div#trailshadebox_overlay {
/*rtl:ignore*/
cursor: url(/theme/image.php/boost_union/format_trail/1752245628/fa-times-circle-o-f), auto;
}
div#trailshadebox_overlay {
background: black;
/* for IE */
height: 500px;
left: 0;
/* CSS3 standard */
opacity: 0.7;
position: fixed;
top: 0;
width: 100%;
z-index: 3;
}
#trailshadebox_content {
background: #fff;
min-height: 200px;
}
body.jsenabled #trailshadebox_content.hide_content {
display: none;
}
#trailshadebox_content.absolute {
left: 60px;
position: absolute;
right: 60px;
z-index: 3;
}
#trailshadebox_content.fit_to_window {
bottom: 10%;
left: 10%;
position: fixed;
right: 10%;
top: 10%;
z-index: 3;
}
#trailshadebox_content.fit_to_window ul.gtopics {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 100%;
margin: 0;
overflow: auto;
padding: 10px;
}
#trailshadebox_content.fit_to_window ul.gtopics h3.sectionname {
margin-top: 0;
}
#trailshadebox_content .activity {
list-style: none;
padding-bottom: 4px;
padding-top: 2px;
}
#trailshadebox_content ul li.trail_section {
list-style: none;
}
#trailshadebox_content ul li ul li,
#trailshadebox_content ul li ol li {
border-bottom: none;
padding-bottom: 4px;
padding-top: 2px;
}
#trailshadebox_content ul li ul li {
list-style: disc outside none;
}
#trailshadebox_content ul li ol li {
list-style: decimal outside none;
}
.trailcursor #trailshadebox_close {
cursor: url(/theme/image.php/boost_union/format_trail/1752245628/fa-hand-o-up-f), auto;
}
#trailshadebox_close {
position: absolute;
right: -10px;
top: -10px;
z-index: 2;
}
.trailcursor .trailshadebox_arrow {
cursor: inherit;
}
.trailshadebox_arrow {
height: 55px;
opacity: 0.35;
position: absolute;
top: 75px;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
width: 55px;
}
.trailshadebox_area:hover .trailshadebox_arrow {
opacity: 0.9;
}
.trailshadebox_area {
height: 100%;
position: absolute;
top: 0;
width: 55px;
}
.trailshadebox_previous_area {
left: -55px;
}
.trailshadebox_next_area {
right: -55px;
}
.trailcursor .trailshadebox_previous_area.ltr,
.trailcursor .trailshadebox_next_area.rtl {
/*rtl:ignore*/
cursor: url(/theme/image.php/boost_union/format_trail/1752245628/fa-hand-o-left-f), auto;
}
.trailcursor .trailshadebox_next_area.ltr,
.trailcursor .trailshadebox_previous_area.rtl {
/*rtl:ignore*/
cursor: url(/theme/image.php/boost_union/format_trail/1752245628/fa-hand-o-right-f), auto;
}
@media (max-width: 1199px) {
.trailshadebox_arrow {
height: 40px;
width: 40px;
}
.trailshadebox_area {
width: 40px;
}
.trailshadebox_previous_area {
left: -40px;
}
.trailshadebox_next_area {
right: -40px;
}
}
@media (max-width: 767px) {
.trailcursor div#trailshadebox_overlay {
/*rtl:ignore*/
cursor: url(/theme/image.php/boost_union/format_trail/1752245628/fa-times-circle-o-fsm), auto;
}
.trailcursor #trailshadebox_close {
/*rtl:ignore*/
cursor: url(/theme/image.php/boost_union/format_trail/1752245628/fa-hand-o-up-fsm), auto;
}
#trailshadebox_close {
height: 28px;
width: 28px;
}
.trailshadebox_arrow {
height: 30px;
width: 30px;
}
.trailshadebox_area {
width: 30px;
}
.trailshadebox_previous_area {
left: -30px;
}
.trailshadebox_next_area {
right: -30px;
}
.trailcursor .trailshadebox_previous_area.ltr,
.trailcursor .trailshadebox_next_area.rtl {
/*rtl:ignore*/
cursor: url(/theme/image.php/boost_union/format_trail/1752245628/fa-hand-o-left-fsm), auto;
}
.trailcursor .trailshadebox_next_area.ltr,
.trailcursor .trailshadebox_previous_area.rtl {
/*rtl:ignore*/
cursor: url(/theme/image.php/boost_union/format_trail/1752245628/fa-hand-o-right-fsm), auto;
}
}
@media (max-width: 480px) {
#trailshadebox_close {
height: 20px;
right: -7px;
top: -7px;
width: 20px;
}
.trailshadebox_arrow {
height: 20px;
width: 20px;
}
.trailshadebox_area {
width: 20px;
}
.trailshadebox_previous_area {
left: -20px;
}
.trailshadebox_next_area {
right: -20px;
}
}
.trailshadebox_arrow.trailshadebox_mobile {
height: 18px;
width: 18px;
}
.trailshadebox_arrow.trailshadebox_mobile.trailshadebox_area {
width: 18px;
}
.trailshadebox_arrow.trailshadebox_mobile.trailshadebox_previous_area {
left: -18px;
}
.trailshadebox_arrow.trailshadebox_mobile.trailshadebox_next_area {
right: -18px;
}
.trailshadebox_arrow.trailshadebox_mobile,
.trailshadebox_arrow.trailshadebox_mobile:hover {
opacity: 1;
}
#trailshadebox_close.trailshadebox_mobile {
height: 18px;
right: -7px;
top: -7px;
width: 18px;
}
.trailshadebox_arrow.trailshadebox_tablet {
height: 31px;
width: 31px;
}
.trailshadebox_arrow.trailshadebox_tablet.trailshadebox_area {
width: 31px;
}
.trailshadebox_arrow.trailshadebox_tablet.trailshadebox_previous_area {
left: -31px;
}
.trailshadebox_arrow.trailshadebox_tablet.trailshadebox_next_area {
right: -31px;
}
.trailshadebox_arrow.trailshadebox_tablet,
.trailshadebox_arrow.trailshadebox_tablet:hover {
opacity: 1;
}
#trailshadebox_content ul.gtopics {
margin: 0 15px 10px;
}
/* Added by Justin 20160514 */
.course-content ul.trailicons li .image_holder.inaccessible {
background-color: #999;
border-color: #aaa;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%) gray;
opacity: 0.7;
}
/* @end */
/* 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 . */
/**
* Trail Format - A topics based format that uses a trail of user selectable images to popup a light box of the section.
*
* @package course/format
* @subpackage trail
* @version See the value of '$plugin->version' in version.php.
* @copyright © 2017 onwards G J Barnard in respect to modifications of standard topics format.
* @author G J Barnard - {@link http://about.me/gjbarnard} and
* {@link http://moodle.org/user/profile.php?id=442195}
* @author Based on code originally written by Paul Krix and Julian Ridden.
* @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
*/
body:not(.editing) #trailmiddle-column {
line-height: 1;
}
.course-content ul.trailicons li .icon_content.content_inside {
box-sizing: content-box;
}
div#trailshadebox_overlay {
z-index: 1000;
}
#trailshadebox_content.absolute {
z-index: 1000;
}
#trailshadebox_content.fit_to_window {
z-index: 1000;
}
#trailshadebox_content ul.gtopics .sectionname {
margin-top: .5rem;
}
#trailshadebox_close {
z-index: 1000;
}
/* stylelint-disable declaration-no-important */
#page-admin-report-allbackups-index .initialbar {
display: none !important;
}
.report_anon_shorten {
max-width: 30%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
/* CSS Document */
#benchmark h3 {
border: 1px solid #ddd;
width: 450px;
margin: 20px auto 30px auto;
padding: 10px 0;
border-radius: 4px;
background: #f5f5f5;
text-align: center;
}
#benchmark h3 span {
color: #0a0;
}
#benchmark h5 {
margin-top: 16px;
font-size: 14px;
}
#benchmark .continuebutton a.btn {
margin: 0 10px 10px 10px;
}
#benchmarkresult td {
vertical-align: middle;
}
#benchmarkresult td.success {
background-color: #dff0d8;
}
#benchmarkresult td.warning {
background-color: #fcf8e3;
}
#benchmarkresult td.danger {
background-color: #f2dede;
}
#benchmarkresult .cell.c1 small {
color: #888;
}
#benchmarkresult .cell.c0,
#benchmarkresult .footer {
font-weight: bold;
}
#benchmarkresult .c0,
#benchmarkresult .c2,
#benchmarkresult .c3,
#benchmarkresult .c4 {
text-align: center;
}
#benchmarkresult .footer td {
background-color: #fff;
}
#benchmarkresult .footer .cell.c0 {
text-align: right;
}
#benchmarkresult .footer .cell.c1 {
text-align: center;
}
@media (max-width: 500px) {
#benchmark h3 {
font-size: 20px;
width: 348px;
}
}
#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*/
.coursesizedownload {
display: inline-block;
float: right;
}
#page-admin-report-coursesize-index .lastupdate {
font-size: small;
}
.report-eventlist-name {
color: #888;
font-size: 0.75em;
}
.report-eventlist-datatable-table > div > table {
width: 100%;
}
#page-admin-report-eventlist-index dt {
float: left;
text-align: right;
width: 20em;
}
#page-admin-report-eventlist-index dd {
display: block;
text-align: left;
margin-left: 21em;
}
#page-admin-report-eventlist-index dd + dd {
clear: left;
}
@media (max-width: 767px) {
#page-admin-report-eventlist-index dt {
width: 100%;
text-align: left;
}
#page-admin-report-eventlist-index dd {
margin-left: 0;
}
#page-admin-report-eventlist-index dd + dd {
margin-left: 0;
}
}
#page-report-log-index .info {
margin: 10px;
}
#page-report-log-index .logselectform {
margin: 10px auto;
}
#page-report-log-user .info {
margin: 10px;
text-align: center;
}
#page-report-loglive-index .info {
margin: 10px;
}
table.flexible > tbody > tr:nth-child(n).newrow > td {
background: #d4d4d4;
}
#page-report-outline-user table tr td {
padding: 10px 3px;
min-width: 20px;
}
#page-report-outline-user .subsection .icon {
padding-left: 10px;
}
#page-report-participation-index .participationselectform {
margin: 10px auto;
}
#page-report-participation-index .participationselectform label {
margin-left: 15px;
margin-right: 5px;
}
/* Die to css conflicts with form-inline, we have to create a specific class to fix submit button alignment on clean */
#page-report-participation-index .participationselectform input[type="submit"] {
margin-bottom: 0;
}
#page-report-progress-index #completion-progress th,
#page-report-progress-index #completion-progress td {
padding: 2px 2px;
font-weight: normal;
border-right: 1px solid #eee;
}
#page-report-progress-index .progress-actions {
text-align: center;
list-style: none;
}
#page-report-progress-index .completion_pagingbar {
margin: 1em 0;
text-align: center;
}
#page-report-progress-index .completion_prev {
display: inline;
margin-right: 2em;
}
#page-report-progress-index .completion_pagingbar p {
display: inline;
}
#page-report-progress-index .completion_next {
display: inline;
margin-left: 2em;
}
#page-report-progress-index .completion-header,
#page-report-progress-index .completion-progresscell {
text-align: center;
}
/* Custom CSS for rotated header.. */
#page-report-progress-index .rotated-text-container {
display: inline-block;
width: 16px;
}
#page-report-progress-index .rotated-text {
display: inline-block;
white-space: nowrap;
/*rtl:remove*/
transform: translate(0, 100%) rotate(-90deg);
/*rtl:raw:
transform: translate(0, 100%) rotate(90deg);
*/
transform-origin: 0 0;
vertical-align: middle;
}
#page-report-progress-index .rotated-text:after {
content: "";
float: left;
margin-top: 100%;
}
#page-report-progress-index .modicon {
padding-top: 5px;
}
#completion-progress .icon {
margin-left: 0.5rem;
}
#page-report-stats-index .graph {
margin-bottom: 1em;
}
.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: #aaa;
}
.gradingform_guide .plainvalue.editname {
font-weight: bold;
}
/* Make invisible the buttons 'Move up' for the first criterion and 'Move down' for
the last, because those buttons will make no change */
.gradingform_guide.editor .criterion.first.last .controls .delete input,
.gradingform_guide.editor .criterion.first .controls .moveup input,
.gradingform_guide.editor .criterion.last .controls .movedown input {
display: none;
}
/* replace buttons with images */
.gradingform_guide.editor .delete input,
.gradingform_guide.editor .moveup input,
.gradingform_guide.editor .movedown input {
text-indent: -1000em;
cursor: pointer;
border: none;
}
.gradingform_guide.editor .criterion .controls .delete input {
width: 20px;
height: 16px;
background: transparent url(/theme/image.php/boost_union/core/1752245628/t/delete) no-repeat center top;
margin-top: 4px;
}
.gradingform_guide.editor .moveup input {
width: 20px;
height: 15px;
background: transparent url(/theme/image.php/boost_union/core/1752245628/t/up) no-repeat center top;
margin-top: 4px;
}
.gradingform_guide.editor .movedown input {
width: 20px;
height: 15px;
background: transparent url(/theme/image.php/boost_union/core/1752245628/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/boost_union/core/1752245628/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/boost_union/core/1752245628/t/add);
padding-right: 2px;
}
.gradingform_guide .commentheader {
font-weight: bold;
font-size: 1.1em;
padding-bottom: 5px;
}
.jsenabled .gradingform_guide .criterionnamelabel {
display: none;
}
.jsenabled .gradingform_guide .criterionshortname {
font-weight: bold;
}
.gradingform_guide table {
width: 100%;
}
.gradingform_guide .descriptionreadonly {
vertical-align: top;
}
.gradingform_guide .criteriondescriptionmarkers {
width: 300px;
}
.gradingform_guide .markingguideremark {
margin: 0;
width: 100%;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.gradingform_guide .criteriondescriptionscore {
display: inline;
}
.gradingform_guide .score label {
display: block;
}
.gradingform_guide .score input {
margin: 0;
width: auto;
}
.gradingform_guide_comment_chooser {
max-height: 80vh;
overflow-y: auto;
}
.gradingform_guide-frequent-comments {
position: absolute;
top: 7px;
right: 0;
}
/*
.gradingform_rubric.editor[.frozen|.editable]
.criteria
.criterion[.first][.last][.odd|.even]
.controls
.moveup
[input type=submit]
.delete
[input type=submit]
.movedown
[input type=submit]
.description
.levels
td.level[.first][.last][.odd|.even]
div.level-wrapper
.definition
[textarea]
.score
span
[input type=text]
.delete
[input type=submit]
.addlevel
[input type=submit]
.remark
textarea
.addcriterion
[input type=submit]
.options
.optionsheading
.option.OPTIONNAME
.gradingform_rubric[.review][.evaluate[.editable|.frozen]]
.criteria
.criterion[.first][.last][.odd|.even]
.description
.levels
td.level[.first][.last][.odd|.even]
div.level-wrapper
div.radio
input
.definition
.score
span
*/
.gradingform_rubric_editform .status {
font-weight: normal;
text-transform: uppercase;
font-size: 60%;
padding: 0.25em;
border: 1px solid #eee;
}
.gradingform_rubric_editform .status.ready {
background-color: #e7f1c3;
border-color: #aea;
}
.gradingform_rubric_editform .status.draft {
background-color: #f3f2aa;
border-color: #ee2;
}
.gradingform_rubric {
padding-bottom: 1.5em;
}
.gradingform_rubric.editor .criterion .controls,
.gradingform_rubric .criterion .description,
.gradingform_rubric .criterion .levels,
.gradingform_rubric.editor .criterion .addlevel,
.gradingform_rubric .criterion .remark,
.gradingform_rubric .criterion .levels .level {
vertical-align: top;
}
.gradingform_rubric.editor .criterion .controls,
.gradingform_rubric .criterion .description,
.gradingform_rubric.editor .criterion .addlevel,
.gradingform_rubric .criterion .remark,
.gradingform_rubric .criterion .levels .level {
padding: 3px;
}
.gradingform_rubric .criteria {
height: 100%;
display: flex;
width: 100%;
overflow: auto;
}
.gradingform_rubric .criterion {
border: 1px solid #ddd;
overflow: hidden;
}
.gradingform_rubric .criterion.even td {
background: #f0f0f0;
}
.gradingform_rubric .criterion.odd td {
background: white;
}
.gradingform_rubric .criterion .description {
min-width: 150px;
font-weight: bold;
}
.gradingform_rubric .criterion .levels table {
width: 100%;
height: 100%;
}
.gradingform_rubric .criterion .levels,
.gradingform_rubric .criterion .levels table,
.gradingform_rubric .criterion .levels table tbody {
padding: 0;
margin: 0;
}
.gradingform_rubric .criterion .levels .level {
border-left: 1px solid #ddd;
max-width: 150px;
}
.gradingform_rubric .criterion .levels .level .level-wrapper {
position: relative;
}
.gradingform_rubric .criterion .levels .level.last {
border-right: 1px solid #ddd;
}
.gradingform_rubric .plainvalue.empty {
font-style: italic;
color: #aaa;
}
/* Make invisible the buttons 'Move up' for the first criterion and
'Move down' for the last, because those buttons will make no change */
.gradingform_rubric.editor .criterion.first .controls .moveup input,
.gradingform_rubric.editor .criterion.last .controls .movedown input {
display: none;
}
/* replace buttons with images */
.gradingform_rubric.editor .delete input,
.gradingform_rubric.editor .duplicate input,
.gradingform_rubric.editor .moveup input,
.gradingform_rubric.editor .movedown input {
text-indent: -1000em;
cursor: pointer;
border: none;
}
.gradingform_rubric.editor .criterion .controls .delete input {
width: 24px;
height: 24px;
background: transparent url(/theme/image.php/boost_union/core/1752245628/t/delete) no-repeat center;
margin: .3em .3em 0 .3em;
}
.gradingform_rubric.editor .criterion .controls .duplicate input {
width: 24px;
height: 24px;
background: transparent url(/theme/image.php/boost_union/core/1752245628/t/copy) no-repeat center;
margin: .3em .3em 0 .3em;
}
.gradingform_rubric.editor .levels .level .delete input {
width: 24px;
height: 24px;
background: transparent url(/theme/image.php/boost_union/core/1752245628/t/delete) no-repeat center;
}
.gradingform_rubric.editor .moveup input {
width: 24px;
height: 24px;
background: transparent url(/theme/image.php/boost_union/core/1752245628/t/up) no-repeat center;
margin: .3em .3em 0 .3em;
}
.gradingform_rubric.editor .movedown input {
width: 24px;
height: 24px;
background: transparent url(/theme/image.php/boost_union/core/1752245628/t/down) no-repeat center;
margin: .3em .3em 0 .3em;
}
.gradingform_rubric.editor .addcriterion input,
.gradingform_rubric.editor .addlevel input {
background: #fff url(/theme/image.php/boost_union/core/1752245628/t/add) no-repeat 7px 8px;
display: block;
color: #555;
font-weight: bold;
text-decoration: none;
}
.gradingform_rubric.editor .addcriterion input {
height: 30px;
line-height: 29px;
margin-bottom: 14px;
padding-left: 20px;
padding-right: 10px;
}
.gradingform_rubric.editor .addlevel input {
padding-left: 24px;
padding-right: 8px;
}
.gradingform_rubric .options .optionsheading {
font-weight: bold;
font-size: 1.1em;
padding-bottom: 5px;
}
.gradingform_rubric .options .option {
padding-bottom: 2px;
}
.gradingform_rubric .options .option label {
margin-left: 5px;
}
.gradingform_rubric .options .option .value {
margin-left: 5px;
font-weight: bold;
}
.gradingform_rubric .criterion .levels.error {
border: 1px solid red;
}
.gradingform_rubric .criterion .description.error,
.gradingform_rubric .criterion .levels .level .definition.error,
.gradingform_rubric .criterion .levels .level .score.error {
background: #fdd;
}
.gradingform_rubric-regrade {
padding: 10px;
background: #fdd;
border: 1px solid #f00;
margin-bottom: 10px;
}
.gradingform_rubric-restored {
padding: 10px;
background: #ffd;
border: 1px solid #ff0;
margin-bottom: 10px;
}
.gradingform_rubric-error {
color: red;
font-weight: bold;
}
/* special classes for elements created by rubriceditor.js */
.gradingform_rubric.editor .hiddenelement {
display: none;
}
.gradingform_rubric.editor .pseudotablink {
background-color: transparent;
border: 0 solid;
height: 1px;
width: 1px;
color: transparent;
padding: 0;
margin: 0;
position: relative;
float: right;
}
.gradingpanel-gradingform_rubric [aria-checked="true"] {
border: 1px solid black;
}
.path-admin-mnet-service-enrol .singlebutton {
text-align: center;
}
.path-admin-mnet-service-enrol table.remotehosts,
.path-admin-mnet-service-enrol table.otherenrolledusers,
.path-admin-mnet-service-enrol table.remotecourses {
margin: 0 auto 1em auto;
}
.path-admin-mnet-service-enrol table.remotecourses th.categoryname {
text-align: left;
background-color: #f6f6f6;
}
.path-admin-mnet-service-enrol table.remotecourses td.c1 {
font-weight: bold;
}
.path-admin-mnet-service-enrol table.remotecourses th.categoryname img {
margin-right: 1em;
}
.path-admin-mnet-service-enrol .collapsibleregioncaption {
font-size: 110%;
font-weight: bold;
text-align: center;
}
.path-admin-mnet-service-enrol .collapsibleregioninner {
border: 1px solid #ddd;
padding: 1em;
}
.path-admin-mnet-service-enrol .collapsibleregion.remotecourse.summary {
margin: 0 10em;
}
.path-admin-mnet-service-enrol .roleassigntable {
margin: 1em auto;
}
#page-admin-question-bank-columnsortorder-sortcolumns .addcolumn {
display: inline-block;
}
.qbank-sortable-column {
background-color: white;
position: relative;
}
.jsenabled .qbank-column-list button.savewidths {
display: none;
}
.qbank-sortable-column .qbank_columnsortorder-action-handle {
display: none;
}
.qbank-sortable-column.show-handles .qbank_columnsortorder-action-handle {
display: block;
}
.qbank-sortable-column .handle-container {
pointer-events: none; /* Prevent the handle container blocking clicks to elements in the header */
width: 100%;
position: absolute;
top: 40%;
z-index: 1;
}
.qbank_columnsortorder-action-handle {
pointer-events: auto; /* Ensure the handles themselves receive clicks */
}
.qbank_columnsortorder-action-handle.move {
margin-left: -21px;
width: 16px;
}
.qbank_columnsortorder-action-handle.resize {
cursor: col-resize;
position: absolute;
top: 0;
right: 5px;
}
.qbank_columnsortorder-action-handle.resize img {
/* Prevent the resize handle icon being dragged across the page */
pointer-events: none;
}
.qbank_columnsortorder-action-handle .icon {
margin-right: 0;
}
/* Comment text area size to maximum */
.question-comment-view .comment-ctrl .comment-area {
max-width: none;
width: 100%;
}
/* 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;
}
/* The APCu GUI works with position: absolute.
We have to work around this in a rather ugly way when we want to integrate the APCu GUI into the Moodle page. */
#page-admin-tool-apcu-index #region-main {
height: 1200px;
overflow-y: scroll;
position: relative;
}
#page-admin-tool-behat-index .steps-definitions {
margin: 1rem auto;
}
#page-admin-tool-behat-index .steps-definitions .step {
margin: 1rem 0 0 0;
border: 1px solid #eee;
padding: 1rem;
}
#page-admin-tool-behat-index .steps-definitions .stepdescription {
font-style: italic;
}
#page-admin-tool-behat-index .steps-definitions .stepcontent {
margin: 1rem 0;
}
#page-admin-tool-behat-index .steps-definitions .steptype {
color: #1467a6;
margin-right: 1ex;
}
#page-admin-tool-behat-index .steps-definitions .stepapipath {
font-family: monospace;
font-size: smaller;
}
#page-admin-tool-behat-index .steps-definitions .stepregex {
color: #060;
}
#page-admin-tool-behat-index .steprequiredfields {
font-weight: bold;
font-size: 1em;
margin-top: 1em;
}
.tool_brickfield_floatprinticon {
margin-top: -30px;
float: right;
}
.tool_brickfield_analysisbutton {
width: 100%;
text-align: center;
}
/* Advanced Page CSS */
#tool_brickifeld_advanced_page {
margin: 20px 20px 20px 10px;
}
.tool_brickfield_banner_heading {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
}
.tool_brickfield_banner_heading > img {
height: 50px;
}
.tool_brickfield_banner > p {
text-align: center;
}
.tool_brickfield_grid_heading {
font-family: 'Varela Round', Sans-serif;
font-size: 20px;
font-weight: 400;
color: #040d29;
padding-bottom: 4px;
}
.tool_brickfield_grid_content {
color: #040d29;
font-size: 16px;
line-height: 1.4em;
}
.tool_brickfield_grid_heading > img {
height: 30px;
padding-right: 16px;
}
.tool_brickfield_grid {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 20px 20px 30px;
}
.tool_brickfield_grid > div {
margin: 10px;
padding: 20px;
flex-basis: 30%;
border: 1px solid grey;
max-width: 500px;
min-width: 250px;
flex-grow: 4;
border-radius: 15px 15px 15px 50px;
}
.tool_brickfield_grid_heading {
display: flex;
}
.tool_brickfield_footer > a {
font-size: 18px;
letter-spacing: 1px;
color: #fff;
background-color: #4054b2;
border-radius: 5px;
padding: 15px 50px;
transition: 0.3s;
margin-bottom: 20px;
}
.tool_brickfield_footer {
text-align: center;
}
.tool_brickfield_footer > a:hover {
color: #fff;
background-color: #253687;
text-decoration: none;
}
.tool_brickfield_footer > p {
margin-bottom: 25px;
}
.path-admin-tool-capability [data-search="capability"] {
min-width: 675px;
}
.path-admin-tool-capability .comparisontable {
margin-top: 150px;
}
.path-admin-tool-capability .comparisontable th,
.path-admin-tool-capability .comparisontable td {
vertical-align: middle;
padding: 0.4em 0.5em 0.3em;
}
.path-admin-tool-capability .comparisontable thead th {
vertical-align: bottom;
background: none;
}
.path-admin-tool-capability .comparisontable thead th div {
position: relative;
}
.path-admin-tool-capability .comparisontable thead th div > a {
position: absolute;
top: -1.75em;
left: 1em;
width: 150px;
text-align: left;
margin-bottom: 1em;
text-indent: -1.45em;
-webkit-transform-origin: top left;
-moz-transform-origin: top left;
-ms-transform-origin: top left;
-o-transform-origin: top left;
-webkit-transform: rotate(315deg);
-moz-transform: rotate(315deg);
-ms-transform: rotate(315deg);
-o-transform: rotate(315deg);
}
.path-admin-tool-capability .comparisontable tbody th {
background-color: #eee;
text-align: right;
border: 1px solid #dfdfdf;
}
.path-admin-tool-capability .comparisontable tbody th span {
display: block;
color: #666;
font-size: 80%;
}
.path-admin-tool-capability .comparisontable tbody td {
border: 1px solid #dfdfdf;
}
.path-admin-tool-capability .comparisontable .inherit {
color: #666;
}
.path-admin-tool-capability .comparisontable .allow {
background-color: #060;
font-weight: bold;
color: white;
}
.path-admin-tool-capability .comparisontable .prevent {
background-color: #ad6704;
font-weight: bold;
color: white;
}
.path-admin-tool-capability .comparisontable .prohibit {
background-color: #800;
font-weight: bold;
color: white;
}
.nav-pills .nav-pills {
margin-left: 1rem;
}
.data-registry > .top-nav > * {
margin-right: 0.5rem;
}
/*Extra attribute selection to have preference over bs2's .moodle-actionmenu[data-enhance] */
.data-registry > .top-nav > .singlebutton,
.data-registry > .top-nav > .moodle-actionmenu[data-owner='dataregistry-actions'] {
display: inline-block;
}
.data-registry .context-tree {
height: 70vh;
overflow-y: scroll;
}
[data-region="data-requests-table"] .moodle-actionmenu {
min-width: 150px;
}
.context-level-view {
margin: 1em;
}
/**
* Styles for admin tool page.
*/
/* Fix bad default table wrap (caused by the long mimetype field). */
.path-admin-tool-filetypes .generaltable .c0,
.path-admin-tool-filetypes .generaltable .c1,
.path-admin-tool-filetypes .generaltable .c2,
.path-admin-tool-filetypes .generaltable th {
white-space: nowrap;
}
/* Formatting for deleted lines. */
.path-admin-tool-filetypes .generaltable .deleted .c0 img {
opacity: 0.2;
}
.path-admin-tool-filetypes .generaltable .deleted .c0 span {
text-decoration: line-through;
}
/* Custom types show bold */
.path-admin-tool-filetypes .generaltable .nonstandard {
font-weight: bold;
}
#page-admin-tool-installaddon-index #installfromrepobox {
text-align: center;
padding-top: 2em;
padding-bottom: 2em;
}
#page-admin-tool-installaddon-index #installfromrepobox .singlebutton {
display: inline-block;
}
#page-admin-tool-installaddon-index #installfromrepobox .singlebutton input[type=submit] {
padding: 1em;
}
#page-admin-tool-langimport-index .langimport {
margin: auto;
float: none;
width: 100%;
}
#page-admin-tool-langimport-index #menuuninstalllang,
#page-admin-tool-langimport-index #menupack {
height: 300px;
}
.path-admin-tool-lp [data-region="managecompetencies"] ul li,
.path-admin-tool-lp [data-region="plans"] ul li,
.path-admin-tool-lp [data-region="competencymovetree"] ul li,
.path-admin-tool-lp [data-region="competencylinktree"] ul li,
.path-badges [data-region="competencylinktree"] ul li {
list-style-type: none;
}
.path-admin-tool-lp .progresstext {
display: inline-block;
vertical-align: top;
}
.path-admin-tool-lp .progress {
width: 100%;
display: inline-block;
}
.path-admin-tool-lp .progress .bar {
min-width: 3em;
}
.path-admin-tool-lp [data-region="managecompetencies"] ul[data-enhance="tree"],
.path-admin-tool-lp [data-region="plans"] ul[data-enhance="tree"],
.path-admin-tool-lp [data-region="competencylinktree"] ul[data-enhance="linktree"],
.path-badges [data-region="competencylinktree"] ul[data-enhance="linktree"],
.path-admin-tool-lp [data-region="competencymovetree"] ul[data-enhance="movetree"] {
border: 1px solid #ccc;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
transition: border linear .2s, box-shadow linear .2s;
border-radius: 4px;
padding-left: 20px;
padding-right: 20px;
margin-left: 10px;
margin-right: 10px;
}
.path-admin-tool-lp [data-region="managecompetencies"] ul,
.path-admin-tool-lp [data-region="plans"] ul,
.path-admin-tool-lp [data-region="competencylinktree"] ul,
.path-badges [data-region="competencylinktree"] ul,
.path-admin-tool-lp [data-region="competencymovetree"] ul {
cursor: pointer;
}
.path-admin-tool-lp [data-region="competencylinktree"] ul li > span,
.path-badges [data-region="competencylinktree"] ul li > span,
.path-admin-tool-lp [data-region="competencymovetree"] ul li > span,
.path-admin-tool-lp [data-region="plans"] ul li > span,
.path-admin-tool-lp [data-region="managecompetencies"] ul li > span {
padding-top: 2px;
padding-bottom: 2px;
padding-left: 4px;
padding-right: 4px;
border-radius: 4px;
}
.path-admin-tool-lp [data-region="competencylinktree"] ul [aria-selected="true"] > span,
.path-badges [data-region="competencylinktree"] ul [aria-selected="true"] > span,
.path-admin-tool-lp [data-region="competencymovetree"] ul [aria-selected="true"] > span,
.path-admin-tool-lp [data-region="plans"] ul [aria-selected="true"] > span,
.path-admin-tool-lp [data-region="managecompetencies"] ul [aria-selected="true"] > span {
background-color: #dfdfdf;
}
.path-admin-tool-lp [data-region="competencylinktree"] ul [tabindex="0"] > span,
.path-badges [data-region="competencylinktree"] ul [tabindex="0"] > span,
.path-admin-tool-lp [data-region="competencymovetree"] ul [tabindex="0"] > span,
.path-admin-tool-lp [data-region="plans"] ul [tabindex="0"] > span,
.path-admin-tool-lp [data-region="managecompetencies"] ul [tabindex="0"] > span {
border: 2px solid #0070a8;
}
.path-admin-tool-lp [data-region="filtercompetencies"] input {
margin-left: 10px;
}
.path-admin-tool-lp [data-region="link-buttons"],
.path-admin-tool-lp [data-region="move-buttons"] {
text-align: center;
}
.path-admin-tool-lp [data-region="competencylinktree"] > ul,
.path-badges [data-region="competencylinktree"] > ul {
overflow-y: auto;
height: 400px;
}
.path-admin-tool-lp span.currentdragtarget {
border: 1px dashed;
}
.path-admin-tool-lp .competencyactionsmenu {
display: inline-block;
vertical-align: text-top;
}
.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-base"] {
display: table;
width: 100%;
}
.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-outcome"],
.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-type"] {
display: table-row;
}
.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-outcome"] label,
.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-type"] label {
padding-right: 10px;
}
.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-outcome"] label,
.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-outcome"] select,
.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-type"] label,
.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-type"] select {
display: table-cell;
}
.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-outcome"] select,
.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-type"] select,
.path-admin-tool-lp [data-region="competencylinktree"] select,
.path-badges [data-region="competencylinktree"] select {
width: 100%;
}
.path-admin-tool-lp [data-region] .generaltable.fullwidth {
clear: both;
}
.path-admin-tool-lp .competency-rule-points {
margin-top: 10px;
max-height: 300px;
overflow-y: auto;
}
.path-admin-tool-lp .competency-rule-points table input {
margin-bottom: 0;
}
.path-admin-tool-lp .competency-rule-points tr[data-competency] th {
font-weight: normal;
}
.path-admin-tool-lp .competency-rule-points input[type="number"] {
width: 50px;
}
.competency-heading {
margin-bottom: 15px;
}
.competency-heading h4 {
margin: 0;
}
/** Styles required for menubar js */
.tool-lp-menu {
margin: 0;
}
.tool-lp-menu li {
float: left;
position: relative;
list-style-type: none;
white-space: nowrap;
}
.tool-lp-sub-menu {
position: absolute;
list-style: none;
margin: 0;
top: -10px;
}
.tool-lp-sub-menu li {
float: none;
}
.tool-lp-menu .tool-lp-sub-menu[aria-hidden=false] {
display: block;
}
.tool-lp-menu ul[aria-hidden=true] {
display: none;
}
.tool-lp-menu .caret {
margin: 8px;
}
.tool-lp-menu.tool-lp-menu-open-left .tool-lp-sub-menu {
left: auto;
right: 0;
}
/** This highlighting is copied from bootstrap - but can be overridden by a theme */
.tool-lp-menu .tool-lp-sub-menu .menu-focus a {
color: #fff;
text-decoration: none;
background-color: #00699e;
background-image: linear-gradient(to bottom, #0070a8, #005f8f);
background-repeat: repeat-x;
}
/** check box and radio button on configure scale dialogue */
input[type="radio"].tool_lp_scale_default,
input[type="checkbox"].tool_lp_scale_proficient {
margin-top: 0;
}
/** User evidence */
.user-evidence-documents {
margin: 10px 20px;
list-style: none;
}
.user-evidence-competencies,
.user-evidence-documents li {
margin-bottom: 5px;
word-break: break-all;
}
[data-region="user-evidence-list"] .user-evidence-competencies,
[data-region="user-evidence-list"] .user-evidence-documents {
margin: 0;
list-style: none;
}
.user-competency-course-navigation select {
display: none;
}
.user-competency-course-navigation span {
max-width: 100%;
overflow: hidden;
}
/** Competency grader */
.competency-grader textarea {
width: 100%;
max-width: 100%;
box-sizing: border-box;
}
.path-admin-tool-lp #region-main {
overflow-x: visible;
}
ul.competency-tree img {
width: 16px;
height: 16px;
}
[data-region="managecompetencies"] a .icon,
[data-region="plan-page"] a .icon {
color: initial;
}
[data-region="managecompetencies"] h2 a .icon,
[data-region="plan-page"] h2 a .icon {
font-size: smaller;
}
/*
// 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 : mergeusers
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;
}
#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%;
}
/* Get rid of second vertical scrollbar around OPcache GUI */
#region-main-box #interface.opcache-gui {
overflow-y: hidden;
}
/* 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;
}
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;
}
}
.path-admin-tool-xmldb a[name="lastused"] {
padding-top: 50px;
}
html > body #menu li a[href*="&select="] {
float: left;
width: 0;
height: 18px;
margin-left: -2px;
margin-right: 2px;
overflow: hidden;
padding-left: 18px;
text-decoration: none;
}
html > body .links a[href*="&select="],
html > body #menu li a[href*="&select="],
html > body #content form table thead > tr > td a[href*="&select="],
html > body #content table a[id|="Rows"] {
background: url(/theme/image.php/boost_union/core/1752245628/e/table) no-repeat 0 0;
background-size: contain;
padding-left: 25px;
}
html > body #menu p.links a[href$="&sql="] {
background: url(/theme/image.php/boost_union/core/1752245628/e/source_code) no-repeat 0 0;
background-size: contain;
padding-left: 25px;
}
html > body #menu p.links a[href$="&import="] {
background: url(/theme/image.php/boost_union/core/1752245628/t/restore) no-repeat 0 0;
background-size: contain;
padding-left: 25px;
}
html > body #menu p.links a[href*="&dump="] {
background: url(/theme/image.php/boost_union/core/1752245628/t/backup) no-repeat 0 0;
background-size: contain;
padding-left: 25px;
}
html > body #menu p.links a[href*="&create="] {
background: url(/theme/image.php/boost_union/core/1752245628/t/add) no-repeat 0 0;
background-size: contain;
padding-left: 25px;
}
html > body #content table a[id|="Data_length"],
html > body #content table a[id|="Index_length"],
html > body #content table a[id|="Data_free"],
html > body #content table a[id|="Auto_increment"],
html > body #content table a[id|="Rows"] {
float: left;
width: 100%;
height: 100%;
padding: 2px 0 1px 22px;
margin-right: 5px;
}
html > body #content table a[id|="Index_length"],
html > body #content p.links a[href*="&indexes="] {
background: url(/theme/image.php/boost_union/core/1752245628/t/edit) no-repeat 0 0;
background-size: contain;
padding-left: 25px;
}
html > body #content p a[href*="&edit="],
html > body #content table a[id|="Data_free"] {
background: url(/theme/image.php/boost_union/core/1752245628/t/add) no-repeat 0 0;
background-size: contain;
padding-left: 25px;
}
html > body table a[href*="&create="],
html > body #content p.links a[href*="&create="] {
background: url(/theme/image.php/boost_union/core/1752245628/t/edit) no-repeat 0 0;
background-size: contain;
padding-left: 25px;
}
html > body table a[href*="&create="] {
background: url(/theme/image.php/boost_union/core/1752245628/t/edit) no-repeat 0 0;
background-size: contain;
padding-left: 25px;
}
html > body #content p.links a[href*="&create="] {
background: url(/theme/image.php/boost_union/core/1752245628/t/add) no-repeat 0 0;
background-size: contain;
padding-left: 25px;
}
html > body #content fieldset > legend {
font-size: 1rem;
}
/* Hide the "logout" button. */
html > body form p.logout {
display: none;
}
/* Add an enmpty space after a separator to allow a line break. */
html > body form p.links span.separator::after {
content: " ";
}
html > body #menu {
background-image: none;
}
#local-adminer-modal > .modal-dialog {
max-width: 100%;
height: 100%;
}
#local-adminer-modal > .modal-dialog > .modal-content {
height: 99vh;
}
/* stylelint-disable declaration-no-important */
/* stylelint-disable max-line-length */
/* Course nodes feature. */
/* Indent child nodes of the section and activities nodes (this will be overwritten later if the node is made collapsible).
Setting !important is necessary because otherwise the child nodes' m-l-0 class would overrule our margin. */
.list-group-item[data-parent-key="localboostnavigationcoursesections"] > div,
.list-group-item[data-parent-key="localboostnavigationactivities"] > div {
margin-left: .25rem !important;
}
/* Custom nodes feature. */
/* Add an indent to the custom child nodes because this isn't possible with Navigation node API.
Setting !important is necessary because otherwise the child nodes' m-l-0 class would overrule our margin. */
.list-group-item[data-parent-key^="localboostnavigationcustom"] > div {
margin-left: .25rem !important;
}
/* Add a margin-top to the custom bottom nodes section because this isn't possible with Navigation node API. */
.list-group-item.localboostnavigationfirstcustombuttomusers,
.list-group-item.localboostnavigationfirstcustombuttomadmins {
margin-top: 1rem;
}
/* Add plugin-specific classes to shrink fa-icons. This is needed for the custom nodes' icons.
Font-Awesome 5 will contain similar classes officially, but currently Moodle still uses Font-Awesome 4.. */
.local-boostnavigation-fa-xxs {
font-size: 0.5em !important;
vertical-align: 25%;
}
.local-boostnavigation-fa-xs {
font-size: 0.75em !important;
vertical-align: 12%;
}
/* Collapse nodes feature.
/* Hide all nav drawer items which have the localboostnavigationcollapsedchild class. */
.list-group-item.localboostnavigationcollapsedchild {
display: none;
}
/* Add the icon for the expanded node state. */
.jsenabled .list-group-item.localboostnavigationcollapsibleparent:not(.localboostnavigationcollapsedparent) > div::after {
content: "\f0d7";
font-family: FontAwesome;
font-size: 1.2rem;
position: absolute;
right: 0.75rem;
top: 0.55rem;
}
/* Add the icon for the collapsed node state. */
.jsenabled .list-group-item.localboostnavigationcollapsibleparent.localboostnavigationcollapsedparent > div::after {
content: "\f0da";
font-family: FontAwesome;
font-size: 1.2rem;
position: absolute;
right: 0.75rem;
top: 0.55rem;
}
/* Make sure that the icon does not overlap with the node text. */
.jsenabled .list-group-item.localboostnavigationcollapsibleparent > div {
padding-right: 1rem;
}
/* Set the cursor for the collapsible nodes. */
.jsenabled .list-group-item.localboostnavigationcollapsibleparent {
cursor: pointer;
}
/* Remove the indent of the collapsible custom child nodes. */
.jsenabled .list-group-item.localboostnavigationcollapsiblechild > div {
margin-left: inherit !important;
}
/* Remove the indent of the collapsible custom parent nodes where requested by hiding the icon. */
.jsenabled .list-group-item.localboostnavigationcollapsibleparentforcenoindent .icon {
display: none;
}
/* Modify mycourses list feature. */
/* Make active filters hint smaller and always non-bold. */
.list-group-item[data-key="localboostnavigationactivefiltershint"] {
font-size: 80%;
font-weight: normal;
}
/* 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;
}
.core_payment_gateways_modal .paypal .icon {
height: 40px;
width: auto;
}
.assignfeedback_editpdf_widget .toolbar ul {
display: none;
}
.assignfeedback_editpdf_widget .toolbar li {
list-style-type: none;
}
.assignfeedback_editpdf_widget .drawingcanvas {
position: relative;
min-width: 817px;
min-height: 400px;
background-repeat: no-repeat;
background-color: #ccc;
margin-left: auto;
margin-right: auto;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 20px rgba(0, 0, 0, .2);
}
.assignfeedback_editpdf_widget .moodle-dialogue-bd .drawingregion {
position: inherit;
}
.assignfeedback_editpdf_widget .drawingregion[data-currenttool=select] .commentdrawable textarea,
.assignfeedback_editpdf_widget .drawingregion[data-currenttool=select] .commentdrawable svg {
cursor: move;
}
.assignfeedback_editpdf_widget .infoicon {
display: none;
}
.assignfeedback_editpdf_widget .warningmessages {
position: absolute;
margin-left: 20px;
margin-right: 20px;
bottom: 20px;
}
.assignfeedback_editpdf_widget .drawingregion {
border: 1px solid #ccc;
left: 1em;
right: 1em;
top: 52px;
bottom: 0;
position: absolute;
overflow: auto;
background-color: #ccc;
touch-action: none;
}
.assignfeedback_editpdf_widget {
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
}
.assignfeedback_editpdf_widget .pageheader {
background-color: #ebebeb;
border-bottom: 1px solid #ccc;
padding: 0;
padding-left: 20px;
padding-right: 20px;
min-height: 50px;
height: 52px;
overflow: auto;
}
.moodle-dialogue-base .moodle-dialogue.assignfeedback_editpdf_widget .moodle-dialogue-bd {
padding: 0;
}
.yui3-colourpicker-hidden,
.yui3-commentsearch-hidden,
.yui3-commentmenu-hidden {
display: none;
}
.assignfeedback_editpdf_widget .pageheader button img {
padding-top: 3px;
vertical-align: top;
}
.assignfeedback_editpdf_widget .pageheader button:active {
background-color: #ccc;
}
.assignfeedback_editpdf_widget .pageheader select,
.assignfeedback_editpdf_widget .pageheader button {
background: none;
padding: 4px 7px;
border: 0;
border-radius: 0;
margin: 0;
height: 30px;
line-height: 30px;
vertical-align: top;
cursor: pointer;
}
.assignfeedback_editpdf_widget .pageheader select {
vertical-align: top;
-webkit-appearance: none;
-moz-appearance: menulist-text;
background-color: #fff;
padding: 0 10px;
}
.assignfeedback_editpdf_widget .pageheader select::-ms-expand {
display: none;
}
.assignfeedback_editpdf_widget .pageheader .navigation button + button,
.assignfeedback_editpdf_widget .pageheader .toolbar button + button,
.assignfeedback_editpdf_widget .pageheader .navigation select + button,
.assignfeedback_editpdf_widget .pageheader .toolbar select + button {
border-left: 1px solid #ccc;
border-right: 0;
}
.assignfeedback_editpdf_widget .pageheader .navigation button {
border-right: 1px solid #ccc;
}
.assignfeedback_editpdf_widget .pageheader .toolbar,
.assignfeedback_editpdf_widget .pageheader .navigation-search,
.assignfeedback_editpdf_widget .pageheader .navigation-expcol,
.assignfeedback_editpdf_widget .pageheader .navigation {
border: 1px solid #ccc;
border-bottom-color: #b3b3b3;
border-radius: 4px;
margin: 10px 4px;
background-color: white;
height: 30px;
line-height: 30px;
padding: 0;
}
.assignfeedback_editpdf_commentsearch ul {
max-height: 400px;
overflow-y: auto;
padding: 1em;
}
.assignfeedback_editpdf_commentsearch ul li pre {
background-color: #efefef;
white-space: pre-wrap;
word-break: break-word;
}
.assignfeedback_editpdf_commentsearch ul li pre:hover {
background-color: #ddd;
}
.assignfeedback_editpdf_commentsearch ul li {
margin: 2px;
}
.assignfeedback_editpdf_commentsearch a pre {
font-family: helvetica;
margin: 0;
padding: 4px;
}
.assignfeedback_editpdf_widget .navigation-search,
.assignfeedback_editpdf_widget .navigation-expcol,
.assignfeedback_editpdf_widget .navigation {
float: left;
}
.assignfeedback_editpdf_widget .toolbar_group {
float: right;
}
.assignfeedback_editpdf_widget .toolbar button {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
.assignfeedback_editpdf_widget .toolbar > button.rotateleftbutton {
/*rtl:raw:
border-right: 1px solid #ccc;
border-left: 0;
*/
/*rtl:ignore*/
float: left;
}
.assignfeedback_editpdf_widget .toolbar > button.rotaterightbutton {
/*rtl:ignore*/
float: right;
}
.assignfeedback_editpdf_widget .toolbar {
float: left;
}
.assignfeedback_editpdf_widget .navigation,
.assignfeedback_editpdf_widget .navigation-search,
.assignfeedback_editpdf_widget .navigation-expcol,
.assignfeedback_editpdf_widget .toolbar {
display: inline-block;
}
.assignfeedback_editpdf_colourpicker ul {
margin: 0;
}
.assignfeedback_editpdf_dropdown li.quicklist_comment {
width: 200px;
}
.assignfeedback_editpdf_dropdown li.quicklist_comment a {
white-space: nowrap;
display: inline-block;
max-width: 140px;
overflow: hidden;
text-overflow: ellipsis;
}
.assignfeedback_editpdf_dropdown a.delete_quicklist_comment {
float: right;
width: 20px;
}
.assignfeedback_editpdf_dropdown button {
border: 0;
background: none;
padding: 6px 7px;
border-radius: 0;
border-top: 1px solid #ccc;
}
.assignfeedback_editpdf_dropdown li:first-child button {
border-top: 0;
}
.moodle-dialogue-base .moodle-dialogue.assignfeedback_editpdf_dropdown .moodle-dialogue-wrap {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
margin-left: 0;
margin-right: 0;
margin-top: 0;
border-radius: 4px;
}
.moodle-dialogue-base .moodle-dialogue.assignfeedback_editpdf_dropdown .moodle-dialogue-bd {
padding: 0;
}
.moodle-dialogue-base .assignfeedback_editpdf_dropdown .moodle-dialogue-wrap .moodle-dialogue-hd,
.moodle-dialogue-base .assignfeedback_editpdf_dropdown .moodle-dialogue-wrap .moodle-dialogue-ft {
display: none;
}
.assignfeedback_editpdf_menu li hr {
margin: 0;
}
.assignfeedback_editpdf_menu li a {
text-decoration: none;
color: #555;
margin-left: 10px;
margin-right: 10px;
margin-top: 4px;
margin-bottom: 4px;
}
ul.assignfeedback_editpdf_search {
margin: 0;
}
.assignfeedback_editpdf_search li {
list-style-type: none;
}
.assignfeedback_editpdf_search li a {
text-decoration: none;
color: #555;
}
.assignfeedback_editpdf_menu li:hover {
background-color: #ebebeb;
}
ul.assignfeedback_editpdf_menu {
margin: 0;
max-height: 40vh;
overflow-y: auto;
overflow-x: hidden;
}
.assignfeedback_editpdf_menu li {
list-style-type: none;
margin: 0;
border-radius: 4px;
}
.assignfeedback_editpdf_menu li button {
margin: 0;
background: none;
}
.assignfeedback_editpdf_widget .pageheader button:hover {
background-color: #ebebeb;
background-image: radial-gradient(ellipse at center, #fff 60%, #dfdfdf 100%);
}
.assignfeedback_editpdf_widget .pageheader button.assignfeedback_editpdf_selectedbutton:hover,
.assignfeedback_editpdf_widget .pageheader button.assignfeedback_editpdf_selectedbutton {
background-color: #dfdfdf;
background-image: radial-gradient(ellipse at center, #fff 40%, #dfdfdf 100%);
}
.assignfeedback_editpdf_widget .commentdrawable img {
margin: 0 5px;
}
.assignfeedback_editpdf_widget .commentdrawable a {
float: right;
position: relative;
left: -17px;
top: 2px;
height: 16px;
width: 16px;
}
.assignfeedback_editpdf_widget .commentdrawable textarea {
padding: 4px;
padding-right: 20px;
resize: none;
overflow: hidden;
color: black;
border: 2px solid #ccc;
border-radius: 4px;
font-size: 16px;
font-family: helvetica;
min-height: 1.2em;
}
.assignfeedback_editpdf_widget .commentdrawable textarea:focus {
outline: thin dotted #333;
outline-color: -webkit-focus-ring-color;
outline-width: 5px;
outline-style: auto;
outline-offset: -2px;
}
.assignfeedback_editpdf_widget .commentdrawable {
display: flex;
z-index: 52;
height: 0;
}
.assignfeedback_editpdf_widget .annotation {
z-index: 51;
}
.assignfeedback_editpdf_widget .deleteannotationbutton {
z-index: 51;
}
.assignfeedback_editpdf_widget .commentdrawable label {
display: inline-block;
}
.assignfeedback_editpdf_widget .commentdrawable svg {
display: none;
}
.assignfeedback_editpdf_widget .commentdrawable.commentcollapsed {
z-index: auto;
width: 24px;
}
.assignfeedback_editpdf_widget .commentdrawable.commentcollapsed textarea,
.assignfeedback_editpdf_widget .commentdrawable.commentcollapsed a {
display: none;
}
.assignfeedback_editpdf_widget .commentdrawable.commentcollapsed svg {
display: inline-block;
width: 24px;
height: 24px;
}
.assignfeedback_editpdf_widget .drawingcanvas .loading .progressbarlabel {
text-align: center;
}
.hideoverflow {
overflow: hidden;
position: relative;
}
@media (max-width: 960px) {
.assignfeedback_editpdf_widget .pageheader {
height: 104px;
}
.assignfeedback_editpdf_widget .drawingregion {
top: 104px;
}
}
@media (max-width: 767px) {
.assignfeedback_editpdf_widget .drawingregion {
position: relative;
margin-bottom: 1em;
top: 0;
max-height: 312px;
}
.assignfeedback_editpdf_widget .pageheader {
height: auto;
}
}
@media (max-width: 480px) {
.assignfeedback_editpdf_widget .pageheader {
padding-left: 5px;
padding-right: 5px;
}
}
#page-mod-quiz-report #manualgradingform {
width: 100%;
}
#page-mod-quiz-report #manualgradingform.mform br {
clear: none;
}
#page-mod-quiz-report #manualgradingform.mform .clearfix:after {
clear: none;
}
#page-mod-quiz-report #manualgradingform .que {
margin-bottom: 0.7em;
}
/* Rubric - grid layout */
.path-mod-workshop .mform.frozen #id_rubric-grid-wrapper,
.path-mod-workshop .assessmentform.rubric #id_rubric-grid-wrapper {
border: none;
}
.path-mod-workshop .mform.frozen #id_rubric-grid-wrapper legend,
.path-mod-workshop .assessmentform.rubric #id_rubric-grid-wrapper legend {
display: none;
}
.path-mod-workshop .mform.frozen #id_rubric-grid-wrapper th,
.path-mod-workshop .mform.frozen #id_rubric-grid-wrapper td,
.path-mod-workshop .assessmentform.rubric.grid #id_rubric-grid-wrapper th,
.path-mod-workshop .assessmentform.rubric.grid #id_rubric-grid-wrapper td {
border: 1px solid #ddd;
padding: 5px;
vertical-align: top;
}
.path-mod-workshop .mform.frozen #id_rubric-grid-wrapper,
.path-mod-workshop .assessmentform.rubric.grid #id_rubric-grid-wrapper .criterion {
text-align: center;
}
.path-mod-workshop .assessmentform.rubric.grid #id_rubric-grid-wrapper .fitem {
text-align: center;
}
.path-mod-workshop .mform.frozen #id_rubric-grid-wrapper .fitem .fitemtitle,
.path-mod-workshop .assessmentform.rubric.grid #id_rubric-grid-wrapper .fitem .fitemtitle {
display: none;
}
.path-mod-workshop .mform.frozen #id_rubric-grid-wrapper,
.path-mod-workshop #id_rubric-grid-wrapper {
margin-left: auto;
margin-right: auto;
width: 100%;
}
.path-mod-workshop .mform.frozen #id_rubric-grid-wrapper .checkbox,
.path-mod-workshop .assessmentform.rubric.grid #id_rubric-grid-wrapper .checkbox {
max-width: 100%;
flex: 0 0 100%;
text-align: left;
}
.path-mod-workshop .mform.frozen #id_rubric-grid-wrapper .fitem .felement,
.path-mod-workshop .assessmentform.rubric.grid #id_rubric-grid-wrapper .fitem .felement {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.path-mod-workshop .mform.frozen #id_rubric-grid-wrapper .fitem .felement {
border: none;
}
.path-mod-workshop .assessmentform.rubric.grid #id_rubric-grid-wrapper .fitem .felement span {
display: block;
text-align: center;
}
.path-mod-workshop .assessmentform.rubric.grid #id_rubric-grid-wrapper .fitem .felement span label {
display: block;
text-align: center;
}
/* Rubric - list layout */
.path-mod-workshop .mform.frozen .fitem.description.rubric + .fitem .fitemtitle,
.path-mod-workshop .assessmentform.rubric.list #id_rubric-grid-wrapper .fitem .fitemtitle {
display: none;
}
.path-mod-workshop .mform.frozen .fitem.description.rubric + .fitem .fitemtitle + .felement,
.path-mod-workshop .assessmentform.rubric.list .fitem .felement {
width: auto;
border: none;
}
.path-mod-workshop .assessmentform.rubric.list .fitem .felement span input {
display: block;
float: left;
}
.path-mod-workshop .assessmentform.rubric.list .fitem .felement.fgroup span label {
display: block;
margin-left: 30px;
}
/**
* Manual allocator
*/
.path-mod-workshop .manual-allocator .allocations {
margin: 0 auto;
width: 100%;
}
.path-mod-workshop .manual-allocator .allocations tbody tr:nth-of-type(odd) {
background-color: #eee;
}
.path-mod-workshop .manual-allocator .allocations tbody tr:nth-of-type(odd).highlightreviewerof,
.path-mod-workshop .manual-allocator .allocations tbody tr:nth-of-type(odd).highlightreviewedby {
background-color: inherit;
}
.path-mod-workshop .manual-allocator .allocations .peer .image {
margin-right: 5px;
vertical-align: middle;
}
.path-mod-workshop .manual-allocator .allocations .reviewedby .image,
.path-mod-workshop .manual-allocator .allocations .reviewerof .image {
margin-right: 3px;
vertical-align: middle;
}
.path-mod-workshop .manual-allocator .allocations .highlightreviewedby .reviewedby,
.path-mod-workshop .manual-allocator .allocations .highlightreviewerof .reviewerof {
background-color: #fff3d2;
}
.path-mod-workshop .manual-allocator .allocations tr td {
vertical-align: top;
padding: 5px;
}
.path-mod-workshop .manual-allocator .allocations tr td ul {
margin: 0;
}
.path-mod-workshop .manual-allocator .allocations tr td ul li {
list-style: none;
}
.path-mod-workshop .manual-allocator .allocations tr td.peer {
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}
.path-mod-workshop .manual-allocator .allocations .reviewedby .info,
.path-mod-workshop .manual-allocator .allocations .peer .info,
.path-mod-workshop .manual-allocator .allocations .reviewerof .info {
font-size: 80%;
color: #888;
font-style: italic;
}
.path-mod-workshop .manual-allocator .allocations .peer .submission {
font-size: 90%;
margin-top: 1em;
}
.path-mod-workshop .random-allocator .warning {
width: 100%;
margin: 0 auto 15px auto;
}
.accessibilitywarnings img {
max-width: 32px;
max-height: 32px;
}
.atto_backcolor_button .dropdown-menu {
min-width: inherit;
}
.atto_backcolor_button .dropdown-menu .atto_menuentry {
padding-top: 5px;
padding-bottom: 5px;
}
.atto_backcolor_button .dropdown-menu .atto_menuentry a[role=menuitem] {
display: flex;
}
.atto_backcolor_button .dropdown-menu .atto_menuentry a[role=menuitem]:hover,
.atto_backcolor_button .dropdown-menu .atto_menuentry a[role=menuitem]:focus {
box-shadow: #0f6fc5 0 0 3px 1px;
}
.atto_backcolor_button .dropdown-menu .coloroption {
display: flex;
align-items: center;
float: left;
height: 20px;
width: 20px;
border: 1px solid #ccc;
}
.atto_charmap_selector button {
width: 2.18rem;
margin: 0.1rem;
}
@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-fullscreen .block {
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;
}
.atto_generico_field{
width: 200px;
}
div.atto_generico_buttons {
display: inline-block;
margin: 5px;
}
.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/boost_union/atto_h5p/1752245628/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/boost_union/core/1752245628/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/boost_union/atto_morebackcolors/1752245628/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/boost_union/atto_morebackcolors/1752245628/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/boost_union/core/1752245628/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/boost_union/atto_morefontcolors/1752245628/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/boost_union/atto_morefontcolors/1752245628/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-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_textresponse_placeholder {
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_textresponse 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/boost_union/tiny_aiplacement/1752245628/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-image-display-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
.tiny-aiplacement-image-display-container img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.tiny_aiplacement_textresponse_placeholder {
background-image: url(/theme/image.php/boost_union/tiny_aiplacement/1752245628/sparkles-text);
background-repeat: no-repeat;
background-position: center;
background-color: rgba(255, 255, 255, 0.5);
background-blend-mode: lighten;
background-size: 6em 6em;
}
.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;
}
@charset "UTF-8";
/** Pre-SCSS from theme_boost_get_pre_scss **/
/** Pre-SCSS from theme_boost_union_get_pre_scss **/
/* This file is empty by purpose.
You can add your SCSS code here if you really need to. */
/*!
* Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
* Copyright 2024 Fonticons, Inc.
*/
:root, :host {
--fa-style-family-brands: "Font Awesome 6 Brands";
--fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
}
@font-face {
font-family: "Font Awesome 6 Brands";
font-style: normal;
font-weight: 400;
font-display: block;
src: url(/theme/font.php/boost_union/core/1752245628/fa-brands-400.woff2) format("woff2"), url(/theme/font.php/boost_union/core/1752245628/fa-brands-400.ttf) format("truetype");
}
.fab, .fa-brands {
font-weight: 400;
}
.fa-monero:before {
content: "";
}
.fa-hooli:before {
content: "";
}
.fa-yelp:before {
content: "";
}
.fa-cc-visa:before {
content: "";
}
.fa-lastfm:before {
content: "";
}
.fa-shopware:before {
content: "";
}
.fa-creative-commons-nc:before {
content: "";
}
.fa-aws:before {
content: "";
}
.fa-redhat:before {
content: "";
}
.fa-yoast:before {
content: "";
}
.fa-cloudflare:before {
content: "";
}
.fa-ups:before {
content: "";
}
.fa-pixiv:before {
content: "";
}
.fa-wpexplorer:before {
content: "";
}
.fa-dyalog:before {
content: "";
}
.fa-bity:before {
content: "";
}
.fa-stackpath:before {
content: "";
}
.fa-buysellads:before {
content: "";
}
.fa-first-order:before {
content: "";
}
.fa-modx:before {
content: "";
}
.fa-guilded:before {
content: "";
}
.fa-vnv:before {
content: "";
}
.fa-square-js:before {
content: "";
}
.fa-js-square:before {
content: "";
}
.fa-microsoft:before {
content: "";
}
.fa-qq:before {
content: "";
}
.fa-orcid:before {
content: "";
}
.fa-java:before {
content: "";
}
.fa-invision:before {
content: "";
}
.fa-creative-commons-pd-alt:before {
content: "";
}
.fa-centercode:before {
content: "";
}
.fa-glide-g:before {
content: "";
}
.fa-drupal:before {
content: "";
}
.fa-jxl:before {
content: "";
}
.fa-hire-a-helper:before {
content: "";
}
.fa-creative-commons-by:before {
content: "";
}
.fa-unity:before {
content: "";
}
.fa-whmcs:before {
content: "";
}
.fa-rocketchat:before {
content: "";
}
.fa-vk:before {
content: "";
}
.fa-untappd:before {
content: "";
}
.fa-mailchimp:before {
content: "";
}
.fa-css3-alt:before {
content: "";
}
.fa-square-reddit:before {
content: "";
}
.fa-reddit-square:before {
content: "";
}
.fa-vimeo-v:before {
content: "";
}
.fa-contao:before {
content: "";
}
.fa-square-font-awesome:before {
content: "";
}
.fa-deskpro:before {
content: "";
}
.fa-brave:before {
content: "";
}
.fa-sistrix:before {
content: "";
}
.fa-square-instagram:before {
content: "";
}
.fa-instagram-square:before {
content: "";
}
.fa-battle-net:before {
content: "";
}
.fa-the-red-yeti:before {
content: "";
}
.fa-square-hacker-news:before {
content: "";
}
.fa-hacker-news-square:before {
content: "";
}
.fa-edge:before {
content: "";
}
.fa-threads:before {
content: "";
}
.fa-napster:before {
content: "";
}
.fa-square-snapchat:before {
content: "";
}
.fa-snapchat-square:before {
content: "";
}
.fa-google-plus-g:before {
content: "";
}
.fa-artstation:before {
content: "";
}
.fa-markdown:before {
content: "";
}
.fa-sourcetree:before {
content: "";
}
.fa-google-plus:before {
content: "";
}
.fa-diaspora:before {
content: "";
}
.fa-foursquare:before {
content: "";
}
.fa-stack-overflow:before {
content: "";
}
.fa-github-alt:before {
content: "";
}
.fa-phoenix-squadron:before {
content: "";
}
.fa-pagelines:before {
content: "";
}
.fa-algolia:before {
content: "";
}
.fa-red-river:before {
content: "";
}
.fa-creative-commons-sa:before {
content: "";
}
.fa-safari:before {
content: "";
}
.fa-google:before {
content: "";
}
.fa-square-font-awesome-stroke:before {
content: "";
}
.fa-font-awesome-alt:before {
content: "";
}
.fa-atlassian:before {
content: "";
}
.fa-linkedin-in:before {
content: "";
}
.fa-digital-ocean:before {
content: "";
}
.fa-nimblr:before {
content: "";
}
.fa-chromecast:before {
content: "";
}
.fa-evernote:before {
content: "";
}
.fa-hacker-news:before {
content: "";
}
.fa-creative-commons-sampling:before {
content: "";
}
.fa-adversal:before {
content: "";
}
.fa-creative-commons:before {
content: "";
}
.fa-watchman-monitoring:before {
content: "";
}
.fa-fonticons:before {
content: "";
}
.fa-weixin:before {
content: "";
}
.fa-shirtsinbulk:before {
content: "";
}
.fa-codepen:before {
content: "";
}
.fa-git-alt:before {
content: "";
}
.fa-lyft:before {
content: "";
}
.fa-rev:before {
content: "";
}
.fa-windows:before {
content: "";
}
.fa-wizards-of-the-coast:before {
content: "";
}
.fa-square-viadeo:before {
content: "";
}
.fa-viadeo-square:before {
content: "";
}
.fa-meetup:before {
content: "";
}
.fa-centos:before {
content: "";
}
.fa-adn:before {
content: "";
}
.fa-cloudsmith:before {
content: "";
}
.fa-opensuse:before {
content: "";
}
.fa-pied-piper-alt:before {
content: "";
}
.fa-square-dribbble:before {
content: "";
}
.fa-dribbble-square:before {
content: "";
}
.fa-codiepie:before {
content: "";
}
.fa-node:before {
content: "";
}
.fa-mix:before {
content: "";
}
.fa-steam:before {
content: "";
}
.fa-cc-apple-pay:before {
content: "";
}
.fa-scribd:before {
content: "";
}
.fa-debian:before {
content: "";
}
.fa-openid:before {
content: "";
}
.fa-instalod:before {
content: "";
}
.fa-expeditedssl:before {
content: "";
}
.fa-sellcast:before {
content: "";
}
.fa-square-twitter:before {
content: "";
}
.fa-twitter-square:before {
content: "";
}
.fa-r-project:before {
content: "";
}
.fa-delicious:before {
content: "";
}
.fa-freebsd:before {
content: "";
}
.fa-vuejs:before {
content: "";
}
.fa-accusoft:before {
content: "";
}
.fa-ioxhost:before {
content: "";
}
.fa-fonticons-fi:before {
content: "";
}
.fa-app-store:before {
content: "";
}
.fa-cc-mastercard:before {
content: "";
}
.fa-itunes-note:before {
content: "";
}
.fa-golang:before {
content: "";
}
.fa-kickstarter:before {
content: "";
}
.fa-square-kickstarter:before {
content: "";
}
.fa-grav:before {
content: "";
}
.fa-weibo:before {
content: "";
}
.fa-uncharted:before {
content: "";
}
.fa-firstdraft:before {
content: "";
}
.fa-square-youtube:before {
content: "";
}
.fa-youtube-square:before {
content: "";
}
.fa-wikipedia-w:before {
content: "";
}
.fa-wpressr:before {
content: "";
}
.fa-rendact:before {
content: "";
}
.fa-angellist:before {
content: "";
}
.fa-galactic-republic:before {
content: "";
}
.fa-nfc-directional:before {
content: "";
}
.fa-skype:before {
content: "";
}
.fa-joget:before {
content: "";
}
.fa-fedora:before {
content: "";
}
.fa-stripe-s:before {
content: "";
}
.fa-meta:before {
content: "";
}
.fa-laravel:before {
content: "";
}
.fa-hotjar:before {
content: "";
}
.fa-bluetooth-b:before {
content: "";
}
.fa-square-letterboxd:before {
content: "";
}
.fa-sticker-mule:before {
content: "";
}
.fa-creative-commons-zero:before {
content: "";
}
.fa-hips:before {
content: "";
}
.fa-behance:before {
content: "";
}
.fa-reddit:before {
content: "";
}
.fa-discord:before {
content: "";
}
.fa-chrome:before {
content: "";
}
.fa-app-store-ios:before {
content: "";
}
.fa-cc-discover:before {
content: "";
}
.fa-wpbeginner:before {
content: "";
}
.fa-confluence:before {
content: "";
}
.fa-shoelace:before {
content: "";
}
.fa-mdb:before {
content: "";
}
.fa-dochub:before {
content: "";
}
.fa-accessible-icon:before {
content: "";
}
.fa-ebay:before {
content: "";
}
.fa-amazon:before {
content: "";
}
.fa-unsplash:before {
content: "";
}
.fa-yarn:before {
content: "";
}
.fa-square-steam:before {
content: "";
}
.fa-steam-square:before {
content: "";
}
.fa-500px:before {
content: "";
}
.fa-square-vimeo:before {
content: "";
}
.fa-vimeo-square:before {
content: "";
}
.fa-asymmetrik:before {
content: "";
}
.fa-font-awesome:before {
content: "";
}
.fa-font-awesome-flag:before {
content: "";
}
.fa-font-awesome-logo-full:before {
content: "";
}
.fa-gratipay:before {
content: "";
}
.fa-apple:before {
content: "";
}
.fa-hive:before {
content: "";
}
.fa-gitkraken:before {
content: "";
}
.fa-keybase:before {
content: "";
}
.fa-apple-pay:before {
content: "";
}
.fa-padlet:before {
content: "";
}
.fa-amazon-pay:before {
content: "";
}
.fa-square-github:before {
content: "";
}
.fa-github-square:before {
content: "";
}
.fa-stumbleupon:before {
content: "";
}
.fa-fedex:before {
content: "";
}
.fa-phoenix-framework:before {
content: "";
}
.fa-shopify:before {
content: "";
}
.fa-neos:before {
content: "";
}
.fa-square-threads:before {
content: "";
}
.fa-hackerrank:before {
content: "";
}
.fa-researchgate:before {
content: "";
}
.fa-swift:before {
content: "";
}
.fa-angular:before {
content: "";
}
.fa-speakap:before {
content: "";
}
.fa-angrycreative:before {
content: "";
}
.fa-y-combinator:before {
content: "";
}
.fa-empire:before {
content: "";
}
.fa-envira:before {
content: "";
}
.fa-google-scholar:before {
content: "";
}
.fa-square-gitlab:before {
content: "";
}
.fa-gitlab-square:before {
content: "";
}
.fa-studiovinari:before {
content: "";
}
.fa-pied-piper:before {
content: "";
}
.fa-wordpress:before {
content: "";
}
.fa-product-hunt:before {
content: "";
}
.fa-firefox:before {
content: "";
}
.fa-linode:before {
content: "";
}
.fa-goodreads:before {
content: "";
}
.fa-square-odnoklassniki:before {
content: "";
}
.fa-odnoklassniki-square:before {
content: "";
}
.fa-jsfiddle:before {
content: "";
}
.fa-sith:before {
content: "";
}
.fa-themeisle:before {
content: "";
}
.fa-page4:before {
content: "";
}
.fa-hashnode:before {
content: "";
}
.fa-react:before {
content: "";
}
.fa-cc-paypal:before {
content: "";
}
.fa-squarespace:before {
content: "";
}
.fa-cc-stripe:before {
content: "";
}
.fa-creative-commons-share:before {
content: "";
}
.fa-bitcoin:before {
content: "";
}
.fa-keycdn:before {
content: "";
}
.fa-opera:before {
content: "";
}
.fa-itch-io:before {
content: "";
}
.fa-umbraco:before {
content: "";
}
.fa-galactic-senate:before {
content: "";
}
.fa-ubuntu:before {
content: "";
}
.fa-draft2digital:before {
content: "";
}
.fa-stripe:before {
content: "";
}
.fa-houzz:before {
content: "";
}
.fa-gg:before {
content: "";
}
.fa-dhl:before {
content: "";
}
.fa-square-pinterest:before {
content: "";
}
.fa-pinterest-square:before {
content: "";
}
.fa-xing:before {
content: "";
}
.fa-blackberry:before {
content: "";
}
.fa-creative-commons-pd:before {
content: "";
}
.fa-playstation:before {
content: "";
}
.fa-quinscape:before {
content: "";
}
.fa-less:before {
content: "";
}
.fa-blogger-b:before {
content: "";
}
.fa-opencart:before {
content: "";
}
.fa-vine:before {
content: "";
}
.fa-signal-messenger:before {
content: "";
}
.fa-paypal:before {
content: "";
}
.fa-gitlab:before {
content: "";
}
.fa-typo3:before {
content: "";
}
.fa-reddit-alien:before {
content: "";
}
.fa-yahoo:before {
content: "";
}
.fa-dailymotion:before {
content: "";
}
.fa-affiliatetheme:before {
content: "";
}
.fa-pied-piper-pp:before {
content: "";
}
.fa-bootstrap:before {
content: "";
}
.fa-odnoklassniki:before {
content: "";
}
.fa-nfc-symbol:before {
content: "";
}
.fa-mintbit:before {
content: "";
}
.fa-ethereum:before {
content: "";
}
.fa-speaker-deck:before {
content: "";
}
.fa-creative-commons-nc-eu:before {
content: "";
}
.fa-patreon:before {
content: "";
}
.fa-avianex:before {
content: "";
}
.fa-ello:before {
content: "";
}
.fa-gofore:before {
content: "";
}
.fa-bimobject:before {
content: "";
}
.fa-brave-reverse:before {
content: "";
}
.fa-facebook-f:before {
content: "";
}
.fa-square-google-plus:before {
content: "";
}
.fa-google-plus-square:before {
content: "";
}
.fa-web-awesome:before {
content: "";
}
.fa-mandalorian:before {
content: "";
}
.fa-first-order-alt:before {
content: "";
}
.fa-osi:before {
content: "";
}
.fa-google-wallet:before {
content: "";
}
.fa-d-and-d-beyond:before {
content: "";
}
.fa-periscope:before {
content: "";
}
.fa-fulcrum:before {
content: "";
}
.fa-cloudscale:before {
content: "";
}
.fa-forumbee:before {
content: "";
}
.fa-mizuni:before {
content: "";
}
.fa-schlix:before {
content: "";
}
.fa-square-xing:before {
content: "";
}
.fa-xing-square:before {
content: "";
}
.fa-bandcamp:before {
content: "";
}
.fa-wpforms:before {
content: "";
}
.fa-cloudversify:before {
content: "";
}
.fa-usps:before {
content: "";
}
.fa-megaport:before {
content: "";
}
.fa-magento:before {
content: "";
}
.fa-spotify:before {
content: "";
}
.fa-optin-monster:before {
content: "";
}
.fa-fly:before {
content: "";
}
.fa-aviato:before {
content: "";
}
.fa-itunes:before {
content: "";
}
.fa-cuttlefish:before {
content: "";
}
.fa-blogger:before {
content: "";
}
.fa-flickr:before {
content: "";
}
.fa-viber:before {
content: "";
}
.fa-soundcloud:before {
content: "";
}
.fa-digg:before {
content: "";
}
.fa-tencent-weibo:before {
content: "";
}
.fa-letterboxd:before {
content: "";
}
.fa-symfony:before {
content: "";
}
.fa-maxcdn:before {
content: "";
}
.fa-etsy:before {
content: "";
}
.fa-facebook-messenger:before {
content: "";
}
.fa-audible:before {
content: "";
}
.fa-think-peaks:before {
content: "";
}
.fa-bilibili:before {
content: "";
}
.fa-erlang:before {
content: "";
}
.fa-x-twitter:before {
content: "";
}
.fa-cotton-bureau:before {
content: "";
}
.fa-dashcube:before {
content: "";
}
.fa-42-group:before {
content: "";
}
.fa-innosoft:before {
content: "";
}
.fa-stack-exchange:before {
content: "";
}
.fa-elementor:before {
content: "";
}
.fa-square-pied-piper:before {
content: "";
}
.fa-pied-piper-square:before {
content: "";
}
.fa-creative-commons-nd:before {
content: "";
}
.fa-palfed:before {
content: "";
}
.fa-superpowers:before {
content: "";
}
.fa-resolving:before {
content: "";
}
.fa-xbox:before {
content: "";
}
.fa-square-web-awesome-stroke:before {
content: "";
}
.fa-searchengin:before {
content: "";
}
.fa-tiktok:before {
content: "";
}
.fa-square-facebook:before {
content: "";
}
.fa-facebook-square:before {
content: "";
}
.fa-renren:before {
content: "";
}
.fa-linux:before {
content: "";
}
.fa-glide:before {
content: "";
}
.fa-linkedin:before {
content: "";
}
.fa-hubspot:before {
content: "";
}
.fa-deploydog:before {
content: "";
}
.fa-twitch:before {
content: "";
}
.fa-ravelry:before {
content: "";
}
.fa-mixer:before {
content: "";
}
.fa-square-lastfm:before {
content: "";
}
.fa-lastfm-square:before {
content: "";
}
.fa-vimeo:before {
content: "";
}
.fa-mendeley:before {
content: "";
}
.fa-uniregistry:before {
content: "";
}
.fa-figma:before {
content: "";
}
.fa-creative-commons-remix:before {
content: "";
}
.fa-cc-amazon-pay:before {
content: "";
}
.fa-dropbox:before {
content: "";
}
.fa-instagram:before {
content: "";
}
.fa-cmplid:before {
content: "";
}
.fa-upwork:before {
content: "";
}
.fa-facebook:before {
content: "";
}
.fa-gripfire:before {
content: "";
}
.fa-jedi-order:before {
content: "";
}
.fa-uikit:before {
content: "";
}
.fa-fort-awesome-alt:before {
content: "";
}
.fa-phabricator:before {
content: "";
}
.fa-ussunnah:before {
content: "";
}
.fa-earlybirds:before {
content: "";
}
.fa-trade-federation:before {
content: "";
}
.fa-autoprefixer:before {
content: "";
}
.fa-whatsapp:before {
content: "";
}
.fa-square-upwork:before {
content: "";
}
.fa-slideshare:before {
content: "";
}
.fa-google-play:before {
content: "";
}
.fa-viadeo:before {
content: "";
}
.fa-line:before {
content: "";
}
.fa-google-drive:before {
content: "";
}
.fa-servicestack:before {
content: "";
}
.fa-simplybuilt:before {
content: "";
}
.fa-bitbucket:before {
content: "";
}
.fa-imdb:before {
content: "";
}
.fa-deezer:before {
content: "";
}
.fa-raspberry-pi:before {
content: "";
}
.fa-jira:before {
content: "";
}
.fa-docker:before {
content: "";
}
.fa-screenpal:before {
content: "";
}
.fa-bluetooth:before {
content: "";
}
.fa-gitter:before {
content: "";
}
.fa-d-and-d:before {
content: "";
}
.fa-microblog:before {
content: "";
}
.fa-cc-diners-club:before {
content: "";
}
.fa-gg-circle:before {
content: "";
}
.fa-pied-piper-hat:before {
content: "";
}
.fa-kickstarter-k:before {
content: "";
}
.fa-yandex:before {
content: "";
}
.fa-readme:before {
content: "";
}
.fa-html5:before {
content: "";
}
.fa-sellsy:before {
content: "";
}
.fa-square-web-awesome:before {
content: "";
}
.fa-sass:before {
content: "";
}
.fa-wirsindhandwerk:before {
content: "";
}
.fa-wsh:before {
content: "";
}
.fa-buromobelexperte:before {
content: "";
}
.fa-salesforce:before {
content: "";
}
.fa-octopus-deploy:before {
content: "";
}
.fa-medapps:before {
content: "";
}
.fa-ns8:before {
content: "";
}
.fa-pinterest-p:before {
content: "";
}
.fa-apper:before {
content: "";
}
.fa-fort-awesome:before {
content: "";
}
.fa-waze:before {
content: "";
}
.fa-bluesky:before {
content: "";
}
.fa-cc-jcb:before {
content: "";
}
.fa-snapchat:before {
content: "";
}
.fa-snapchat-ghost:before {
content: "";
}
.fa-fantasy-flight-games:before {
content: "";
}
.fa-rust:before {
content: "";
}
.fa-wix:before {
content: "";
}
.fa-square-behance:before {
content: "";
}
.fa-behance-square:before {
content: "";
}
.fa-supple:before {
content: "";
}
.fa-webflow:before {
content: "";
}
.fa-rebel:before {
content: "";
}
.fa-css3:before {
content: "";
}
.fa-staylinked:before {
content: "";
}
.fa-kaggle:before {
content: "";
}
.fa-space-awesome:before {
content: "";
}
.fa-deviantart:before {
content: "";
}
.fa-cpanel:before {
content: "";
}
.fa-goodreads-g:before {
content: "";
}
.fa-square-git:before {
content: "";
}
.fa-git-square:before {
content: "";
}
.fa-square-tumblr:before {
content: "";
}
.fa-tumblr-square:before {
content: "";
}
.fa-trello:before {
content: "";
}
.fa-creative-commons-nc-jp:before {
content: "";
}
.fa-get-pocket:before {
content: "";
}
.fa-perbyte:before {
content: "";
}
.fa-grunt:before {
content: "";
}
.fa-weebly:before {
content: "";
}
.fa-connectdevelop:before {
content: "";
}
.fa-leanpub:before {
content: "";
}
.fa-black-tie:before {
content: "";
}
.fa-themeco:before {
content: "";
}
.fa-python:before {
content: "";
}
.fa-android:before {
content: "";
}
.fa-bots:before {
content: "";
}
.fa-free-code-camp:before {
content: "";
}
.fa-hornbill:before {
content: "";
}
.fa-js:before {
content: "";
}
.fa-ideal:before {
content: "";
}
.fa-git:before {
content: "";
}
.fa-dev:before {
content: "";
}
.fa-sketch:before {
content: "";
}
.fa-yandex-international:before {
content: "";
}
.fa-cc-amex:before {
content: "";
}
.fa-uber:before {
content: "";
}
.fa-github:before {
content: "";
}
.fa-php:before {
content: "";
}
.fa-alipay:before {
content: "";
}
.fa-youtube:before {
content: "";
}
.fa-skyatlas:before {
content: "";
}
.fa-firefox-browser:before {
content: "";
}
.fa-replyd:before {
content: "";
}
.fa-suse:before {
content: "";
}
.fa-jenkins:before {
content: "";
}
.fa-twitter:before {
content: "";
}
.fa-rockrms:before {
content: "";
}
.fa-pinterest:before {
content: "";
}
.fa-buffer:before {
content: "";
}
.fa-npm:before {
content: "";
}
.fa-yammer:before {
content: "";
}
.fa-btc:before {
content: "";
}
.fa-dribbble:before {
content: "";
}
.fa-stumbleupon-circle:before {
content: "";
}
.fa-internet-explorer:before {
content: "";
}
.fa-stubber:before {
content: "";
}
.fa-telegram:before {
content: "";
}
.fa-telegram-plane:before {
content: "";
}
.fa-old-republic:before {
content: "";
}
.fa-odysee:before {
content: "";
}
.fa-square-whatsapp:before {
content: "";
}
.fa-whatsapp-square:before {
content: "";
}
.fa-node-js:before {
content: "";
}
.fa-edge-legacy:before {
content: "";
}
.fa-slack:before {
content: "";
}
.fa-slack-hash:before {
content: "";
}
.fa-medrt:before {
content: "";
}
.fa-usb:before {
content: "";
}
.fa-tumblr:before {
content: "";
}
.fa-vaadin:before {
content: "";
}
.fa-quora:before {
content: "";
}
.fa-square-x-twitter:before {
content: "";
}
.fa-reacteurope:before {
content: "";
}
.fa-medium:before {
content: "";
}
.fa-medium-m:before {
content: "";
}
.fa-amilia:before {
content: "";
}
.fa-mixcloud:before {
content: "";
}
.fa-flipboard:before {
content: "";
}
.fa-viacoin:before {
content: "";
}
.fa-critical-role:before {
content: "";
}
.fa-sitrox:before {
content: "";
}
.fa-discourse:before {
content: "";
}
.fa-joomla:before {
content: "";
}
.fa-mastodon:before {
content: "";
}
.fa-airbnb:before {
content: "";
}
.fa-wolf-pack-battalion:before {
content: "";
}
.fa-buy-n-large:before {
content: "";
}
.fa-gulp:before {
content: "";
}
.fa-creative-commons-sampling-plus:before {
content: "";
}
.fa-strava:before {
content: "";
}
.fa-ember:before {
content: "";
}
.fa-canadian-maple-leaf:before {
content: "";
}
.fa-teamspeak:before {
content: "";
}
.fa-pushed:before {
content: "";
}
.fa-wordpress-simple:before {
content: "";
}
.fa-nutritionix:before {
content: "";
}
.fa-wodu:before {
content: "";
}
.fa-google-pay:before {
content: "";
}
.fa-intercom:before {
content: "";
}
.fa-zhihu:before {
content: "";
}
.fa-korvue:before {
content: "";
}
.fa-pix:before {
content: "";
}
.fa-steam-symbol:before {
content: "";
}
/*!
* Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
* Copyright 2024 Fonticons, Inc.
*/
:root, :host {
--fa-style-family-classic: "Font Awesome 6 Free";
--fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free";
}
@font-face {
font-family: "Font Awesome 6 Free";
font-style: normal;
font-weight: 400;
font-display: block;
src: url(/theme/font.php/boost_union/core/1752245628/fa-regular-400.woff2) format("woff2"), url(/theme/font.php/boost_union/core/1752245628/fa-regular-400.ttf) format("truetype");
}
.far, .fa-regular, .content-bank-container.view-grid .cb-unlisted::after {
font-weight: 400;
}
/*!
* Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
* Copyright 2024 Fonticons, Inc.
*/
:root, :host {
--fa-style-family-classic: "Font Awesome 6 Free";
--fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free";
}
@font-face {
font-family: "Font Awesome 6 Free";
font-style: normal;
font-weight: 900;
font-display: block;
src: url(/theme/font.php/boost_union/core/1752245628/fa-solid-900.woff2) format("woff2"), url(/theme/font.php/boost_union/core/1752245628/fa-solid-900.ttf) format("truetype");
}
.fas, .fa-solid, .dropdown-toggle::after, .dropleft .dropdown-toggle::before, .dropright .dropdown-toggle::after, .dropup .dropdown-toggle::after, .action-menu .dropdown-subpanel .dropdown-item::after, .dir-rtl .action-menu .dropdown-subpanel .dropdown-item::after, .dropdown-item[aria-current="true"]:before, .dropdown-item[aria-selected="true"]:before, .block_settings .block_tree [aria-expanded="true"] > p:before, .block_navigation .block_tree [aria-expanded="true"] > p:before, .block_settings .block_tree [aria-expanded="false"] > p:before, .block_navigation .block_tree [aria-expanded="false"] > p:before, .dir-rtl .block_settings .block_tree [aria-expanded="false"] > p:before, .dir-rtl .block_navigation .block_tree [aria-expanded="false"] > p:before, .editing .editinprogress:after, .toast.toast-success .toast-body:before, .toast.toast-danger .toast-body:before, .toast.toast-info .toast-body:before, .toast.toast-warning .toast-body:before, .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after, .navbar.fixed-top .usermenu .dropdown-menu .submenu .items .dropdown-item[aria-current="true"]::before, .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after, .moremenu .dropdown-item[aria-current="true"]:before, .moremenu .dropdown-item.active:before {
font-weight: 900;
}
/*!
* Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
* Copyright 2024 Fonticons, Inc.
*/
.fa.fa-glass:before {
content: "";
}
.fa.fa-envelope-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-envelope-o:before {
content: "";
}
.fa.fa-star-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-star-o:before {
content: "";
}
.fa.fa-remove:before {
content: "";
}
.fa.fa-close:before {
content: "";
}
.fa.fa-gear:before {
content: "";
}
.fa.fa-trash-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-trash-o:before {
content: "";
}
.fa.fa-home:before {
content: "";
}
.fa.fa-file-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-file-o:before {
content: "";
}
.fa.fa-clock-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-clock-o:before {
content: "";
}
.fa.fa-arrow-circle-o-down {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-arrow-circle-o-down:before {
content: "";
}
.fa.fa-arrow-circle-o-up {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-arrow-circle-o-up:before {
content: "";
}
.fa.fa-play-circle-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-play-circle-o:before {
content: "";
}
.fa.fa-repeat:before {
content: "";
}
.fa.fa-rotate-right:before {
content: "";
}
.fa.fa-refresh:before {
content: "";
}
.fa.fa-list-alt {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-list-alt:before {
content: "";
}
.fa.fa-dedent:before {
content: "";
}
.fa.fa-video-camera:before {
content: "";
}
.fa.fa-picture-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-picture-o:before {
content: "";
}
.fa.fa-photo {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-photo:before {
content: "";
}
.fa.fa-image {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-image:before {
content: "";
}
.fa.fa-map-marker:before {
content: "";
}
.fa.fa-pencil-square-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-pencil-square-o:before {
content: "";
}
.fa.fa-edit {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-edit:before {
content: "";
}
.fa.fa-share-square-o:before {
content: "";
}
.fa.fa-check-square-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-check-square-o:before {
content: "";
}
.fa.fa-arrows:before {
content: "";
}
.fa.fa-times-circle-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-times-circle-o:before {
content: "";
}
.fa.fa-check-circle-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-check-circle-o:before {
content: "";
}
.fa.fa-mail-forward:before {
content: "";
}
.fa.fa-expand:before {
content: "";
}
.fa.fa-compress:before {
content: "";
}
.fa.fa-eye {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-eye-slash {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-warning:before {
content: "";
}
.fa.fa-calendar:before {
content: "";
}
.fa.fa-arrows-v:before {
content: "";
}
.fa.fa-arrows-h:before {
content: "";
}
.fa.fa-bar-chart:before {
content: "";
}
.fa.fa-bar-chart-o:before {
content: "";
}
.fa.fa-twitter-square {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-twitter-square:before {
content: "";
}
.fa.fa-facebook-square {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-facebook-square:before {
content: "";
}
.fa.fa-gears:before {
content: "";
}
.fa.fa-thumbs-o-up {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-thumbs-o-up:before {
content: "";
}
.fa.fa-thumbs-o-down {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-thumbs-o-down:before {
content: "";
}
.fa.fa-heart-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-heart-o:before {
content: "";
}
.fa.fa-sign-out:before {
content: "";
}
.fa.fa-linkedin-square {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-linkedin-square:before {
content: "";
}
.fa.fa-thumb-tack:before {
content: "";
}
.fa.fa-external-link:before {
content: "";
}
.fa.fa-sign-in:before {
content: "";
}
.fa.fa-github-square {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-github-square:before {
content: "";
}
.fa.fa-lemon-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-lemon-o:before {
content: "";
}
.fa.fa-square-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-square-o:before {
content: "";
}
.fa.fa-bookmark-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-bookmark-o:before {
content: "";
}
.fa.fa-twitter {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-facebook {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-facebook:before {
content: "";
}
.fa.fa-facebook-f {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-facebook-f:before {
content: "";
}
.fa.fa-github {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-credit-card {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-feed:before {
content: "";
}
.fa.fa-hdd-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-hdd-o:before {
content: "";
}
.fa.fa-hand-o-right {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-hand-o-right:before {
content: "";
}
.fa.fa-hand-o-left {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-hand-o-left:before {
content: "";
}
.fa.fa-hand-o-up {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-hand-o-up:before {
content: "";
}
.fa.fa-hand-o-down {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-hand-o-down:before {
content: "";
}
.fa.fa-globe:before {
content: "";
}
.fa.fa-tasks:before {
content: "";
}
.fa.fa-arrows-alt:before {
content: "";
}
.fa.fa-group:before {
content: "";
}
.fa.fa-chain:before {
content: "";
}
.fa.fa-cut:before {
content: "";
}
.fa.fa-files-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-files-o:before {
content: "";
}
.fa.fa-floppy-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-floppy-o:before {
content: "";
}
.fa.fa-save {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-save:before {
content: "";
}
.fa.fa-navicon:before {
content: "";
}
.fa.fa-reorder:before {
content: "";
}
.fa.fa-magic:before {
content: "";
}
.fa.fa-pinterest {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-pinterest-square {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-pinterest-square:before {
content: "";
}
.fa.fa-google-plus-square {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-google-plus-square:before {
content: "";
}
.fa.fa-google-plus {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-google-plus:before {
content: "";
}
.fa.fa-money:before {
content: "";
}
.fa.fa-unsorted:before {
content: "";
}
.fa.fa-sort-desc:before {
content: "";
}
.fa.fa-sort-asc:before {
content: "";
}
.fa.fa-linkedin {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-linkedin:before {
content: "";
}
.fa.fa-rotate-left:before {
content: "";
}
.fa.fa-legal:before {
content: "";
}
.fa.fa-tachometer:before {
content: "";
}
.fa.fa-dashboard:before {
content: "";
}
.fa.fa-comment-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-comment-o:before {
content: "";
}
.fa.fa-comments-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-comments-o:before {
content: "";
}
.fa.fa-flash:before {
content: "";
}
.fa.fa-clipboard:before {
content: "";
}
.fa.fa-lightbulb-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-lightbulb-o:before {
content: "";
}
.fa.fa-exchange:before {
content: "";
}
.fa.fa-cloud-download:before {
content: "";
}
.fa.fa-cloud-upload:before {
content: "";
}
.fa.fa-bell-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-bell-o:before {
content: "";
}
.fa.fa-cutlery:before {
content: "";
}
.fa.fa-file-text-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-file-text-o:before {
content: "";
}
.fa.fa-building-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-building-o:before {
content: "";
}
.fa.fa-hospital-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-hospital-o:before {
content: "";
}
.fa.fa-tablet:before {
content: "";
}
.fa.fa-mobile:before {
content: "";
}
.fa.fa-mobile-phone:before {
content: "";
}
.fa.fa-circle-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-circle-o:before {
content: "";
}
.fa.fa-mail-reply:before {
content: "";
}
.fa.fa-github-alt {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-folder-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-folder-o:before {
content: "";
}
.fa.fa-folder-open-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-folder-open-o:before {
content: "";
}
.fa.fa-smile-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-smile-o:before {
content: "";
}
.fa.fa-frown-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-frown-o:before {
content: "";
}
.fa.fa-meh-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-meh-o:before {
content: "";
}
.fa.fa-keyboard-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-keyboard-o:before {
content: "";
}
.fa.fa-flag-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-flag-o:before {
content: "";
}
.fa.fa-mail-reply-all:before {
content: "";
}
.fa.fa-star-half-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-star-half-o:before {
content: "";
}
.fa.fa-star-half-empty {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-star-half-empty:before {
content: "";
}
.fa.fa-star-half-full {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-star-half-full:before {
content: "";
}
.fa.fa-code-fork:before {
content: "";
}
.fa.fa-chain-broken:before {
content: "";
}
.fa.fa-unlink:before {
content: "";
}
.fa.fa-calendar-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-calendar-o:before {
content: "";
}
.fa.fa-maxcdn {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-html5 {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-css3 {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-unlock-alt:before {
content: "";
}
.fa.fa-minus-square-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-minus-square-o:before {
content: "";
}
.fa.fa-level-up:before {
content: "";
}
.fa.fa-level-down:before {
content: "";
}
.fa.fa-pencil-square:before {
content: "";
}
.fa.fa-external-link-square:before {
content: "";
}
.fa.fa-compass {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-caret-square-o-down {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-caret-square-o-down:before {
content: "";
}
.fa.fa-toggle-down {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-toggle-down:before {
content: "";
}
.fa.fa-caret-square-o-up {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-caret-square-o-up:before {
content: "";
}
.fa.fa-toggle-up {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-toggle-up:before {
content: "";
}
.fa.fa-caret-square-o-right {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-caret-square-o-right:before {
content: "";
}
.fa.fa-toggle-right {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-toggle-right:before {
content: "";
}
.fa.fa-eur:before {
content: "";
}
.fa.fa-euro:before {
content: "";
}
.fa.fa-gbp:before {
content: "";
}
.fa.fa-usd:before {
content: "$";
}
.fa.fa-dollar:before {
content: "$";
}
.fa.fa-inr:before {
content: "";
}
.fa.fa-rupee:before {
content: "";
}
.fa.fa-jpy:before {
content: "";
}
.fa.fa-cny:before {
content: "";
}
.fa.fa-rmb:before {
content: "";
}
.fa.fa-yen:before {
content: "";
}
.fa.fa-rub:before {
content: "";
}
.fa.fa-ruble:before {
content: "";
}
.fa.fa-rouble:before {
content: "";
}
.fa.fa-krw:before {
content: "";
}
.fa.fa-won:before {
content: "";
}
.fa.fa-btc {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-bitcoin {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-bitcoin:before {
content: "";
}
.fa.fa-file-text:before {
content: "";
}
.fa.fa-sort-alpha-asc:before {
content: "";
}
.fa.fa-sort-alpha-desc:before {
content: "";
}
.fa.fa-sort-amount-asc:before {
content: "";
}
.fa.fa-sort-amount-desc:before {
content: "";
}
.fa.fa-sort-numeric-asc:before {
content: "";
}
.fa.fa-sort-numeric-desc:before {
content: "";
}
.fa.fa-youtube-square {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-youtube-square:before {
content: "";
}
.fa.fa-youtube {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-xing {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-xing-square {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-xing-square:before {
content: "";
}
.fa.fa-youtube-play {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-youtube-play:before {
content: "";
}
.fa.fa-dropbox {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-stack-overflow {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-instagram {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-flickr {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-adn {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-bitbucket {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-bitbucket-square {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-bitbucket-square:before {
content: "";
}
.fa.fa-tumblr {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-tumblr-square {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-tumblr-square:before {
content: "";
}
.fa.fa-long-arrow-down:before {
content: "";
}
.fa.fa-long-arrow-up:before {
content: "";
}
.fa.fa-long-arrow-left:before {
content: "";
}
.fa.fa-long-arrow-right:before {
content: "";
}
.fa.fa-apple {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-windows {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-android {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-linux {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-dribbble {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-skype {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-foursquare {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-trello {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-gratipay {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-gittip {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-gittip:before {
content: "";
}
.fa.fa-sun-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-sun-o:before {
content: "";
}
.fa.fa-moon-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-moon-o:before {
content: "";
}
.fa.fa-vk {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-weibo {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-renren {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-pagelines {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-stack-exchange {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-arrow-circle-o-right {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-arrow-circle-o-right:before {
content: "";
}
.fa.fa-arrow-circle-o-left {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-arrow-circle-o-left:before {
content: "";
}
.fa.fa-caret-square-o-left {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-caret-square-o-left:before {
content: "";
}
.fa.fa-toggle-left {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-toggle-left:before {
content: "";
}
.fa.fa-dot-circle-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-dot-circle-o:before {
content: "";
}
.fa.fa-vimeo-square {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-vimeo-square:before {
content: "";
}
.fa.fa-try:before {
content: "";
}
.fa.fa-turkish-lira:before {
content: "";
}
.fa.fa-plus-square-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-plus-square-o:before {
content: "";
}
.fa.fa-slack {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-wordpress {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-openid {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-institution:before {
content: "";
}
.fa.fa-bank:before {
content: "";
}
.fa.fa-mortar-board:before {
content: "";
}
.fa.fa-yahoo {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-google {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-reddit {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-reddit-square {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-reddit-square:before {
content: "";
}
.fa.fa-stumbleupon-circle {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-stumbleupon {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-delicious {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-digg {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-pied-piper-pp {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-pied-piper-alt {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-drupal {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-joomla {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-behance {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-behance-square {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-behance-square:before {
content: "";
}
.fa.fa-steam {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-steam-square {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-steam-square:before {
content: "";
}
.fa.fa-automobile:before {
content: "";
}
.fa.fa-cab:before {
content: "";
}
.fa.fa-spotify {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-deviantart {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-soundcloud {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-file-pdf-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-file-pdf-o:before {
content: "";
}
.fa.fa-file-word-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-file-word-o:before {
content: "";
}
.fa.fa-file-excel-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-file-excel-o:before {
content: "";
}
.fa.fa-file-powerpoint-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-file-powerpoint-o:before {
content: "";
}
.fa.fa-file-image-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-file-image-o:before {
content: "";
}
.fa.fa-file-photo-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-file-photo-o:before {
content: "";
}
.fa.fa-file-picture-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-file-picture-o:before {
content: "";
}
.fa.fa-file-archive-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-file-archive-o:before {
content: "";
}
.fa.fa-file-zip-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-file-zip-o:before {
content: "";
}
.fa.fa-file-audio-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-file-audio-o:before {
content: "";
}
.fa.fa-file-sound-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-file-sound-o:before {
content: "";
}
.fa.fa-file-video-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-file-video-o:before {
content: "";
}
.fa.fa-file-movie-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-file-movie-o:before {
content: "";
}
.fa.fa-file-code-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-file-code-o:before {
content: "";
}
.fa.fa-vine {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-codepen {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-jsfiddle {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-life-bouy:before {
content: "";
}
.fa.fa-life-buoy:before {
content: "";
}
.fa.fa-life-saver:before {
content: "";
}
.fa.fa-support:before {
content: "";
}
.fa.fa-circle-o-notch:before {
content: "";
}
.fa.fa-rebel {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-ra {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-ra:before {
content: "";
}
.fa.fa-resistance {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-resistance:before {
content: "";
}
.fa.fa-empire {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-ge {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-ge:before {
content: "";
}
.fa.fa-git-square {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-git-square:before {
content: "";
}
.fa.fa-git {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-hacker-news {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-y-combinator-square {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-y-combinator-square:before {
content: "";
}
.fa.fa-yc-square {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-yc-square:before {
content: "";
}
.fa.fa-tencent-weibo {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-qq {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-weixin {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-wechat {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-wechat:before {
content: "";
}
.fa.fa-send:before {
content: "";
}
.fa.fa-paper-plane-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-paper-plane-o:before {
content: "";
}
.fa.fa-send-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-send-o:before {
content: "";
}
.fa.fa-circle-thin {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-circle-thin:before {
content: "";
}
.fa.fa-header:before {
content: "";
}
.fa.fa-futbol-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-futbol-o:before {
content: "";
}
.fa.fa-soccer-ball-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-soccer-ball-o:before {
content: "";
}
.fa.fa-slideshare {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-twitch {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-yelp {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-newspaper-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-newspaper-o:before {
content: "";
}
.fa.fa-paypal {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-google-wallet {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-cc-visa {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-cc-mastercard {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-cc-discover {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-cc-amex {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-cc-paypal {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-cc-stripe {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-bell-slash-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-bell-slash-o:before {
content: "";
}
.fa.fa-trash:before {
content: "";
}
.fa.fa-copyright {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-eyedropper:before {
content: "";
}
.fa.fa-area-chart:before {
content: "";
}
.fa.fa-pie-chart:before {
content: "";
}
.fa.fa-line-chart:before {
content: "";
}
.fa.fa-lastfm {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-lastfm-square {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-lastfm-square:before {
content: "";
}
.fa.fa-ioxhost {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-angellist {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-cc {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-cc:before {
content: "";
}
.fa.fa-ils:before {
content: "";
}
.fa.fa-shekel:before {
content: "";
}
.fa.fa-sheqel:before {
content: "";
}
.fa.fa-buysellads {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-connectdevelop {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-dashcube {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-forumbee {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-leanpub {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-sellsy {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-shirtsinbulk {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-simplybuilt {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-skyatlas {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-diamond {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-diamond:before {
content: "";
}
.fa.fa-transgender:before {
content: "";
}
.fa.fa-intersex:before {
content: "";
}
.fa.fa-transgender-alt:before {
content: "";
}
.fa.fa-facebook-official {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-facebook-official:before {
content: "";
}
.fa.fa-pinterest-p {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-whatsapp {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-hotel:before {
content: "";
}
.fa.fa-viacoin {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-medium {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-y-combinator {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-yc {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-yc:before {
content: "";
}
.fa.fa-optin-monster {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-opencart {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-expeditedssl {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-battery-4:before {
content: "";
}
.fa.fa-battery:before {
content: "";
}
.fa.fa-battery-3:before {
content: "";
}
.fa.fa-battery-2:before {
content: "";
}
.fa.fa-battery-1:before {
content: "";
}
.fa.fa-battery-0:before {
content: "";
}
.fa.fa-object-group {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-object-ungroup {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-sticky-note-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-sticky-note-o:before {
content: "";
}
.fa.fa-cc-jcb {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-cc-diners-club {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-clone {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-hourglass-o:before {
content: "";
}
.fa.fa-hourglass-1:before {
content: "";
}
.fa.fa-hourglass-2:before {
content: "";
}
.fa.fa-hourglass-3:before {
content: "";
}
.fa.fa-hand-rock-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-hand-rock-o:before {
content: "";
}
.fa.fa-hand-grab-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-hand-grab-o:before {
content: "";
}
.fa.fa-hand-paper-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-hand-paper-o:before {
content: "";
}
.fa.fa-hand-stop-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-hand-stop-o:before {
content: "";
}
.fa.fa-hand-scissors-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-hand-scissors-o:before {
content: "";
}
.fa.fa-hand-lizard-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-hand-lizard-o:before {
content: "";
}
.fa.fa-hand-spock-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-hand-spock-o:before {
content: "";
}
.fa.fa-hand-pointer-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-hand-pointer-o:before {
content: "";
}
.fa.fa-hand-peace-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-hand-peace-o:before {
content: "";
}
.fa.fa-registered {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-creative-commons {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-gg {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-gg-circle {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-odnoklassniki {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-odnoklassniki-square {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-odnoklassniki-square:before {
content: "";
}
.fa.fa-get-pocket {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-wikipedia-w {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-safari {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-chrome {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-firefox {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-opera {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-internet-explorer {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-television:before {
content: "";
}
.fa.fa-contao {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-500px {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-amazon {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-calendar-plus-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-calendar-plus-o:before {
content: "";
}
.fa.fa-calendar-minus-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-calendar-minus-o:before {
content: "";
}
.fa.fa-calendar-times-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-calendar-times-o:before {
content: "";
}
.fa.fa-calendar-check-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-calendar-check-o:before {
content: "";
}
.fa.fa-map-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-map-o:before {
content: "";
}
.fa.fa-commenting:before {
content: "";
}
.fa.fa-commenting-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-commenting-o:before {
content: "";
}
.fa.fa-houzz {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-vimeo {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-vimeo:before {
content: "";
}
.fa.fa-black-tie {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-fonticons {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-reddit-alien {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-edge {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-credit-card-alt:before {
content: "";
}
.fa.fa-codiepie {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-modx {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-fort-awesome {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-usb {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-product-hunt {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-mixcloud {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-scribd {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-pause-circle-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-pause-circle-o:before {
content: "";
}
.fa.fa-stop-circle-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-stop-circle-o:before {
content: "";
}
.fa.fa-bluetooth {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-bluetooth-b {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-gitlab {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-wpbeginner {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-wpforms {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-envira {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-wheelchair-alt {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-wheelchair-alt:before {
content: "";
}
.fa.fa-question-circle-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-question-circle-o:before {
content: "";
}
.fa.fa-volume-control-phone:before {
content: "";
}
.fa.fa-asl-interpreting:before {
content: "";
}
.fa.fa-deafness:before {
content: "";
}
.fa.fa-hard-of-hearing:before {
content: "";
}
.fa.fa-glide {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-glide-g {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-signing:before {
content: "";
}
.fa.fa-viadeo {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-viadeo-square {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-viadeo-square:before {
content: "";
}
.fa.fa-snapchat {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-snapchat-ghost {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-snapchat-ghost:before {
content: "";
}
.fa.fa-snapchat-square {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-snapchat-square:before {
content: "";
}
.fa.fa-pied-piper {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-first-order {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-yoast {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-themeisle {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-google-plus-official {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-google-plus-official:before {
content: "";
}
.fa.fa-google-plus-circle {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-google-plus-circle:before {
content: "";
}
.fa.fa-font-awesome {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-fa {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-fa:before {
content: "";
}
.fa.fa-handshake-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-handshake-o:before {
content: "";
}
.fa.fa-envelope-open-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-envelope-open-o:before {
content: "";
}
.fa.fa-linode {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-address-book-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-address-book-o:before {
content: "";
}
.fa.fa-vcard:before {
content: "";
}
.fa.fa-address-card-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-address-card-o:before {
content: "";
}
.fa.fa-vcard-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-vcard-o:before {
content: "";
}
.fa.fa-user-circle-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-user-circle-o:before {
content: "";
}
.fa.fa-user-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-user-o:before {
content: "";
}
.fa.fa-id-badge {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-drivers-license:before {
content: "";
}
.fa.fa-id-card-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-id-card-o:before {
content: "";
}
.fa.fa-drivers-license-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-drivers-license-o:before {
content: "";
}
.fa.fa-quora {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-free-code-camp {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-telegram {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-thermometer-4:before {
content: "";
}
.fa.fa-thermometer:before {
content: "";
}
.fa.fa-thermometer-3:before {
content: "";
}
.fa.fa-thermometer-2:before {
content: "";
}
.fa.fa-thermometer-1:before {
content: "";
}
.fa.fa-thermometer-0:before {
content: "";
}
.fa.fa-bathtub:before {
content: "";
}
.fa.fa-s15:before {
content: "";
}
.fa.fa-window-maximize {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-window-restore {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-times-rectangle:before {
content: "";
}
.fa.fa-window-close-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-window-close-o:before {
content: "";
}
.fa.fa-times-rectangle-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-times-rectangle-o:before {
content: "";
}
.fa.fa-bandcamp {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-grav {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-etsy {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-imdb {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-ravelry {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-eercast {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-eercast:before {
content: "";
}
.fa.fa-snowflake-o {
font-family: "Font Awesome 6 Free";
font-weight: 400;
}
.fa.fa-snowflake-o:before {
content: "";
}
.fa.fa-superpowers {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-wpexplorer {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-meetup {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
/*!
* Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
* Copyright 2024 Fonticons, Inc.
*/
.fa {
font-family: var(--fa-style-family, "Font Awesome 6 Free");
font-weight: var(--fa-style, 900);
}
.fa, .fa-classic, .fa-sharp, .fas, .fa-solid, .dropdown-toggle::after, .dropleft .dropdown-toggle::before, .dropright .dropdown-toggle::after, .dropup .dropdown-toggle::after, .action-menu .dropdown-subpanel .dropdown-item::after, .dir-rtl .action-menu .dropdown-subpanel .dropdown-item::after, .dropdown-item[aria-current="true"]:before, .dropdown-item[aria-selected="true"]:before, .block_settings .block_tree [aria-expanded="true"] > p:before, .block_navigation .block_tree [aria-expanded="true"] > p:before, .block_settings .block_tree [aria-expanded="false"] > p:before, .block_navigation .block_tree [aria-expanded="false"] > p:before, .dir-rtl .block_settings .block_tree [aria-expanded="false"] > p:before, .dir-rtl .block_navigation .block_tree [aria-expanded="false"] > p:before, .editing .editinprogress:after, .toast.toast-success .toast-body:before, .toast.toast-danger .toast-body:before, .toast.toast-info .toast-body:before, .toast.toast-warning .toast-body:before, .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after, .navbar.fixed-top .usermenu .dropdown-menu .submenu .items .dropdown-item[aria-current="true"]::before, .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after, .moremenu .dropdown-item[aria-current="true"]:before, .moremenu .dropdown-item.active:before, .far, .fa-regular, .content-bank-container.view-grid .cb-unlisted::after, .fab, .fa-brands {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: var(--fa-display, inline-block);
font-style: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;
}
.fas, .fa-classic, .fa-solid, .dropdown-toggle::after, .dropleft .dropdown-toggle::before, .dropright .dropdown-toggle::after, .dropup .dropdown-toggle::after, .action-menu .dropdown-subpanel .dropdown-item::after, .dir-rtl .action-menu .dropdown-subpanel .dropdown-item::after, .dropdown-item[aria-current="true"]:before, .dropdown-item[aria-selected="true"]:before, .block_settings .block_tree [aria-expanded="true"] > p:before, .block_navigation .block_tree [aria-expanded="true"] > p:before, .block_settings .block_tree [aria-expanded="false"] > p:before, .block_navigation .block_tree [aria-expanded="false"] > p:before, .dir-rtl .block_settings .block_tree [aria-expanded="false"] > p:before, .dir-rtl .block_navigation .block_tree [aria-expanded="false"] > p:before, .editing .editinprogress:after, .toast.toast-success .toast-body:before, .toast.toast-danger .toast-body:before, .toast.toast-info .toast-body:before, .toast.toast-warning .toast-body:before, .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after, .navbar.fixed-top .usermenu .dropdown-menu .submenu .items .dropdown-item[aria-current="true"]::before, .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after, .moremenu .dropdown-item[aria-current="true"]:before, .moremenu .dropdown-item.active:before, .far, .fa-regular, .content-bank-container.view-grid .cb-unlisted::after {
font-family: "Font Awesome 6 Free";
}
.fab, .fa-brands {
font-family: "Font Awesome 6 Brands";
}
.fa-1x {
font-size: 1em;
}
.fa-2x {
font-size: 2em;
}
.fa-3x {
font-size: 3em;
}
.fa-4x {
font-size: 4em;
}
.fa-5x {
font-size: 5em;
}
.fa-6x {
font-size: 6em;
}
.fa-7x {
font-size: 7em;
}
.fa-8x {
font-size: 8em;
}
.fa-9x {
font-size: 9em;
}
.fa-10x {
font-size: 10em;
}
.fa-2xs {
font-size: 0.625em;
line-height: 0.1em;
vertical-align: 0.225em;
}
.fa-xs {
font-size: 0.75em;
line-height: 0.0833333337em;
vertical-align: 0.125em;
}
.fa-sm {
font-size: 0.875em;
line-height: 0.0714285718em;
vertical-align: 0.0535714295em;
}
.fa-lg {
font-size: 1.25em;
line-height: 0.05em;
vertical-align: -0.075em;
}
.fa-xl {
font-size: 1.5em;
line-height: 0.0416666682em;
vertical-align: -0.125em;
}
.fa-2xl {
font-size: 2em;
line-height: 0.03125em;
vertical-align: -0.1875em;
}
.fa-fw {
text-align: center;
width: 1.25em;
}
.fa-ul {
list-style-type: none;
margin-left: var(--fa-li-margin, 2.5em);
padding-left: 0;
}
.fa-ul > li {
position: relative;
}
.fa-li {
left: calc(var(--fa-li-width, 2em) * -1);
position: absolute;
text-align: center;
width: var(--fa-li-width, 2em);
line-height: inherit;
}
.fa-border {
border-color: var(--fa-border-color, #eee);
border-radius: var(--fa-border-radius, 0.1em);
border-style: var(--fa-border-style, solid);
border-width: var(--fa-border-width, 0.08em);
padding: var(--fa-border-padding, 0.2em 0.25em 0.15em);
}
.fa-pull-left {
float: left;
margin-right: var(--fa-pull-margin, 0.3em);
}
.fa-pull-right {
float: right;
margin-left: var(--fa-pull-margin, 0.3em);
}
.fa-beat {
animation-name: fa-beat;
animation-delay: var(--fa-animation-delay, 0s);
animation-direction: var(--fa-animation-direction, normal);
animation-duration: var(--fa-animation-duration, 1s);
animation-iteration-count: var(--fa-animation-iteration-count, infinite);
animation-timing-function: var(--fa-animation-timing, ease-in-out);
}
.fa-bounce {
animation-name: fa-bounce;
animation-delay: var(--fa-animation-delay, 0s);
animation-direction: var(--fa-animation-direction, normal);
animation-duration: var(--fa-animation-duration, 1s);
animation-iteration-count: var(--fa-animation-iteration-count, infinite);
animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));
}
.fa-fade {
animation-name: fa-fade;
animation-delay: var(--fa-animation-delay, 0s);
animation-direction: var(--fa-animation-direction, normal);
animation-duration: var(--fa-animation-duration, 1s);
animation-iteration-count: var(--fa-animation-iteration-count, infinite);
animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
}
.fa-beat-fade {
animation-name: fa-beat-fade;
animation-delay: var(--fa-animation-delay, 0s);
animation-direction: var(--fa-animation-direction, normal);
animation-duration: var(--fa-animation-duration, 1s);
animation-iteration-count: var(--fa-animation-iteration-count, infinite);
animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
}
.fa-flip {
animation-name: fa-flip;
animation-delay: var(--fa-animation-delay, 0s);
animation-direction: var(--fa-animation-direction, normal);
animation-duration: var(--fa-animation-duration, 1s);
animation-iteration-count: var(--fa-animation-iteration-count, infinite);
animation-timing-function: var(--fa-animation-timing, ease-in-out);
}
.fa-shake {
animation-name: fa-shake;
animation-delay: var(--fa-animation-delay, 0s);
animation-direction: var(--fa-animation-direction, normal);
animation-duration: var(--fa-animation-duration, 1s);
animation-iteration-count: var(--fa-animation-iteration-count, infinite);
animation-timing-function: var(--fa-animation-timing, linear);
}
.fa-spin {
animation-name: fa-spin;
animation-delay: var(--fa-animation-delay, 0s);
animation-direction: var(--fa-animation-direction, normal);
animation-duration: var(--fa-animation-duration, 2s);
animation-iteration-count: var(--fa-animation-iteration-count, infinite);
animation-timing-function: var(--fa-animation-timing, linear);
}
.fa-spin-reverse {
--fa-animation-direction: reverse;
}
.fa-pulse, .fa-spin-pulse {
animation-name: fa-spin;
animation-direction: var(--fa-animation-direction, normal);
animation-duration: var(--fa-animation-duration, 1s);
animation-iteration-count: var(--fa-animation-iteration-count, infinite);
animation-timing-function: var(--fa-animation-timing, steps(8));
}
@media (prefers-reduced-motion: reduce) {
.fa-beat, .fa-bounce, .fa-fade, .fa-beat-fade, .fa-flip, .fa-pulse, .fa-shake, .fa-spin, .fa-spin-pulse {
animation-delay: -1ms;
animation-duration: 1ms;
animation-iteration-count: 1;
transition-delay: 0s;
transition-duration: 0s;
}
}
@keyframes fa-beat {
0%, 90% {
transform: scale(1);
}
45% {
transform: scale(var(--fa-beat-scale, 1.25));
}
}
@keyframes fa-bounce {
0% {
transform: scale(1, 1) translateY(0);
}
10% {
transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
}
30% {
transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
}
50% {
transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
}
57% {
transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
}
64% {
transform: scale(1, 1) translateY(0);
}
100% {
transform: scale(1, 1) translateY(0);
}
}
@keyframes fa-fade {
50% {
opacity: var(--fa-fade-opacity, 0.4);
}
}
@keyframes fa-beat-fade {
0%, 100% {
opacity: var(--fa-beat-fade-opacity, 0.4);
transform: scale(1);
}
50% {
opacity: 1;
transform: scale(var(--fa-beat-fade-scale, 1.125));
}
}
@keyframes fa-flip {
50% {
transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
}
}
@keyframes fa-shake {
0% {
transform: rotate(-15deg);
}
4% {
transform: rotate(15deg);
}
8%, 24% {
transform: rotate(-18deg);
}
12%, 28% {
transform: rotate(18deg);
}
16% {
transform: rotate(-22deg);
}
20% {
transform: rotate(22deg);
}
32% {
transform: rotate(-12deg);
}
36% {
transform: rotate(12deg);
}
40%, 100% {
transform: rotate(0deg);
}
}
@keyframes fa-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.fa-rotate-90 {
transform: rotate(90deg);
}
.fa-rotate-180 {
transform: rotate(180deg);
}
.fa-rotate-270 {
transform: rotate(270deg);
}
.fa-flip-horizontal {
transform: scale(-1, 1);
}
.fa-flip-vertical {
transform: scale(1, -1);
}
.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
transform: scale(-1, -1);
}
.fa-rotate-by {
transform: rotate(var(--fa-rotate-angle, 0));
}
.fa-stack {
display: inline-block;
height: 2em;
line-height: 2em;
position: relative;
vertical-align: middle;
width: 2.5em;
}
.fa-stack-1x, .fa-stack-2x {
left: 0;
position: absolute;
text-align: center;
width: 100%;
z-index: var(--fa-stack-z-index, auto);
}
.fa-stack-1x {
line-height: inherit;
}
.fa-stack-2x {
font-size: 2em;
}
.fa-inverse {
color: var(--fa-inverse, #fff);
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-0::before {
content: "0";
}
.fa-1::before {
content: "1";
}
.fa-2::before {
content: "2";
}
.fa-3::before {
content: "3";
}
.fa-4::before {
content: "4";
}
.fa-5::before {
content: "5";
}
.fa-6::before {
content: "6";
}
.fa-7::before {
content: "7";
}
.fa-8::before {
content: "8";
}
.fa-9::before {
content: "9";
}
.fa-fill-drip::before {
content: "";
}
.fa-arrows-to-circle::before {
content: "";
}
.fa-circle-chevron-right::before {
content: "";
}
.fa-chevron-circle-right::before {
content: "";
}
.fa-at::before {
content: "@";
}
.fa-trash-can::before {
content: "";
}
.fa-trash-alt::before {
content: "";
}
.fa-text-height::before {
content: "";
}
.fa-user-xmark::before {
content: "";
}
.fa-user-times::before {
content: "";
}
.fa-stethoscope::before {
content: "";
}
.fa-message::before {
content: "";
}
.fa-comment-alt::before {
content: "";
}
.fa-info::before {
content: "";
}
.fa-down-left-and-up-right-to-center::before {
content: "";
}
.fa-compress-alt::before {
content: "";
}
.fa-explosion::before {
content: "";
}
.fa-file-lines::before {
content: "";
}
.fa-file-alt::before {
content: "";
}
.fa-file-text::before {
content: "";
}
.fa-wave-square::before {
content: "";
}
.fa-ring::before {
content: "";
}
.fa-building-un::before {
content: "";
}
.fa-dice-three::before {
content: "";
}
.fa-calendar-days::before {
content: "";
}
.fa-calendar-alt::before {
content: "";
}
.fa-anchor-circle-check::before {
content: "";
}
.fa-building-circle-arrow-right::before {
content: "";
}
.fa-volleyball::before {
content: "";
}
.fa-volleyball-ball::before {
content: "";
}
.fa-arrows-up-to-line::before {
content: "";
}
.fa-sort-down::before {
content: "";
}
.fa-sort-desc::before {
content: "";
}
.fa-circle-minus::before {
content: "";
}
.fa-minus-circle::before {
content: "";
}
.fa-door-open::before {
content: "";
}
.fa-right-from-bracket::before {
content: "";
}
.fa-sign-out-alt::before {
content: "";
}
.fa-atom::before {
content: "";
}
.fa-soap::before {
content: "";
}
.fa-icons::before {
content: "";
}
.fa-heart-music-camera-bolt::before {
content: "";
}
.fa-microphone-lines-slash::before {
content: "";
}
.fa-microphone-alt-slash::before {
content: "";
}
.fa-bridge-circle-check::before {
content: "";
}
.fa-pump-medical::before {
content: "";
}
.fa-fingerprint::before {
content: "";
}
.fa-hand-point-right::before {
content: "";
}
.fa-magnifying-glass-location::before {
content: "";
}
.fa-search-location::before {
content: "";
}
.fa-forward-step::before {
content: "";
}
.fa-step-forward::before {
content: "";
}
.fa-face-smile-beam::before {
content: "";
}
.fa-smile-beam::before {
content: "";
}
.fa-flag-checkered::before {
content: "";
}
.fa-football::before {
content: "";
}
.fa-football-ball::before {
content: "";
}
.fa-school-circle-exclamation::before {
content: "";
}
.fa-crop::before {
content: "";
}
.fa-angles-down::before {
content: "";
}
.fa-angle-double-down::before {
content: "";
}
.fa-users-rectangle::before {
content: "";
}
.fa-people-roof::before {
content: "";
}
.fa-people-line::before {
content: "";
}
.fa-beer-mug-empty::before {
content: "";
}
.fa-beer::before {
content: "";
}
.fa-diagram-predecessor::before {
content: "";
}
.fa-arrow-up-long::before {
content: "";
}
.fa-long-arrow-up::before {
content: "";
}
.fa-fire-flame-simple::before {
content: "";
}
.fa-burn::before {
content: "";
}
.fa-person::before {
content: "";
}
.fa-male::before {
content: "";
}
.fa-laptop::before {
content: "";
}
.fa-file-csv::before {
content: "";
}
.fa-menorah::before {
content: "";
}
.fa-truck-plane::before {
content: "";
}
.fa-record-vinyl::before {
content: "";
}
.fa-face-grin-stars::before {
content: "";
}
.fa-grin-stars::before {
content: "";
}
.fa-bong::before {
content: "";
}
.fa-spaghetti-monster-flying::before {
content: "";
}
.fa-pastafarianism::before {
content: "";
}
.fa-arrow-down-up-across-line::before {
content: "";
}
.fa-spoon::before {
content: "";
}
.fa-utensil-spoon::before {
content: "";
}
.fa-jar-wheat::before {
content: "";
}
.fa-envelopes-bulk::before {
content: "";
}
.fa-mail-bulk::before {
content: "";
}
.fa-file-circle-exclamation::before {
content: "";
}
.fa-circle-h::before {
content: "";
}
.fa-hospital-symbol::before {
content: "";
}
.fa-pager::before {
content: "";
}
.fa-address-book::before {
content: "";
}
.fa-contact-book::before {
content: "";
}
.fa-strikethrough::before {
content: "";
}
.fa-k::before {
content: "K";
}
.fa-landmark-flag::before {
content: "";
}
.fa-pencil::before {
content: "";
}
.fa-pencil-alt::before {
content: "";
}
.fa-backward::before {
content: "";
}
.fa-caret-right::before {
content: "";
}
.fa-comments::before {
content: "";
}
.fa-paste::before {
content: "";
}
.fa-file-clipboard::before {
content: "";
}
.fa-code-pull-request::before {
content: "";
}
.fa-clipboard-list::before {
content: "";
}
.fa-truck-ramp-box::before {
content: "";
}
.fa-truck-loading::before {
content: "";
}
.fa-user-check::before {
content: "";
}
.fa-vial-virus::before {
content: "";
}
.fa-sheet-plastic::before {
content: "";
}
.fa-blog::before {
content: "";
}
.fa-user-ninja::before {
content: "";
}
.fa-person-arrow-up-from-line::before {
content: "";
}
.fa-scroll-torah::before {
content: "";
}
.fa-torah::before {
content: "";
}
.fa-broom-ball::before {
content: "";
}
.fa-quidditch::before {
content: "";
}
.fa-quidditch-broom-ball::before {
content: "";
}
.fa-toggle-off::before {
content: "";
}
.fa-box-archive::before {
content: "";
}
.fa-archive::before {
content: "";
}
.fa-person-drowning::before {
content: "";
}
.fa-arrow-down-9-1::before {
content: "";
}
.fa-sort-numeric-desc::before {
content: "";
}
.fa-sort-numeric-down-alt::before {
content: "";
}
.fa-face-grin-tongue-squint::before {
content: "";
}
.fa-grin-tongue-squint::before {
content: "";
}
.fa-spray-can::before {
content: "";
}
.fa-truck-monster::before {
content: "";
}
.fa-w::before {
content: "W";
}
.fa-earth-africa::before {
content: "";
}
.fa-globe-africa::before {
content: "";
}
.fa-rainbow::before {
content: "";
}
.fa-circle-notch::before {
content: "";
}
.fa-tablet-screen-button::before {
content: "";
}
.fa-tablet-alt::before {
content: "";
}
.fa-paw::before {
content: "";
}
.fa-cloud::before {
content: "";
}
.fa-trowel-bricks::before {
content: "";
}
.fa-face-flushed::before {
content: "";
}
.fa-flushed::before {
content: "";
}
.fa-hospital-user::before {
content: "";
}
.fa-tent-arrow-left-right::before {
content: "";
}
.fa-gavel::before {
content: "";
}
.fa-legal::before {
content: "";
}
.fa-binoculars::before {
content: "";
}
.fa-microphone-slash::before {
content: "";
}
.fa-box-tissue::before {
content: "";
}
.fa-motorcycle::before {
content: "";
}
.fa-bell-concierge::before {
content: "";
}
.fa-concierge-bell::before {
content: "";
}
.fa-pen-ruler::before {
content: "";
}
.fa-pencil-ruler::before {
content: "";
}
.fa-people-arrows::before {
content: "";
}
.fa-people-arrows-left-right::before {
content: "";
}
.fa-mars-and-venus-burst::before {
content: "";
}
.fa-square-caret-right::before {
content: "";
}
.fa-caret-square-right::before {
content: "";
}
.fa-scissors::before {
content: "";
}
.fa-cut::before {
content: "";
}
.fa-sun-plant-wilt::before {
content: "";
}
.fa-toilets-portable::before {
content: "";
}
.fa-hockey-puck::before {
content: "";
}
.fa-table::before {
content: "";
}
.fa-magnifying-glass-arrow-right::before {
content: "";
}
.fa-tachograph-digital::before {
content: "";
}
.fa-digital-tachograph::before {
content: "";
}
.fa-users-slash::before {
content: "";
}
.fa-clover::before {
content: "";
}
.fa-reply::before {
content: "";
}
.fa-mail-reply::before {
content: "";
}
.fa-star-and-crescent::before {
content: "";
}
.fa-house-fire::before {
content: "";
}
.fa-square-minus::before {
content: "";
}
.fa-minus-square::before {
content: "";
}
.fa-helicopter::before {
content: "";
}
.fa-compass::before {
content: "";
}
.fa-square-caret-down::before {
content: "";
}
.fa-caret-square-down::before {
content: "";
}
.fa-file-circle-question::before {
content: "";
}
.fa-laptop-code::before {
content: "";
}
.fa-swatchbook::before {
content: "";
}
.fa-prescription-bottle::before {
content: "";
}
.fa-bars::before {
content: "";
}
.fa-navicon::before {
content: "";
}
.fa-people-group::before {
content: "";
}
.fa-hourglass-end::before {
content: "";
}
.fa-hourglass-3::before {
content: "";
}
.fa-heart-crack::before {
content: "";
}
.fa-heart-broken::before {
content: "";
}
.fa-square-up-right::before {
content: "";
}
.fa-external-link-square-alt::before {
content: "";
}
.fa-face-kiss-beam::before {
content: "";
}
.fa-kiss-beam::before {
content: "";
}
.fa-film::before {
content: "";
}
.fa-ruler-horizontal::before {
content: "";
}
.fa-people-robbery::before {
content: "";
}
.fa-lightbulb::before {
content: "";
}
.fa-caret-left::before {
content: "";
}
.fa-circle-exclamation::before {
content: "";
}
.fa-exclamation-circle::before {
content: "";
}
.fa-school-circle-xmark::before {
content: "";
}
.fa-arrow-right-from-bracket::before {
content: "";
}
.fa-sign-out::before {
content: "";
}
.fa-circle-chevron-down::before {
content: "";
}
.fa-chevron-circle-down::before {
content: "";
}
.fa-unlock-keyhole::before {
content: "";
}
.fa-unlock-alt::before {
content: "";
}
.fa-cloud-showers-heavy::before {
content: "";
}
.fa-headphones-simple::before {
content: "";
}
.fa-headphones-alt::before {
content: "";
}
.fa-sitemap::before {
content: "";
}
.fa-circle-dollar-to-slot::before {
content: "";
}
.fa-donate::before {
content: "";
}
.fa-memory::before {
content: "";
}
.fa-road-spikes::before {
content: "";
}
.fa-fire-burner::before {
content: "";
}
.fa-flag::before {
content: "";
}
.fa-hanukiah::before {
content: "";
}
.fa-feather::before {
content: "";
}
.fa-volume-low::before {
content: "";
}
.fa-volume-down::before {
content: "";
}
.fa-comment-slash::before {
content: "";
}
.fa-cloud-sun-rain::before {
content: "";
}
.fa-compress::before {
content: "";
}
.fa-wheat-awn::before {
content: "";
}
.fa-wheat-alt::before {
content: "";
}
.fa-ankh::before {
content: "";
}
.fa-hands-holding-child::before {
content: "";
}
.fa-asterisk::before {
content: "*";
}
.fa-square-check::before {
content: "";
}
.fa-check-square::before {
content: "";
}
.fa-peseta-sign::before {
content: "";
}
.fa-heading::before {
content: "";
}
.fa-header::before {
content: "";
}
.fa-ghost::before {
content: "";
}
.fa-list::before {
content: "";
}
.fa-list-squares::before {
content: "";
}
.fa-square-phone-flip::before {
content: "";
}
.fa-phone-square-alt::before {
content: "";
}
.fa-cart-plus::before {
content: "";
}
.fa-gamepad::before {
content: "";
}
.fa-circle-dot::before {
content: "";
}
.fa-dot-circle::before {
content: "";
}
.fa-face-dizzy::before {
content: "";
}
.fa-dizzy::before {
content: "";
}
.fa-egg::before {
content: "";
}
.fa-house-medical-circle-xmark::before {
content: "";
}
.fa-campground::before {
content: "";
}
.fa-folder-plus::before {
content: "";
}
.fa-futbol::before {
content: "";
}
.fa-futbol-ball::before {
content: "";
}
.fa-soccer-ball::before {
content: "";
}
.fa-paintbrush::before {
content: "";
}
.fa-paint-brush::before {
content: "";
}
.fa-lock::before {
content: "";
}
.fa-gas-pump::before {
content: "";
}
.fa-hot-tub-person::before {
content: "";
}
.fa-hot-tub::before {
content: "";
}
.fa-map-location::before {
content: "";
}
.fa-map-marked::before {
content: "";
}
.fa-house-flood-water::before {
content: "";
}
.fa-tree::before {
content: "";
}
.fa-bridge-lock::before {
content: "";
}
.fa-sack-dollar::before {
content: "";
}
.fa-pen-to-square::before {
content: "";
}
.fa-edit::before {
content: "";
}
.fa-car-side::before {
content: "";
}
.fa-share-nodes::before {
content: "";
}
.fa-share-alt::before {
content: "";
}
.fa-heart-circle-minus::before {
content: "";
}
.fa-hourglass-half::before {
content: "";
}
.fa-hourglass-2::before {
content: "";
}
.fa-microscope::before {
content: "";
}
.fa-sink::before {
content: "";
}
.fa-bag-shopping::before {
content: "";
}
.fa-shopping-bag::before {
content: "";
}
.fa-arrow-down-z-a::before {
content: "";
}
.fa-sort-alpha-desc::before {
content: "";
}
.fa-sort-alpha-down-alt::before {
content: "";
}
.fa-mitten::before {
content: "";
}
.fa-person-rays::before {
content: "";
}
.fa-users::before {
content: "";
}
.fa-eye-slash::before {
content: "";
}
.fa-flask-vial::before {
content: "";
}
.fa-hand::before {
content: "";
}
.fa-hand-paper::before {
content: "";
}
.fa-om::before {
content: "";
}
.fa-worm::before {
content: "";
}
.fa-house-circle-xmark::before {
content: "";
}
.fa-plug::before {
content: "";
}
.fa-chevron-up::before {
content: "";
}
.fa-hand-spock::before {
content: "";
}
.fa-stopwatch::before {
content: "";
}
.fa-face-kiss::before {
content: "";
}
.fa-kiss::before {
content: "";
}
.fa-bridge-circle-xmark::before {
content: "";
}
.fa-face-grin-tongue::before {
content: "";
}
.fa-grin-tongue::before {
content: "";
}
.fa-chess-bishop::before {
content: "";
}
.fa-face-grin-wink::before {
content: "";
}
.fa-grin-wink::before {
content: "";
}
.fa-ear-deaf::before {
content: "";
}
.fa-deaf::before {
content: "";
}
.fa-deafness::before {
content: "";
}
.fa-hard-of-hearing::before {
content: "";
}
.fa-road-circle-check::before {
content: "";
}
.fa-dice-five::before {
content: "";
}
.fa-square-rss::before {
content: "";
}
.fa-rss-square::before {
content: "";
}
.fa-land-mine-on::before {
content: "";
}
.fa-i-cursor::before {
content: "";
}
.fa-stamp::before {
content: "";
}
.fa-stairs::before {
content: "";
}
.fa-i::before {
content: "I";
}
.fa-hryvnia-sign::before {
content: "";
}
.fa-hryvnia::before {
content: "";
}
.fa-pills::before {
content: "";
}
.fa-face-grin-wide::before {
content: "";
}
.fa-grin-alt::before {
content: "";
}
.fa-tooth::before {
content: "";
}
.fa-v::before {
content: "V";
}
.fa-bangladeshi-taka-sign::before {
content: "";
}
.fa-bicycle::before {
content: "";
}
.fa-staff-snake::before {
content: "";
}
.fa-rod-asclepius::before {
content: "";
}
.fa-rod-snake::before {
content: "";
}
.fa-staff-aesculapius::before {
content: "";
}
.fa-head-side-cough-slash::before {
content: "";
}
.fa-truck-medical::before {
content: "";
}
.fa-ambulance::before {
content: "";
}
.fa-wheat-awn-circle-exclamation::before {
content: "";
}
.fa-snowman::before {
content: "";
}
.fa-mortar-pestle::before {
content: "";
}
.fa-road-barrier::before {
content: "";
}
.fa-school::before {
content: "";
}
.fa-igloo::before {
content: "";
}
.fa-joint::before {
content: "";
}
.fa-angle-right::before {
content: "";
}
.fa-horse::before {
content: "";
}
.fa-q::before {
content: "Q";
}
.fa-g::before {
content: "G";
}
.fa-notes-medical::before {
content: "";
}
.fa-temperature-half::before {
content: "";
}
.fa-temperature-2::before {
content: "";
}
.fa-thermometer-2::before {
content: "";
}
.fa-thermometer-half::before {
content: "";
}
.fa-dong-sign::before {
content: "";
}
.fa-capsules::before {
content: "";
}
.fa-poo-storm::before {
content: "";
}
.fa-poo-bolt::before {
content: "";
}
.fa-face-frown-open::before {
content: "";
}
.fa-frown-open::before {
content: "";
}
.fa-hand-point-up::before {
content: "";
}
.fa-money-bill::before {
content: "";
}
.fa-bookmark::before {
content: "";
}
.fa-align-justify::before {
content: "";
}
.fa-umbrella-beach::before {
content: "";
}
.fa-helmet-un::before {
content: "";
}
.fa-bullseye::before {
content: "";
}
.fa-bacon::before {
content: "";
}
.fa-hand-point-down::before {
content: "";
}
.fa-arrow-up-from-bracket::before {
content: "";
}
.fa-folder::before {
content: "";
}
.fa-folder-blank::before {
content: "";
}
.fa-file-waveform::before {
content: "";
}
.fa-file-medical-alt::before {
content: "";
}
.fa-radiation::before {
content: "";
}
.fa-chart-simple::before {
content: "";
}
.fa-mars-stroke::before {
content: "";
}
.fa-vial::before {
content: "";
}
.fa-gauge::before {
content: "";
}
.fa-dashboard::before {
content: "";
}
.fa-gauge-med::before {
content: "";
}
.fa-tachometer-alt-average::before {
content: "";
}
.fa-wand-magic-sparkles::before {
content: "";
}
.fa-magic-wand-sparkles::before {
content: "";
}
.fa-e::before {
content: "E";
}
.fa-pen-clip::before {
content: "";
}
.fa-pen-alt::before {
content: "";
}
.fa-bridge-circle-exclamation::before {
content: "";
}
.fa-user::before {
content: "";
}
.fa-school-circle-check::before {
content: "";
}
.fa-dumpster::before {
content: "";
}
.fa-van-shuttle::before {
content: "";
}
.fa-shuttle-van::before {
content: "";
}
.fa-building-user::before {
content: "";
}
.fa-square-caret-left::before {
content: "";
}
.fa-caret-square-left::before {
content: "";
}
.fa-highlighter::before {
content: "";
}
.fa-key::before {
content: "";
}
.fa-bullhorn::before {
content: "";
}
.fa-globe::before {
content: "";
}
.fa-synagogue::before {
content: "";
}
.fa-person-half-dress::before {
content: "";
}
.fa-road-bridge::before {
content: "";
}
.fa-location-arrow::before {
content: "";
}
.fa-c::before {
content: "C";
}
.fa-tablet-button::before {
content: "";
}
.fa-building-lock::before {
content: "";
}
.fa-pizza-slice::before {
content: "";
}
.fa-money-bill-wave::before {
content: "";
}
.fa-chart-area::before {
content: "";
}
.fa-area-chart::before {
content: "";
}
.fa-house-flag::before {
content: "";
}
.fa-person-circle-minus::before {
content: "";
}
.fa-ban::before {
content: "";
}
.fa-cancel::before {
content: "";
}
.fa-camera-rotate::before {
content: "";
}
.fa-spray-can-sparkles::before {
content: "";
}
.fa-air-freshener::before {
content: "";
}
.fa-star::before {
content: "";
}
.fa-repeat::before {
content: "";
}
.fa-cross::before {
content: "";
}
.fa-box::before {
content: "";
}
.fa-venus-mars::before {
content: "";
}
.fa-arrow-pointer::before {
content: "";
}
.fa-mouse-pointer::before {
content: "";
}
.fa-maximize::before {
content: "";
}
.fa-expand-arrows-alt::before {
content: "";
}
.fa-charging-station::before {
content: "";
}
.fa-shapes::before {
content: "";
}
.fa-triangle-circle-square::before {
content: "";
}
.fa-shuffle::before {
content: "";
}
.fa-random::before {
content: "";
}
.fa-person-running::before {
content: "";
}
.fa-running::before {
content: "";
}
.fa-mobile-retro::before {
content: "";
}
.fa-grip-lines-vertical::before {
content: "";
}
.fa-spider::before {
content: "";
}
.fa-hands-bound::before {
content: "";
}
.fa-file-invoice-dollar::before {
content: "";
}
.fa-plane-circle-exclamation::before {
content: "";
}
.fa-x-ray::before {
content: "";
}
.fa-spell-check::before {
content: "";
}
.fa-slash::before {
content: "";
}
.fa-computer-mouse::before {
content: "";
}
.fa-mouse::before {
content: "";
}
.fa-arrow-right-to-bracket::before {
content: "";
}
.fa-sign-in::before {
content: "";
}
.fa-shop-slash::before {
content: "";
}
.fa-store-alt-slash::before {
content: "";
}
.fa-server::before {
content: "";
}
.fa-virus-covid-slash::before {
content: "";
}
.fa-shop-lock::before {
content: "";
}
.fa-hourglass-start::before {
content: "";
}
.fa-hourglass-1::before {
content: "";
}
.fa-blender-phone::before {
content: "";
}
.fa-building-wheat::before {
content: "";
}
.fa-person-breastfeeding::before {
content: "";
}
.fa-right-to-bracket::before {
content: "";
}
.fa-sign-in-alt::before {
content: "";
}
.fa-venus::before {
content: "";
}
.fa-passport::before {
content: "";
}
.fa-heart-pulse::before {
content: "";
}
.fa-heartbeat::before {
content: "";
}
.fa-people-carry-box::before {
content: "";
}
.fa-people-carry::before {
content: "";
}
.fa-temperature-high::before {
content: "";
}
.fa-microchip::before {
content: "";
}
.fa-crown::before {
content: "";
}
.fa-weight-hanging::before {
content: "";
}
.fa-xmarks-lines::before {
content: "";
}
.fa-file-prescription::before {
content: "";
}
.fa-weight-scale::before {
content: "";
}
.fa-weight::before {
content: "";
}
.fa-user-group::before {
content: "";
}
.fa-user-friends::before {
content: "";
}
.fa-arrow-up-a-z::before {
content: "";
}
.fa-sort-alpha-up::before {
content: "";
}
.fa-chess-knight::before {
content: "";
}
.fa-face-laugh-squint::before {
content: "";
}
.fa-laugh-squint::before {
content: "";
}
.fa-wheelchair::before {
content: "";
}
.fa-circle-arrow-up::before {
content: "";
}
.fa-arrow-circle-up::before {
content: "";
}
.fa-toggle-on::before {
content: "";
}
.fa-person-walking::before {
content: "";
}
.fa-walking::before {
content: "";
}
.fa-l::before {
content: "L";
}
.fa-fire::before {
content: "";
}
.fa-bed-pulse::before {
content: "";
}
.fa-procedures::before {
content: "";
}
.fa-shuttle-space::before {
content: "";
}
.fa-space-shuttle::before {
content: "";
}
.fa-face-laugh::before {
content: "";
}
.fa-laugh::before {
content: "";
}
.fa-folder-open::before {
content: "";
}
.fa-heart-circle-plus::before {
content: "";
}
.fa-code-fork::before {
content: "";
}
.fa-city::before {
content: "";
}
.fa-microphone-lines::before {
content: "";
}
.fa-microphone-alt::before {
content: "";
}
.fa-pepper-hot::before {
content: "";
}
.fa-unlock::before {
content: "";
}
.fa-colon-sign::before {
content: "";
}
.fa-headset::before {
content: "";
}
.fa-store-slash::before {
content: "";
}
.fa-road-circle-xmark::before {
content: "";
}
.fa-user-minus::before {
content: "";
}
.fa-mars-stroke-up::before {
content: "";
}
.fa-mars-stroke-v::before {
content: "";
}
.fa-champagne-glasses::before {
content: "";
}
.fa-glass-cheers::before {
content: "";
}
.fa-clipboard::before {
content: "";
}
.fa-house-circle-exclamation::before {
content: "";
}
.fa-file-arrow-up::before {
content: "";
}
.fa-file-upload::before {
content: "";
}
.fa-wifi::before {
content: "";
}
.fa-wifi-3::before {
content: "";
}
.fa-wifi-strong::before {
content: "";
}
.fa-bath::before {
content: "";
}
.fa-bathtub::before {
content: "";
}
.fa-underline::before {
content: "";
}
.fa-user-pen::before {
content: "";
}
.fa-user-edit::before {
content: "";
}
.fa-signature::before {
content: "";
}
.fa-stroopwafel::before {
content: "";
}
.fa-bold::before {
content: "";
}
.fa-anchor-lock::before {
content: "";
}
.fa-building-ngo::before {
content: "";
}
.fa-manat-sign::before {
content: "";
}
.fa-not-equal::before {
content: "";
}
.fa-border-top-left::before {
content: "";
}
.fa-border-style::before {
content: "";
}
.fa-map-location-dot::before {
content: "";
}
.fa-map-marked-alt::before {
content: "";
}
.fa-jedi::before {
content: "";
}
.fa-square-poll-vertical::before {
content: "";
}
.fa-poll::before {
content: "";
}
.fa-mug-hot::before {
content: "";
}
.fa-car-battery::before {
content: "";
}
.fa-battery-car::before {
content: "";
}
.fa-gift::before {
content: "";
}
.fa-dice-two::before {
content: "";
}
.fa-chess-queen::before {
content: "";
}
.fa-glasses::before {
content: "";
}
.fa-chess-board::before {
content: "";
}
.fa-building-circle-check::before {
content: "";
}
.fa-person-chalkboard::before {
content: "";
}
.fa-mars-stroke-right::before {
content: "";
}
.fa-mars-stroke-h::before {
content: "";
}
.fa-hand-back-fist::before {
content: "";
}
.fa-hand-rock::before {
content: "";
}
.fa-square-caret-up::before {
content: "";
}
.fa-caret-square-up::before {
content: "";
}
.fa-cloud-showers-water::before {
content: "";
}
.fa-chart-bar::before {
content: "";
}
.fa-bar-chart::before {
content: "";
}
.fa-hands-bubbles::before {
content: "";
}
.fa-hands-wash::before {
content: "";
}
.fa-less-than-equal::before {
content: "";
}
.fa-train::before {
content: "";
}
.fa-eye-low-vision::before {
content: "";
}
.fa-low-vision::before {
content: "";
}
.fa-crow::before {
content: "";
}
.fa-sailboat::before {
content: "";
}
.fa-window-restore::before {
content: "";
}
.fa-square-plus::before {
content: "";
}
.fa-plus-square::before {
content: "";
}
.fa-torii-gate::before {
content: "";
}
.fa-frog::before {
content: "";
}
.fa-bucket::before {
content: "";
}
.fa-image::before {
content: "";
}
.fa-microphone::before {
content: "";
}
.fa-cow::before {
content: "";
}
.fa-caret-up::before {
content: "";
}
.fa-screwdriver::before {
content: "";
}
.fa-folder-closed::before {
content: "";
}
.fa-house-tsunami::before {
content: "";
}
.fa-square-nfi::before {
content: "";
}
.fa-arrow-up-from-ground-water::before {
content: "";
}
.fa-martini-glass::before {
content: "";
}
.fa-glass-martini-alt::before {
content: "";
}
.fa-rotate-left::before {
content: "";
}
.fa-rotate-back::before {
content: "";
}
.fa-rotate-backward::before {
content: "";
}
.fa-undo-alt::before {
content: "";
}
.fa-table-columns::before {
content: "";
}
.fa-columns::before {
content: "";
}
.fa-lemon::before {
content: "";
}
.fa-head-side-mask::before {
content: "";
}
.fa-handshake::before {
content: "";
}
.fa-gem::before {
content: "";
}
.fa-dolly::before {
content: "";
}
.fa-dolly-box::before {
content: "";
}
.fa-smoking::before {
content: "";
}
.fa-minimize::before {
content: "";
}
.fa-compress-arrows-alt::before {
content: "";
}
.fa-monument::before {
content: "";
}
.fa-snowplow::before {
content: "";
}
.fa-angles-right::before {
content: "";
}
.fa-angle-double-right::before {
content: "";
}
.fa-cannabis::before {
content: "";
}
.fa-circle-play::before {
content: "";
}
.fa-play-circle::before {
content: "";
}
.fa-tablets::before {
content: "";
}
.fa-ethernet::before {
content: "";
}
.fa-euro-sign::before {
content: "";
}
.fa-eur::before {
content: "";
}
.fa-euro::before {
content: "";
}
.fa-chair::before {
content: "";
}
.fa-circle-check::before {
content: "";
}
.fa-check-circle::before {
content: "";
}
.fa-circle-stop::before {
content: "";
}
.fa-stop-circle::before {
content: "";
}
.fa-compass-drafting::before {
content: "";
}
.fa-drafting-compass::before {
content: "";
}
.fa-plate-wheat::before {
content: "";
}
.fa-icicles::before {
content: "";
}
.fa-person-shelter::before {
content: "";
}
.fa-neuter::before {
content: "";
}
.fa-id-badge::before {
content: "";
}
.fa-marker::before {
content: "";
}
.fa-face-laugh-beam::before {
content: "";
}
.fa-laugh-beam::before {
content: "";
}
.fa-helicopter-symbol::before {
content: "";
}
.fa-universal-access::before {
content: "";
}
.fa-circle-chevron-up::before {
content: "";
}
.fa-chevron-circle-up::before {
content: "";
}
.fa-lari-sign::before {
content: "";
}
.fa-volcano::before {
content: "";
}
.fa-person-walking-dashed-line-arrow-right::before {
content: "";
}
.fa-sterling-sign::before {
content: "";
}
.fa-gbp::before {
content: "";
}
.fa-pound-sign::before {
content: "";
}
.fa-viruses::before {
content: "";
}
.fa-square-person-confined::before {
content: "";
}
.fa-user-tie::before {
content: "";
}
.fa-arrow-down-long::before {
content: "";
}
.fa-long-arrow-down::before {
content: "";
}
.fa-tent-arrow-down-to-line::before {
content: "";
}
.fa-certificate::before {
content: "";
}
.fa-reply-all::before {
content: "";
}
.fa-mail-reply-all::before {
content: "";
}
.fa-suitcase::before {
content: "";
}
.fa-person-skating::before {
content: "";
}
.fa-skating::before {
content: "";
}
.fa-filter-circle-dollar::before {
content: "";
}
.fa-funnel-dollar::before {
content: "";
}
.fa-camera-retro::before {
content: "";
}
.fa-circle-arrow-down::before {
content: "";
}
.fa-arrow-circle-down::before {
content: "";
}
.fa-file-import::before {
content: "";
}
.fa-arrow-right-to-file::before {
content: "";
}
.fa-square-arrow-up-right::before {
content: "";
}
.fa-external-link-square::before {
content: "";
}
.fa-box-open::before {
content: "";
}
.fa-scroll::before {
content: "";
}
.fa-spa::before {
content: "";
}
.fa-location-pin-lock::before {
content: "";
}
.fa-pause::before {
content: "";
}
.fa-hill-avalanche::before {
content: "";
}
.fa-temperature-empty::before {
content: "";
}
.fa-temperature-0::before {
content: "";
}
.fa-thermometer-0::before {
content: "";
}
.fa-thermometer-empty::before {
content: "";
}
.fa-bomb::before {
content: "";
}
.fa-registered::before {
content: "";
}
.fa-address-card::before {
content: "";
}
.fa-contact-card::before {
content: "";
}
.fa-vcard::before {
content: "";
}
.fa-scale-unbalanced-flip::before {
content: "";
}
.fa-balance-scale-right::before {
content: "";
}
.fa-subscript::before {
content: "";
}
.fa-diamond-turn-right::before {
content: "";
}
.fa-directions::before {
content: "";
}
.fa-burst::before {
content: "";
}
.fa-house-laptop::before {
content: "";
}
.fa-laptop-house::before {
content: "";
}
.fa-face-tired::before {
content: "";
}
.fa-tired::before {
content: "";
}
.fa-money-bills::before {
content: "";
}
.fa-smog::before {
content: "";
}
.fa-crutch::before {
content: "";
}
.fa-cloud-arrow-up::before {
content: "";
}
.fa-cloud-upload::before {
content: "";
}
.fa-cloud-upload-alt::before {
content: "";
}
.fa-palette::before {
content: "";
}
.fa-arrows-turn-right::before {
content: "";
}
.fa-vest::before {
content: "";
}
.fa-ferry::before {
content: "";
}
.fa-arrows-down-to-people::before {
content: "";
}
.fa-seedling::before {
content: "";
}
.fa-sprout::before {
content: "";
}
.fa-left-right::before {
content: "";
}
.fa-arrows-alt-h::before {
content: "";
}
.fa-boxes-packing::before {
content: "";
}
.fa-circle-arrow-left::before {
content: "";
}
.fa-arrow-circle-left::before {
content: "";
}
.fa-group-arrows-rotate::before {
content: "";
}
.fa-bowl-food::before {
content: "";
}
.fa-candy-cane::before {
content: "";
}
.fa-arrow-down-wide-short::before {
content: "";
}
.fa-sort-amount-asc::before {
content: "";
}
.fa-sort-amount-down::before {
content: "";
}
.fa-cloud-bolt::before {
content: "";
}
.fa-thunderstorm::before {
content: "";
}
.fa-text-slash::before {
content: "";
}
.fa-remove-format::before {
content: "";
}
.fa-face-smile-wink::before {
content: "";
}
.fa-smile-wink::before {
content: "";
}
.fa-file-word::before {
content: "";
}
.fa-file-powerpoint::before {
content: "";
}
.fa-arrows-left-right::before {
content: "";
}
.fa-arrows-h::before {
content: "";
}
.fa-house-lock::before {
content: "";
}
.fa-cloud-arrow-down::before {
content: "";
}
.fa-cloud-download::before {
content: "";
}
.fa-cloud-download-alt::before {
content: "";
}
.fa-children::before {
content: "";
}
.fa-chalkboard::before {
content: "";
}
.fa-blackboard::before {
content: "";
}
.fa-user-large-slash::before {
content: "";
}
.fa-user-alt-slash::before {
content: "";
}
.fa-envelope-open::before {
content: "";
}
.fa-handshake-simple-slash::before {
content: "";
}
.fa-handshake-alt-slash::before {
content: "";
}
.fa-mattress-pillow::before {
content: "";
}
.fa-guarani-sign::before {
content: "";
}
.fa-arrows-rotate::before {
content: "";
}
.fa-refresh::before {
content: "";
}
.fa-sync::before {
content: "";
}
.fa-fire-extinguisher::before {
content: "";
}
.fa-cruzeiro-sign::before {
content: "";
}
.fa-greater-than-equal::before {
content: "";
}
.fa-shield-halved::before {
content: "";
}
.fa-shield-alt::before {
content: "";
}
.fa-book-atlas::before {
content: "";
}
.fa-atlas::before {
content: "";
}
.fa-virus::before {
content: "";
}
.fa-envelope-circle-check::before {
content: "";
}
.fa-layer-group::before {
content: "";
}
.fa-arrows-to-dot::before {
content: "";
}
.fa-archway::before {
content: "";
}
.fa-heart-circle-check::before {
content: "";
}
.fa-house-chimney-crack::before {
content: "";
}
.fa-house-damage::before {
content: "";
}
.fa-file-zipper::before {
content: "";
}
.fa-file-archive::before {
content: "";
}
.fa-square::before {
content: "";
}
.fa-martini-glass-empty::before {
content: "";
}
.fa-glass-martini::before {
content: "";
}
.fa-couch::before {
content: "";
}
.fa-cedi-sign::before {
content: "";
}
.fa-italic::before {
content: "";
}
.fa-table-cells-column-lock::before {
content: "";
}
.fa-church::before {
content: "";
}
.fa-comments-dollar::before {
content: "";
}
.fa-democrat::before {
content: "";
}
.fa-z::before {
content: "Z";
}
.fa-person-skiing::before {
content: "";
}
.fa-skiing::before {
content: "";
}
.fa-road-lock::before {
content: "";
}
.fa-a::before {
content: "A";
}
.fa-temperature-arrow-down::before {
content: "";
}
.fa-temperature-down::before {
content: "";
}
.fa-feather-pointed::before {
content: "";
}
.fa-feather-alt::before {
content: "";
}
.fa-p::before {
content: "P";
}
.fa-snowflake::before {
content: "";
}
.fa-newspaper::before {
content: "";
}
.fa-rectangle-ad::before {
content: "";
}
.fa-ad::before {
content: "";
}
.fa-circle-arrow-right::before {
content: "";
}
.fa-arrow-circle-right::before {
content: "";
}
.fa-filter-circle-xmark::before {
content: "";
}
.fa-locust::before {
content: "";
}
.fa-sort::before {
content: "";
}
.fa-unsorted::before {
content: "";
}
.fa-list-ol::before {
content: "";
}
.fa-list-1-2::before {
content: "";
}
.fa-list-numeric::before {
content: "";
}
.fa-person-dress-burst::before {
content: "";
}
.fa-money-check-dollar::before {
content: "";
}
.fa-money-check-alt::before {
content: "";
}
.fa-vector-square::before {
content: "";
}
.fa-bread-slice::before {
content: "";
}
.fa-language::before {
content: "";
}
.fa-face-kiss-wink-heart::before {
content: "";
}
.fa-kiss-wink-heart::before {
content: "";
}
.fa-filter::before {
content: "";
}
.fa-question::before {
content: "?";
}
.fa-file-signature::before {
content: "";
}
.fa-up-down-left-right::before {
content: "";
}
.fa-arrows-alt::before {
content: "";
}
.fa-house-chimney-user::before {
content: "";
}
.fa-hand-holding-heart::before {
content: "";
}
.fa-puzzle-piece::before {
content: "";
}
.fa-money-check::before {
content: "";
}
.fa-star-half-stroke::before {
content: "";
}
.fa-star-half-alt::before {
content: "";
}
.fa-code::before {
content: "";
}
.fa-whiskey-glass::before {
content: "";
}
.fa-glass-whiskey::before {
content: "";
}
.fa-building-circle-exclamation::before {
content: "";
}
.fa-magnifying-glass-chart::before {
content: "";
}
.fa-arrow-up-right-from-square::before {
content: "";
}
.fa-external-link::before {
content: "";
}
.fa-cubes-stacked::before {
content: "";
}
.fa-won-sign::before {
content: "";
}
.fa-krw::before {
content: "";
}
.fa-won::before {
content: "";
}
.fa-virus-covid::before {
content: "";
}
.fa-austral-sign::before {
content: "";
}
.fa-f::before {
content: "F";
}
.fa-leaf::before {
content: "";
}
.fa-road::before {
content: "";
}
.fa-taxi::before {
content: "";
}
.fa-cab::before {
content: "";
}
.fa-person-circle-plus::before {
content: "";
}
.fa-chart-pie::before {
content: "";
}
.fa-pie-chart::before {
content: "";
}
.fa-bolt-lightning::before {
content: "";
}
.fa-sack-xmark::before {
content: "";
}
.fa-file-excel::before {
content: "";
}
.fa-file-contract::before {
content: "";
}
.fa-fish-fins::before {
content: "";
}
.fa-building-flag::before {
content: "";
}
.fa-face-grin-beam::before {
content: "";
}
.fa-grin-beam::before {
content: "";
}
.fa-object-ungroup::before {
content: "";
}
.fa-poop::before {
content: "";
}
.fa-location-pin::before {
content: "";
}
.fa-map-marker::before {
content: "";
}
.fa-kaaba::before {
content: "";
}
.fa-toilet-paper::before {
content: "";
}
.fa-helmet-safety::before {
content: "";
}
.fa-hard-hat::before {
content: "";
}
.fa-hat-hard::before {
content: "";
}
.fa-eject::before {
content: "";
}
.fa-circle-right::before {
content: "";
}
.fa-arrow-alt-circle-right::before {
content: "";
}
.fa-plane-circle-check::before {
content: "";
}
.fa-face-rolling-eyes::before {
content: "";
}
.fa-meh-rolling-eyes::before {
content: "";
}
.fa-object-group::before {
content: "";
}
.fa-chart-line::before {
content: "";
}
.fa-line-chart::before {
content: "";
}
.fa-mask-ventilator::before {
content: "";
}
.fa-arrow-right::before {
content: "";
}
.fa-signs-post::before {
content: "";
}
.fa-map-signs::before {
content: "";
}
.fa-cash-register::before {
content: "";
}
.fa-person-circle-question::before {
content: "";
}
.fa-h::before {
content: "H";
}
.fa-tarp::before {
content: "";
}
.fa-screwdriver-wrench::before {
content: "";
}
.fa-tools::before {
content: "";
}
.fa-arrows-to-eye::before {
content: "";
}
.fa-plug-circle-bolt::before {
content: "";
}
.fa-heart::before {
content: "";
}
.fa-mars-and-venus::before {
content: "";
}
.fa-house-user::before {
content: "";
}
.fa-home-user::before {
content: "";
}
.fa-dumpster-fire::before {
content: "";
}
.fa-house-crack::before {
content: "";
}
.fa-martini-glass-citrus::before {
content: "";
}
.fa-cocktail::before {
content: "";
}
.fa-face-surprise::before {
content: "";
}
.fa-surprise::before {
content: "";
}
.fa-bottle-water::before {
content: "";
}
.fa-circle-pause::before {
content: "";
}
.fa-pause-circle::before {
content: "";
}
.fa-toilet-paper-slash::before {
content: "";
}
.fa-apple-whole::before {
content: "";
}
.fa-apple-alt::before {
content: "";
}
.fa-kitchen-set::before {
content: "";
}
.fa-r::before {
content: "R";
}
.fa-temperature-quarter::before {
content: "";
}
.fa-temperature-1::before {
content: "";
}
.fa-thermometer-1::before {
content: "";
}
.fa-thermometer-quarter::before {
content: "";
}
.fa-cube::before {
content: "";
}
.fa-bitcoin-sign::before {
content: "";
}
.fa-shield-dog::before {
content: "";
}
.fa-solar-panel::before {
content: "";
}
.fa-lock-open::before {
content: "";
}
.fa-elevator::before {
content: "";
}
.fa-money-bill-transfer::before {
content: "";
}
.fa-money-bill-trend-up::before {
content: "";
}
.fa-house-flood-water-circle-arrow-right::before {
content: "";
}
.fa-square-poll-horizontal::before {
content: "";
}
.fa-poll-h::before {
content: "";
}
.fa-circle::before {
content: "";
}
.fa-backward-fast::before {
content: "";
}
.fa-fast-backward::before {
content: "";
}
.fa-recycle::before {
content: "";
}
.fa-user-astronaut::before {
content: "";
}
.fa-plane-slash::before {
content: "";
}
.fa-trademark::before {
content: "";
}
.fa-basketball::before {
content: "";
}
.fa-basketball-ball::before {
content: "";
}
.fa-satellite-dish::before {
content: "";
}
.fa-circle-up::before {
content: "";
}
.fa-arrow-alt-circle-up::before {
content: "";
}
.fa-mobile-screen-button::before {
content: "";
}
.fa-mobile-alt::before {
content: "";
}
.fa-volume-high::before {
content: "";
}
.fa-volume-up::before {
content: "";
}
.fa-users-rays::before {
content: "";
}
.fa-wallet::before {
content: "";
}
.fa-clipboard-check::before {
content: "";
}
.fa-file-audio::before {
content: "";
}
.fa-burger::before {
content: "";
}
.fa-hamburger::before {
content: "";
}
.fa-wrench::before {
content: "";
}
.fa-bugs::before {
content: "";
}
.fa-rupee-sign::before {
content: "";
}
.fa-rupee::before {
content: "";
}
.fa-file-image::before {
content: "";
}
.fa-circle-question::before {
content: "";
}
.fa-question-circle::before {
content: "";
}
.fa-plane-departure::before {
content: "";
}
.fa-handshake-slash::before {
content: "";
}
.fa-book-bookmark::before {
content: "";
}
.fa-code-branch::before {
content: "";
}
.fa-hat-cowboy::before {
content: "";
}
.fa-bridge::before {
content: "";
}
.fa-phone-flip::before {
content: "";
}
.fa-phone-alt::before {
content: "";
}
.fa-truck-front::before {
content: "";
}
.fa-cat::before {
content: "";
}
.fa-anchor-circle-exclamation::before {
content: "";
}
.fa-truck-field::before {
content: "";
}
.fa-route::before {
content: "";
}
.fa-clipboard-question::before {
content: "";
}
.fa-panorama::before {
content: "";
}
.fa-comment-medical::before {
content: "";
}
.fa-teeth-open::before {
content: "";
}
.fa-file-circle-minus::before {
content: "";
}
.fa-tags::before {
content: "";
}
.fa-wine-glass::before {
content: "";
}
.fa-forward-fast::before {
content: "";
}
.fa-fast-forward::before {
content: "";
}
.fa-face-meh-blank::before {
content: "";
}
.fa-meh-blank::before {
content: "";
}
.fa-square-parking::before {
content: "";
}
.fa-parking::before {
content: "";
}
.fa-house-signal::before {
content: "";
}
.fa-bars-progress::before {
content: "";
}
.fa-tasks-alt::before {
content: "";
}
.fa-faucet-drip::before {
content: "";
}
.fa-cart-flatbed::before {
content: "";
}
.fa-dolly-flatbed::before {
content: "";
}
.fa-ban-smoking::before {
content: "";
}
.fa-smoking-ban::before {
content: "";
}
.fa-terminal::before {
content: "";
}
.fa-mobile-button::before {
content: "";
}
.fa-house-medical-flag::before {
content: "";
}
.fa-basket-shopping::before {
content: "";
}
.fa-shopping-basket::before {
content: "";
}
.fa-tape::before {
content: "";
}
.fa-bus-simple::before {
content: "";
}
.fa-bus-alt::before {
content: "";
}
.fa-eye::before {
content: "";
}
.fa-face-sad-cry::before {
content: "";
}
.fa-sad-cry::before {
content: "";
}
.fa-audio-description::before {
content: "";
}
.fa-person-military-to-person::before {
content: "";
}
.fa-file-shield::before {
content: "";
}
.fa-user-slash::before {
content: "";
}
.fa-pen::before {
content: "";
}
.fa-tower-observation::before {
content: "";
}
.fa-file-code::before {
content: "";
}
.fa-signal::before {
content: "";
}
.fa-signal-5::before {
content: "";
}
.fa-signal-perfect::before {
content: "";
}
.fa-bus::before {
content: "";
}
.fa-heart-circle-xmark::before {
content: "";
}
.fa-house-chimney::before {
content: "";
}
.fa-home-lg::before {
content: "";
}
.fa-window-maximize::before {
content: "";
}
.fa-face-frown::before {
content: "";
}
.fa-frown::before {
content: "";
}
.fa-prescription::before {
content: "";
}
.fa-shop::before {
content: "";
}
.fa-store-alt::before {
content: "";
}
.fa-floppy-disk::before {
content: "";
}
.fa-save::before {
content: "";
}
.fa-vihara::before {
content: "";
}
.fa-scale-unbalanced::before {
content: "";
}
.fa-balance-scale-left::before {
content: "";
}
.fa-sort-up::before {
content: "";
}
.fa-sort-asc::before {
content: "";
}
.fa-comment-dots::before {
content: "";
}
.fa-commenting::before {
content: "";
}
.fa-plant-wilt::before {
content: "";
}
.fa-diamond::before {
content: "";
}
.fa-face-grin-squint::before {
content: "";
}
.fa-grin-squint::before {
content: "";
}
.fa-hand-holding-dollar::before {
content: "";
}
.fa-hand-holding-usd::before {
content: "";
}
.fa-bacterium::before {
content: "";
}
.fa-hand-pointer::before {
content: "";
}
.fa-drum-steelpan::before {
content: "";
}
.fa-hand-scissors::before {
content: "";
}
.fa-hands-praying::before {
content: "";
}
.fa-praying-hands::before {
content: "";
}
.fa-arrow-rotate-right::before {
content: "";
}
.fa-arrow-right-rotate::before {
content: "";
}
.fa-arrow-rotate-forward::before {
content: "";
}
.fa-redo::before {
content: "";
}
.fa-biohazard::before {
content: "";
}
.fa-location-crosshairs::before {
content: "";
}
.fa-location::before {
content: "";
}
.fa-mars-double::before {
content: "";
}
.fa-child-dress::before {
content: "";
}
.fa-users-between-lines::before {
content: "";
}
.fa-lungs-virus::before {
content: "";
}
.fa-face-grin-tears::before {
content: "";
}
.fa-grin-tears::before {
content: "";
}
.fa-phone::before {
content: "";
}
.fa-calendar-xmark::before {
content: "";
}
.fa-calendar-times::before {
content: "";
}
.fa-child-reaching::before {
content: "";
}
.fa-head-side-virus::before {
content: "";
}
.fa-user-gear::before {
content: "";
}
.fa-user-cog::before {
content: "";
}
.fa-arrow-up-1-9::before {
content: "";
}
.fa-sort-numeric-up::before {
content: "";
}
.fa-door-closed::before {
content: "";
}
.fa-shield-virus::before {
content: "";
}
.fa-dice-six::before {
content: "";
}
.fa-mosquito-net::before {
content: "";
}
.fa-bridge-water::before {
content: "";
}
.fa-person-booth::before {
content: "";
}
.fa-text-width::before {
content: "";
}
.fa-hat-wizard::before {
content: "";
}
.fa-pen-fancy::before {
content: "";
}
.fa-person-digging::before {
content: "";
}
.fa-digging::before {
content: "";
}
.fa-trash::before {
content: "";
}
.fa-gauge-simple::before {
content: "";
}
.fa-gauge-simple-med::before {
content: "";
}
.fa-tachometer-average::before {
content: "";
}
.fa-book-medical::before {
content: "";
}
.fa-poo::before {
content: "";
}
.fa-quote-right::before {
content: "";
}
.fa-quote-right-alt::before {
content: "";
}
.fa-shirt::before {
content: "";
}
.fa-t-shirt::before {
content: "";
}
.fa-tshirt::before {
content: "";
}
.fa-cubes::before {
content: "";
}
.fa-divide::before {
content: "";
}
.fa-tenge-sign::before {
content: "";
}
.fa-tenge::before {
content: "";
}
.fa-headphones::before {
content: "";
}
.fa-hands-holding::before {
content: "";
}
.fa-hands-clapping::before {
content: "";
}
.fa-republican::before {
content: "";
}
.fa-arrow-left::before {
content: "";
}
.fa-person-circle-xmark::before {
content: "";
}
.fa-ruler::before {
content: "";
}
.fa-align-left::before {
content: "";
}
.fa-dice-d6::before {
content: "";
}
.fa-restroom::before {
content: "";
}
.fa-j::before {
content: "J";
}
.fa-users-viewfinder::before {
content: "";
}
.fa-file-video::before {
content: "";
}
.fa-up-right-from-square::before {
content: "";
}
.fa-external-link-alt::before {
content: "";
}
.fa-table-cells::before {
content: "";
}
.fa-th::before {
content: "";
}
.fa-file-pdf::before {
content: "";
}
.fa-book-bible::before {
content: "";
}
.fa-bible::before {
content: "";
}
.fa-o::before {
content: "O";
}
.fa-suitcase-medical::before {
content: "";
}
.fa-medkit::before {
content: "";
}
.fa-user-secret::before {
content: "";
}
.fa-otter::before {
content: "";
}
.fa-person-dress::before {
content: "";
}
.fa-female::before {
content: "";
}
.fa-comment-dollar::before {
content: "";
}
.fa-business-time::before {
content: "";
}
.fa-briefcase-clock::before {
content: "";
}
.fa-table-cells-large::before {
content: "";
}
.fa-th-large::before {
content: "";
}
.fa-book-tanakh::before {
content: "";
}
.fa-tanakh::before {
content: "";
}
.fa-phone-volume::before {
content: "";
}
.fa-volume-control-phone::before {
content: "";
}
.fa-hat-cowboy-side::before {
content: "";
}
.fa-clipboard-user::before {
content: "";
}
.fa-child::before {
content: "";
}
.fa-lira-sign::before {
content: "";
}
.fa-satellite::before {
content: "";
}
.fa-plane-lock::before {
content: "";
}
.fa-tag::before {
content: "";
}
.fa-comment::before {
content: "";
}
.fa-cake-candles::before {
content: "";
}
.fa-birthday-cake::before {
content: "";
}
.fa-cake::before {
content: "";
}
.fa-envelope::before {
content: "";
}
.fa-angles-up::before {
content: "";
}
.fa-angle-double-up::before {
content: "";
}
.fa-paperclip::before {
content: "";
}
.fa-arrow-right-to-city::before {
content: "";
}
.fa-ribbon::before {
content: "";
}
.fa-lungs::before {
content: "";
}
.fa-arrow-up-9-1::before {
content: "";
}
.fa-sort-numeric-up-alt::before {
content: "";
}
.fa-litecoin-sign::before {
content: "";
}
.fa-border-none::before {
content: "";
}
.fa-circle-nodes::before {
content: "";
}
.fa-parachute-box::before {
content: "";
}
.fa-indent::before {
content: "";
}
.fa-truck-field-un::before {
content: "";
}
.fa-hourglass::before {
content: "";
}
.fa-hourglass-empty::before {
content: "";
}
.fa-mountain::before {
content: "";
}
.fa-user-doctor::before {
content: "";
}
.fa-user-md::before {
content: "";
}
.fa-circle-info::before {
content: "";
}
.fa-info-circle::before {
content: "";
}
.fa-cloud-meatball::before {
content: "";
}
.fa-camera::before {
content: "";
}
.fa-camera-alt::before {
content: "";
}
.fa-square-virus::before {
content: "";
}
.fa-meteor::before {
content: "";
}
.fa-car-on::before {
content: "";
}
.fa-sleigh::before {
content: "";
}
.fa-arrow-down-1-9::before {
content: "";
}
.fa-sort-numeric-asc::before {
content: "";
}
.fa-sort-numeric-down::before {
content: "";
}
.fa-hand-holding-droplet::before {
content: "";
}
.fa-hand-holding-water::before {
content: "";
}
.fa-water::before {
content: "";
}
.fa-calendar-check::before {
content: "";
}
.fa-braille::before {
content: "";
}
.fa-prescription-bottle-medical::before {
content: "";
}
.fa-prescription-bottle-alt::before {
content: "";
}
.fa-landmark::before {
content: "";
}
.fa-truck::before {
content: "";
}
.fa-crosshairs::before {
content: "";
}
.fa-person-cane::before {
content: "";
}
.fa-tent::before {
content: "";
}
.fa-vest-patches::before {
content: "";
}
.fa-check-double::before {
content: "";
}
.fa-arrow-down-a-z::before {
content: "";
}
.fa-sort-alpha-asc::before {
content: "";
}
.fa-sort-alpha-down::before {
content: "";
}
.fa-money-bill-wheat::before {
content: "";
}
.fa-cookie::before {
content: "";
}
.fa-arrow-rotate-left::before {
content: "";
}
.fa-arrow-left-rotate::before {
content: "";
}
.fa-arrow-rotate-back::before {
content: "";
}
.fa-arrow-rotate-backward::before {
content: "";
}
.fa-undo::before {
content: "";
}
.fa-hard-drive::before {
content: "";
}
.fa-hdd::before {
content: "";
}
.fa-face-grin-squint-tears::before {
content: "";
}
.fa-grin-squint-tears::before {
content: "";
}
.fa-dumbbell::before {
content: "";
}
.fa-rectangle-list::before {
content: "";
}
.fa-list-alt::before {
content: "";
}
.fa-tarp-droplet::before {
content: "";
}
.fa-house-medical-circle-check::before {
content: "";
}
.fa-person-skiing-nordic::before {
content: "";
}
.fa-skiing-nordic::before {
content: "";
}
.fa-calendar-plus::before {
content: "";
}
.fa-plane-arrival::before {
content: "";
}
.fa-circle-left::before {
content: "";
}
.fa-arrow-alt-circle-left::before {
content: "";
}
.fa-train-subway::before {
content: "";
}
.fa-subway::before {
content: "";
}
.fa-chart-gantt::before {
content: "";
}
.fa-indian-rupee-sign::before {
content: "";
}
.fa-indian-rupee::before {
content: "";
}
.fa-inr::before {
content: "";
}
.fa-crop-simple::before {
content: "";
}
.fa-crop-alt::before {
content: "";
}
.fa-money-bill-1::before {
content: "";
}
.fa-money-bill-alt::before {
content: "";
}
.fa-left-long::before {
content: "";
}
.fa-long-arrow-alt-left::before {
content: "";
}
.fa-dna::before {
content: "";
}
.fa-virus-slash::before {
content: "";
}
.fa-minus::before {
content: "";
}
.fa-subtract::before {
content: "";
}
.fa-chess::before {
content: "";
}
.fa-arrow-left-long::before {
content: "";
}
.fa-long-arrow-left::before {
content: "";
}
.fa-plug-circle-check::before {
content: "";
}
.fa-street-view::before {
content: "";
}
.fa-franc-sign::before {
content: "";
}
.fa-volume-off::before {
content: "";
}
.fa-hands-asl-interpreting::before {
content: "";
}
.fa-american-sign-language-interpreting::before {
content: "";
}
.fa-asl-interpreting::before {
content: "";
}
.fa-hands-american-sign-language-interpreting::before {
content: "";
}
.fa-gear::before {
content: "";
}
.fa-cog::before {
content: "";
}
.fa-droplet-slash::before {
content: "";
}
.fa-tint-slash::before {
content: "";
}
.fa-mosque::before {
content: "";
}
.fa-mosquito::before {
content: "";
}
.fa-star-of-david::before {
content: "";
}
.fa-person-military-rifle::before {
content: "";
}
.fa-cart-shopping::before {
content: "";
}
.fa-shopping-cart::before {
content: "";
}
.fa-vials::before {
content: "";
}
.fa-plug-circle-plus::before {
content: "";
}
.fa-place-of-worship::before {
content: "";
}
.fa-grip-vertical::before {
content: "";
}
.fa-arrow-turn-up::before {
content: "";
}
.fa-level-up::before {
content: "";
}
.fa-u::before {
content: "U";
}
.fa-square-root-variable::before {
content: "";
}
.fa-square-root-alt::before {
content: "";
}
.fa-clock::before {
content: "";
}
.fa-clock-four::before {
content: "";
}
.fa-backward-step::before {
content: "";
}
.fa-step-backward::before {
content: "";
}
.fa-pallet::before {
content: "";
}
.fa-faucet::before {
content: "";
}
.fa-baseball-bat-ball::before {
content: "";
}
.fa-s::before {
content: "S";
}
.fa-timeline::before {
content: "";
}
.fa-keyboard::before {
content: "";
}
.fa-caret-down::before {
content: "";
}
.fa-house-chimney-medical::before {
content: "";
}
.fa-clinic-medical::before {
content: "";
}
.fa-temperature-three-quarters::before {
content: "";
}
.fa-temperature-3::before {
content: "";
}
.fa-thermometer-3::before {
content: "";
}
.fa-thermometer-three-quarters::before {
content: "";
}
.fa-mobile-screen::before {
content: "";
}
.fa-mobile-android-alt::before {
content: "";
}
.fa-plane-up::before {
content: "";
}
.fa-piggy-bank::before {
content: "";
}
.fa-battery-half::before {
content: "";
}
.fa-battery-3::before {
content: "";
}
.fa-mountain-city::before {
content: "";
}
.fa-coins::before {
content: "";
}
.fa-khanda::before {
content: "";
}
.fa-sliders::before {
content: "";
}
.fa-sliders-h::before {
content: "";
}
.fa-folder-tree::before {
content: "";
}
.fa-network-wired::before {
content: "";
}
.fa-map-pin::before {
content: "";
}
.fa-hamsa::before {
content: "";
}
.fa-cent-sign::before {
content: "";
}
.fa-flask::before {
content: "";
}
.fa-person-pregnant::before {
content: "";
}
.fa-wand-sparkles::before {
content: "";
}
.fa-ellipsis-vertical::before {
content: "";
}
.fa-ellipsis-v::before {
content: "";
}
.fa-ticket::before {
content: "";
}
.fa-power-off::before {
content: "";
}
.fa-right-long::before {
content: "";
}
.fa-long-arrow-alt-right::before {
content: "";
}
.fa-flag-usa::before {
content: "";
}
.fa-laptop-file::before {
content: "";
}
.fa-tty::before {
content: "";
}
.fa-teletype::before {
content: "";
}
.fa-diagram-next::before {
content: "";
}
.fa-person-rifle::before {
content: "";
}
.fa-house-medical-circle-exclamation::before {
content: "";
}
.fa-closed-captioning::before {
content: "";
}
.fa-person-hiking::before {
content: "";
}
.fa-hiking::before {
content: "";
}
.fa-venus-double::before {
content: "";
}
.fa-images::before {
content: "";
}
.fa-calculator::before {
content: "";
}
.fa-people-pulling::before {
content: "";
}
.fa-n::before {
content: "N";
}
.fa-cable-car::before {
content: "";
}
.fa-tram::before {
content: "";
}
.fa-cloud-rain::before {
content: "";
}
.fa-building-circle-xmark::before {
content: "";
}
.fa-ship::before {
content: "";
}
.fa-arrows-down-to-line::before {
content: "";
}
.fa-download::before {
content: "";
}
.fa-face-grin::before {
content: "";
}
.fa-grin::before {
content: "";
}
.fa-delete-left::before {
content: "";
}
.fa-backspace::before {
content: "";
}
.fa-eye-dropper::before {
content: "";
}
.fa-eye-dropper-empty::before {
content: "";
}
.fa-eyedropper::before {
content: "";
}
.fa-file-circle-check::before {
content: "";
}
.fa-forward::before {
content: "";
}
.fa-mobile::before {
content: "";
}
.fa-mobile-android::before {
content: "";
}
.fa-mobile-phone::before {
content: "";
}
.fa-face-meh::before {
content: "";
}
.fa-meh::before {
content: "";
}
.fa-align-center::before {
content: "";
}
.fa-book-skull::before {
content: "";
}
.fa-book-dead::before {
content: "";
}
.fa-id-card::before {
content: "";
}
.fa-drivers-license::before {
content: "";
}
.fa-outdent::before {
content: "";
}
.fa-dedent::before {
content: "";
}
.fa-heart-circle-exclamation::before {
content: "";
}
.fa-house::before {
content: "";
}
.fa-home::before {
content: "";
}
.fa-home-alt::before {
content: "";
}
.fa-home-lg-alt::before {
content: "";
}
.fa-calendar-week::before {
content: "";
}
.fa-laptop-medical::before {
content: "";
}
.fa-b::before {
content: "B";
}
.fa-file-medical::before {
content: "";
}
.fa-dice-one::before {
content: "";
}
.fa-kiwi-bird::before {
content: "";
}
.fa-arrow-right-arrow-left::before {
content: "";
}
.fa-exchange::before {
content: "";
}
.fa-rotate-right::before {
content: "";
}
.fa-redo-alt::before {
content: "";
}
.fa-rotate-forward::before {
content: "";
}
.fa-utensils::before {
content: "";
}
.fa-cutlery::before {
content: "";
}
.fa-arrow-up-wide-short::before {
content: "";
}
.fa-sort-amount-up::before {
content: "";
}
.fa-mill-sign::before {
content: "";
}
.fa-bowl-rice::before {
content: "";
}
.fa-skull::before {
content: "";
}
.fa-tower-broadcast::before {
content: "";
}
.fa-broadcast-tower::before {
content: "";
}
.fa-truck-pickup::before {
content: "";
}
.fa-up-long::before {
content: "";
}
.fa-long-arrow-alt-up::before {
content: "";
}
.fa-stop::before {
content: "";
}
.fa-code-merge::before {
content: "";
}
.fa-upload::before {
content: "";
}
.fa-hurricane::before {
content: "";
}
.fa-mound::before {
content: "";
}
.fa-toilet-portable::before {
content: "";
}
.fa-compact-disc::before {
content: "";
}
.fa-file-arrow-down::before {
content: "";
}
.fa-file-download::before {
content: "";
}
.fa-caravan::before {
content: "";
}
.fa-shield-cat::before {
content: "";
}
.fa-bolt::before {
content: "";
}
.fa-zap::before {
content: "";
}
.fa-glass-water::before {
content: "";
}
.fa-oil-well::before {
content: "";
}
.fa-vault::before {
content: "";
}
.fa-mars::before {
content: "";
}
.fa-toilet::before {
content: "";
}
.fa-plane-circle-xmark::before {
content: "";
}
.fa-yen-sign::before {
content: "";
}
.fa-cny::before {
content: "";
}
.fa-jpy::before {
content: "";
}
.fa-rmb::before {
content: "";
}
.fa-yen::before {
content: "";
}
.fa-ruble-sign::before {
content: "";
}
.fa-rouble::before {
content: "";
}
.fa-rub::before {
content: "";
}
.fa-ruble::before {
content: "";
}
.fa-sun::before {
content: "";
}
.fa-guitar::before {
content: "";
}
.fa-face-laugh-wink::before {
content: "";
}
.fa-laugh-wink::before {
content: "";
}
.fa-horse-head::before {
content: "";
}
.fa-bore-hole::before {
content: "";
}
.fa-industry::before {
content: "";
}
.fa-circle-down::before {
content: "";
}
.fa-arrow-alt-circle-down::before {
content: "";
}
.fa-arrows-turn-to-dots::before {
content: "";
}
.fa-florin-sign::before {
content: "";
}
.fa-arrow-down-short-wide::before {
content: "";
}
.fa-sort-amount-desc::before {
content: "";
}
.fa-sort-amount-down-alt::before {
content: "";
}
.fa-less-than::before {
content: "<";
}
.fa-angle-down::before {
content: "";
}
.fa-car-tunnel::before {
content: "";
}
.fa-head-side-cough::before {
content: "";
}
.fa-grip-lines::before {
content: "";
}
.fa-thumbs-down::before {
content: "";
}
.fa-user-lock::before {
content: "";
}
.fa-arrow-right-long::before {
content: "";
}
.fa-long-arrow-right::before {
content: "";
}
.fa-anchor-circle-xmark::before {
content: "";
}
.fa-ellipsis::before {
content: "";
}
.fa-ellipsis-h::before {
content: "";
}
.fa-chess-pawn::before {
content: "";
}
.fa-kit-medical::before {
content: "";
}
.fa-first-aid::before {
content: "";
}
.fa-person-through-window::before {
content: "";
}
.fa-toolbox::before {
content: "";
}
.fa-hands-holding-circle::before {
content: "";
}
.fa-bug::before {
content: "";
}
.fa-credit-card::before {
content: "";
}
.fa-credit-card-alt::before {
content: "";
}
.fa-car::before {
content: "";
}
.fa-automobile::before {
content: "";
}
.fa-hand-holding-hand::before {
content: "";
}
.fa-book-open-reader::before {
content: "";
}
.fa-book-reader::before {
content: "";
}
.fa-mountain-sun::before {
content: "";
}
.fa-arrows-left-right-to-line::before {
content: "";
}
.fa-dice-d20::before {
content: "";
}
.fa-truck-droplet::before {
content: "";
}
.fa-file-circle-xmark::before {
content: "";
}
.fa-temperature-arrow-up::before {
content: "";
}
.fa-temperature-up::before {
content: "";
}
.fa-medal::before {
content: "";
}
.fa-bed::before {
content: "";
}
.fa-square-h::before {
content: "";
}
.fa-h-square::before {
content: "";
}
.fa-podcast::before {
content: "";
}
.fa-temperature-full::before {
content: "";
}
.fa-temperature-4::before {
content: "";
}
.fa-thermometer-4::before {
content: "";
}
.fa-thermometer-full::before {
content: "";
}
.fa-bell::before {
content: "";
}
.fa-superscript::before {
content: "";
}
.fa-plug-circle-xmark::before {
content: "";
}
.fa-star-of-life::before {
content: "";
}
.fa-phone-slash::before {
content: "";
}
.fa-paint-roller::before {
content: "";
}
.fa-handshake-angle::before {
content: "";
}
.fa-hands-helping::before {
content: "";
}
.fa-location-dot::before {
content: "";
}
.fa-map-marker-alt::before {
content: "";
}
.fa-file::before {
content: "";
}
.fa-greater-than::before {
content: ">";
}
.fa-person-swimming::before {
content: "";
}
.fa-swimmer::before {
content: "";
}
.fa-arrow-down::before {
content: "";
}
.fa-droplet::before {
content: "";
}
.fa-tint::before {
content: "";
}
.fa-eraser::before {
content: "";
}
.fa-earth-americas::before {
content: "";
}
.fa-earth::before {
content: "";
}
.fa-earth-america::before {
content: "";
}
.fa-globe-americas::before {
content: "";
}
.fa-person-burst::before {
content: "";
}
.fa-dove::before {
content: "";
}
.fa-battery-empty::before {
content: "";
}
.fa-battery-0::before {
content: "";
}
.fa-socks::before {
content: "";
}
.fa-inbox::before {
content: "";
}
.fa-section::before {
content: "";
}
.fa-gauge-high::before {
content: "";
}
.fa-tachometer-alt::before {
content: "";
}
.fa-tachometer-alt-fast::before {
content: "";
}
.fa-envelope-open-text::before {
content: "";
}
.fa-hospital::before {
content: "";
}
.fa-hospital-alt::before {
content: "";
}
.fa-hospital-wide::before {
content: "";
}
.fa-wine-bottle::before {
content: "";
}
.fa-chess-rook::before {
content: "";
}
.fa-bars-staggered::before {
content: "";
}
.fa-reorder::before {
content: "";
}
.fa-stream::before {
content: "";
}
.fa-dharmachakra::before {
content: "";
}
.fa-hotdog::before {
content: "";
}
.fa-person-walking-with-cane::before {
content: "";
}
.fa-blind::before {
content: "";
}
.fa-drum::before {
content: "";
}
.fa-ice-cream::before {
content: "";
}
.fa-heart-circle-bolt::before {
content: "";
}
.fa-fax::before {
content: "";
}
.fa-paragraph::before {
content: "";
}
.fa-check-to-slot::before {
content: "";
}
.fa-vote-yea::before {
content: "";
}
.fa-star-half::before {
content: "";
}
.fa-boxes-stacked::before {
content: "";
}
.fa-boxes::before {
content: "";
}
.fa-boxes-alt::before {
content: "";
}
.fa-link::before {
content: "";
}
.fa-chain::before {
content: "";
}
.fa-ear-listen::before {
content: "";
}
.fa-assistive-listening-systems::before {
content: "";
}
.fa-tree-city::before {
content: "";
}
.fa-play::before {
content: "";
}
.fa-font::before {
content: "";
}
.fa-table-cells-row-lock::before {
content: "";
}
.fa-rupiah-sign::before {
content: "";
}
.fa-magnifying-glass::before {
content: "";
}
.fa-search::before {
content: "";
}
.fa-table-tennis-paddle-ball::before {
content: "";
}
.fa-ping-pong-paddle-ball::before {
content: "";
}
.fa-table-tennis::before {
content: "";
}
.fa-person-dots-from-line::before {
content: "";
}
.fa-diagnoses::before {
content: "";
}
.fa-trash-can-arrow-up::before {
content: "";
}
.fa-trash-restore-alt::before {
content: "";
}
.fa-naira-sign::before {
content: "";
}
.fa-cart-arrow-down::before {
content: "";
}
.fa-walkie-talkie::before {
content: "";
}
.fa-file-pen::before {
content: "";
}
.fa-file-edit::before {
content: "";
}
.fa-receipt::before {
content: "";
}
.fa-square-pen::before {
content: "";
}
.fa-pen-square::before {
content: "";
}
.fa-pencil-square::before {
content: "";
}
.fa-suitcase-rolling::before {
content: "";
}
.fa-person-circle-exclamation::before {
content: "";
}
.fa-chevron-down::before {
content: "";
}
.fa-battery-full::before {
content: "";
}
.fa-battery::before {
content: "";
}
.fa-battery-5::before {
content: "";
}
.fa-skull-crossbones::before {
content: "";
}
.fa-code-compare::before {
content: "";
}
.fa-list-ul::before {
content: "";
}
.fa-list-dots::before {
content: "";
}
.fa-school-lock::before {
content: "";
}
.fa-tower-cell::before {
content: "";
}
.fa-down-long::before {
content: "";
}
.fa-long-arrow-alt-down::before {
content: "";
}
.fa-ranking-star::before {
content: "";
}
.fa-chess-king::before {
content: "";
}
.fa-person-harassing::before {
content: "";
}
.fa-brazilian-real-sign::before {
content: "";
}
.fa-landmark-dome::before {
content: "";
}
.fa-landmark-alt::before {
content: "";
}
.fa-arrow-up::before {
content: "";
}
.fa-tv::before {
content: "";
}
.fa-television::before {
content: "";
}
.fa-tv-alt::before {
content: "";
}
.fa-shrimp::before {
content: "";
}
.fa-list-check::before {
content: "";
}
.fa-tasks::before {
content: "";
}
.fa-jug-detergent::before {
content: "";
}
.fa-circle-user::before {
content: "";
}
.fa-user-circle::before {
content: "";
}
.fa-user-shield::before {
content: "";
}
.fa-wind::before {
content: "";
}
.fa-car-burst::before {
content: "";
}
.fa-car-crash::before {
content: "";
}
.fa-y::before {
content: "Y";
}
.fa-person-snowboarding::before {
content: "";
}
.fa-snowboarding::before {
content: "";
}
.fa-truck-fast::before {
content: "";
}
.fa-shipping-fast::before {
content: "";
}
.fa-fish::before {
content: "";
}
.fa-user-graduate::before {
content: "";
}
.fa-circle-half-stroke::before {
content: "";
}
.fa-adjust::before {
content: "";
}
.fa-clapperboard::before {
content: "";
}
.fa-circle-radiation::before {
content: "";
}
.fa-radiation-alt::before {
content: "";
}
.fa-baseball::before {
content: "";
}
.fa-baseball-ball::before {
content: "";
}
.fa-jet-fighter-up::before {
content: "";
}
.fa-diagram-project::before {
content: "";
}
.fa-project-diagram::before {
content: "";
}
.fa-copy::before {
content: "";
}
.fa-volume-xmark::before {
content: "";
}
.fa-volume-mute::before {
content: "";
}
.fa-volume-times::before {
content: "";
}
.fa-hand-sparkles::before {
content: "";
}
.fa-grip::before {
content: "";
}
.fa-grip-horizontal::before {
content: "";
}
.fa-share-from-square::before {
content: "";
}
.fa-share-square::before {
content: "";
}
.fa-child-combatant::before {
content: "";
}
.fa-child-rifle::before {
content: "";
}
.fa-gun::before {
content: "";
}
.fa-square-phone::before {
content: "";
}
.fa-phone-square::before {
content: "";
}
.fa-plus::before {
content: "+";
}
.fa-add::before {
content: "+";
}
.fa-expand::before {
content: "";
}
.fa-computer::before {
content: "";
}
.fa-xmark::before {
content: "";
}
.fa-close::before {
content: "";
}
.fa-multiply::before {
content: "";
}
.fa-remove::before {
content: "";
}
.fa-times::before {
content: "";
}
.fa-arrows-up-down-left-right::before {
content: "";
}
.fa-arrows::before {
content: "";
}
.fa-chalkboard-user::before {
content: "";
}
.fa-chalkboard-teacher::before {
content: "";
}
.fa-peso-sign::before {
content: "";
}
.fa-building-shield::before {
content: "";
}
.fa-baby::before {
content: "";
}
.fa-users-line::before {
content: "";
}
.fa-quote-left::before {
content: "";
}
.fa-quote-left-alt::before {
content: "";
}
.fa-tractor::before {
content: "";
}
.fa-trash-arrow-up::before {
content: "";
}
.fa-trash-restore::before {
content: "";
}
.fa-arrow-down-up-lock::before {
content: "";
}
.fa-lines-leaning::before {
content: "";
}
.fa-ruler-combined::before {
content: "";
}
.fa-copyright::before {
content: "";
}
.fa-equals::before {
content: "=";
}
.fa-blender::before {
content: "";
}
.fa-teeth::before {
content: "";
}
.fa-shekel-sign::before {
content: "";
}
.fa-ils::before {
content: "";
}
.fa-shekel::before {
content: "";
}
.fa-sheqel::before {
content: "";
}
.fa-sheqel-sign::before {
content: "";
}
.fa-map::before {
content: "";
}
.fa-rocket::before {
content: "";
}
.fa-photo-film::before {
content: "";
}
.fa-photo-video::before {
content: "";
}
.fa-folder-minus::before {
content: "";
}
.fa-store::before {
content: "";
}
.fa-arrow-trend-up::before {
content: "";
}
.fa-plug-circle-minus::before {
content: "";
}
.fa-sign-hanging::before {
content: "";
}
.fa-sign::before {
content: "";
}
.fa-bezier-curve::before {
content: "";
}
.fa-bell-slash::before {
content: "";
}
.fa-tablet::before {
content: "";
}
.fa-tablet-android::before {
content: "";
}
.fa-school-flag::before {
content: "";
}
.fa-fill::before {
content: "";
}
.fa-angle-up::before {
content: "";
}
.fa-drumstick-bite::before {
content: "";
}
.fa-holly-berry::before {
content: "";
}
.fa-chevron-left::before {
content: "";
}
.fa-bacteria::before {
content: "";
}
.fa-hand-lizard::before {
content: "";
}
.fa-notdef::before {
content: "";
}
.fa-disease::before {
content: "";
}
.fa-briefcase-medical::before {
content: "";
}
.fa-genderless::before {
content: "";
}
.fa-chevron-right::before {
content: "";
}
.fa-retweet::before {
content: "";
}
.fa-car-rear::before {
content: "";
}
.fa-car-alt::before {
content: "";
}
.fa-pump-soap::before {
content: "";
}
.fa-video-slash::before {
content: "";
}
.fa-battery-quarter::before {
content: "";
}
.fa-battery-2::before {
content: "";
}
.fa-radio::before {
content: "";
}
.fa-baby-carriage::before {
content: "";
}
.fa-carriage-baby::before {
content: "";
}
.fa-traffic-light::before {
content: "";
}
.fa-thermometer::before {
content: "";
}
.fa-vr-cardboard::before {
content: "";
}
.fa-hand-middle-finger::before {
content: "";
}
.fa-percent::before {
content: "%";
}
.fa-percentage::before {
content: "%";
}
.fa-truck-moving::before {
content: "";
}
.fa-glass-water-droplet::before {
content: "";
}
.fa-display::before {
content: "";
}
.fa-face-smile::before {
content: "";
}
.fa-smile::before {
content: "";
}
.fa-thumbtack::before {
content: "";
}
.fa-thumb-tack::before {
content: "";
}
.fa-trophy::before {
content: "";
}
.fa-person-praying::before {
content: "";
}
.fa-pray::before {
content: "";
}
.fa-hammer::before {
content: "";
}
.fa-hand-peace::before {
content: "";
}
.fa-rotate::before {
content: "";
}
.fa-sync-alt::before {
content: "";
}
.fa-spinner::before {
content: "";
}
.fa-robot::before {
content: "";
}
.fa-peace::before {
content: "";
}
.fa-gears::before {
content: "";
}
.fa-cogs::before {
content: "";
}
.fa-warehouse::before {
content: "";
}
.fa-arrow-up-right-dots::before {
content: "";
}
.fa-splotch::before {
content: "";
}
.fa-face-grin-hearts::before {
content: "";
}
.fa-grin-hearts::before {
content: "";
}
.fa-dice-four::before {
content: "";
}
.fa-sim-card::before {
content: "";
}
.fa-transgender::before {
content: "";
}
.fa-transgender-alt::before {
content: "";
}
.fa-mercury::before {
content: "";
}
.fa-arrow-turn-down::before {
content: "";
}
.fa-level-down::before {
content: "";
}
.fa-person-falling-burst::before {
content: "";
}
.fa-award::before {
content: "";
}
.fa-ticket-simple::before {
content: "";
}
.fa-ticket-alt::before {
content: "";
}
.fa-building::before {
content: "";
}
.fa-angles-left::before {
content: "";
}
.fa-angle-double-left::before {
content: "";
}
.fa-qrcode::before {
content: "";
}
.fa-clock-rotate-left::before {
content: "";
}
.fa-history::before {
content: "";
}
.fa-face-grin-beam-sweat::before {
content: "";
}
.fa-grin-beam-sweat::before {
content: "";
}
.fa-file-export::before {
content: "";
}
.fa-arrow-right-from-file::before {
content: "";
}
.fa-shield::before {
content: "";
}
.fa-shield-blank::before {
content: "";
}
.fa-arrow-up-short-wide::before {
content: "";
}
.fa-sort-amount-up-alt::before {
content: "";
}
.fa-house-medical::before {
content: "";
}
.fa-golf-ball-tee::before {
content: "";
}
.fa-golf-ball::before {
content: "";
}
.fa-circle-chevron-left::before {
content: "";
}
.fa-chevron-circle-left::before {
content: "";
}
.fa-house-chimney-window::before {
content: "";
}
.fa-pen-nib::before {
content: "";
}
.fa-tent-arrow-turn-left::before {
content: "";
}
.fa-tents::before {
content: "";
}
.fa-wand-magic::before {
content: "";
}
.fa-magic::before {
content: "";
}
.fa-dog::before {
content: "";
}
.fa-carrot::before {
content: "";
}
.fa-moon::before {
content: "";
}
.fa-wine-glass-empty::before {
content: "";
}
.fa-wine-glass-alt::before {
content: "";
}
.fa-cheese::before {
content: "";
}
.fa-yin-yang::before {
content: "";
}
.fa-music::before {
content: "";
}
.fa-code-commit::before {
content: "";
}
.fa-temperature-low::before {
content: "";
}
.fa-person-biking::before {
content: "";
}
.fa-biking::before {
content: "";
}
.fa-broom::before {
content: "";
}
.fa-shield-heart::before {
content: "";
}
.fa-gopuram::before {
content: "";
}
.fa-earth-oceania::before {
content: "";
}
.fa-globe-oceania::before {
content: "";
}
.fa-square-xmark::before {
content: "";
}
.fa-times-square::before {
content: "";
}
.fa-xmark-square::before {
content: "";
}
.fa-hashtag::before {
content: "#";
}
.fa-up-right-and-down-left-from-center::before {
content: "";
}
.fa-expand-alt::before {
content: "";
}
.fa-oil-can::before {
content: "";
}
.fa-t::before {
content: "T";
}
.fa-hippo::before {
content: "";
}
.fa-chart-column::before {
content: "";
}
.fa-infinity::before {
content: "";
}
.fa-vial-circle-check::before {
content: "";
}
.fa-person-arrow-down-to-line::before {
content: "";
}
.fa-voicemail::before {
content: "";
}
.fa-fan::before {
content: "";
}
.fa-person-walking-luggage::before {
content: "";
}
.fa-up-down::before {
content: "";
}
.fa-arrows-alt-v::before {
content: "";
}
.fa-cloud-moon-rain::before {
content: "";
}
.fa-calendar::before {
content: "";
}
.fa-trailer::before {
content: "";
}
.fa-bahai::before {
content: "";
}
.fa-haykal::before {
content: "";
}
.fa-sd-card::before {
content: "";
}
.fa-dragon::before {
content: "";
}
.fa-shoe-prints::before {
content: "";
}
.fa-circle-plus::before {
content: "";
}
.fa-plus-circle::before {
content: "";
}
.fa-face-grin-tongue-wink::before {
content: "";
}
.fa-grin-tongue-wink::before {
content: "";
}
.fa-hand-holding::before {
content: "";
}
.fa-plug-circle-exclamation::before {
content: "";
}
.fa-link-slash::before {
content: "";
}
.fa-chain-broken::before {
content: "";
}
.fa-chain-slash::before {
content: "";
}
.fa-unlink::before {
content: "";
}
.fa-clone::before {
content: "";
}
.fa-person-walking-arrow-loop-left::before {
content: "";
}
.fa-arrow-up-z-a::before {
content: "";
}
.fa-sort-alpha-up-alt::before {
content: "";
}
.fa-fire-flame-curved::before {
content: "";
}
.fa-fire-alt::before {
content: "";
}
.fa-tornado::before {
content: "";
}
.fa-file-circle-plus::before {
content: "";
}
.fa-book-quran::before {
content: "";
}
.fa-quran::before {
content: "";
}
.fa-anchor::before {
content: "";
}
.fa-border-all::before {
content: "";
}
.fa-face-angry::before {
content: "";
}
.fa-angry::before {
content: "";
}
.fa-cookie-bite::before {
content: "";
}
.fa-arrow-trend-down::before {
content: "";
}
.fa-rss::before {
content: "";
}
.fa-feed::before {
content: "";
}
.fa-draw-polygon::before {
content: "";
}
.fa-scale-balanced::before {
content: "";
}
.fa-balance-scale::before {
content: "";
}
.fa-gauge-simple-high::before {
content: "";
}
.fa-tachometer::before {
content: "";
}
.fa-tachometer-fast::before {
content: "";
}
.fa-shower::before {
content: "";
}
.fa-desktop::before {
content: "";
}
.fa-desktop-alt::before {
content: "";
}
.fa-m::before {
content: "M";
}
.fa-table-list::before {
content: "";
}
.fa-th-list::before {
content: "";
}
.fa-comment-sms::before {
content: "";
}
.fa-sms::before {
content: "";
}
.fa-book::before {
content: "";
}
.fa-user-plus::before {
content: "";
}
.fa-check::before {
content: "";
}
.fa-battery-three-quarters::before {
content: "";
}
.fa-battery-4::before {
content: "";
}
.fa-house-circle-check::before {
content: "";
}
.fa-angle-left::before {
content: "";
}
.fa-diagram-successor::before {
content: "";
}
.fa-truck-arrow-right::before {
content: "";
}
.fa-arrows-split-up-and-left::before {
content: "";
}
.fa-hand-fist::before {
content: "";
}
.fa-fist-raised::before {
content: "";
}
.fa-cloud-moon::before {
content: "";
}
.fa-briefcase::before {
content: "";
}
.fa-person-falling::before {
content: "";
}
.fa-image-portrait::before {
content: "";
}
.fa-portrait::before {
content: "";
}
.fa-user-tag::before {
content: "";
}
.fa-rug::before {
content: "";
}
.fa-earth-europe::before {
content: "";
}
.fa-globe-europe::before {
content: "";
}
.fa-cart-flatbed-suitcase::before {
content: "";
}
.fa-luggage-cart::before {
content: "";
}
.fa-rectangle-xmark::before {
content: "";
}
.fa-rectangle-times::before {
content: "";
}
.fa-times-rectangle::before {
content: "";
}
.fa-window-close::before {
content: "";
}
.fa-baht-sign::before {
content: "";
}
.fa-book-open::before {
content: "";
}
.fa-book-journal-whills::before {
content: "";
}
.fa-journal-whills::before {
content: "";
}
.fa-handcuffs::before {
content: "";
}
.fa-triangle-exclamation::before {
content: "";
}
.fa-exclamation-triangle::before {
content: "";
}
.fa-warning::before {
content: "";
}
.fa-database::before {
content: "";
}
.fa-share::before {
content: "";
}
.fa-mail-forward::before {
content: "";
}
.fa-bottle-droplet::before {
content: "";
}
.fa-mask-face::before {
content: "";
}
.fa-hill-rockslide::before {
content: "";
}
.fa-right-left::before {
content: "";
}
.fa-exchange-alt::before {
content: "";
}
.fa-paper-plane::before {
content: "";
}
.fa-road-circle-exclamation::before {
content: "";
}
.fa-dungeon::before {
content: "";
}
.fa-align-right::before {
content: "";
}
.fa-money-bill-1-wave::before {
content: "";
}
.fa-money-bill-wave-alt::before {
content: "";
}
.fa-life-ring::before {
content: "";
}
.fa-hands::before {
content: "";
}
.fa-sign-language::before {
content: "";
}
.fa-signing::before {
content: "";
}
.fa-calendar-day::before {
content: "";
}
.fa-water-ladder::before {
content: "";
}
.fa-ladder-water::before {
content: "";
}
.fa-swimming-pool::before {
content: "";
}
.fa-arrows-up-down::before {
content: "";
}
.fa-arrows-v::before {
content: "";
}
.fa-face-grimace::before {
content: "";
}
.fa-grimace::before {
content: "";
}
.fa-wheelchair-move::before {
content: "";
}
.fa-wheelchair-alt::before {
content: "";
}
.fa-turn-down::before {
content: "";
}
.fa-level-down-alt::before {
content: "";
}
.fa-person-walking-arrow-right::before {
content: "";
}
.fa-square-envelope::before {
content: "";
}
.fa-envelope-square::before {
content: "";
}
.fa-dice::before {
content: "";
}
.fa-bowling-ball::before {
content: "";
}
.fa-brain::before {
content: "";
}
.fa-bandage::before {
content: "";
}
.fa-band-aid::before {
content: "";
}
.fa-calendar-minus::before {
content: "";
}
.fa-circle-xmark::before {
content: "";
}
.fa-times-circle::before {
content: "";
}
.fa-xmark-circle::before {
content: "";
}
.fa-gifts::before {
content: "";
}
.fa-hotel::before {
content: "";
}
.fa-earth-asia::before {
content: "";
}
.fa-globe-asia::before {
content: "";
}
.fa-id-card-clip::before {
content: "";
}
.fa-id-card-alt::before {
content: "";
}
.fa-magnifying-glass-plus::before {
content: "";
}
.fa-search-plus::before {
content: "";
}
.fa-thumbs-up::before {
content: "";
}
.fa-user-clock::before {
content: "";
}
.fa-hand-dots::before {
content: "";
}
.fa-allergies::before {
content: "";
}
.fa-file-invoice::before {
content: "";
}
.fa-window-minimize::before {
content: "";
}
.fa-mug-saucer::before {
content: "";
}
.fa-coffee::before {
content: "";
}
.fa-brush::before {
content: "";
}
.fa-mask::before {
content: "";
}
.fa-magnifying-glass-minus::before {
content: "";
}
.fa-search-minus::before {
content: "";
}
.fa-ruler-vertical::before {
content: "";
}
.fa-user-large::before {
content: "";
}
.fa-user-alt::before {
content: "";
}
.fa-train-tram::before {
content: "";
}
.fa-user-nurse::before {
content: "";
}
.fa-syringe::before {
content: "";
}
.fa-cloud-sun::before {
content: "";
}
.fa-stopwatch-20::before {
content: "";
}
.fa-square-full::before {
content: "";
}
.fa-magnet::before {
content: "";
}
.fa-jar::before {
content: "";
}
.fa-note-sticky::before {
content: "";
}
.fa-sticky-note::before {
content: "";
}
.fa-bug-slash::before {
content: "";
}
.fa-arrow-up-from-water-pump::before {
content: "";
}
.fa-bone::before {
content: "";
}
.fa-user-injured::before {
content: "";
}
.fa-face-sad-tear::before {
content: "";
}
.fa-sad-tear::before {
content: "";
}
.fa-plane::before {
content: "";
}
.fa-tent-arrows-down::before {
content: "";
}
.fa-exclamation::before {
content: "!";
}
.fa-arrows-spin::before {
content: "";
}
.fa-print::before {
content: "";
}
.fa-turkish-lira-sign::before {
content: "";
}
.fa-try::before {
content: "";
}
.fa-turkish-lira::before {
content: "";
}
.fa-dollar-sign::before {
content: "$";
}
.fa-dollar::before {
content: "$";
}
.fa-usd::before {
content: "$";
}
.fa-x::before {
content: "X";
}
.fa-magnifying-glass-dollar::before {
content: "";
}
.fa-search-dollar::before {
content: "";
}
.fa-users-gear::before {
content: "";
}
.fa-users-cog::before {
content: "";
}
.fa-person-military-pointing::before {
content: "";
}
.fa-building-columns::before {
content: "";
}
.fa-bank::before {
content: "";
}
.fa-institution::before {
content: "";
}
.fa-museum::before {
content: "";
}
.fa-university::before {
content: "";
}
.fa-umbrella::before {
content: "";
}
.fa-trowel::before {
content: "";
}
.fa-d::before {
content: "D";
}
.fa-stapler::before {
content: "";
}
.fa-masks-theater::before {
content: "";
}
.fa-theater-masks::before {
content: "";
}
.fa-kip-sign::before {
content: "";
}
.fa-hand-point-left::before {
content: "";
}
.fa-handshake-simple::before {
content: "";
}
.fa-handshake-alt::before {
content: "";
}
.fa-jet-fighter::before {
content: "";
}
.fa-fighter-jet::before {
content: "";
}
.fa-square-share-nodes::before {
content: "";
}
.fa-share-alt-square::before {
content: "";
}
.fa-barcode::before {
content: "";
}
.fa-plus-minus::before {
content: "";
}
.fa-video::before {
content: "";
}
.fa-video-camera::before {
content: "";
}
.fa-graduation-cap::before {
content: "";
}
.fa-mortar-board::before {
content: "";
}
.fa-hand-holding-medical::before {
content: "";
}
.fa-person-circle-check::before {
content: "";
}
.fa-turn-up::before {
content: "";
}
.fa-level-up-alt::before {
content: "";
}
.sr-only, .fa-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;
}
.sr-only-focusable:not(:focus), .fa-sr-only-focusable:not(:focus) {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
/*!
* Bootstrap v4.6.2 (https://getbootstrap.com/)
* Copyright 2011-2022 The Bootstrap Authors
* Copyright 2011-2022 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
:root {
--blue: #0f6cbf;
--indigo: #6610f2;
--purple: #613d7c;
--pink: #db1a74;
--red: #ca3120;
--orange: #f0ad4e;
--yellow: #ff7518;
--green: #357a32;
--teal: #20c997;
--cyan: #008196;
--white: #fff;
--gray: #6a737b;
--gray-dark: #343a40;
--primary: #0f6cbf;
--secondary: #ced4da;
--success: #357a32;
--info: #008196;
--warning: #f0ad4e;
--danger: #ca3120;
--light: #f8f9fa;
--dark: #343a40;
--breakpoint-xs: 0;
--breakpoint-sm: 576px;
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;
--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
*, *::before, *::after {
box-sizing: border-box;
}
html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
display: block;
}
body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-size: 0.9375rem;
font-weight: 400;
line-height: 1.5;
color: #1d2125;
text-align: left;
background-color: #fff;
}
@media (max-width: 1200px) {
body {
font-size: calc(0.90375rem + 0.045vw) ;
}
}
[tabindex="-1"]:focus:not(:focus-visible) {
outline: 0 !important;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: 0.5rem;
}
p {
margin-top: 0;
margin-bottom: 1rem;
}
abbr[title], abbr[data-original-title] {
text-decoration: underline;
text-decoration: underline dotted;
cursor: help;
border-bottom: 0;
text-decoration-skip-ink: none;
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit;
}
ol, ul, dl {
margin-top: 0;
margin-bottom: 1rem;
}
ol ol, ul ul, ol ul, ul ol {
margin-bottom: 0;
}
dt {
font-weight: 700;
}
dd {
margin-bottom: 0.5rem;
margin-left: 0;
}
blockquote {
margin: 0 0 1rem;
}
b, strong, .pagelayout-frontpage .theme_boost_union-courselisting .customfields .customfieldname, .pagelayout-frontpage .theme_boost_union-courselisting .customfields .customfieldseparator, .pagelayout-coursecategory .theme_boost_union-courselisting .customfields .customfieldname, .pagelayout-coursecategory .theme_boost_union-courselisting .customfields .customfieldseparator, #page-course-search .theme_boost_union-courselisting .customfields .customfieldname, #page-course-search .theme_boost_union-courselisting .customfields .customfieldseparator {
font-weight: bolder;
}
small, .pagelayout-frontpage .theme_boost_union-courselisting .customfields .customfield, .pagelayout-coursecategory .theme_boost_union-courselisting .customfields .customfield, #page-course-search .theme_boost_union-courselisting .customfields .customfield {
font-size: 80%;
}
sub, sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
a {
color: #0f6cbf;
text-decoration: none;
background-color: transparent;
}
a:hover {
color: #094478;
text-decoration: underline;
}
a:not([href]):not([class]) {
color: inherit;
text-decoration: none;
}
a:not([href]):not([class]):hover {
color: inherit;
text-decoration: none;
}
pre, code, kbd, samp {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 1em;
}
pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
-ms-overflow-style: scrollbar;
}
figure {
margin: 0 0 1rem;
}
img {
vertical-align: middle;
border-style: none;
}
svg {
overflow: hidden;
vertical-align: middle;
}
table {
border-collapse: collapse;
}
caption {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
color: #6a737b;
text-align: left;
caption-side: bottom;
}
th {
text-align: inherit;
text-align: -webkit-match-parent;
}
label {
display: inline-block;
margin-bottom: 0.5rem;
}
button {
border-radius: 0;
}
button:focus:not(:focus-visible) {
outline: 0;
}
input, button, select, optgroup, textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
button, input {
overflow: visible;
}
button, select {
text-transform: none;
}
[role="button"] {
cursor: pointer;
}
select {
word-wrap: normal;
}
button, [type="button"], [type="reset"], [type="submit"] {
-webkit-appearance: button;
}
button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) {
cursor: pointer;
}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
padding: 0;
border-style: none;
}
input[type="radio"], input[type="checkbox"] {
box-sizing: border-box;
padding: 0;
}
textarea {
overflow: auto;
resize: vertical;
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: 0.5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit;
white-space: normal;
}
@media (max-width: 1200px) {
legend {
font-size: calc(0.96rem + 0.72vw) ;
}
}
progress {
vertical-align: baseline;
}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
outline-offset: -2px;
-webkit-appearance: none;
}
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
output {
display: inline-block;
}
summary {
display: list-item;
cursor: pointer;
}
template {
display: none;
}
[hidden] {
display: none !important;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
margin-bottom: 0.5rem;
font-weight: 700;
line-height: 1.2;
}
h1, .h1 {
font-size: 2.34375rem;
}
@media (max-width: 1200px) {
h1, .h1 {
font-size: calc(1.044375rem + 1.7325vw) ;
}
}
h2, .h2 {
font-size: 1.875rem;
}
@media (max-width: 1200px) {
h2, .h2 {
font-size: calc(0.9975rem + 1.17vw) ;
}
}
h3, .h3 {
font-size: 1.640625rem;
}
@media (max-width: 1200px) {
h3, .h3 {
font-size: calc(0.9740625rem + 0.88875vw) ;
}
}
h4, .h4 {
font-size: 1.40625rem;
}
@media (max-width: 1200px) {
h4, .h4 {
font-size: calc(0.950625rem + 0.6075vw) ;
}
}
h5, .h5 {
font-size: 1.171875rem;
}
@media (max-width: 1200px) {
h5, .h5 {
font-size: calc(0.9271875rem + 0.32625vw) ;
}
}
h6, .h6 {
font-size: 0.9375rem;
}
@media (max-width: 1200px) {
h6, .h6 {
font-size: calc(0.90375rem + 0.045vw) ;
}
}
.lead {
font-size: 1.171875rem;
font-weight: 300;
}
@media (max-width: 1200px) {
.lead {
font-size: calc(0.9271875rem + 0.32625vw) ;
}
}
.display-1 {
font-size: 6rem;
font-weight: 300;
line-height: 1.2;
}
@media (max-width: 1200px) {
.display-1 {
font-size: calc(1.41rem + 6.12vw) ;
}
}
.display-2 {
font-size: 5.5rem;
font-weight: 300;
line-height: 1.2;
}
@media (max-width: 1200px) {
.display-2 {
font-size: calc(1.36rem + 5.52vw) ;
}
}
.display-3 {
font-size: 4.5rem;
font-weight: 300;
line-height: 1.2;
}
@media (max-width: 1200px) {
.display-3 {
font-size: calc(1.26rem + 4.32vw) ;
}
}
.display-4 {
font-size: 3.5rem;
font-weight: 300;
line-height: 1.2;
}
@media (max-width: 1200px) {
.display-4 {
font-size: calc(1.16rem + 3.12vw) ;
}
}
hr {
margin-top: 1rem;
margin-bottom: 1rem;
border: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
small, .pagelayout-frontpage .theme_boost_union-courselisting .customfields .customfield, .pagelayout-coursecategory .theme_boost_union-courselisting .customfields .customfield, #page-course-search .theme_boost_union-courselisting .customfields .customfield, .small, .pagelayout-frontpage .theme_boost_union-coursecategoryinfo, .pagelayout-coursecategory .theme_boost_union-coursecategoryinfo, #page-course-search .theme_boost_union-coursecategoryinfo {
font-size: 0.875em;
font-weight: 400;
}
mark, .mark {
padding: 0.2em;
background-color: #fcf8e3;
}
.list-unstyled {
padding-left: 0;
list-style: none;
}
.list-inline {
padding-left: 0;
list-style: none;
}
.list-inline-item {
display: inline-block;
}
.list-inline-item:not(:last-child) {
margin-right: 0.5rem;
}
.initialism {
font-size: 90%;
text-transform: uppercase;
}
.blockquote {
margin-bottom: 1rem;
font-size: 1.171875rem;
}
@media (max-width: 1200px) {
.blockquote {
font-size: calc(0.9271875rem + 0.32625vw) ;
}
}
.blockquote-footer {
display: block;
font-size: 0.875em;
color: #6a737b;
}
.blockquote-footer::before {
content: "— ";
}
.img-fluid {
max-width: 100%;
height: auto;
}
.img-thumbnail {
padding: 0.25rem;
background-color: #fff;
border: 1px solid #dee2e6;
border-radius: 0.5rem;
max-width: 100%;
height: auto;
}
.figure {
display: inline-block;
}
.figure-img {
margin-bottom: 0.5rem;
line-height: 1;
}
.figure-caption {
font-size: 90%;
color: #6a737b;
}
code {
font-size: 87.5%;
color: #db1a74;
word-wrap: break-word;
}
a > code {
color: inherit;
}
kbd {
padding: 0.2rem 0.4rem;
font-size: 87.5%;
color: #fff;
background-color: #1d2125;
border-radius: 0.2rem;
}
kbd kbd {
padding: 0;
font-size: 100%;
font-weight: 700;
}
pre {
display: block;
font-size: 87.5%;
color: #1d2125;
}
pre code {
font-size: inherit;
color: inherit;
word-break: normal;
}
.pre-scrollable {
max-height: 340px;
overflow-y: scroll;
}
.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container, .container-sm {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container, .container-sm, .container-md {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container, .container-sm, .container-md, .container-lg {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container, .container-sm, .container-md, .container-lg, .container-xl {
max-width: 1140px;
}
}
.row {
display: flex;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.no-gutters, .g-0 {
margin-right: 0;
margin-left: 0;
}
.no-gutters > .col, .g-0 > .col, .no-gutters > [class*="col-"], .g-0 > [class*="col-"] {
padding-right: 0;
padding-left: 0;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
.col {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.row-cols-1 > * {
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-2 > * {
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.row-cols-4 > * {
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-5 > * {
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-6 > * {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-1 {
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.col-2 {
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.col-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.col-5 {
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.col-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.col-8 {
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.col-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.col-11 {
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.col-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-first {
order: -1;
}
.order-last {
order: 13;
}
.order-0 {
order: 0;
}
.order-1 {
order: 1;
}
.order-2 {
order: 2;
}
.order-3 {
order: 3;
}
.order-4 {
order: 4;
}
.order-5 {
order: 5;
}
.order-6 {
order: 6;
}
.order-7 {
order: 7;
}
.order-8 {
order: 8;
}
.order-9 {
order: 9;
}
.order-10 {
order: 10;
}
.order-11 {
order: 11;
}
.order-12 {
order: 12;
}
.offset-1 {
margin-left: 8.33333333%;
}
.offset-2 {
margin-left: 16.66666667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.33333333%;
}
.offset-5 {
margin-left: 41.66666667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.33333333%;
}
.offset-8 {
margin-left: 66.66666667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.33333333%;
}
.offset-11 {
margin-left: 91.66666667%;
}
@media (min-width: 576px) {
.col-sm {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.row-cols-sm-1 > * {
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-sm-2 > * {
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-sm-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.row-cols-sm-4 > * {
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-sm-5 > * {
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-sm-6 > * {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-sm-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-sm-1 {
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.col-sm-2 {
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.col-sm-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.col-sm-5 {
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.col-sm-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.col-sm-8 {
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.col-sm-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.col-sm-11 {
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.col-sm-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-sm-first {
order: -1;
}
.order-sm-last {
order: 13;
}
.order-sm-0 {
order: 0;
}
.order-sm-1 {
order: 1;
}
.order-sm-2 {
order: 2;
}
.order-sm-3 {
order: 3;
}
.order-sm-4 {
order: 4;
}
.order-sm-5 {
order: 5;
}
.order-sm-6 {
order: 6;
}
.order-sm-7 {
order: 7;
}
.order-sm-8 {
order: 8;
}
.order-sm-9 {
order: 9;
}
.order-sm-10 {
order: 10;
}
.order-sm-11 {
order: 11;
}
.order-sm-12 {
order: 12;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.33333333%;
}
.offset-sm-2 {
margin-left: 16.66666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.33333333%;
}
.offset-sm-5 {
margin-left: 41.66666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.33333333%;
}
.offset-sm-8 {
margin-left: 66.66666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.33333333%;
}
.offset-sm-11 {
margin-left: 91.66666667%;
}
}
@media (min-width: 768px) {
.col-md {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.row-cols-md-1 > * {
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-md-2 > * {
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-md-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.row-cols-md-4 > * {
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-md-5 > * {
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-md-6 > * {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-md-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-md-1 {
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.col-md-2 {
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.col-md-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.col-md-5 {
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.col-md-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.col-md-8 {
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.col-md-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.col-md-11 {
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.col-md-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-md-first {
order: -1;
}
.order-md-last {
order: 13;
}
.order-md-0 {
order: 0;
}
.order-md-1 {
order: 1;
}
.order-md-2 {
order: 2;
}
.order-md-3 {
order: 3;
}
.order-md-4 {
order: 4;
}
.order-md-5 {
order: 5;
}
.order-md-6 {
order: 6;
}
.order-md-7 {
order: 7;
}
.order-md-8 {
order: 8;
}
.order-md-9 {
order: 9;
}
.order-md-10 {
order: 10;
}
.order-md-11 {
order: 11;
}
.order-md-12 {
order: 12;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.33333333%;
}
.offset-md-2 {
margin-left: 16.66666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.33333333%;
}
.offset-md-5 {
margin-left: 41.66666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.33333333%;
}
.offset-md-8 {
margin-left: 66.66666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.33333333%;
}
.offset-md-11 {
margin-left: 91.66666667%;
}
}
@media (min-width: 992px) {
.col-lg {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.row-cols-lg-1 > * {
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-lg-2 > * {
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-lg-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.row-cols-lg-4 > * {
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-lg-5 > * {
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-lg-6 > * {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-lg-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-lg-1 {
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.col-lg-2 {
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.col-lg-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.col-lg-5 {
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.col-lg-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.col-lg-8 {
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.col-lg-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.col-lg-11 {
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.col-lg-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-lg-first {
order: -1;
}
.order-lg-last {
order: 13;
}
.order-lg-0 {
order: 0;
}
.order-lg-1 {
order: 1;
}
.order-lg-2 {
order: 2;
}
.order-lg-3 {
order: 3;
}
.order-lg-4 {
order: 4;
}
.order-lg-5 {
order: 5;
}
.order-lg-6 {
order: 6;
}
.order-lg-7 {
order: 7;
}
.order-lg-8 {
order: 8;
}
.order-lg-9 {
order: 9;
}
.order-lg-10 {
order: 10;
}
.order-lg-11 {
order: 11;
}
.order-lg-12 {
order: 12;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.33333333%;
}
.offset-lg-2 {
margin-left: 16.66666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.33333333%;
}
.offset-lg-5 {
margin-left: 41.66666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.33333333%;
}
.offset-lg-8 {
margin-left: 66.66666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.33333333%;
}
.offset-lg-11 {
margin-left: 91.66666667%;
}
}
@media (min-width: 1200px) {
.col-xl {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.row-cols-xl-1 > * {
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-xl-2 > * {
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-xl-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.row-cols-xl-4 > * {
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-xl-5 > * {
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-xl-6 > * {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-xl-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-xl-1 {
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.col-xl-2 {
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.col-xl-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.col-xl-5 {
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.col-xl-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.col-xl-8 {
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.col-xl-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.col-xl-11 {
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.col-xl-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-xl-first {
order: -1;
}
.order-xl-last {
order: 13;
}
.order-xl-0 {
order: 0;
}
.order-xl-1 {
order: 1;
}
.order-xl-2 {
order: 2;
}
.order-xl-3 {
order: 3;
}
.order-xl-4 {
order: 4;
}
.order-xl-5 {
order: 5;
}
.order-xl-6 {
order: 6;
}
.order-xl-7 {
order: 7;
}
.order-xl-8 {
order: 8;
}
.order-xl-9 {
order: 9;
}
.order-xl-10 {
order: 10;
}
.order-xl-11 {
order: 11;
}
.order-xl-12 {
order: 12;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.33333333%;
}
.offset-xl-2 {
margin-left: 16.66666667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.33333333%;
}
.offset-xl-5 {
margin-left: 41.66666667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.33333333%;
}
.offset-xl-8 {
margin-left: 66.66666667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.33333333%;
}
.offset-xl-11 {
margin-left: 91.66666667%;
}
}
.table {
width: 100%;
margin-bottom: 1rem;
color: #1d2125;
}
.table th, .table td {
padding: 0.75rem;
vertical-align: top;
border-top: 1px solid #dee2e6;
}
.table thead th {
vertical-align: bottom;
border-bottom: 2px solid #dee2e6;
}
.table tbody + tbody {
border-top: 2px solid #dee2e6;
}
.table-sm th, .table-sm td {
padding: 0.3rem;
}
.table-bordered {
border: 1px solid #dee2e6;
}
.table-bordered th, .table-bordered td {
border: 1px solid #dee2e6;
}
.table-bordered thead th, .table-bordered thead td {
border-bottom-width: 2px;
}
.table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody {
border: 0;
}
.table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(0, 0, 0, 0.03);
}
.table-hover tbody tr:hover {
color: #1d2125;
background-color: rgba(0, 0, 0, 0.075);
}
.table-primary, .table-primary > th, .table-primary > td {
background-color: #bcd6ed;
}
.table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody {
border-color: #82b3de;
}
.table-hover .table-primary:hover {
background-color: #a8cae8;
}
.table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th {
background-color: #a8cae8;
}
.table-secondary, .table-secondary > th, .table-secondary > td {
background-color: #f1f3f5;
}
.table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody {
border-color: #e6e9ec;
}
.table-hover .table-secondary:hover {
background-color: #e2e6ea;
}
.table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th {
background-color: #e2e6ea;
}
.table-success, .table-success > th, .table-success > td {
background-color: #c6dac6;
}
.table-success th, .table-success td, .table-success thead th, .table-success tbody + tbody {
border-color: #96ba94;
}
.table-hover .table-success:hover {
background-color: #b7d0b7;
}
.table-hover .table-success:hover > td, .table-hover .table-success:hover > th {
background-color: #b7d0b7;
}
.table-info, .table-info > th, .table-info > td {
background-color: #b8dce2;
}
.table-info th, .table-info td, .table-info thead th, .table-info tbody + tbody {
border-color: #7abdc8;
}
.table-hover .table-info:hover {
background-color: #a6d3db;
}
.table-hover .table-info:hover > td, .table-hover .table-info:hover > th {
background-color: #a6d3db;
}
.table-warning, .table-warning > th, .table-warning > td {
background-color: #fbe8cd;
}
.table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody + tbody {
border-color: #f7d4a3;
}
.table-hover .table-warning:hover {
background-color: #f9ddb5;
}
.table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th {
background-color: #f9ddb5;
}
.table-danger, .table-danger > th, .table-danger > td {
background-color: #f0c5c1;
}
.table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody {
border-color: #e3948b;
}
.table-hover .table-danger:hover {
background-color: #ebb2ac;
}
.table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th {
background-color: #ebb2ac;
}
.table-light, .table-light > th, .table-light > td {
background-color: #fdfdfe;
}
.table-light th, .table-light td, .table-light thead th, .table-light tbody + tbody {
border-color: #fbfcfc;
}
.table-hover .table-light:hover {
background-color: #ececf6;
}
.table-hover .table-light:hover > td, .table-hover .table-light:hover > th {
background-color: #ececf6;
}
.table-dark, .table-dark > th, .table-dark > td {
background-color: #c6c8ca;
}
.table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody {
border-color: #95999c;
}
.table-hover .table-dark:hover {
background-color: #b9bbbe;
}
.table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th {
background-color: #b9bbbe;
}
.table-active, .table-active > th, .table-active > td {
background-color: rgba(0, 0, 0, 0.075);
}
.table-hover .table-active:hover {
background-color: rgba(0, 0, 0, 0.075);
}
.table-hover .table-active:hover > td, .table-hover .table-active:hover > th {
background-color: rgba(0, 0, 0, 0.075);
}
.table .thead-dark th {
color: #fff;
background-color: #343a40;
border-color: #454d55;
}
.table .thead-light th {
color: #495057;
background-color: #e9ecef;
border-color: #dee2e6;
}
.table-dark {
color: #fff;
background-color: #343a40;
}
.table-dark th, .table-dark td, .table-dark thead th {
border-color: #454d55;
}
.table-dark.table-bordered {
border: 0;
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(255, 255, 255, 0.05);
}
.table-dark.table-hover tbody tr:hover {
color: #fff;
background-color: rgba(255, 255, 255, 0.075);
}
@media (max-width: 575.98px) {
.table-responsive-sm {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.table-responsive-sm > .table-bordered {
border: 0;
}
}
@media (max-width: 767.98px) {
.table-responsive-md {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.table-responsive-md > .table-bordered {
border: 0;
}
}
@media (max-width: 991.98px) {
.table-responsive-lg {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.table-responsive-lg > .table-bordered {
border: 0;
}
}
@media (max-width: 1199.98px) {
.table-responsive-xl {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.table-responsive-xl > .table-bordered {
border: 0;
}
}
.table-responsive {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.table-responsive > .table-bordered {
border: 0;
}
.form-control {
display: block;
width: 100%;
height: calc(1.5em + 0.75rem + 2px);
padding: 0.375rem 0.75rem;
font-size: 0.9375rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #8f959e;
border-radius: 0.5rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (max-width: 1200px) {
.form-control {
font-size: calc(0.90375rem + 0.045vw) ;
}
}
@media (prefers-reduced-motion: reduce) {
.form-control {
transition: none;
}
}
.form-control::-ms-expand {
background-color: transparent;
border: 0;
}
.form-control:focus {
color: #495057;
background-color: #fff;
border-color: #5babf2;
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
}
.form-control::placeholder {
color: #6a737b;
opacity: 1;
}
.form-control:disabled, .form-control[readonly] {
background-color: #e9ecef;
opacity: 1;
}
input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control {
appearance: none;
}
select.form-control:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #495057;
}
select.form-control:focus::-ms-value {
color: #495057;
background-color: #fff;
}
.form-control-file, .form-control-range {
display: block;
width: 100%;
}
.col-form-label {
padding-top: calc(0.375rem + 1px);
padding-bottom: calc(0.375rem + 1px);
margin-bottom: 0;
font-size: inherit;
line-height: 1.5;
}
.col-form-label-lg {
padding-top: calc(0.5rem + 1px);
padding-bottom: calc(0.5rem + 1px);
font-size: 1.171875rem;
line-height: 1.5;
}
@media (max-width: 1200px) {
.col-form-label-lg {
font-size: calc(0.9271875rem + 0.32625vw) ;
}
}
.col-form-label-sm {
padding-top: calc(0.25rem + 1px);
padding-bottom: calc(0.25rem + 1px);
font-size: 0.8203125rem;
line-height: 1.5;
}
.form-control-plaintext {
display: block;
width: 100%;
padding: 0.375rem 0;
margin-bottom: 0;
font-size: 0.9375rem;
line-height: 1.5;
color: #1d2125;
background-color: transparent;
border: solid transparent;
border-width: 1px 0;
}
@media (max-width: 1200px) {
.form-control-plaintext {
font-size: calc(0.90375rem + 0.045vw) ;
}
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
padding-right: 0;
padding-left: 0;
}
.form-control-sm {
height: calc(1.5em + 0.5rem + 2px);
padding: 0.25rem 0.5rem;
font-size: 0.8203125rem;
line-height: 1.5;
border-radius: 0.2rem;
}
.form-control-lg {
height: calc(1.5em + 1rem + 2px);
padding: 0.5rem 1rem;
font-size: 1.171875rem;
line-height: 1.5;
border-radius: 0.6rem;
}
@media (max-width: 1200px) {
.form-control-lg {
font-size: calc(0.9271875rem + 0.32625vw) ;
}
}
select.form-control[size], select.form-control[multiple] {
height: auto;
}
textarea.form-control {
height: auto;
}
.form-group {
margin-bottom: 1rem;
}
.form-text {
display: block;
margin-top: 0.25rem;
}
.form-row {
display: flex;
flex-wrap: wrap;
margin-right: -5px;
margin-left: -5px;
}
.form-row > .col, .form-row > [class*="col-"] {
padding-right: 5px;
padding-left: 5px;
}
.form-check {
position: relative;
display: block;
padding-left: 1.25rem;
}
.form-check-input {
position: absolute;
margin-top: 0.3rem;
margin-left: -1.25rem;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
color: #6a737b;
}
.form-check-label {
margin-bottom: 0;
}
.form-check-inline {
display: inline-flex;
align-items: center;
padding-left: 0;
margin-right: 0.75rem;
}
.form-check-inline .form-check-input {
position: static;
margin-top: 0;
margin-right: 0.3125rem;
margin-left: 0;
}
.valid-feedback {
display: none;
width: 100%;
margin-top: 0.25rem;
font-size: 0.875em;
color: #357a32;
}
.valid-tooltip {
position: absolute;
top: 100%;
left: 0;
z-index: 5;
display: none;
max-width: 100%;
padding: 0.25rem 0.5rem;
margin-top: 0.1rem;
font-size: 0.8203125rem;
line-height: 1.5;
color: #fff;
background-color: rgba(53, 122, 50, 0.9);
border-radius: 0.5rem;
}
.form-row > .col > .valid-tooltip, .form-row > [class*="col-"] > .valid-tooltip {
left: 5px;
}
.was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip, .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip {
display: block;
}
.was-validated .form-control:valid, .form-control.is-valid {
border-color: #357a32;
padding-right: calc(1.5em + 0.75rem) !important;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23357a32' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right calc(0.375em + 0.1875rem) center;
background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
border-color: #357a32;
box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.25);
}
.was-validated select.form-control:valid, select.form-control.is-valid {
padding-right: 3rem !important;
background-position: right 1.5rem center;
}
.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
padding-right: calc(1.5em + 0.75rem);
background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.was-validated .custom-select:valid, .custom-select.is-valid {
border-color: #357a32;
padding-right: calc(0.75em + 2.3125rem) !important;
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center / 8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23357a32' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem / calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
}
.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
border-color: #357a32;
box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
color: #357a32;
}
.was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip {
display: block;
}
.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
color: #357a32;
}
.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
border-color: #357a32;
}
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
border-color: #459e41;
background-color: #459e41;
}
.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.25);
}
.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
border-color: #357a32;
}
.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
border-color: #357a32;
}
.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
border-color: #357a32;
box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.25);
}
.invalid-feedback {
display: none;
width: 100%;
margin-top: 0.25rem;
font-size: 0.875em;
color: #ca3120;
}
.invalid-tooltip {
position: absolute;
top: 100%;
left: 0;
z-index: 5;
display: none;
max-width: 100%;
padding: 0.25rem 0.5rem;
margin-top: 0.1rem;
font-size: 0.8203125rem;
line-height: 1.5;
color: #fff;
background-color: rgba(202, 49, 32, 0.9);
border-radius: 0.5rem;
}
.form-row > .col > .invalid-tooltip, .form-row > [class*="col-"] > .invalid-tooltip {
left: 5px;
}
.was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip {
display: block;
}
.was-validated .form-control:invalid, .form-control.is-invalid {
border-color: #ca3120;
padding-right: calc(1.5em + 0.75rem) !important;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ca3120' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ca3120' stroke='none'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right calc(0.375em + 0.1875rem) center;
background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
border-color: #ca3120;
box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
}
.was-validated select.form-control:invalid, select.form-control.is-invalid {
padding-right: 3rem !important;
background-position: right 1.5rem center;
}
.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
padding-right: calc(1.5em + 0.75rem);
background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.was-validated .custom-select:invalid, .custom-select.is-invalid {
border-color: #ca3120;
padding-right: calc(0.75em + 2.3125rem) !important;
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center / 8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ca3120' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ca3120' stroke='none'/%3e%3c/svg%3e") center right 1.75rem / calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
}
.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
border-color: #ca3120;
box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
}
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
color: #ca3120;
}
.was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip {
display: block;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
color: #ca3120;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
border-color: #ca3120;
}
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
border-color: #e04d3d;
background-color: #e04d3d;
}
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
}
.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
border-color: #ca3120;
}
.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
border-color: #ca3120;
}
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
border-color: #ca3120;
box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
}
.form-inline {
display: flex;
flex-flow: row wrap;
align-items: center;
}
.form-inline .form-check {
width: 100%;
}
@media (min-width: 576px) {
.form-inline label {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 0;
}
.form-inline .form-group {
display: flex;
flex: 0 0 auto;
flex-flow: row wrap;
align-items: center;
margin-bottom: 0;
}
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle;
}
.form-inline .form-control-plaintext {
display: inline-block;
}
.form-inline .input-group, .form-inline .custom-select {
width: auto;
}
.form-inline .form-check {
display: flex;
align-items: center;
justify-content: center;
width: auto;
padding-left: 0;
}
.form-inline .form-check-input {
position: relative;
flex-shrink: 0;
margin-top: 0;
margin-right: 0.25rem;
margin-left: 0;
}
.form-inline .custom-control {
align-items: center;
justify-content: center;
}
.form-inline .custom-control-label {
margin-bottom: 0;
}
}
.btn, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand {
display: inline-block;
font-weight: 400;
color: #1d2125;
text-align: center;
vertical-align: middle;
user-select: none;
background-color: transparent;
border: 1px solid transparent;
padding: 0.375rem 0.75rem;
font-size: 0.9375rem;
line-height: 1.5;
border-radius: 0.5rem;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (max-width: 1200px) {
.btn, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand {
font-size: calc(0.90375rem + 0.045vw) ;
}
}
@media (prefers-reduced-motion: reduce) {
.btn, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand {
transition: none;
}
}
.btn:hover, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:hover, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:hover, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:hover {
color: #1d2125;
text-decoration: none;
}
.btn:focus, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:focus, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:focus, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:focus, .btn.focus, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.focus.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.focus.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.focus.collapseexpand {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
}
.btn.disabled, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.disabled.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.disabled.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.disabled.collapseexpand, .btn:disabled, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:disabled, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:disabled, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:disabled {
opacity: 0.65;
}
.btn:not(:disabled):not(.disabled), .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:not(:disabled):not(.disabled), .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:not(:disabled):not(.disabled), #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:not(:disabled):not(.disabled) {
cursor: pointer;
}
a.btn.disabled, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.disabled.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.disabled.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.disabled.collapseexpand, fieldset:disabled a.btn, fieldset:disabled .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions fieldset:disabled a.collapseexpand, fieldset:disabled .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions fieldset:disabled a.collapseexpand, fieldset:disabled #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions fieldset:disabled a.collapseexpand {
pointer-events: none;
}
.btn-primary {
color: #fff;
background-color: #0f6cbf;
border-color: #0f6cbf;
}
.btn-primary:hover {
color: #fff;
background-color: #0c589c;
border-color: #0b5190;
}
.btn-primary:focus, .btn-primary.focus {
color: #fff;
background-color: #0c589c;
border-color: #0b5190;
box-shadow: 0 0 0 0.2rem rgba(51, 130, 201, 0.5);
}
.btn-primary.disabled, .btn-primary:disabled {
color: #fff;
background-color: #0f6cbf;
border-color: #0f6cbf;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
color: #fff;
background-color: #0b5190;
border-color: #0a4b84;
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(51, 130, 201, 0.5);
}
.btn-secondary, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand {
color: #1d2125;
background-color: #ced4da;
border-color: #ced4da;
}
.btn-secondary:hover, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:hover, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:hover, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:hover {
color: #1d2125;
background-color: #b8c1ca;
border-color: #b1bbc4;
}
.btn-secondary:focus, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:focus, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:focus, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:focus, .btn-secondary.focus, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.focus.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.focus.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.focus.collapseexpand {
color: #1d2125;
background-color: #b8c1ca;
border-color: #b1bbc4;
box-shadow: 0 0 0 0.2rem rgba(179, 185, 191, 0.5);
}
.btn-secondary.disabled, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.disabled.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.disabled.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.disabled.collapseexpand, .btn-secondary:disabled, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:disabled, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:disabled, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:disabled {
color: #1d2125;
background-color: #ced4da;
border-color: #ced4da;
}
.btn-secondary:not(:disabled):not(.disabled):active, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:not(:disabled):not(.disabled):active, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:not(:disabled):not(.disabled):active, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.active.collapseexpand:not(.disabled):not(:disabled), .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.active.collapseexpand:not(.disabled):not(:disabled), #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.active.collapseexpand:not(.disabled):not(:disabled), .show > .btn-secondary.dropdown-toggle, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .show > a.dropdown-toggle.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .show > a.dropdown-toggle.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .show > a.dropdown-toggle.collapseexpand {
color: #1d2125;
background-color: #b1bbc4;
border-color: #aab4bf;
}
.btn-secondary:not(:disabled):not(.disabled):active:focus, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:not(:disabled):not(.disabled):active:focus, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:not(:disabled):not(.disabled):active:focus, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.active.collapseexpand:not(.disabled):not(:disabled):focus, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.active.collapseexpand:not(.disabled):not(:disabled):focus, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.active.collapseexpand:not(.disabled):not(:disabled):focus, .show > .btn-secondary.dropdown-toggle:focus, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .show > a.dropdown-toggle.collapseexpand:focus, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .show > a.dropdown-toggle.collapseexpand:focus, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .show > a.dropdown-toggle.collapseexpand:focus {
box-shadow: 0 0 0 0.2rem rgba(179, 185, 191, 0.5);
}
.btn-success {
color: #fff;
background-color: #357a32;
border-color: #357a32;
}
.btn-success:hover {
color: #fff;
background-color: #295f27;
border-color: #255623;
}
.btn-success:focus, .btn-success.focus {
color: #fff;
background-color: #295f27;
border-color: #255623;
box-shadow: 0 0 0 0.2rem rgba(83, 142, 81, 0.5);
}
.btn-success.disabled, .btn-success:disabled {
color: #fff;
background-color: #357a32;
border-color: #357a32;
}
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
color: #fff;
background-color: #255623;
border-color: #214d1f;
}
.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(83, 142, 81, 0.5);
}
.btn-info {
color: #fff;
background-color: #008196;
border-color: #008196;
}
.btn-info:hover {
color: #fff;
background-color: #006070;
border-color: #005563;
}
.btn-info:focus, .btn-info.focus {
color: #fff;
background-color: #006070;
border-color: #005563;
box-shadow: 0 0 0 0.2rem rgba(38, 148, 166, 0.5);
}
.btn-info.disabled, .btn-info:disabled {
color: #fff;
background-color: #008196;
border-color: #008196;
}
.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
color: #fff;
background-color: #005563;
border-color: #004a56;
}
.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(38, 148, 166, 0.5);
}
.btn-warning {
color: #1d2125;
background-color: #f0ad4e;
border-color: #f0ad4e;
}
.btn-warning:hover {
color: #1d2125;
background-color: #ed9d2b;
border-color: #ec971f;
}
.btn-warning:focus, .btn-warning.focus {
color: #1d2125;
background-color: #ed9d2b;
border-color: #ec971f;
box-shadow: 0 0 0 0.2rem rgba(208, 152, 72, 0.5);
}
.btn-warning.disabled, .btn-warning:disabled {
color: #1d2125;
background-color: #f0ad4e;
border-color: #f0ad4e;
}
.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
color: #1d2125;
background-color: #ec971f;
border-color: #ea9214;
}
.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(208, 152, 72, 0.5);
}
.btn-danger {
color: #fff;
background-color: #ca3120;
border-color: #ca3120;
}
.btn-danger:hover {
color: #fff;
background-color: #a9291b;
border-color: #9e2619;
}
.btn-danger:focus, .btn-danger.focus {
color: #fff;
background-color: #a9291b;
border-color: #9e2619;
box-shadow: 0 0 0 0.2rem rgba(210, 80, 65, 0.5);
}
.btn-danger.disabled, .btn-danger:disabled {
color: #fff;
background-color: #ca3120;
border-color: #ca3120;
}
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
color: #fff;
background-color: #9e2619;
border-color: #932417;
}
.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(210, 80, 65, 0.5);
}
.btn-light {
color: #1d2125;
background-color: #f8f9fa;
border-color: #f8f9fa;
}
.btn-light:hover {
color: #1d2125;
background-color: #e2e6ea;
border-color: #dae0e5;
}
.btn-light:focus, .btn-light.focus {
color: #1d2125;
background-color: #e2e6ea;
border-color: #dae0e5;
box-shadow: 0 0 0 0.2rem rgba(215, 217, 218, 0.5);
}
.btn-light.disabled, .btn-light:disabled {
color: #1d2125;
background-color: #f8f9fa;
border-color: #f8f9fa;
}
.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {
color: #1d2125;
background-color: #dae0e5;
border-color: #d3d9df;
}
.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(215, 217, 218, 0.5);
}
.btn-dark {
color: #fff;
background-color: #343a40;
border-color: #343a40;
}
.btn-dark:hover {
color: #fff;
background-color: #23272b;
border-color: #1d2124;
}
.btn-dark:focus, .btn-dark.focus {
color: #fff;
background-color: #23272b;
border-color: #1d2124;
box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}
.btn-dark.disabled, .btn-dark:disabled {
color: #fff;
background-color: #343a40;
border-color: #343a40;
}
.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle {
color: #fff;
background-color: #1d2124;
border-color: #171a1d;
}
.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}
.btn-outline-primary {
color: #0f6cbf;
border-color: #0f6cbf;
}
.btn-outline-primary:hover {
color: #fff;
background-color: #0f6cbf;
border-color: #0f6cbf;
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.5);
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
color: #0f6cbf;
background-color: transparent;
}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
color: #fff;
background-color: #0f6cbf;
border-color: #0f6cbf;
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.5);
}
.btn-outline-secondary {
color: #ced4da;
border-color: #ced4da;
}
.btn-outline-secondary:hover {
color: #1d2125;
background-color: #ced4da;
border-color: #ced4da;
}
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
box-shadow: 0 0 0 0.2rem rgba(206, 212, 218, 0.5);
}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
color: #ced4da;
background-color: transparent;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
color: #1d2125;
background-color: #ced4da;
border-color: #ced4da;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(206, 212, 218, 0.5);
}
.btn-outline-success {
color: #357a32;
border-color: #357a32;
}
.btn-outline-success:hover {
color: #fff;
background-color: #357a32;
border-color: #357a32;
}
.btn-outline-success:focus, .btn-outline-success.focus {
box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.5);
}
.btn-outline-success.disabled, .btn-outline-success:disabled {
color: #357a32;
background-color: transparent;
}
.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle {
color: #fff;
background-color: #357a32;
border-color: #357a32;
}
.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.5);
}
.btn-outline-info {
color: #008196;
border-color: #008196;
}
.btn-outline-info:hover {
color: #fff;
background-color: #008196;
border-color: #008196;
}
.btn-outline-info:focus, .btn-outline-info.focus {
box-shadow: 0 0 0 0.2rem rgba(0, 129, 150, 0.5);
}
.btn-outline-info.disabled, .btn-outline-info:disabled {
color: #008196;
background-color: transparent;
}
.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
color: #fff;
background-color: #008196;
border-color: #008196;
}
.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(0, 129, 150, 0.5);
}
.btn-outline-warning {
color: #f0ad4e;
border-color: #f0ad4e;
}
.btn-outline-warning:hover {
color: #1d2125;
background-color: #f0ad4e;
border-color: #f0ad4e;
}
.btn-outline-warning:focus, .btn-outline-warning.focus {
box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);
}
.btn-outline-warning.disabled, .btn-outline-warning:disabled {
color: #f0ad4e;
background-color: transparent;
}
.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
color: #1d2125;
background-color: #f0ad4e;
border-color: #f0ad4e;
}
.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);
}
.btn-outline-danger {
color: #ca3120;
border-color: #ca3120;
}
.btn-outline-danger:hover {
color: #fff;
background-color: #ca3120;
border-color: #ca3120;
}
.btn-outline-danger:focus, .btn-outline-danger.focus {
box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.5);
}
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
color: #ca3120;
background-color: transparent;
}
.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle {
color: #fff;
background-color: #ca3120;
border-color: #ca3120;
}
.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.5);
}
.btn-outline-light {
color: #f8f9fa;
border-color: #f8f9fa;
}
.btn-outline-light:hover {
color: #1d2125;
background-color: #f8f9fa;
border-color: #f8f9fa;
}
.btn-outline-light:focus, .btn-outline-light.focus {
box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-outline-light.disabled, .btn-outline-light:disabled {
color: #f8f9fa;
background-color: transparent;
}
.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle {
color: #1d2125;
background-color: #f8f9fa;
border-color: #f8f9fa;
}
.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-outline-dark {
color: #343a40;
border-color: #343a40;
}
.btn-outline-dark:hover {
color: #fff;
background-color: #343a40;
border-color: #343a40;
}
.btn-outline-dark:focus, .btn-outline-dark.focus {
box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-outline-dark.disabled, .btn-outline-dark:disabled {
color: #343a40;
background-color: transparent;
}
.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle {
color: #fff;
background-color: #343a40;
border-color: #343a40;
}
.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-link {
font-weight: 400;
color: #0f6cbf;
text-decoration: none;
}
.btn-link:hover {
color: #094478;
text-decoration: underline;
}
.btn-link:focus, .btn-link.focus {
text-decoration: underline;
}
.btn-link:disabled, .btn-link.disabled {
color: #6a737b;
pointer-events: none;
}
.btn-lg, .btn-group-lg > .btn, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group-lg > a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group-lg > a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group-lg > a.collapseexpand {
padding: 0.5rem 1rem;
font-size: 1.171875rem;
line-height: 1.5;
border-radius: 0.6rem;
}
@media (max-width: 1200px) {
.btn-lg, .btn-group-lg > .btn, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group-lg > a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group-lg > a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group-lg > a.collapseexpand {
font-size: calc(0.9271875rem + 0.32625vw) ;
}
}
.btn-sm, .btn-group-sm > .btn, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group-sm > a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group-sm > a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group-sm > a.collapseexpand, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand {
padding: 0.25rem 0.5rem;
font-size: 0.8203125rem;
line-height: 1.5;
border-radius: 0.2rem;
}
.btn-block {
display: block;
width: 100%;
}
.btn-block + .btn-block {
margin-top: 0.5rem;
}
input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
width: 100%;
}
.fade {
transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
.fade {
transition: none;
}
}
.fade:not(.show) {
opacity: 0;
}
.collapse:not(.show) {
display: none;
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
.collapsing {
transition: none;
}
}
.collapsing.width {
width: 0;
height: auto;
transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
.collapsing.width {
transition: none;
}
}
.dropup, .dropright, .dropdown, .dropleft {
position: relative;
}
.dropdown-toggle {
white-space: nowrap;
}
.dropdown-toggle::after {
display: inline-block;
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;
}
.dropdown-toggle:empty::after {
margin-left: 0;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 10rem;
padding: 0.5rem 0;
margin: 0.125rem 0 0;
font-size: 0.9375rem;
color: #1d2125;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.5rem;
}
@media (max-width: 1200px) {
.dropdown-menu {
font-size: calc(0.90375rem + 0.045vw) ;
}
}
.dropdown-menu-left {
right: auto;
left: 0;
}
.dropdown-menu-right {
right: 0;
left: auto;
}
@media (min-width: 576px) {
.dropdown-menu-sm-left {
right: auto;
left: 0;
}
.dropdown-menu-sm-right {
right: 0;
left: auto;
}
}
@media (min-width: 768px) {
.dropdown-menu-md-left {
right: auto;
left: 0;
}
.dropdown-menu-md-right {
right: 0;
left: auto;
}
}
@media (min-width: 992px) {
.dropdown-menu-lg-left {
right: auto;
left: 0;
}
.dropdown-menu-lg-right {
right: 0;
left: auto;
}
}
@media (min-width: 1200px) {
.dropdown-menu-xl-left {
right: auto;
left: 0;
}
.dropdown-menu-xl-right {
right: 0;
left: auto;
}
}
.dropup .dropdown-menu {
top: auto;
bottom: 100%;
margin-top: 0;
margin-bottom: 0.125rem;
}
.dropup .dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0;
border-right: 0.3em solid transparent;
border-bottom: 0.3em solid;
border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
margin-left: 0;
}
.dropright .dropdown-menu {
top: 0;
right: auto;
left: 100%;
margin-top: 0;
margin-left: 0.125rem;
}
.dropright .dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid transparent;
border-right: 0;
border-bottom: 0.3em solid transparent;
border-left: 0.3em solid;
}
.dropright .dropdown-toggle:empty::after {
margin-left: 0;
}
.dropright .dropdown-toggle::after {
vertical-align: 0;
}
.dropleft .dropdown-menu {
top: 0;
right: 100%;
left: auto;
margin-top: 0;
margin-right: 0.125rem;
}
.dropleft .dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
}
.dropleft .dropdown-toggle::after {
display: none;
}
.dropleft .dropdown-toggle::before {
display: inline-block;
margin-right: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid transparent;
border-right: 0.3em solid;
border-bottom: 0.3em solid transparent;
}
.dropleft .dropdown-toggle:empty::after {
margin-left: 0;
}
.dropleft .dropdown-toggle::before {
vertical-align: 0;
}
.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {
right: auto;
bottom: auto;
}
.dropdown-divider {
height: 0;
margin: 0.5rem 0;
overflow: hidden;
border-top: 1px solid #e9ecef;
}
.dropdown-item {
display: block;
width: 100%;
padding: 0.25rem 1.5rem;
clear: both;
font-weight: 400;
color: #1d2125;
text-align: inherit;
white-space: nowrap;
background-color: transparent;
border: 0;
}
.dropdown-item:hover, .dropdown-item:focus {
color: #fff;
text-decoration: none;
background-color: #0f6cbf;
}
.dropdown-item.active, .dropdown-item:active {
color: #fff;
text-decoration: none;
background-color: #0f6cbf;
}
.dropdown-item.disabled, .dropdown-item:disabled {
color: #8f959e;
pointer-events: none;
background-color: transparent;
}
.dropdown-menu.show {
display: block;
}
.dropdown-header {
display: block;
padding: 0.5rem 1.5rem;
margin-bottom: 0;
font-size: 0.8203125rem;
color: #6a737b;
white-space: nowrap;
}
.dropdown-item-text {
display: block;
padding: 0.25rem 1.5rem;
color: #1d2125;
}
.btn-group, .btn-group-vertical {
position: relative;
display: inline-flex;
vertical-align: middle;
}
.btn-group > .btn, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group > a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group > a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group > a.collapseexpand, .btn-group-vertical > .btn, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand {
position: relative;
flex: 1 1 auto;
}
.btn-group > .btn:hover, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group > a.collapseexpand:hover, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group > a.collapseexpand:hover, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group > a.collapseexpand:hover, .btn-group-vertical > .btn:hover, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand:hover, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand:hover, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand:hover {
z-index: 1;
}
.btn-group > .btn:focus, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group > a.collapseexpand:focus, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group > a.collapseexpand:focus, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group > a.collapseexpand:focus, .btn-group > .btn:active, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group > a.collapseexpand:active, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group > a.collapseexpand:active, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group > a.collapseexpand:active, .btn-group > .btn.active, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group > a.active.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group > a.active.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group > a.active.collapseexpand, .btn-group-vertical > .btn:focus, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand:focus, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand:focus, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand:focus, .btn-group-vertical > .btn:active, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand:active, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand:active, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand:active, .btn-group-vertical > .btn.active, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.active.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.active.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.active.collapseexpand {
z-index: 1;
}
.btn-toolbar {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
.btn-toolbar .input-group {
width: auto;
}
.btn-group > .btn:not(:first-child), .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group > a.collapseexpand:not(:first-child), .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group > a.collapseexpand:not(:first-child), #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group > a.collapseexpand:not(:first-child), .btn-group > .btn-group:not(:first-child) {
margin-left: -1px;
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle), .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group > a.collapseexpand:not(:last-child):not(.dropdown-toggle), .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group > a.collapseexpand:not(:last-child):not(.dropdown-toggle), #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group > a.collapseexpand:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group > .btn-group:not(:last-child) > a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group > .btn-group:not(:last-child) > a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group > .btn-group:not(:last-child) > a.collapseexpand {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.btn-group > .btn:not(:first-child), .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group > a.collapseexpand:not(:first-child), .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group > a.collapseexpand:not(:first-child), #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group > a.collapseexpand:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group > .btn-group:not(:first-child) > a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group > .btn-group:not(:first-child) > a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group > .btn-group:not(:first-child) > a.collapseexpand {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.dropdown-toggle-split {
padding-right: 0.5625rem;
padding-left: 0.5625rem;
}
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after {
margin-left: 0;
}
.dropleft .dropdown-toggle-split::before {
margin-right: 0;
}
.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group-sm > a.collapseexpand + .dropdown-toggle-split, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group-sm > a.collapseexpand + .dropdown-toggle-split, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group-sm > a.collapseexpand + .dropdown-toggle-split, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand + .dropdown-toggle-split, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand + .dropdown-toggle-split, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand + .dropdown-toggle-split {
padding-right: 0.375rem;
padding-left: 0.375rem;
}
.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group-lg > a.collapseexpand + .dropdown-toggle-split, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group-lg > a.collapseexpand + .dropdown-toggle-split, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group-lg > a.collapseexpand + .dropdown-toggle-split {
padding-right: 0.75rem;
padding-left: 0.75rem;
}
.btn-group-vertical {
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.btn-group-vertical > .btn, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand, .btn-group-vertical > .btn-group {
width: 100%;
}
.btn-group-vertical > .btn:not(:first-child), .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand:not(:first-child), .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand:not(:first-child), #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) {
margin-top: -1px;
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand:not(:last-child):not(.dropdown-toggle), .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand:not(:last-child):not(.dropdown-toggle), #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > .btn-group:not(:last-child) > a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > .btn-group:not(:last-child) > a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > .btn-group:not(:last-child) > a.collapseexpand {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:not(:first-child), .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand:not(:first-child), .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand:not(:first-child), #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > a.collapseexpand:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > .btn-group:not(:first-child) > a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > .btn-group:not(:first-child) > a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group-vertical > .btn-group:not(:first-child) > a.collapseexpand {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.btn-group-toggle > .btn, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group-toggle > a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group-toggle > a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group-toggle > a.collapseexpand, .btn-group-toggle > .btn-group > .btn, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group-toggle > .btn-group > a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group-toggle > .btn-group > a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group-toggle > .btn-group > a.collapseexpand {
margin-bottom: 0;
}
.btn-group-toggle > .btn input[type="radio"], .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group-toggle > a.collapseexpand input[type="radio"], .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group-toggle > a.collapseexpand input[type="radio"], #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group-toggle > a.collapseexpand input[type="radio"], .btn-group-toggle > .btn input[type="checkbox"], .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group-toggle > a.collapseexpand input[type="checkbox"], .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group-toggle > a.collapseexpand input[type="checkbox"], #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group-toggle > a.collapseexpand input[type="checkbox"], .btn-group-toggle > .btn-group > .btn input[type="radio"], .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group-toggle > .btn-group > a.collapseexpand input[type="radio"], .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group-toggle > .btn-group > a.collapseexpand input[type="radio"], #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group-toggle > .btn-group > a.collapseexpand input[type="radio"], .btn-group-toggle > .btn-group > .btn input[type="checkbox"], .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn-group-toggle > .btn-group > a.collapseexpand input[type="checkbox"], .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn-group-toggle > .btn-group > a.collapseexpand input[type="checkbox"], #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn-group-toggle > .btn-group > a.collapseexpand input[type="checkbox"] {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none;
}
.input-group {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: stretch;
width: 100%;
}
.input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file {
position: relative;
flex: 1 1 auto;
width: 1%;
min-width: 0;
margin-bottom: 0;
}
.input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .form-control-plaintext + .form-control, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file {
margin-left: -1px;
}
.input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
z-index: 3;
}
.input-group > .custom-file .custom-file-input:focus {
z-index: 4;
}
.input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.input-group > .custom-file {
display: flex;
align-items: center;
}
.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group > .custom-file:not(:first-child) .custom-file-label {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.input-group:not(.has-validation) > .form-control:not(:last-child), .input-group:not(.has-validation) > .custom-select:not(:last-child), .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label, .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group.has-validation > .form-control:nth-last-child(n + 3), .input-group.has-validation > .custom-select:nth-last-child(n + 3), .input-group.has-validation > .custom-file:nth-last-child(n + 3) .custom-file-label, .input-group.has-validation > .custom-file:nth-last-child(n + 3) .custom-file-label::after {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group-prepend, .input-group-append {
display: flex;
}
.input-group-prepend .btn, .input-group-prepend .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .input-group-prepend a.collapseexpand, .input-group-prepend .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .input-group-prepend a.collapseexpand, .input-group-prepend #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .input-group-prepend a.collapseexpand, .input-group-append .btn, .input-group-append .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .input-group-append a.collapseexpand, .input-group-append .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .input-group-append a.collapseexpand, .input-group-append #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .input-group-append a.collapseexpand {
position: relative;
z-index: 2;
}
.input-group-prepend .btn:focus, .input-group-prepend .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:focus, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .input-group-prepend a.collapseexpand:focus, .input-group-prepend .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:focus, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .input-group-prepend a.collapseexpand:focus, .input-group-prepend #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:focus, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .input-group-prepend a.collapseexpand:focus, .input-group-append .btn:focus, .input-group-append .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:focus, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .input-group-append a.collapseexpand:focus, .input-group-append .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:focus, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .input-group-append a.collapseexpand:focus, .input-group-append #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:focus, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .input-group-append a.collapseexpand:focus {
z-index: 3;
}
.input-group-prepend .btn + .btn, .input-group-prepend .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand + .btn, .input-group-prepend .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand + a.collapseexpand, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .input-group-prepend .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand + a.collapseexpand, .input-group-prepend .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand + a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .input-group-prepend .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand + a.collapseexpand, .input-group-prepend .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand + a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .input-group-prepend .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand + a.collapseexpand, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .input-group-prepend a.collapseexpand + .btn, .input-group-prepend .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand + .btn, .input-group-prepend .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand + a.collapseexpand, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .input-group-prepend .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand + a.collapseexpand, .input-group-prepend .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand + a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .input-group-prepend .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand + a.collapseexpand, .input-group-prepend .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand + a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .input-group-prepend .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand + a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .input-group-prepend a.collapseexpand + .btn, .input-group-prepend #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand + .btn, .input-group-prepend #page-course-search .theme_boost_union-catlisting > .collapsible-actions .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand + a.collapseexpand, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .input-group-prepend #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand + a.collapseexpand, .input-group-prepend #page-course-search .theme_boost_union-catlisting > .collapsible-actions .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand + a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .input-group-prepend #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand + a.collapseexpand, .input-group-prepend #page-course-search .theme_boost_union-catlisting > .collapsible-actions #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand + a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .input-group-prepend #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand + a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .input-group-prepend a.collapseexpand + .btn, .input-group-prepend .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn + a.collapseexpand, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .input-group-prepend .btn + a.collapseexpand, .input-group-prepend .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn + a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .input-group-prepend .btn + a.collapseexpand, .input-group-prepend #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn + a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .input-group-prepend .btn + a.collapseexpand, .input-group-prepend .btn + .input-group-text, .input-group-prepend .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand + .input-group-text, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .input-group-prepend a.collapseexpand + .input-group-text, .input-group-prepend .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand + .input-group-text, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .input-group-prepend a.collapseexpand + .input-group-text, .input-group-prepend #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand + .input-group-text, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .input-group-prepend a.collapseexpand + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-prepend .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .input-group-text + a.collapseexpand, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .input-group-prepend .input-group-text + a.collapseexpand, .input-group-prepend .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .input-group-text + a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .input-group-prepend .input-group-text + a.collapseexpand, .input-group-prepend #page-course-search .theme_boost_union-catlisting > .collapsible-actions .input-group-text + a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .input-group-prepend .input-group-text + a.collapseexpand, .input-group-append .btn + .btn, .input-group-append .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand + .btn, .input-group-append .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand + a.collapseexpand, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .input-group-append .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand + a.collapseexpand, .input-group-append .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand + a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .input-group-append .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand + a.collapseexpand, .input-group-append .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand + a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .input-group-append .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand + a.collapseexpand, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .input-group-append a.collapseexpand + .btn, .input-group-append .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand + .btn, .input-group-append .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand + a.collapseexpand, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .input-group-append .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand + a.collapseexpand, .input-group-append .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand + a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .input-group-append .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand + a.collapseexpand, .input-group-append .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand + a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .input-group-append .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand + a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .input-group-append a.collapseexpand + .btn, .input-group-append #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand + .btn, .input-group-append #page-course-search .theme_boost_union-catlisting > .collapsible-actions .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand + a.collapseexpand, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .input-group-append #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand + a.collapseexpand, .input-group-append #page-course-search .theme_boost_union-catlisting > .collapsible-actions .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand + a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .input-group-append #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand + a.collapseexpand, .input-group-append #page-course-search .theme_boost_union-catlisting > .collapsible-actions #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand + a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .input-group-append #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand + a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .input-group-append a.collapseexpand + .btn, .input-group-append .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .btn + a.collapseexpand, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .input-group-append .btn + a.collapseexpand, .input-group-append .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .btn + a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .input-group-append .btn + a.collapseexpand, .input-group-append #page-course-search .theme_boost_union-catlisting > .collapsible-actions .btn + a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .input-group-append .btn + a.collapseexpand, .input-group-append .btn + .input-group-text, .input-group-append .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand + .input-group-text, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .input-group-append a.collapseexpand + .input-group-text, .input-group-append .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand + .input-group-text, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .input-group-append a.collapseexpand + .input-group-text, .input-group-append #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand + .input-group-text, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .input-group-append a.collapseexpand + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn, .input-group-append .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .input-group-text + a.collapseexpand, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .input-group-append .input-group-text + a.collapseexpand, .input-group-append .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .input-group-text + a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .input-group-append .input-group-text + a.collapseexpand, .input-group-append #page-course-search .theme_boost_union-catlisting > .collapsible-actions .input-group-text + a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .input-group-append .input-group-text + a.collapseexpand {
margin-left: -1px;
}
.input-group-prepend {
margin-right: -1px;
}
.input-group-append {
margin-left: -1px;
}
.input-group-text {
display: flex;
align-items: center;
padding: 0.375rem 0.75rem;
margin-bottom: 0;
font-size: 0.9375rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
text-align: center;
white-space: nowrap;
background-color: #e9ecef;
border: 1px solid #8f959e;
border-radius: 0.5rem;
}
@media (max-width: 1200px) {
.input-group-text {
font-size: calc(0.90375rem + 0.045vw) ;
}
}
.input-group-text input[type="radio"], .input-group-text input[type="checkbox"] {
margin-top: 0;
}
.input-group-lg > .form-control:not(textarea), .input-group-lg > .custom-select {
height: calc(1.5em + 1rem + 2px);
}
.input-group-lg > .form-control, .input-group-lg > .custom-select, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .input-group-lg > .input-group-prepend > a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .input-group-lg > .input-group-prepend > a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .input-group-lg > .input-group-prepend > a.collapseexpand, .input-group-lg > .input-group-append > .btn, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .input-group-lg > .input-group-append > a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .input-group-lg > .input-group-append > a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .input-group-lg > .input-group-append > a.collapseexpand {
padding: 0.5rem 1rem;
font-size: 1.171875rem;
line-height: 1.5;
border-radius: 0.6rem;
}
@media (max-width: 1200px) {
.input-group-lg > .form-control, .input-group-lg > .custom-select, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .input-group-lg > .input-group-prepend > a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .input-group-lg > .input-group-prepend > a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .input-group-lg > .input-group-prepend > a.collapseexpand, .input-group-lg > .input-group-append > .btn, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .input-group-lg > .input-group-append > a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .input-group-lg > .input-group-append > a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .input-group-lg > .input-group-append > a.collapseexpand {
font-size: calc(0.9271875rem + 0.32625vw) ;
}
}
.input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select {
height: calc(1.5em + 0.5rem + 2px);
}
.input-group-sm > .form-control, .input-group-sm > .custom-select, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .input-group-sm > .input-group-prepend > a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .input-group-sm > .input-group-prepend > a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .input-group-sm > .input-group-prepend > a.collapseexpand, .input-group-sm > .input-group-append > .btn, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .input-group-sm > .input-group-append > a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .input-group-sm > .input-group-append > a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .input-group-sm > .input-group-append > a.collapseexpand {
padding: 0.25rem 0.5rem;
font-size: 0.8203125rem;
line-height: 1.5;
border-radius: 0.2rem;
}
.input-group-lg > .custom-select, .input-group-sm > .custom-select {
padding-right: 1.75rem;
}
.input-group > .input-group-prepend > .btn, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .input-group > .input-group-prepend > a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .input-group > .input-group-prepend > a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .input-group > .input-group-prepend > a.collapseexpand, .input-group > .input-group-prepend > .input-group-text, .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .input-group:not(.has-validation) > .input-group-append:not(:last-child) > a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .input-group:not(.has-validation) > .input-group-append:not(:last-child) > a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .input-group:not(.has-validation) > .input-group-append:not(:last-child) > a.collapseexpand, .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text, .input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .btn, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .input-group.has-validation > .input-group-append:nth-last-child(n + 3) > a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .input-group.has-validation > .input-group-append:nth-last-child(n + 3) > a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .input-group.has-validation > .input-group-append:nth-last-child(n + 3) > a.collapseexpand, .input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .input-group > .input-group-append:last-child > a.collapseexpand:not(:last-child):not(.dropdown-toggle), .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .input-group > .input-group-append:last-child > a.collapseexpand:not(:last-child):not(.dropdown-toggle), #page-course-search .theme_boost_union-catlisting > .collapsible-actions .input-group > .input-group-append:last-child > a.collapseexpand:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group > .input-group-append > .btn, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .input-group > .input-group-append > a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .input-group > .input-group-append > a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .input-group > .input-group-append > a.collapseexpand, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .input-group > .input-group-prepend:not(:first-child) > a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .input-group > .input-group-prepend:not(:first-child) > a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .input-group > .input-group-prepend:not(:first-child) > a.collapseexpand, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .input-group > .input-group-prepend:first-child > a.collapseexpand:not(:first-child), .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .input-group > .input-group-prepend:first-child > a.collapseexpand:not(:first-child), #page-course-search .theme_boost_union-catlisting > .collapsible-actions .input-group > .input-group-prepend:first-child > a.collapseexpand:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.custom-control {
position: relative;
z-index: 1;
display: block;
min-height: 1.40625rem;
padding-left: 1.75rem;
print-color-adjust: exact;
}
.custom-control-inline {
display: inline-flex;
margin-right: 1rem;
}
.custom-control-input {
position: absolute;
left: 0;
z-index: -1;
width: 1.25rem;
height: 1.328125rem;
opacity: 0;
}
.custom-control-input:checked ~ .custom-control-label::before {
color: #fff;
border-color: #0f6cbf;
background-color: #0f6cbf;
}
.custom-control-input:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
border-color: #5babf2;
}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
color: #fff;
background-color: #8bc3f6;
border-color: #8bc3f6;
}
.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
color: #6a737b;
}
.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before {
background-color: #e9ecef;
}
.custom-control-label {
position: relative;
margin-bottom: 0;
vertical-align: top;
}
.custom-control-label::before {
position: absolute;
top: 0.078125rem;
left: -1.75rem;
display: block;
width: 1.25rem;
height: 1.25rem;
pointer-events: none;
content: "";
background-color: #fff;
border: 1px solid #8f959e;
}
.custom-control-label::after {
position: absolute;
top: 0.078125rem;
left: -1.75rem;
display: block;
width: 1.25rem;
height: 1.25rem;
content: "";
background: 50% / 50% 50% no-repeat;
}
.custom-checkbox .custom-control-label::before {
border-radius: 0.5rem;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
border-color: #0f6cbf;
background-color: #0f6cbf;
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
background-color: rgba(15, 108, 191, 0.5);
}
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
background-color: rgba(15, 108, 191, 0.5);
}
.custom-radio .custom-control-label::before {
border-radius: 50%;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
background-color: rgba(15, 108, 191, 0.5);
}
.custom-switch {
padding-left: 2.6875rem;
}
.custom-switch .custom-control-label::before {
left: -2.6875rem;
width: 2.1875rem;
pointer-events: all;
border-radius: 0.625rem;
}
.custom-switch .custom-control-label::after {
top: calc(0.078125rem + 2px);
left: calc(-2.6875rem + 2px);
width: calc(1.25rem - 4px);
height: calc(1.25rem - 4px);
background-color: #8f959e;
border-radius: 0.625rem;
transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.custom-switch .custom-control-label::after {
transition: none;
}
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
background-color: #fff;
transform: translateX(0.9375rem);
}
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
background-color: rgba(15, 108, 191, 0.5);
}
.custom-select {
display: inline-block;
width: 100%;
height: calc(1.5em + 0.75rem + 2px);
padding: 0.375rem 1.75rem 0.375rem 0.75rem;
font-size: 0.9375rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
vertical-align: middle;
background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center / 8px 10px no-repeat;
border: 1px solid #8f959e;
border-radius: 0.5rem;
appearance: none;
}
@media (max-width: 1200px) {
.custom-select {
font-size: calc(0.90375rem + 0.045vw) ;
}
}
.custom-select:focus {
border-color: #5babf2;
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
}
.custom-select:focus::-ms-value {
color: #495057;
background-color: #fff;
}
.custom-select[multiple], .custom-select[size]:not([size="1"]) {
height: auto;
padding-right: 0.75rem;
background-image: none;
}
.custom-select:disabled {
color: #6a737b;
background-color: #e9ecef;
}
.custom-select::-ms-expand {
display: none;
}
.custom-select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #495057;
}
.custom-select-sm {
height: calc(1.5em + 0.5rem + 2px);
padding-top: 0.25rem;
padding-bottom: 0.25rem;
padding-left: 0.5rem;
font-size: 0.8203125rem;
}
.custom-select-lg {
height: calc(1.5em + 1rem + 2px);
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 1rem;
font-size: 1.171875rem;
}
@media (max-width: 1200px) {
.custom-select-lg {
font-size: calc(0.9271875rem + 0.32625vw) ;
}
}
.custom-file {
position: relative;
display: inline-block;
width: 100%;
height: calc(1.5em + 0.75rem + 2px);
margin-bottom: 0;
}
.custom-file-input {
position: relative;
z-index: 2;
width: 100%;
height: calc(1.5em + 0.75rem + 2px);
margin: 0;
overflow: hidden;
opacity: 0;
}
.custom-file-input:focus ~ .custom-file-label {
border-color: #5babf2;
box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
}
.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label {
background-color: #e9ecef;
}
.custom-file-input:lang(en) ~ .custom-file-label::after {
content: "Browse";
}
.custom-file-input ~ .custom-file-label[data-browse]::after {
content: attr(data-browse);
}
.custom-file-label {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 1;
height: calc(1.5em + 0.75rem + 2px);
padding: 0.375rem 0.75rem;
overflow: hidden;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
border: 1px solid #8f959e;
border-radius: 0.5rem;
}
.custom-file-label::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
z-index: 3;
display: block;
height: calc(1.5em + 0.75rem);
padding: 0.375rem 0.75rem;
line-height: 1.5;
color: #495057;
content: "Browse";
background-color: #e9ecef;
border-left: inherit;
border-radius: 0 0.5rem 0.5rem 0;
}
.custom-range {
width: 100%;
height: 1.4rem;
padding: 0;
background-color: transparent;
appearance: none;
}
.custom-range:focus {
outline: 0;
}
.custom-range:focus::-webkit-slider-thumb {
box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
}
.custom-range:focus::-moz-range-thumb {
box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
}
.custom-range:focus::-ms-thumb {
box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
}
.custom-range::-moz-focus-outer {
border: 0;
}
.custom-range::-webkit-slider-thumb {
width: 1rem;
height: 1rem;
margin-top: -0.25rem;
background-color: #0f6cbf;
border: 0;
border-radius: 1rem;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
appearance: none;
}
@media (prefers-reduced-motion: reduce) {
.custom-range::-webkit-slider-thumb {
transition: none;
}
}
.custom-range::-webkit-slider-thumb:active {
background-color: #8bc3f6;
}
.custom-range::-webkit-slider-runnable-track {
width: 100%;
height: 0.5rem;
color: transparent;
cursor: pointer;
background-color: #dee2e6;
border-color: transparent;
border-radius: 1rem;
}
.custom-range::-moz-range-thumb {
width: 1rem;
height: 1rem;
background-color: #0f6cbf;
border: 0;
border-radius: 1rem;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
appearance: none;
}
@media (prefers-reduced-motion: reduce) {
.custom-range::-moz-range-thumb {
transition: none;
}
}
.custom-range::-moz-range-thumb:active {
background-color: #8bc3f6;
}
.custom-range::-moz-range-track {
width: 100%;
height: 0.5rem;
color: transparent;
cursor: pointer;
background-color: #dee2e6;
border-color: transparent;
border-radius: 1rem;
}
.custom-range::-ms-thumb {
width: 1rem;
height: 1rem;
margin-top: 0;
margin-right: 0.2rem;
margin-left: 0.2rem;
background-color: #0f6cbf;
border: 0;
border-radius: 1rem;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
appearance: none;
}
@media (prefers-reduced-motion: reduce) {
.custom-range::-ms-thumb {
transition: none;
}
}
.custom-range::-ms-thumb:active {
background-color: #8bc3f6;
}
.custom-range::-ms-track {
width: 100%;
height: 0.5rem;
color: transparent;
cursor: pointer;
background-color: transparent;
border-color: transparent;
border-width: 0.5rem;
}
.custom-range::-ms-fill-lower {
background-color: #dee2e6;
border-radius: 1rem;
}
.custom-range::-ms-fill-upper {
margin-right: 15px;
background-color: #dee2e6;
border-radius: 1rem;
}
.custom-range:disabled::-webkit-slider-thumb {
background-color: #8f959e;
}
.custom-range:disabled::-webkit-slider-runnable-track {
cursor: default;
}
.custom-range:disabled::-moz-range-thumb {
background-color: #8f959e;
}
.custom-range:disabled::-moz-range-track {
cursor: default;
}
.custom-range:disabled::-ms-thumb {
background-color: #8f959e;
}
.custom-control-label::before, .custom-file-label, .custom-select {
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.custom-control-label::before, .custom-file-label, .custom-select {
transition: none;
}
}
.nav {
display: flex;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.nav-link {
display: block;
padding: 0.5rem 1rem;
}
.nav-link:hover, .nav-link:focus {
text-decoration: none;
}
.nav-link.disabled {
color: #6a737b;
pointer-events: none;
cursor: default;
}
.nav-tabs {
border-bottom: 1px solid #dee2e6;
}
.nav-tabs .nav-link {
margin-bottom: -1px;
background-color: transparent;
border: 1px solid transparent;
border-top-left-radius: 0.5rem;
border-top-right-radius: 0.5rem;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
isolation: isolate;
border-color: #e9ecef #e9ecef #dee2e6;
}
.nav-tabs .nav-link.disabled {
color: #6a737b;
background-color: transparent;
border-color: transparent;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
color: #495057;
background-color: #fff;
border-color: #dee2e6 #dee2e6 #fff;
}
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.nav-pills .nav-link {
background: none;
border: 0;
border-radius: 0.5rem;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
color: #fff;
background-color: #0f6cbf;
}
.nav-fill > .nav-link, .nav-fill .nav-item {
flex: 1 1 auto;
text-align: center;
}
.nav-justified > .nav-link, .nav-justified .nav-item {
flex-basis: 0;
flex-grow: 1;
text-align: center;
}
.tab-content > .tab-pane {
display: none;
}
.tab-content > .active {
display: block;
}
.navbar {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
padding: 0.5rem 1rem;
}
.navbar .container, .navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl, .navbar > .container-sm, .navbar > .container-md, .navbar > .container-lg, .navbar > .container-xl {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.navbar-brand {
display: inline-block;
padding-top: 0.32421875rem;
padding-bottom: 0.32421875rem;
margin-right: 1rem;
font-size: 1.171875rem;
line-height: inherit;
white-space: nowrap;
}
@media (max-width: 1200px) {
.navbar-brand {
font-size: calc(0.9271875rem + 0.32625vw) ;
}
}
.navbar-brand:hover, .navbar-brand:focus {
text-decoration: none;
}
.navbar-nav {
display: flex;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.navbar-nav .nav-link {
padding-right: 0;
padding-left: 0;
}
.navbar-nav .dropdown-menu {
position: static;
float: none;
}
.navbar-text {
display: inline-block;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.navbar-collapse {
flex-basis: 100%;
flex-grow: 1;
align-items: center;
}
.navbar-toggler {
padding: 0.25rem 0.75rem;
font-size: 1.171875rem;
line-height: 1;
background-color: transparent;
border: 1px solid transparent;
border-radius: 0.5rem;
}
@media (max-width: 1200px) {
.navbar-toggler {
font-size: calc(0.9271875rem + 0.32625vw) ;
}
}
.navbar-toggler:hover, .navbar-toggler:focus {
text-decoration: none;
}
.navbar-toggler-icon {
display: inline-block;
width: 1.5em;
height: 1.5em;
vertical-align: middle;
content: "";
background: 50% / 100% 100% no-repeat;
}
.navbar-nav-scroll {
max-height: 75vh;
overflow-y: auto;
}
@media (max-width: 575.98px) {
.navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl {
padding-right: 0;
padding-left: 0;
}
}
@media (min-width: 576px) {
.navbar-expand-sm {
flex-flow: row nowrap;
justify-content: flex-start;
}
.navbar-expand-sm .navbar-nav {
flex-direction: row;
}
.navbar-expand-sm .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-sm .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl {
flex-wrap: nowrap;
}
.navbar-expand-sm .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-sm .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-sm .navbar-toggler {
display: none;
}
}
@media (max-width: 767.98px) {
.navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl {
padding-right: 0;
padding-left: 0;
}
}
@media (min-width: 768px) {
.navbar-expand-md {
flex-flow: row nowrap;
justify-content: flex-start;
}
.navbar-expand-md .navbar-nav {
flex-direction: row;
}
.navbar-expand-md .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-md .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl {
flex-wrap: nowrap;
}
.navbar-expand-md .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-md .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-md .navbar-toggler {
display: none;
}
}
@media (max-width: 991.98px) {
.navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl {
padding-right: 0;
padding-left: 0;
}
}
@media (min-width: 992px) {
.navbar-expand-lg {
flex-flow: row nowrap;
justify-content: flex-start;
}
.navbar-expand-lg .navbar-nav {
flex-direction: row;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl {
flex-wrap: nowrap;
}
.navbar-expand-lg .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-lg .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-lg .navbar-toggler {
display: none;
}
}
@media (max-width: 1199.98px) {
.navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl {
padding-right: 0;
padding-left: 0;
}
}
@media (min-width: 1200px) {
.navbar-expand-xl {
flex-flow: row nowrap;
justify-content: flex-start;
}
.navbar-expand-xl .navbar-nav {
flex-direction: row;
}
.navbar-expand-xl .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-xl .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl {
flex-wrap: nowrap;
}
.navbar-expand-xl .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-xl .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-xl .navbar-toggler {
display: none;
}
}
.navbar-expand {
flex-flow: row nowrap;
justify-content: flex-start;
}
.navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl {
padding-right: 0;
padding-left: 0;
}
.navbar-expand .navbar-nav {
flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl {
flex-wrap: nowrap;
}
.navbar-expand .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand .navbar-toggler {
display: none;
}
.navbar-light .navbar-brand {
color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-nav .nav-link {
color: rgba(0, 0, 0, 0.6);
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-nav .nav-link.disabled {
color: rgba(0, 0, 0, 0.3);
}
.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-toggler {
color: rgba(0, 0, 0, 0.6);
border-color: rgba(0, 0, 0, 0.1);
}
.navbar-light .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.6%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-light .navbar-text {
color: rgba(0, 0, 0, 0.6);
}
.navbar-light .navbar-text a {
color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
color: rgba(0, 0, 0, 0.9);
}
.navbar-dark .navbar-brand {
color: #fff;
}
.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
color: #fff;
}
.navbar-dark .navbar-nav .nav-link {
color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
color: white;
}
.navbar-dark .navbar-nav .nav-link.disabled {
color: rgba(255, 255, 255, 0.25);
}
.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active {
color: #fff;
}
.navbar-dark .navbar-toggler {
color: rgba(255, 255, 255, 0.5);
border-color: rgba(255, 255, 255, 0.1);
}
.navbar-dark .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-dark .navbar-text {
color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-text a {
color: #fff;
}
.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
color: #fff;
}
.card {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(0, 0, 0, 0.125);
border-radius: 0.5rem;
}
.card > hr {
margin-right: 0;
margin-left: 0;
}
.card > .list-group {
border-top: inherit;
border-bottom: inherit;
}
.card > .list-group:first-child {
border-top-width: 0;
border-top-left-radius: calc(0.5rem - 1px);
border-top-right-radius: calc(0.5rem - 1px);
}
.card > .list-group:last-child {
border-bottom-width: 0;
border-bottom-right-radius: calc(0.5rem - 1px);
border-bottom-left-radius: calc(0.5rem - 1px);
}
.card > .card-header + .list-group, .card > .list-group + .card-footer {
border-top: 0;
}
.card-body {
flex: 1 1 auto;
min-height: 1px;
padding: 1.25rem;
}
.card-title {
margin-bottom: 0.75rem;
}
.card-subtitle {
margin-top: -0.375rem;
margin-bottom: 0;
}
.card-text:last-child {
margin-bottom: 0;
}
.card-link:hover {
text-decoration: none;
}
.card-link + .card-link {
margin-left: 1.25rem;
}
.card-header {
padding: 0.75rem 1.25rem;
margin-bottom: 0;
background-color: rgba(0, 0, 0, 0.03);
border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.card-header:first-child {
border-radius: calc(0.5rem - 1px) calc(0.5rem - 1px) 0 0;
}
.card-footer {
padding: 0.75rem 1.25rem;
background-color: rgba(0, 0, 0, 0.03);
border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.card-footer:last-child {
border-radius: 0 0 calc(0.5rem - 1px) calc(0.5rem - 1px);
}
.card-header-tabs {
margin-right: -0.625rem;
margin-bottom: -0.75rem;
margin-left: -0.625rem;
border-bottom: 0;
}
.card-header-pills {
margin-right: -0.625rem;
margin-left: -0.625rem;
}
.card-img-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 1.25rem;
border-radius: calc(0.5rem - 1px);
}
.card-img, .card-img-top, .card-img-bottom {
flex-shrink: 0;
width: 100%;
}
.card-img, .card-img-top {
border-top-left-radius: calc(0.5rem - 1px);
border-top-right-radius: calc(0.5rem - 1px);
}
.card-img, .card-img-bottom {
border-bottom-right-radius: calc(0.5rem - 1px);
border-bottom-left-radius: calc(0.5rem - 1px);
}
.card-deck .card {
margin-bottom: 0.25rem;
}
@media (min-width: 576px) {
.card-deck {
display: flex;
flex-flow: row wrap;
margin-right: -0.25rem;
margin-left: -0.25rem;
}
.card-deck .card {
flex: 1 0 0%;
margin-right: 0.25rem;
margin-bottom: 0;
margin-left: 0.25rem;
}
}
.card-group > .card {
margin-bottom: 0.25rem;
}
@media (min-width: 576px) {
.card-group {
display: flex;
flex-flow: row wrap;
}
.card-group > .card {
flex: 1 0 0%;
margin-bottom: 0;
}
.card-group > .card + .card {
margin-left: 0;
border-left: 0;
}
.card-group > .card:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header {
border-top-right-radius: 0;
}
.card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer {
border-bottom-right-radius: 0;
}
.card-group > .card:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header {
border-top-left-radius: 0;
}
.card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer {
border-bottom-left-radius: 0;
}
}
.card-columns .card {
margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
.card-columns {
column-count: 3;
column-gap: 1.25rem;
orphans: 1;
widows: 1;
}
.card-columns .card {
display: inline-block;
width: 100%;
}
}
.accordion {
overflow-anchor: none;
}
.accordion > .card {
overflow: hidden;
}
.accordion > .card:not(:last-of-type) {
border-bottom: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.accordion > .card:not(:first-of-type) {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.accordion > .card > .card-header {
border-radius: 0;
margin-bottom: -1px;
}
.breadcrumb {
display: flex;
flex-wrap: wrap;
padding: 0.5rem 0;
margin-bottom: 0;
list-style: none;
background-color: transparent;
border-radius: 0.5rem;
}
.breadcrumb-item + .breadcrumb-item {
padding-left: 0.5rem;
}
.breadcrumb-item + .breadcrumb-item::before {
float: left;
padding-right: 0.5rem;
color: #6a737b;
content: "/";
}
.breadcrumb-item + .breadcrumb-item:hover::before {
text-decoration: underline;
}
.breadcrumb-item + .breadcrumb-item:hover::before {
text-decoration: none;
}
.breadcrumb-item.active {
color: #6a737b;
}
.pagination {
display: flex;
padding-left: 0;
list-style: none;
border-radius: 0.5rem;
}
.page-link {
position: relative;
display: block;
padding: 0.5rem 0.75rem;
margin-left: -1px;
line-height: 1.25;
color: #0f6cbf;
background-color: #fff;
border: 1px solid #dee2e6;
}
.page-link:hover {
z-index: 2;
color: #094478;
text-decoration: none;
background-color: #e9ecef;
border-color: #dee2e6;
}
.page-link:focus {
z-index: 3;
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
}
.page-item:first-child .page-link {
margin-left: 0;
border-top-left-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
}
.page-item:last-child .page-link {
border-top-right-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
}
.page-item.active .page-link {
z-index: 3;
color: #fff;
background-color: #0f6cbf;
border-color: #0f6cbf;
}
.page-item.disabled .page-link {
color: #6a737b;
pointer-events: none;
cursor: auto;
background-color: #fff;
border-color: #dee2e6;
}
.pagination-lg .page-link {
padding: 0.75rem 1.5rem;
font-size: 1.171875rem;
line-height: 1.5;
}
@media (max-width: 1200px) {
.pagination-lg .page-link {
font-size: calc(0.9271875rem + 0.32625vw) ;
}
}
.pagination-lg .page-item:first-child .page-link {
border-top-left-radius: 0.6rem;
border-bottom-left-radius: 0.6rem;
}
.pagination-lg .page-item:last-child .page-link {
border-top-right-radius: 0.6rem;
border-bottom-right-radius: 0.6rem;
}
.pagination-sm .page-link {
padding: 0.25rem 0.5rem;
font-size: 0.8203125rem;
line-height: 1.5;
}
.pagination-sm .page-item:first-child .page-link {
border-top-left-radius: 0.2rem;
border-bottom-left-radius: 0.2rem;
}
.pagination-sm .page-item:last-child .page-link {
border-top-right-radius: 0.2rem;
border-bottom-right-radius: 0.2rem;
}
.badge {
display: inline-block;
padding: 0.25em 0.4em;
font-size: 75%;
font-weight: 700;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 0.5rem;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.badge {
transition: none;
}
}
a.badge:hover, a.badge:focus {
text-decoration: none;
}
.badge:empty {
display: none;
}
.btn .badge, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand .badge, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand .badge, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand .badge {
position: relative;
top: -1px;
}
.badge-pill {
padding-right: 0.6em;
padding-left: 0.6em;
border-radius: 10rem;
}
.badge-primary {
color: #fff;
background-color: #0f6cbf;
}
a.badge-primary:hover, a.badge-primary:focus {
color: #fff;
background-color: #0b5190;
}
a.badge-primary:focus, a.badge-primary.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.5);
}
.badge-secondary {
color: #1d2125;
background-color: #ced4da;
}
a.badge-secondary:hover, a.badge-secondary:focus {
color: #1d2125;
background-color: #b1bbc4;
}
a.badge-secondary:focus, a.badge-secondary.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(206, 212, 218, 0.5);
}
.badge-success {
color: #fff;
background-color: #357a32;
}
a.badge-success:hover, a.badge-success:focus {
color: #fff;
background-color: #255623;
}
a.badge-success:focus, a.badge-success.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.5);
}
.badge-info {
color: #fff;
background-color: #008196;
}
a.badge-info:hover, a.badge-info:focus {
color: #fff;
background-color: #005563;
}
a.badge-info:focus, a.badge-info.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(0, 129, 150, 0.5);
}
.badge-warning {
color: #1d2125;
background-color: #f0ad4e;
}
a.badge-warning:hover, a.badge-warning:focus {
color: #1d2125;
background-color: #ec971f;
}
a.badge-warning:focus, a.badge-warning.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);
}
.badge-danger {
color: #fff;
background-color: #ca3120;
}
a.badge-danger:hover, a.badge-danger:focus {
color: #fff;
background-color: #9e2619;
}
a.badge-danger:focus, a.badge-danger.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.5);
}
.badge-light {
color: #1d2125;
background-color: #f8f9fa;
}
a.badge-light:hover, a.badge-light:focus {
color: #1d2125;
background-color: #dae0e5;
}
a.badge-light:focus, a.badge-light.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.badge-dark {
color: #fff;
background-color: #343a40;
}
a.badge-dark:hover, a.badge-dark:focus {
color: #fff;
background-color: #1d2124;
}
a.badge-dark:focus, a.badge-dark.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.jumbotron {
padding: 2rem 1rem;
margin-bottom: 2rem;
background-color: #e9ecef;
border-radius: 0.6rem;
}
@media (min-width: 576px) {
.jumbotron {
padding: 4rem 2rem;
}
}
.jumbotron-fluid {
padding-right: 0;
padding-left: 0;
border-radius: 0;
}
.alert {
position: relative;
padding: 0.75rem 1.25rem;
margin-bottom: 1rem;
border: 0 solid transparent;
border-radius: 0.5rem;
}
.alert-heading {
color: inherit;
}
.alert-link {
font-weight: 700;
}
.alert-dismissible {
padding-right: 3.90625rem;
}
.alert-dismissible .close, .alert-dismissible .btn-close {
position: absolute;
top: 0;
right: 0;
z-index: 2;
padding: 0.75rem 1.25rem;
color: inherit;
}
.alert-primary {
color: #083863;
background-color: #cfe2f2;
border-color: #bcd6ed;
}
.alert-primary hr {
border-top-color: #a8cae8;
}
.alert-primary .alert-link {
color: #041d34;
}
.alert-secondary {
color: #6b6e71;
background-color: #f5f6f8;
border-color: #f1f3f5;
}
.alert-secondary hr {
border-top-color: #e2e6ea;
}
.alert-secondary .alert-link {
color: #525557;
}
.alert-success, .environmenttable .ok {
color: #1c3f1a;
background-color: #d7e4d6;
border-color: #c6dac6;
}
.alert-success hr, .environmenttable .ok hr {
border-top-color: #b7d0b7;
}
.alert-success .alert-link, .environmenttable .ok .alert-link {
color: #0c1b0b;
}
.alert-info {
color: #00434e;
background-color: #cce6ea;
border-color: #b8dce2;
}
.alert-info hr {
border-top-color: #a6d3db;
}
.alert-info .alert-link {
color: #00171b;
}
.alert-warning, .environmenttable .warn {
color: #7d5a29;
background-color: #fcefdc;
border-color: #fbe8cd;
}
.alert-warning hr, .environmenttable .warn hr {
border-top-color: #f9ddb5;
}
.alert-warning .alert-link, .environmenttable .warn .alert-link {
color: #573e1c;
}
.alert-danger, .environmenttable .error {
color: #691911;
background-color: #f4d6d2;
border-color: #f0c5c1;
}
.alert-danger hr, .environmenttable .error hr {
border-top-color: #ebb2ac;
}
.alert-danger .alert-link, .environmenttable .error .alert-link {
color: #3d0f0a;
}
.alert-light {
color: #818182;
background-color: #fefefe;
border-color: #fdfdfe;
}
.alert-light hr {
border-top-color: #ececf6;
}
.alert-light .alert-link {
color: #686868;
}
.alert-dark {
color: #1b1e21;
background-color: #d6d8d9;
border-color: #c6c8ca;
}
.alert-dark hr {
border-top-color: #b9bbbe;
}
.alert-dark .alert-link {
color: #040505;
}
@keyframes progress-bar-stripes {
from {
background-position: 1rem 0;
}
to {
background-position: 0 0;
}
}
.progress {
display: flex;
height: 1rem;
overflow: hidden;
line-height: 0;
font-size: 0.703125rem;
background-color: #e9ecef;
border-radius: 0.5rem;
}
.progress-bar {
display: flex;
flex-direction: column;
justify-content: center;
overflow: hidden;
color: #fff;
text-align: center;
white-space: nowrap;
background-color: #0f6cbf;
transition: width 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
.progress-bar {
transition: none;
}
}
.progress-bar-striped {
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-size: 1rem 1rem;
}
.progress-bar-animated {
animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion: reduce) {
.progress-bar-animated {
animation: none;
}
}
.media {
display: flex;
align-items: flex-start;
}
.media-body {
flex: 1;
}
.list-group {
display: flex;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
border-radius: 0.5rem;
}
.list-group-item-action {
width: 100%;
color: #495057;
text-align: inherit;
}
.list-group-item-action:hover, .list-group-item-action:focus {
z-index: 1;
color: #495057;
text-decoration: none;
background-color: #f8f9fa;
}
.list-group-item-action:active {
color: #1d2125;
background-color: #e9ecef;
}
.list-group-item {
position: relative;
display: block;
padding: 0.75rem 1.25rem;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.125);
}
.list-group-item:first-child {
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
.list-group-item:last-child {
border-bottom-right-radius: inherit;
border-bottom-left-radius: inherit;
}
.list-group-item.disabled, .list-group-item:disabled {
color: #6a737b;
pointer-events: none;
background-color: #fff;
}
.list-group-item.active {
z-index: 2;
color: #fff;
background-color: #0f6cbf;
border-color: #0f6cbf;
}
.list-group-item + .list-group-item {
border-top-width: 0;
}
.list-group-item + .list-group-item.active {
margin-top: -1px;
border-top-width: 1px;
}
.list-group-horizontal {
flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child {
border-bottom-left-radius: 0.5rem;
border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child {
border-top-right-radius: 0.5rem;
border-bottom-left-radius: 0;
}
.list-group-horizontal > .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
border-top-width: 1px;
border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
margin-left: -1px;
border-left-width: 1px;
}
@media (min-width: 576px) {
.list-group-horizontal-sm {
flex-direction: row;
}
.list-group-horizontal-sm > .list-group-item:first-child {
border-bottom-left-radius: 0.5rem;
border-top-right-radius: 0;
}
.list-group-horizontal-sm > .list-group-item:last-child {
border-top-right-radius: 0.5rem;
border-bottom-left-radius: 0;
}
.list-group-horizontal-sm > .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal-sm > .list-group-item + .list-group-item {
border-top-width: 1px;
border-left-width: 0;
}
.list-group-horizontal-sm > .list-group-item + .list-group-item.active {
margin-left: -1px;
border-left-width: 1px;
}
}
@media (min-width: 768px) {
.list-group-horizontal-md {
flex-direction: row;
}
.list-group-horizontal-md > .list-group-item:first-child {
border-bottom-left-radius: 0.5rem;
border-top-right-radius: 0;
}
.list-group-horizontal-md > .list-group-item:last-child {
border-top-right-radius: 0.5rem;
border-bottom-left-radius: 0;
}
.list-group-horizontal-md > .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal-md > .list-group-item + .list-group-item {
border-top-width: 1px;
border-left-width: 0;
}
.list-group-horizontal-md > .list-group-item + .list-group-item.active {
margin-left: -1px;
border-left-width: 1px;
}
}
@media (min-width: 992px) {
.list-group-horizontal-lg {
flex-direction: row;
}
.list-group-horizontal-lg > .list-group-item:first-child {
border-bottom-left-radius: 0.5rem;
border-top-right-radius: 0;
}
.list-group-horizontal-lg > .list-group-item:last-child {
border-top-right-radius: 0.5rem;
border-bottom-left-radius: 0;
}
.list-group-horizontal-lg > .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal-lg > .list-group-item + .list-group-item {
border-top-width: 1px;
border-left-width: 0;
}
.list-group-horizontal-lg > .list-group-item + .list-group-item.active {
margin-left: -1px;
border-left-width: 1px;
}
}
@media (min-width: 1200px) {
.list-group-horizontal-xl {
flex-direction: row;
}
.list-group-horizontal-xl > .list-group-item:first-child {
border-bottom-left-radius: 0.5rem;
border-top-right-radius: 0;
}
.list-group-horizontal-xl > .list-group-item:last-child {
border-top-right-radius: 0.5rem;
border-bottom-left-radius: 0;
}
.list-group-horizontal-xl > .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal-xl > .list-group-item + .list-group-item {
border-top-width: 1px;
border-left-width: 0;
}
.list-group-horizontal-xl > .list-group-item + .list-group-item.active {
margin-left: -1px;
border-left-width: 1px;
}
}
.list-group-flush {
border-radius: 0;
}
.list-group-flush > .list-group-item {
border-width: 0 0 1px;
}
.list-group-flush > .list-group-item:last-child {
border-bottom-width: 0;
}
.list-group-item-primary {
color: #083863;
background-color: #bcd6ed;
}
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
color: #083863;
background-color: #a8cae8;
}
.list-group-item-primary.list-group-item-action.active {
color: #fff;
background-color: #083863;
border-color: #083863;
}
.list-group-item-secondary {
color: #6b6e71;
background-color: #f1f3f5;
}
.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
color: #6b6e71;
background-color: #e2e6ea;
}
.list-group-item-secondary.list-group-item-action.active {
color: #fff;
background-color: #6b6e71;
border-color: #6b6e71;
}
.list-group-item-success {
color: #1c3f1a;
background-color: #c6dac6;
}
.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
color: #1c3f1a;
background-color: #b7d0b7;
}
.list-group-item-success.list-group-item-action.active {
color: #fff;
background-color: #1c3f1a;
border-color: #1c3f1a;
}
.list-group-item-info {
color: #00434e;
background-color: #b8dce2;
}
.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
color: #00434e;
background-color: #a6d3db;
}
.list-group-item-info.list-group-item-action.active {
color: #fff;
background-color: #00434e;
border-color: #00434e;
}
.list-group-item-warning {
color: #7d5a29;
background-color: #fbe8cd;
}
.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
color: #7d5a29;
background-color: #f9ddb5;
}
.list-group-item-warning.list-group-item-action.active {
color: #fff;
background-color: #7d5a29;
border-color: #7d5a29;
}
.list-group-item-danger {
color: #691911;
background-color: #f0c5c1;
}
.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
color: #691911;
background-color: #ebb2ac;
}
.list-group-item-danger.list-group-item-action.active {
color: #fff;
background-color: #691911;
border-color: #691911;
}
.list-group-item-light {
color: #818182;
background-color: #fdfdfe;
}
.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
color: #818182;
background-color: #ececf6;
}
.list-group-item-light.list-group-item-action.active {
color: #fff;
background-color: #818182;
border-color: #818182;
}
.list-group-item-dark {
color: #1b1e21;
background-color: #c6c8ca;
}
.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
color: #1b1e21;
background-color: #b9bbbe;
}
.list-group-item-dark.list-group-item-action.active {
color: #fff;
background-color: #1b1e21;
border-color: #1b1e21;
}
.close, .btn-close {
float: right;
font-size: 1.40625rem;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: 0.5;
}
@media (max-width: 1200px) {
.close, .btn-close {
font-size: calc(0.950625rem + 0.6075vw) ;
}
}
.close:hover, .btn-close:hover {
color: #000;
text-decoration: none;
}
.close:not(:disabled):not(.disabled):hover, .btn-close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus, .btn-close:not(:disabled):not(.disabled):focus {
opacity: 0.75;
}
button.close, button.btn-close {
padding: 0;
background-color: transparent;
border: 0;
}
a.close.disabled, a.disabled.btn-close {
pointer-events: none;
}
.toast {
flex-basis: 350px;
max-width: 350px;
font-size: 0.875rem;
color: #fff;
background-color: rgba(29, 33, 37, 0.95);
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.1);
box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
opacity: 0;
border-radius: 0.25rem;
}
.toast:not(:last-child) {
margin-bottom: 0.75rem;
}
.toast.showing {
opacity: 1;
}
.toast.show {
display: block;
opacity: 1;
}
.toast.hide {
display: none;
}
.toast-header {
display: flex;
align-items: center;
padding: 0.25rem 0.75rem;
color: #f8f9fa;
background-color: rgba(255, 255, 255, 0.1);
background-clip: padding-box;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
border-top-left-radius: calc(0.25rem - 1px);
border-top-right-radius: calc(0.25rem - 1px);
}
.toast-body {
padding: 0.75rem;
}
.modal-open {
overflow: hidden;
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
}
.modal {
position: fixed;
top: 0;
left: 0;
z-index: 1050;
display: none;
width: 100%;
height: 100%;
overflow: hidden;
outline: 0;
}
.modal-dialog {
position: relative;
width: auto;
margin: 0.5rem;
pointer-events: none;
}
.modal.fade .modal-dialog {
transition: transform 0.3s ease-out;
transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
.modal.fade .modal-dialog {
transition: none;
}
}
.modal.show .modal-dialog {
transform: none;
}
.modal.modal-static .modal-dialog {
transform: scale(1.02);
}
.modal-dialog-scrollable {
display: flex;
max-height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
max-height: calc(100vh - 1rem);
overflow: hidden;
}
.modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer {
flex-shrink: 0;
}
.modal-dialog-scrollable .modal-body {
overflow-y: auto;
}
.modal-dialog-centered {
display: flex;
align-items: center;
min-height: calc(100% - 1rem);
}
.modal-dialog-centered::before {
display: block;
height: calc(100vh - 1rem);
height: min-content;
content: "";
}
.modal-dialog-centered.modal-dialog-scrollable {
flex-direction: column;
justify-content: center;
height: 100%;
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
max-height: none;
}
.modal-dialog-centered.modal-dialog-scrollable::before {
content: none;
}
.modal-content {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0.6rem;
outline: 0;
}
.modal-backdrop {
position: fixed;
top: 0;
left: 0;
z-index: 1040;
width: 100vw;
height: 100vh;
background-color: #000;
}
.modal-backdrop.fade {
opacity: 0;
}
.modal-backdrop.show {
opacity: 0.5;
}
.modal-header {
display: flex;
align-items: flex-start;
justify-content: space-between;
padding: 1rem 1rem;
border-bottom: 1px solid #dee2e6;
border-top-left-radius: calc(0.6rem - 1px);
border-top-right-radius: calc(0.6rem - 1px);
}
.modal-header .close, .modal-header .btn-close {
padding: 1rem 1rem;
margin: -1rem -1rem -1rem auto;
}
.modal-title {
margin-bottom: 0;
line-height: 1.5;
}
.modal-body {
position: relative;
flex: 1 1 auto;
padding: 1rem;
}
.modal-footer {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
padding: 0.75rem;
border-top: 1px solid #dee2e6;
border-bottom-right-radius: calc(0.6rem - 1px);
border-bottom-left-radius: calc(0.6rem - 1px);
}
.modal-footer > * {
margin: 0.25rem;
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}
@media (min-width: 576px) {
.modal-dialog {
max-width: 500px;
margin: 1.75rem auto;
}
.modal-dialog-scrollable {
max-height: calc(100% - 3.5rem);
}
.modal-dialog-scrollable .modal-content {
max-height: calc(100vh - 3.5rem);
}
.modal-dialog-centered {
min-height: calc(100% - 3.5rem);
}
.modal-dialog-centered::before {
height: calc(100vh - 3.5rem);
height: min-content;
}
.modal-sm {
max-width: 300px;
}
}
@media (min-width: 992px) {
.modal-lg, .modal-xl {
max-width: 800px;
}
}
@media (min-width: 1200px) {
.modal-xl {
max-width: 1140px;
}
}
.tooltip {
position: absolute;
z-index: 1070;
display: block;
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
white-space: normal;
word-spacing: normal;
line-break: auto;
font-size: 0.8203125rem;
word-wrap: break-word;
opacity: 0;
}
.tooltip.show {
opacity: 0.9;
}
.tooltip .arrow {
position: absolute;
display: block;
width: 0.8rem;
height: 0.4rem;
}
.tooltip .arrow::before {
position: absolute;
content: "";
border-color: transparent;
border-style: solid;
}
.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
padding: 0.4rem 0;
}
.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
bottom: 0;
}
.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
top: 0;
border-width: 0.4rem 0.4rem 0;
border-top-color: #000;
}
.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
padding: 0 0.4rem;
}
.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
left: 0;
width: 0.4rem;
height: 0.8rem;
}
.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
right: 0;
border-width: 0.4rem 0.4rem 0.4rem 0;
border-right-color: #000;
}
.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
padding: 0.4rem 0;
}
.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
top: 0;
}
.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
bottom: 0;
border-width: 0 0.4rem 0.4rem;
border-bottom-color: #000;
}
.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
padding: 0 0.4rem;
}
.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
right: 0;
width: 0.4rem;
height: 0.8rem;
}
.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
left: 0;
border-width: 0.4rem 0 0.4rem 0.4rem;
border-left-color: #000;
}
.tooltip-inner {
max-width: 200px;
padding: 0.25rem 0.5rem;
color: #fff;
text-align: center;
background-color: #000;
border-radius: 0.5rem;
}
.popover {
position: absolute;
top: 0;
z-index: 1060;
display: block;
max-width: 300px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
white-space: normal;
word-spacing: normal;
line-break: auto;
font-size: 0.8203125rem;
word-wrap: break-word;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0.6rem;
}
.popover .arrow {
position: absolute;
display: block;
width: 1rem;
height: 0.5rem;
margin: 0 0.6rem;
}
.popover .arrow::before, .popover .arrow::after {
position: absolute;
display: block;
content: "";
border-color: transparent;
border-style: solid;
}
.bs-popover-top, .bs-popover-auto[x-placement^="top"] {
margin-bottom: 0.5rem;
}
.bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow {
bottom: calc(-0.5rem - 1px);
}
.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before {
bottom: 0;
border-width: 0.5rem 0.5rem 0;
border-top-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after {
bottom: 1px;
border-width: 0.5rem 0.5rem 0;
border-top-color: #fff;
}
.bs-popover-right, .bs-popover-auto[x-placement^="right"] {
margin-left: 0.5rem;
}
.bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow {
left: calc(-0.5rem - 1px);
width: 0.5rem;
height: 1rem;
margin: 0.6rem 0;
}
.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before {
left: 0;
border-width: 0.5rem 0.5rem 0.5rem 0;
border-right-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after {
left: 1px;
border-width: 0.5rem 0.5rem 0.5rem 0;
border-right-color: #fff;
}
.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] {
margin-top: 0.5rem;
}
.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow {
top: calc(-0.5rem - 1px);
}
.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before {
top: 0;
border-width: 0 0.5rem 0.5rem 0.5rem;
border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after {
top: 1px;
border-width: 0 0.5rem 0.5rem 0.5rem;
border-bottom-color: #fff;
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
position: absolute;
top: 0;
left: 50%;
display: block;
width: 1rem;
margin-left: -0.5rem;
content: "";
border-bottom: 1px solid #f7f7f7;
}
.bs-popover-left, .bs-popover-auto[x-placement^="left"] {
margin-right: 0.5rem;
}
.bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow {
right: calc(-0.5rem - 1px);
width: 0.5rem;
height: 1rem;
margin: 0.6rem 0;
}
.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before {
right: 0;
border-width: 0.5rem 0 0.5rem 0.5rem;
border-left-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after {
right: 1px;
border-width: 0.5rem 0 0.5rem 0.5rem;
border-left-color: #fff;
}
.popover-header {
padding: 0.5rem 0.75rem;
margin-bottom: 0;
font-size: 0.9375rem;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-top-left-radius: calc(0.6rem - 1px);
border-top-right-radius: calc(0.6rem - 1px);
}
@media (max-width: 1200px) {
.popover-header {
font-size: calc(0.90375rem + 0.045vw) ;
}
}
.popover-header:empty {
display: none;
}
.popover-body {
padding: 0.5rem 0.75rem;
color: #1d2125;
}
.carousel {
position: relative;
}
.carousel.pointer-event {
touch-action: pan-y;
}
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden;
}
.carousel-inner::after {
display: block;
clear: both;
content: "";
}
.carousel-item {
position: relative;
display: none;
float: left;
width: 100%;
margin-right: -100%;
backface-visibility: hidden;
transition: transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.carousel-item {
transition: none;
}
}
.carousel-item.active, .carousel-item-next, .carousel-item-prev {
display: block;
}
.carousel-item-next:not(.carousel-item-left), .active.carousel-item-right {
transform: translateX(100%);
}
.carousel-item-prev:not(.carousel-item-right), .active.carousel-item-left {
transform: translateX(-100%);
}
.carousel-fade .carousel-item {
opacity: 0;
transition-property: opacity;
transform: none;
}
.carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right {
z-index: 1;
opacity: 1;
}
.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
z-index: 0;
opacity: 0;
transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
transition: none;
}
}
.carousel-control-prev, .carousel-control-next {
position: absolute;
top: 0;
bottom: 0;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
width: 15%;
padding: 0;
color: #fff;
text-align: center;
background: none;
border: 0;
opacity: 0.5;
transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
.carousel-control-prev, .carousel-control-next {
transition: none;
}
}
.carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus {
color: #fff;
text-decoration: none;
outline: 0;
opacity: 0.9;
}
.carousel-control-prev {
left: 0;
}
.carousel-control-next {
right: 0;
}
.carousel-control-prev-icon, .carousel-control-next-icon {
display: inline-block;
width: 20px;
height: 20px;
background: 50% / 100% 100% no-repeat;
}
.carousel-control-prev-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}
.carousel-control-next-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}
.carousel-indicators {
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: 15;
display: flex;
justify-content: center;
padding-left: 0;
margin-right: 15%;
margin-left: 15%;
list-style: none;
}
.carousel-indicators li {
box-sizing: content-box;
flex: 0 1 auto;
width: 30px;
height: 3px;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
cursor: pointer;
background-color: #fff;
background-clip: padding-box;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
opacity: 0.5;
transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
.carousel-indicators li {
transition: none;
}
}
.carousel-indicators .active {
opacity: 1;
}
.carousel-caption {
position: absolute;
right: 15%;
bottom: 20px;
left: 15%;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center;
}
@keyframes spinner-border {
to {
transform: rotate(360deg);
}
}
.spinner-border {
display: inline-block;
width: 2rem;
height: 2rem;
vertical-align: -0.125em;
border: 0.25em solid currentcolor;
border-right-color: transparent;
border-radius: 50%;
animation: 0.75s linear infinite spinner-border;
}
.spinner-border-sm {
width: 1rem;
height: 1rem;
border-width: 0.2em;
}
@keyframes spinner-grow {
0% {
transform: scale(0);
}
50% {
opacity: 1;
transform: none;
}
}
.spinner-grow {
display: inline-block;
width: 2rem;
height: 2rem;
vertical-align: -0.125em;
background-color: currentcolor;
border-radius: 50%;
opacity: 0;
animation: 0.75s linear infinite spinner-grow;
}
.spinner-grow-sm {
width: 1rem;
height: 1rem;
}
@media (prefers-reduced-motion: reduce) {
.spinner-border, .spinner-grow {
animation-duration: 1.5s;
}
}
.align-baseline {
vertical-align: baseline !important;
}
.align-top, [data-filterregion="value"] div:first-of-type {
vertical-align: top !important;
}
.align-middle, .reportbuilder-table td {
vertical-align: middle !important;
}
.align-bottom {
vertical-align: bottom !important;
}
.align-text-bottom {
vertical-align: text-bottom !important;
}
.align-text-top {
vertical-align: text-top !important;
}
.bg-primary {
background-color: #0f6cbf !important;
}
a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus {
background-color: #0b5190 !important;
}
.bg-secondary {
background-color: #ced4da !important;
}
a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus {
background-color: #b1bbc4 !important;
}
.bg-success {
background-color: #357a32 !important;
}
a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus {
background-color: #255623 !important;
}
.bg-info {
background-color: #008196 !important;
}
a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus {
background-color: #005563 !important;
}
.bg-warning {
background-color: #f0ad4e !important;
}
a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus {
background-color: #ec971f !important;
}
.bg-danger {
background-color: #ca3120 !important;
}
a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus {
background-color: #9e2619 !important;
}
.bg-light, .pagelayout-frontpage .theme_boost_union-catlisting > .content > .subcategories, .pagelayout-coursecategory .theme_boost_union-catlisting > .content > .subcategories, #page-course-search .theme_boost_union-catlisting > .content > .subcategories {
background-color: #f8f9fa !important;
}
a.bg-light:hover, .pagelayout-frontpage .theme_boost_union-catlisting > .content > a.subcategories:hover, .pagelayout-coursecategory .theme_boost_union-catlisting > .content > a.subcategories:hover, #page-course-search .theme_boost_union-catlisting > .content > a.subcategories:hover, a.bg-light:focus, .pagelayout-frontpage .theme_boost_union-catlisting > .content > a.subcategories:focus, .pagelayout-coursecategory .theme_boost_union-catlisting > .content > a.subcategories:focus, #page-course-search .theme_boost_union-catlisting > .content > a.subcategories:focus, button.bg-light:hover, .pagelayout-frontpage .theme_boost_union-catlisting > .content > button.subcategories:hover, .pagelayout-coursecategory .theme_boost_union-catlisting > .content > button.subcategories:hover, #page-course-search .theme_boost_union-catlisting > .content > button.subcategories:hover, button.bg-light:focus, .pagelayout-frontpage .theme_boost_union-catlisting > .content > button.subcategories:focus, .pagelayout-coursecategory .theme_boost_union-catlisting > .content > button.subcategories:focus, #page-course-search .theme_boost_union-catlisting > .content > button.subcategories:focus {
background-color: #dae0e5 !important;
}
.bg-dark {
background-color: #343a40 !important;
}
a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus {
background-color: #1d2124 !important;
}
.bg-white, .pagelayout-frontpage .theme_boost_union-catlisting > .content > .subcategories .category .theme_boost_union-courselisting, .pagelayout-coursecategory .theme_boost_union-catlisting > .content > .subcategories .category .theme_boost_union-courselisting, #page-course-search .theme_boost_union-catlisting > .content > .subcategories .category .theme_boost_union-courselisting {
background-color: #fff !important;
}
.bg-transparent {
background-color: transparent !important;
}
.border, .pagelayout-frontpage .theme_boost_union-coursecategoryinfo, .pagelayout-coursecategory .theme_boost_union-coursecategoryinfo, #page-course-search .theme_boost_union-coursecategoryinfo, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions, #page-course-search .theme_boost_union-catlisting > .collapsible-actions, .pagelayout-frontpage .theme_boost_union-catlisting > .content > .subcategories, .pagelayout-coursecategory .theme_boost_union-catlisting > .content > .subcategories, #page-course-search .theme_boost_union-catlisting > .content > .subcategories, .pagelayout-frontpage .theme_boost_union-catlisting > .content > .subcategories .category .theme_boost_union-courselisting, .pagelayout-coursecategory .theme_boost_union-catlisting > .content > .subcategories .category .theme_boost_union-courselisting, #page-course-search .theme_boost_union-catlisting > .content > .subcategories .category .theme_boost_union-courselisting {
border: 1px solid #dee2e6 !important;
}
.border-top {
border-top: 1px solid #dee2e6 !important;
}
.border-right, .border-end {
border-right: 1px solid #dee2e6 !important;
}
.border-bottom, .pagelayout-frontpage .theme_boost_union-catlisting > .content > .subcategories > .category, .pagelayout-coursecategory .theme_boost_union-catlisting > .content > .subcategories > .category, #page-course-search .theme_boost_union-catlisting > .content > .subcategories > .category, .pagelayout-frontpage .theme_boost_union-catlisting > .content > .subcategories > .category:not(.collapsed), .pagelayout-coursecategory .theme_boost_union-catlisting > .content > .subcategories > .category:not(.collapsed), #page-course-search .theme_boost_union-catlisting > .content > .subcategories > .category:not(.collapsed), .tool_usertours-resettourcontainer .usertour {
border-bottom: 1px solid #dee2e6 !important;
}
.border-left, .border-start {
border-left: 1px solid #dee2e6 !important;
}
.border-0 {
border: 0 !important;
}
.border-top-0 {
border-top: 0 !important;
}
.border-right-0, .border-end-0 {
border-right: 0 !important;
}
.border-bottom-0, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions, #page-course-search .theme_boost_union-catlisting > .collapsible-actions, .pagelayout-frontpage .theme_boost_union-catlisting > .content > .subcategories > .category:last-child, .pagelayout-coursecategory .theme_boost_union-catlisting > .content > .subcategories > .category:last-child, #page-course-search .theme_boost_union-catlisting > .content > .subcategories > .category:last-child, .pagelayout-frontpage .theme_boost_union-catlisting > .content > .subcategories > .category:not(.collapsed):last-of-type, .pagelayout-coursecategory .theme_boost_union-catlisting > .content > .subcategories > .category:not(.collapsed):last-of-type, #page-course-search .theme_boost_union-catlisting > .content > .subcategories > .category:not(.collapsed):last-of-type {
border-bottom: 0 !important;
}
.border-left-0, .border-start-0 {
border-left: 0 !important;
}
.border-primary {
border-color: #0f6cbf !important;
}
.border-secondary {
border-color: #ced4da !important;
}
.border-success {
border-color: #357a32 !important;
}
.border-info {
border-color: #008196 !important;
}
.border-warning {
border-color: #f0ad4e !important;
}
.border-danger {
border-color: #ca3120 !important;
}
.border-light {
border-color: #f8f9fa !important;
}
.border-dark {
border-color: #343a40 !important;
}
.border-white {
border-color: #fff !important;
}
.rounded-sm {
border-radius: 0.2rem !important;
}
.rounded, .pagelayout-frontpage .theme_boost_union-coursecategoryinfo, .pagelayout-coursecategory .theme_boost_union-coursecategoryinfo, #page-course-search .theme_boost_union-coursecategoryinfo, .pagelayout-frontpage .theme_boost_union-catlisting > .content > .subcategories .category .theme_boost_union-courselisting, .pagelayout-coursecategory .theme_boost_union-catlisting > .content > .subcategories .category .theme_boost_union-courselisting, #page-course-search .theme_boost_union-catlisting > .content > .subcategories .category .theme_boost_union-courselisting {
border-radius: 0.5rem !important;
}
.rounded-top, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions, #page-course-search .theme_boost_union-catlisting > .collapsible-actions {
border-top-left-radius: 0.5rem !important;
border-top-right-radius: 0.5rem !important;
}
.rounded-right, .rounded-end {
border-top-right-radius: 0.5rem !important;
border-bottom-right-radius: 0.5rem !important;
}
.rounded-bottom, .pagelayout-frontpage .theme_boost_union-catlisting > .content > .subcategories, .pagelayout-coursecategory .theme_boost_union-catlisting > .content > .subcategories, #page-course-search .theme_boost_union-catlisting > .content > .subcategories, .pagelayout-frontpage .theme_boost_union-catlisting > .content > .subcategories > .category:last-child, .pagelayout-coursecategory .theme_boost_union-catlisting > .content > .subcategories > .category:last-child, #page-course-search .theme_boost_union-catlisting > .content > .subcategories > .category:last-child {
border-bottom-right-radius: 0.5rem !important;
border-bottom-left-radius: 0.5rem !important;
}
.rounded-left, .rounded-start {
border-top-left-radius: 0.5rem !important;
border-bottom-left-radius: 0.5rem !important;
}
.rounded-lg {
border-radius: 0.6rem !important;
}
.rounded-circle {
border-radius: 50% !important;
}
.rounded-pill {
border-radius: 50rem !important;
}
.rounded-0 {
border-radius: 0 !important;
}
.clearfix::after {
display: block;
clear: both;
content: "";
}
.d-none {
display: none !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-table {
display: table !important;
}
.d-table-row {
display: table-row !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-flex {
display: flex !important;
}
.d-inline-flex {
display: inline-flex !important;
}
@media (min-width: 576px) {
.d-sm-none {
display: none !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-table {
display: table !important;
}
.d-sm-table-row {
display: table-row !important;
}
.d-sm-table-cell {
display: table-cell !important;
}
.d-sm-flex {
display: flex !important;
}
.d-sm-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 768px) {
.d-md-none {
display: none !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-table {
display: table !important;
}
.d-md-table-row {
display: table-row !important;
}
.d-md-table-cell {
display: table-cell !important;
}
.d-md-flex {
display: flex !important;
}
.d-md-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 992px) {
.d-lg-none {
display: none !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-table {
display: table !important;
}
.d-lg-table-row {
display: table-row !important;
}
.d-lg-table-cell {
display: table-cell !important;
}
.d-lg-flex {
display: flex !important;
}
.d-lg-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 1200px) {
.d-xl-none {
display: none !important;
}
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-table {
display: table !important;
}
.d-xl-table-row {
display: table-row !important;
}
.d-xl-table-cell {
display: table-cell !important;
}
.d-xl-flex {
display: flex !important;
}
.d-xl-inline-flex {
display: inline-flex !important;
}
}
@media print {
.d-print-none {
display: none !important;
}
.d-print-inline {
display: inline !important;
}
.d-print-inline-block {
display: inline-block !important;
}
.d-print-block {
display: block !important;
}
.d-print-table {
display: table !important;
}
.d-print-table-row {
display: table-row !important;
}
.d-print-table-cell {
display: table-cell !important;
}
.d-print-flex {
display: flex !important;
}
.d-print-inline-flex {
display: inline-flex !important;
}
}
.embed-responsive {
position: relative;
display: block;
width: 100%;
padding: 0;
overflow: hidden;
}
.embed-responsive::before {
display: block;
content: "";
}
.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.embed-responsive-21by9::before {
padding-top: 42.85714286%;
}
.embed-responsive-16by9::before {
padding-top: 56.25%;
}
.embed-responsive-4by3::before {
padding-top: 75%;
}
.embed-responsive-1by1::before {
padding-top: 100%;
}
.flex-row {
flex-direction: row !important;
}
.flex-column {
flex-direction: column !important;
}
.flex-row-reverse {
flex-direction: row-reverse !important;
}
.flex-column-reverse {
flex-direction: column-reverse !important;
}
.flex-wrap {
flex-wrap: wrap !important;
}
.flex-nowrap {
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-fill, .reportbuilder-report-container {
flex: 1 1 auto !important;
}
.flex-grow-0 {
flex-grow: 0 !important;
}
.flex-grow-1 {
flex-grow: 1 !important;
}
.flex-shrink-0 {
flex-shrink: 0 !important;
}
.flex-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-start {
justify-content: flex-start !important;
}
.justify-content-end {
justify-content: flex-end !important;
}
.justify-content-center {
justify-content: center !important;
}
.justify-content-between {
justify-content: space-between !important;
}
.justify-content-around {
justify-content: space-around !important;
}
.align-items-start {
align-items: flex-start !important;
}
.align-items-end {
align-items: flex-end !important;
}
.align-items-center {
align-items: center !important;
}
.align-items-baseline {
align-items: baseline !important;
}
.align-items-stretch {
align-items: stretch !important;
}
.align-content-start {
align-content: flex-start !important;
}
.align-content-end {
align-content: flex-end !important;
}
.align-content-center {
align-content: center !important;
}
.align-content-between {
align-content: space-between !important;
}
.align-content-around {
align-content: space-around !important;
}
.align-content-stretch {
align-content: stretch !important;
}
.align-self-auto {
align-self: auto !important;
}
.align-self-start {
align-self: flex-start !important;
}
.align-self-end {
align-self: flex-end !important;
}
.align-self-center {
align-self: center !important;
}
.align-self-baseline {
align-self: baseline !important;
}
.align-self-stretch {
align-self: stretch !important;
}
@media (min-width: 576px) {
.flex-sm-row {
flex-direction: row !important;
}
.flex-sm-column {
flex-direction: column !important;
}
.flex-sm-row-reverse {
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
flex-direction: column-reverse !important;
}
.flex-sm-wrap {
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-sm-fill {
flex: 1 1 auto !important;
}
.flex-sm-grow-0 {
flex-grow: 0 !important;
}
.flex-sm-grow-1 {
flex-grow: 1 !important;
}
.flex-sm-shrink-0 {
flex-shrink: 0 !important;
}
.flex-sm-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-sm-start {
justify-content: flex-start !important;
}
.justify-content-sm-end {
justify-content: flex-end !important;
}
.justify-content-sm-center {
justify-content: center !important;
}
.justify-content-sm-between {
justify-content: space-between !important;
}
.justify-content-sm-around {
justify-content: space-around !important;
}
.align-items-sm-start {
align-items: flex-start !important;
}
.align-items-sm-end {
align-items: flex-end !important;
}
.align-items-sm-center {
align-items: center !important;
}
.align-items-sm-baseline {
align-items: baseline !important;
}
.align-items-sm-stretch {
align-items: stretch !important;
}
.align-content-sm-start {
align-content: flex-start !important;
}
.align-content-sm-end {
align-content: flex-end !important;
}
.align-content-sm-center {
align-content: center !important;
}
.align-content-sm-between {
align-content: space-between !important;
}
.align-content-sm-around {
align-content: space-around !important;
}
.align-content-sm-stretch {
align-content: stretch !important;
}
.align-self-sm-auto {
align-self: auto !important;
}
.align-self-sm-start {
align-self: flex-start !important;
}
.align-self-sm-end {
align-self: flex-end !important;
}
.align-self-sm-center {
align-self: center !important;
}
.align-self-sm-baseline {
align-self: baseline !important;
}
.align-self-sm-stretch {
align-self: stretch !important;
}
}
@media (min-width: 768px) {
.flex-md-row {
flex-direction: row !important;
}
.flex-md-column {
flex-direction: column !important;
}
.flex-md-row-reverse {
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
flex-direction: column-reverse !important;
}
.flex-md-wrap {
flex-wrap: wrap !important;
}
.flex-md-nowrap {
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-md-fill {
flex: 1 1 auto !important;
}
.flex-md-grow-0 {
flex-grow: 0 !important;
}
.flex-md-grow-1 {
flex-grow: 1 !important;
}
.flex-md-shrink-0 {
flex-shrink: 0 !important;
}
.flex-md-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-md-start {
justify-content: flex-start !important;
}
.justify-content-md-end {
justify-content: flex-end !important;
}
.justify-content-md-center {
justify-content: center !important;
}
.justify-content-md-between {
justify-content: space-between !important;
}
.justify-content-md-around {
justify-content: space-around !important;
}
.align-items-md-start {
align-items: flex-start !important;
}
.align-items-md-end {
align-items: flex-end !important;
}
.align-items-md-center {
align-items: center !important;
}
.align-items-md-baseline {
align-items: baseline !important;
}
.align-items-md-stretch {
align-items: stretch !important;
}
.align-content-md-start {
align-content: flex-start !important;
}
.align-content-md-end {
align-content: flex-end !important;
}
.align-content-md-center {
align-content: center !important;
}
.align-content-md-between {
align-content: space-between !important;
}
.align-content-md-around {
align-content: space-around !important;
}
.align-content-md-stretch {
align-content: stretch !important;
}
.align-self-md-auto {
align-self: auto !important;
}
.align-self-md-start {
align-self: flex-start !important;
}
.align-self-md-end {
align-self: flex-end !important;
}
.align-self-md-center {
align-self: center !important;
}
.align-self-md-baseline {
align-self: baseline !important;
}
.align-self-md-stretch {
align-self: stretch !important;
}
}
@media (min-width: 992px) {
.flex-lg-row {
flex-direction: row !important;
}
.flex-lg-column {
flex-direction: column !important;
}
.flex-lg-row-reverse {
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
flex-direction: column-reverse !important;
}
.flex-lg-wrap {
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-lg-fill {
flex: 1 1 auto !important;
}
.flex-lg-grow-0 {
flex-grow: 0 !important;
}
.flex-lg-grow-1 {
flex-grow: 1 !important;
}
.flex-lg-shrink-0 {
flex-shrink: 0 !important;
}
.flex-lg-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-lg-start {
justify-content: flex-start !important;
}
.justify-content-lg-end {
justify-content: flex-end !important;
}
.justify-content-lg-center {
justify-content: center !important;
}
.justify-content-lg-between {
justify-content: space-between !important;
}
.justify-content-lg-around {
justify-content: space-around !important;
}
.align-items-lg-start {
align-items: flex-start !important;
}
.align-items-lg-end {
align-items: flex-end !important;
}
.align-items-lg-center {
align-items: center !important;
}
.align-items-lg-baseline {
align-items: baseline !important;
}
.align-items-lg-stretch {
align-items: stretch !important;
}
.align-content-lg-start {
align-content: flex-start !important;
}
.align-content-lg-end {
align-content: flex-end !important;
}
.align-content-lg-center {
align-content: center !important;
}
.align-content-lg-between {
align-content: space-between !important;
}
.align-content-lg-around {
align-content: space-around !important;
}
.align-content-lg-stretch {
align-content: stretch !important;
}
.align-self-lg-auto {
align-self: auto !important;
}
.align-self-lg-start {
align-self: flex-start !important;
}
.align-self-lg-end {
align-self: flex-end !important;
}
.align-self-lg-center {
align-self: center !important;
}
.align-self-lg-baseline {
align-self: baseline !important;
}
.align-self-lg-stretch {
align-self: stretch !important;
}
}
@media (min-width: 1200px) {
.flex-xl-row {
flex-direction: row !important;
}
.flex-xl-column {
flex-direction: column !important;
}
.flex-xl-row-reverse {
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
flex-direction: column-reverse !important;
}
.flex-xl-wrap {
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-xl-fill {
flex: 1 1 auto !important;
}
.flex-xl-grow-0 {
flex-grow: 0 !important;
}
.flex-xl-grow-1 {
flex-grow: 1 !important;
}
.flex-xl-shrink-0 {
flex-shrink: 0 !important;
}
.flex-xl-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-xl-start {
justify-content: flex-start !important;
}
.justify-content-xl-end {
justify-content: flex-end !important;
}
.justify-content-xl-center {
justify-content: center !important;
}
.justify-content-xl-between {
justify-content: space-between !important;
}
.justify-content-xl-around {
justify-content: space-around !important;
}
.align-items-xl-start {
align-items: flex-start !important;
}
.align-items-xl-end {
align-items: flex-end !important;
}
.align-items-xl-center {
align-items: center !important;
}
.align-items-xl-baseline {
align-items: baseline !important;
}
.align-items-xl-stretch {
align-items: stretch !important;
}
.align-content-xl-start {
align-content: flex-start !important;
}
.align-content-xl-end {
align-content: flex-end !important;
}
.align-content-xl-center {
align-content: center !important;
}
.align-content-xl-between {
align-content: space-between !important;
}
.align-content-xl-around {
align-content: space-around !important;
}
.align-content-xl-stretch {
align-content: stretch !important;
}
.align-self-xl-auto {
align-self: auto !important;
}
.align-self-xl-start {
align-self: flex-start !important;
}
.align-self-xl-end {
align-self: flex-end !important;
}
.align-self-xl-center {
align-self: center !important;
}
.align-self-xl-baseline {
align-self: baseline !important;
}
.align-self-xl-stretch {
align-self: stretch !important;
}
}
.float-left, .float-start {
float: left !important;
}
.float-right, .float-end {
float: right !important;
}
.float-none {
float: none !important;
}
@media (min-width: 576px) {
.float-sm-left, .float-sm-start {
float: left !important;
}
.float-sm-right, .float-sm-end {
float: right !important;
}
.float-sm-none {
float: none !important;
}
}
@media (min-width: 768px) {
.float-md-left, .float-md-start {
float: left !important;
}
.float-md-right, .float-md-end {
float: right !important;
}
.float-md-none {
float: none !important;
}
}
@media (min-width: 992px) {
.float-lg-left, .float-lg-start {
float: left !important;
}
.float-lg-right, .float-lg-end {
float: right !important;
}
.float-lg-none {
float: none !important;
}
}
@media (min-width: 1200px) {
.float-xl-left, .float-xl-start {
float: left !important;
}
.float-xl-right, .float-xl-end {
float: right !important;
}
.float-xl-none {
float: none !important;
}
}
.user-select-all {
user-select: all !important;
}
.user-select-auto {
user-select: auto !important;
}
.user-select-none {
user-select: none !important;
}
.overflow-auto {
overflow: auto !important;
}
.overflow-hidden {
overflow: hidden !important;
}
.position-static {
position: static !important;
}
.position-relative {
position: relative !important;
}
.position-absolute {
position: absolute !important;
}
.position-fixed {
position: fixed !important;
}
.position-sticky {
position: sticky !important;
}
.fixed-top {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030;
}
.fixed-bottom {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 1030;
}
@supports (position: sticky) {
.sticky-top {
position: sticky;
top: 0;
z-index: 1020;
}
}
.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;
}
.sr-only-focusable:active, .sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
overflow: visible;
clip: auto;
white-space: normal;
}
.shadow-sm {
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
.shadow, .pagelayout-frontpage .theme_boost_union-catlisting > .content > .subcategories .category .theme_boost_union-courselisting, .pagelayout-coursecategory .theme_boost_union-catlisting > .content > .subcategories .category .theme_boost_union-courselisting, #page-course-search .theme_boost_union-catlisting > .content > .subcategories .category .theme_boost_union-courselisting {
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.shadow-lg {
box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}
.shadow-none {
box-shadow: none !important;
}
.w-25 {
width: 25% !important;
}
.w-50 {
width: 50% !important;
}
.w-75 {
width: 75% !important;
}
.w-100 {
width: 100% !important;
}
.w-auto {
width: auto !important;
}
.h-25 {
height: 25% !important;
}
.h-50 {
height: 50% !important;
}
.h-75 {
height: 75% !important;
}
.h-100 {
height: 100% !important;
}
.h-auto {
height: auto !important;
}
.mw-100 {
max-width: 100% !important;
}
.mh-100 {
max-height: 100% !important;
}
.min-vw-100 {
min-width: 100vw !important;
}
.min-vh-100 {
min-height: 100vh !important;
}
.vw-100 {
width: 100vw !important;
}
.vh-100 {
height: 100vh !important;
}
.m-0 {
margin: 0 !important;
}
.mt-0, .my-0 {
margin-top: 0 !important;
}
.mr-0, .me-0, .mx-0 {
margin-right: 0 !important;
}
.mb-0, .pagelayout-frontpage .theme_boost_union-courselisting .customfields .customfield:last-of-type, .pagelayout-coursecategory .theme_boost_union-courselisting .customfields .customfield:last-of-type, #page-course-search .theme_boost_union-courselisting .customfields .customfield:last-of-type, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions, #page-course-search .theme_boost_union-catlisting > .collapsible-actions, .my-0 {
margin-bottom: 0 !important;
}
.ml-0, .ms-0, .mx-0 {
margin-left: 0 !important;
}
.m-1 {
margin: 0.25rem !important;
}
.mt-1, .my-1 {
margin-top: 0.25rem !important;
}
.mr-1, .me-1, .mx-1 {
margin-right: 0.25rem !important;
}
.mb-1, .my-1 {
margin-bottom: 0.25rem !important;
}
.ml-1, .ms-1, .mx-1 {
margin-left: 0.25rem !important;
}
.m-2 {
margin: 0.5rem !important;
}
.mt-2, .my-2, .pagelayout-frontpage .theme_boost_union-catlisting > .content > .subcategories .category .theme_boost_union-courselisting, .pagelayout-coursecategory .theme_boost_union-catlisting > .content > .subcategories .category .theme_boost_union-courselisting, #page-course-search .theme_boost_union-catlisting > .content > .subcategories .category .theme_boost_union-courselisting {
margin-top: 0.5rem !important;
}
.mr-2, .me-2, .mx-2 {
margin-right: 0.5rem !important;
}
.mb-2, .pagelayout-frontpage .theme_boost_union-courselisting .customfields .customfield, .pagelayout-coursecategory .theme_boost_union-courselisting .customfields .customfield, #page-course-search .theme_boost_union-courselisting .customfields .customfield, .my-2, .pagelayout-frontpage .theme_boost_union-catlisting > .content > .subcategories .category .theme_boost_union-courselisting, .pagelayout-coursecategory .theme_boost_union-catlisting > .content > .subcategories .category .theme_boost_union-courselisting, #page-course-search .theme_boost_union-catlisting > .content > .subcategories .category .theme_boost_union-courselisting {
margin-bottom: 0.5rem !important;
}
.ml-2, .ms-2, .mx-2 {
margin-left: 0.5rem !important;
}
.m-3 {
margin: 1rem !important;
}
.mt-3, .my-3 {
margin-top: 1rem !important;
}
.mr-3, .me-3, .mx-3 {
margin-right: 1rem !important;
}
.mb-3, .pagelayout-frontpage .theme_boost_union-coursecategoryinfo, .pagelayout-coursecategory .theme_boost_union-coursecategoryinfo, #page-course-search .theme_boost_union-coursecategoryinfo, .pagelayout-frontpage .theme_boost_union-catlisting > .content > .subcategories, .pagelayout-coursecategory .theme_boost_union-catlisting > .content > .subcategories, #page-course-search .theme_boost_union-catlisting > .content > .subcategories, .my-3 {
margin-bottom: 1rem !important;
}
.ml-3, .ms-3, .mx-3 {
margin-left: 1rem !important;
}
.m-4 {
margin: 1.5rem !important;
}
.mt-4, .pagelayout-frontpage .theme_boost_union-catlisting.theme_boost_union-catlisting-cl > .content > .subcategories .category.with_children:not(.collapsed) > .content > .courses, .pagelayout-coursecategory .theme_boost_union-catlisting.theme_boost_union-catlisting-cl > .content > .subcategories .category.with_children:not(.collapsed) > .content > .courses, #page-course-search .theme_boost_union-catlisting.theme_boost_union-catlisting-cl > .content > .subcategories .category.with_children:not(.collapsed) > .content > .courses, .my-4 {
margin-top: 1.5rem !important;
}
.mr-4, .me-4, .mx-4 {
margin-right: 1.5rem !important;
}
.mb-4, .my-4 {
margin-bottom: 1.5rem !important;
}
.ml-4, .ms-4, .mx-4 {
margin-left: 1.5rem !important;
}
.m-5 {
margin: 2rem !important;
}
.mt-5, .my-5 {
margin-top: 2rem !important;
}
.mr-5, .me-5, .mx-5 {
margin-right: 2rem !important;
}
.mb-5, .my-5 {
margin-bottom: 2rem !important;
}
.ml-5, .ms-5, .mx-5 {
margin-left: 2rem !important;
}
.m-6 {
margin: 3rem !important;
}
.mt-6, .my-6 {
margin-top: 3rem !important;
}
.mr-6, .me-6, .mx-6 {
margin-right: 3rem !important;
}
.mb-6, .my-6 {
margin-bottom: 3rem !important;
}
.ml-6, .ms-6, .mx-6 {
margin-left: 3rem !important;
}
.p-0 {
padding: 0 !important;
}
.pt-0, .py-0 {
padding-top: 0 !important;
}
.pr-0, .pe-0, .px-0 {
padding-right: 0 !important;
}
.pb-0, .pagelayout-frontpage .theme_boost_union-catlisting.theme_boost_union-catlisting-cl > .content > .subcategories .category:last-child, .pagelayout-coursecategory .theme_boost_union-catlisting.theme_boost_union-catlisting-cl > .content > .subcategories .category:last-child, #page-course-search .theme_boost_union-catlisting.theme_boost_union-catlisting-cl > .content > .subcategories .category:last-child, .py-0 {
padding-bottom: 0 !important;
}
.pl-0, .ps-0, .px-0 {
padding-left: 0 !important;
}
.p-1 {
padding: 0.25rem !important;
}
.pt-1, .py-1 {
padding-top: 0.25rem !important;
}
.pr-1, .pe-1, .px-1 {
padding-right: 0.25rem !important;
}
.pb-1, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions, #page-course-search .theme_boost_union-catlisting > .collapsible-actions, .py-1 {
padding-bottom: 0.25rem !important;
}
.pl-1, .ps-1, .px-1 {
padding-left: 0.25rem !important;
}
.p-2 {
padding: 0.5rem !important;
}
.pt-2, .py-2, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions, #page-course-search .theme_boost_union-catlisting > .collapsible-actions, .pagelayout-frontpage .theme_boost_union-catlisting.theme_boost_union-catlisting-cl > .content > .subcategories .category, .pagelayout-coursecategory .theme_boost_union-catlisting.theme_boost_union-catlisting-cl > .content > .subcategories .category, #page-course-search .theme_boost_union-catlisting.theme_boost_union-catlisting-cl > .content > .subcategories .category, .pagelayout-frontpage .theme_boost_union-catlisting.theme_boost_union-catlisting-cl > .content > .subcategories > .category:last-child, .pagelayout-coursecategory .theme_boost_union-catlisting.theme_boost_union-catlisting-cl > .content > .subcategories > .category:last-child, #page-course-search .theme_boost_union-catlisting.theme_boost_union-catlisting-cl > .content > .subcategories > .category:last-child {
padding-top: 0.5rem !important;
}
.pr-2, .pe-2, .px-2, .pagelayout-frontpage .theme_boost_union-catlisting > .content > .subcategories > .category, .pagelayout-coursecategory .theme_boost_union-catlisting > .content > .subcategories > .category, #page-course-search .theme_boost_union-catlisting > .content > .subcategories > .category, .pagelayout-frontpage .theme_boost_union-catlisting.theme_boost_union-catlisting-cl > .content > .subcategories .category .theme_boost_union-courselisting-card, .pagelayout-coursecategory .theme_boost_union-catlisting.theme_boost_union-catlisting-cl > .content > .subcategories .category .theme_boost_union-courselisting-card, #page-course-search .theme_boost_union-catlisting.theme_boost_union-catlisting-cl > .content > .subcategories .category .theme_boost_union-courselisting-card {
padding-right: 0.5rem !important;
}
.pb-2, .pagelayout-frontpage .theme_boost_union-catlisting > .content > .subcategories > .category:last-child, .pagelayout-coursecategory .theme_boost_union-catlisting > .content > .subcategories > .category:last-child, #page-course-search .theme_boost_union-catlisting > .content > .subcategories > .category:last-child, .py-2, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions, #page-course-search .theme_boost_union-catlisting > .collapsible-actions, .pagelayout-frontpage .theme_boost_union-catlisting.theme_boost_union-catlisting-cl > .content > .subcategories .category, .pagelayout-coursecategory .theme_boost_union-catlisting.theme_boost_union-catlisting-cl > .content > .subcategories .category, #page-course-search .theme_boost_union-catlisting.theme_boost_union-catlisting-cl > .content > .subcategories .category, .pagelayout-frontpage .theme_boost_union-catlisting.theme_boost_union-catlisting-cl > .content > .subcategories > .category:last-child, .pagelayout-coursecategory .theme_boost_union-catlisting.theme_boost_union-catlisting-cl > .content > .subcategories > .category:last-child, #page-course-search .theme_boost_union-catlisting.theme_boost_union-catlisting-cl > .content > .subcategories > .category:last-child {
padding-bottom: 0.5rem !important;
}
.pl-2, .ps-2, .px-2, .pagelayout-frontpage .theme_boost_union-catlisting > .content > .subcategories > .category, .pagelayout-coursecategory .theme_boost_union-catlisting > .content > .subcategories > .category, #page-course-search .theme_boost_union-catlisting > .content > .subcategories > .category, .pagelayout-frontpage .theme_boost_union-catlisting.theme_boost_union-catlisting-cl > .content > .subcategories .category .theme_boost_union-courselisting-card, .pagelayout-coursecategory .theme_boost_union-catlisting.theme_boost_union-catlisting-cl > .content > .subcategories .category .theme_boost_union-courselisting-card, #page-course-search .theme_boost_union-catlisting.theme_boost_union-catlisting-cl > .content > .subcategories .category .theme_boost_union-courselisting-card {
padding-left: 0.5rem !important;
}
.p-3, .pagelayout-frontpage .theme_boost_union-coursecategoryinfo, .pagelayout-coursecategory .theme_boost_union-coursecategoryinfo, #page-course-search .theme_boost_union-coursecategoryinfo, .tool_usertours-resettourcontainer .usertour {
padding: 1rem !important;
}
.pt-3, .py-3 {
padding-top: 1rem !important;
}
.pr-3, .pe-3, .px-3, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions, #page-course-search .theme_boost_union-catlisting > .collapsible-actions, .pagelayout-frontpage .theme_boost_union-catlisting > .content > .subcategories .category .theme_boost_union-courselisting.theme_boost_union-courselisting-list, .pagelayout-coursecategory .theme_boost_union-catlisting > .content > .subcategories .category .theme_boost_union-courselisting.theme_boost_union-courselisting-list, #page-course-search .theme_boost_union-catlisting > .content > .subcategories .category .theme_boost_union-courselisting.theme_boost_union-courselisting-list {
padding-right: 1rem !important;
}
.pb-3, .py-3 {
padding-bottom: 1rem !important;
}
.pl-3, .ps-3, .px-3, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions, #page-course-search .theme_boost_union-catlisting > .collapsible-actions, .pagelayout-frontpage .theme_boost_union-catlisting > .content > .subcategories .category .theme_boost_union-courselisting.theme_boost_union-courselisting-list, .pagelayout-coursecategory .theme_boost_union-catlisting > .content > .subcategories .category .theme_boost_union-courselisting.theme_boost_union-courselisting-list, #page-course-search .theme_boost_union-catlisting > .content > .subcategories .category .theme_boost_union-courselisting.theme_boost_union-courselisting-list {
padding-left: 1rem !important;
}
.p-4 {
padding: 1.5rem !important;
}
.pt-4, .py-4 {
padding-top: 1.5rem !important;
}
.pr-4, .pe-4, .px-4 {
padding-right: 1.5rem !important;
}
.pb-4, .py-4 {
padding-bottom: 1.5rem !important;
}
.pl-4, .ps-4, .px-4 {
padding-left: 1.5rem !important;
}
.p-5 {
padding: 2rem !important;
}
.pt-5, .py-5 {
padding-top: 2rem !important;
}
.pr-5, .pe-5, .px-5 {
padding-right: 2rem !important;
}
.pb-5, .py-5 {
padding-bottom: 2rem !important;
}
.pl-5, .ps-5, .px-5 {
padding-left: 2rem !important;
}
.p-6 {
padding: 3rem !important;
}
.pt-6, .py-6 {
padding-top: 3rem !important;
}
.pr-6, .pe-6, .px-6 {
padding-right: 3rem !important;
}
.pb-6, .py-6 {
padding-bottom: 3rem !important;
}
.pl-6, .ps-6, .px-6 {
padding-left: 3rem !important;
}
.m-n1 {
margin: -0.25rem !important;
}
.mt-n1, .my-n1 {
margin-top: -0.25rem !important;
}
.mr-n1, .mx-n1 {
margin-right: -0.25rem !important;
}
.mb-n1, .my-n1 {
margin-bottom: -0.25rem !important;
}
.ml-n1, .mx-n1 {
margin-left: -0.25rem !important;
}
.m-n2 {
margin: -0.5rem !important;
}
.mt-n2, .my-n2 {
margin-top: -0.5rem !important;
}
.mr-n2, .mx-n2 {
margin-right: -0.5rem !important;
}
.mb-n2, .my-n2 {
margin-bottom: -0.5rem !important;
}
.ml-n2, .mx-n2 {
margin-left: -0.5rem !important;
}
.m-n3 {
margin: -1rem !important;
}
.mt-n3, .my-n3 {
margin-top: -1rem !important;
}
.mr-n3, .mx-n3 {
margin-right: -1rem !important;
}
.mb-n3, .my-n3 {
margin-bottom: -1rem !important;
}
.ml-n3, .mx-n3 {
margin-left: -1rem !important;
}
.m-n4 {
margin: -1.5rem !important;
}
.mt-n4, .my-n4 {
margin-top: -1.5rem !important;
}
.mr-n4, .mx-n4 {
margin-right: -1.5rem !important;
}
.mb-n4, .my-n4 {
margin-bottom: -1.5rem !important;
}
.ml-n4, .mx-n4 {
margin-left: -1.5rem !important;
}
.m-n5 {
margin: -2rem !important;
}
.mt-n5, .my-n5 {
margin-top: -2rem !important;
}
.mr-n5, .mx-n5 {
margin-right: -2rem !important;
}
.mb-n5, .my-n5 {
margin-bottom: -2rem !important;
}
.ml-n5, .mx-n5 {
margin-left: -2rem !important;
}
.m-n6 {
margin: -3rem !important;
}
.mt-n6, .my-n6 {
margin-top: -3rem !important;
}
.mr-n6, .mx-n6 {
margin-right: -3rem !important;
}
.mb-n6, .my-n6 {
margin-bottom: -3rem !important;
}
.ml-n6, .mx-n6 {
margin-left: -3rem !important;
}
.m-auto {
margin: auto !important;
}
.mt-auto, .my-auto {
margin-top: auto !important;
}
.mr-auto, .me-auto, .mx-auto {
margin-right: auto !important;
}
.mb-auto, .my-auto {
margin-bottom: auto !important;
}
.ml-auto, .ms-auto, .mx-auto {
margin-left: auto !important;
}
@media (min-width: 576px) {
.m-sm-0 {
margin: 0 !important;
}
.mt-sm-0, .my-sm-0 {
margin-top: 0 !important;
}
.mr-sm-0, .me-sm-0, .mx-sm-0 {
margin-right: 0 !important;
}
.mb-sm-0, .my-sm-0 {
margin-bottom: 0 !important;
}
.ml-sm-0, .ms-sm-0, .mx-sm-0 {
margin-left: 0 !important;
}
.m-sm-1 {
margin: 0.25rem !important;
}
.mt-sm-1, .my-sm-1 {
margin-top: 0.25rem !important;
}
.mr-sm-1, .me-sm-1, .mx-sm-1 {
margin-right: 0.25rem !important;
}
.mb-sm-1, .my-sm-1 {
margin-bottom: 0.25rem !important;
}
.ml-sm-1, .ms-sm-1, .mx-sm-1 {
margin-left: 0.25rem !important;
}
.m-sm-2 {
margin: 0.5rem !important;
}
.mt-sm-2, .my-sm-2 {
margin-top: 0.5rem !important;
}
.mr-sm-2, .me-sm-2, .mx-sm-2 {
margin-right: 0.5rem !important;
}
.mb-sm-2, .my-sm-2 {
margin-bottom: 0.5rem !important;
}
.ml-sm-2, .ms-sm-2, .mx-sm-2 {
margin-left: 0.5rem !important;
}
.m-sm-3 {
margin: 1rem !important;
}
.mt-sm-3, .my-sm-3 {
margin-top: 1rem !important;
}
.mr-sm-3, .me-sm-3, .mx-sm-3 {
margin-right: 1rem !important;
}
.mb-sm-3, .my-sm-3 {
margin-bottom: 1rem !important;
}
.ml-sm-3, .ms-sm-3, .mx-sm-3 {
margin-left: 1rem !important;
}
.m-sm-4 {
margin: 1.5rem !important;
}
.mt-sm-4, .my-sm-4 {
margin-top: 1.5rem !important;
}
.mr-sm-4, .me-sm-4, .mx-sm-4 {
margin-right: 1.5rem !important;
}
.mb-sm-4, .my-sm-4 {
margin-bottom: 1.5rem !important;
}
.ml-sm-4, .ms-sm-4, .mx-sm-4 {
margin-left: 1.5rem !important;
}
.m-sm-5 {
margin: 2rem !important;
}
.mt-sm-5, .my-sm-5 {
margin-top: 2rem !important;
}
.mr-sm-5, .me-sm-5, .mx-sm-5 {
margin-right: 2rem !important;
}
.mb-sm-5, .my-sm-5 {
margin-bottom: 2rem !important;
}
.ml-sm-5, .ms-sm-5, .mx-sm-5 {
margin-left: 2rem !important;
}
.m-sm-6 {
margin: 3rem !important;
}
.mt-sm-6, .my-sm-6 {
margin-top: 3rem !important;
}
.mr-sm-6, .me-sm-6, .mx-sm-6 {
margin-right: 3rem !important;
}
.mb-sm-6, .my-sm-6 {
margin-bottom: 3rem !important;
}
.ml-sm-6, .ms-sm-6, .mx-sm-6 {
margin-left: 3rem !important;
}
.p-sm-0 {
padding: 0 !important;
}
.pt-sm-0, .py-sm-0 {
padding-top: 0 !important;
}
.pr-sm-0, .pe-sm-0, .px-sm-0 {
padding-right: 0 !important;
}
.pb-sm-0, .py-sm-0 {
padding-bottom: 0 !important;
}
.pl-sm-0, .ps-sm-0, .px-sm-0 {
padding-left: 0 !important;
}
.p-sm-1 {
padding: 0.25rem !important;
}
.pt-sm-1, .py-sm-1 {
padding-top: 0.25rem !important;
}
.pr-sm-1, .pe-sm-1, .px-sm-1 {
padding-right: 0.25rem !important;
}
.pb-sm-1, .py-sm-1 {
padding-bottom: 0.25rem !important;
}
.pl-sm-1, .ps-sm-1, .px-sm-1 {
padding-left: 0.25rem !important;
}
.p-sm-2 {
padding: 0.5rem !important;
}
.pt-sm-2, .py-sm-2 {
padding-top: 0.5rem !important;
}
.pr-sm-2, .pe-sm-2, .px-sm-2 {
padding-right: 0.5rem !important;
}
.pb-sm-2, .py-sm-2 {
padding-bottom: 0.5rem !important;
}
.pl-sm-2, .ps-sm-2, .px-sm-2 {
padding-left: 0.5rem !important;
}
.p-sm-3 {
padding: 1rem !important;
}
.pt-sm-3, .py-sm-3 {
padding-top: 1rem !important;
}
.pr-sm-3, .pe-sm-3, .px-sm-3 {
padding-right: 1rem !important;
}
.pb-sm-3, .py-sm-3 {
padding-bottom: 1rem !important;
}
.pl-sm-3, .ps-sm-3, .px-sm-3 {
padding-left: 1rem !important;
}
.p-sm-4 {
padding: 1.5rem !important;
}
.pt-sm-4, .py-sm-4 {
padding-top: 1.5rem !important;
}
.pr-sm-4, .pe-sm-4, .px-sm-4 {
padding-right: 1.5rem !important;
}
.pb-sm-4, .py-sm-4 {
padding-bottom: 1.5rem !important;
}
.pl-sm-4, .ps-sm-4, .px-sm-4 {
padding-left: 1.5rem !important;
}
.p-sm-5 {
padding: 2rem !important;
}
.pt-sm-5, .py-sm-5 {
padding-top: 2rem !important;
}
.pr-sm-5, .pe-sm-5, .px-sm-5 {
padding-right: 2rem !important;
}
.pb-sm-5, .py-sm-5 {
padding-bottom: 2rem !important;
}
.pl-sm-5, .ps-sm-5, .px-sm-5 {
padding-left: 2rem !important;
}
.p-sm-6 {
padding: 3rem !important;
}
.pt-sm-6, .py-sm-6 {
padding-top: 3rem !important;
}
.pr-sm-6, .pe-sm-6, .px-sm-6 {
padding-right: 3rem !important;
}
.pb-sm-6, .py-sm-6 {
padding-bottom: 3rem !important;
}
.pl-sm-6, .ps-sm-6, .px-sm-6 {
padding-left: 3rem !important;
}
.m-sm-n1 {
margin: -0.25rem !important;
}
.mt-sm-n1, .my-sm-n1 {
margin-top: -0.25rem !important;
}
.mr-sm-n1, .mx-sm-n1 {
margin-right: -0.25rem !important;
}
.mb-sm-n1, .my-sm-n1 {
margin-bottom: -0.25rem !important;
}
.ml-sm-n1, .mx-sm-n1 {
margin-left: -0.25rem !important;
}
.m-sm-n2 {
margin: -0.5rem !important;
}
.mt-sm-n2, .my-sm-n2 {
margin-top: -0.5rem !important;
}
.mr-sm-n2, .mx-sm-n2 {
margin-right: -0.5rem !important;
}
.mb-sm-n2, .my-sm-n2 {
margin-bottom: -0.5rem !important;
}
.ml-sm-n2, .mx-sm-n2 {
margin-left: -0.5rem !important;
}
.m-sm-n3 {
margin: -1rem !important;
}
.mt-sm-n3, .my-sm-n3 {
margin-top: -1rem !important;
}
.mr-sm-n3, .mx-sm-n3 {
margin-right: -1rem !important;
}
.mb-sm-n3, .my-sm-n3 {
margin-bottom: -1rem !important;
}
.ml-sm-n3, .mx-sm-n3 {
margin-left: -1rem !important;
}
.m-sm-n4 {
margin: -1.5rem !important;
}
.mt-sm-n4, .my-sm-n4 {
margin-top: -1.5rem !important;
}
.mr-sm-n4, .mx-sm-n4 {
margin-right: -1.5rem !important;
}
.mb-sm-n4, .my-sm-n4 {
margin-bottom: -1.5rem !important;
}
.ml-sm-n4, .mx-sm-n4 {
margin-left: -1.5rem !important;
}
.m-sm-n5 {
margin: -2rem !important;
}
.mt-sm-n5, .my-sm-n5 {
margin-top: -2rem !important;
}
.mr-sm-n5, .mx-sm-n5 {
margin-right: -2rem !important;
}
.mb-sm-n5, .my-sm-n5 {
margin-bottom: -2rem !important;
}
.ml-sm-n5, .mx-sm-n5 {
margin-left: -2rem !important;
}
.m-sm-n6 {
margin: -3rem !important;
}
.mt-sm-n6, .my-sm-n6 {
margin-top: -3rem !important;
}
.mr-sm-n6, .mx-sm-n6 {
margin-right: -3rem !important;
}
.mb-sm-n6, .my-sm-n6 {
margin-bottom: -3rem !important;
}
.ml-sm-n6, .mx-sm-n6 {
margin-left: -3rem !important;
}
.m-sm-auto {
margin: auto !important;
}
.mt-sm-auto, .my-sm-auto {
margin-top: auto !important;
}
.mr-sm-auto, .me-sm-auto, .mx-sm-auto {
margin-right: auto !important;
}
.mb-sm-auto, .my-sm-auto {
margin-bottom: auto !important;
}
.ml-sm-auto, .ms-sm-auto, .mx-sm-auto {
margin-left: auto !important;
}
}
@media (min-width: 768px) {
.m-md-0 {
margin: 0 !important;
}
.mt-md-0, .my-md-0 {
margin-top: 0 !important;
}
.mr-md-0, .me-md-0, .mx-md-0 {
margin-right: 0 !important;
}
.mb-md-0, .my-md-0 {
margin-bottom: 0 !important;
}
.ml-md-0, .ms-md-0, .mx-md-0 {
margin-left: 0 !important;
}
.m-md-1 {
margin: 0.25rem !important;
}
.mt-md-1, .my-md-1 {
margin-top: 0.25rem !important;
}
.mr-md-1, .me-md-1, .mx-md-1 {
margin-right: 0.25rem !important;
}
.mb-md-1, .my-md-1 {
margin-bottom: 0.25rem !important;
}
.ml-md-1, .ms-md-1, .mx-md-1 {
margin-left: 0.25rem !important;
}
.m-md-2 {
margin: 0.5rem !important;
}
.mt-md-2, .my-md-2 {
margin-top: 0.5rem !important;
}
.mr-md-2, .me-md-2, .mx-md-2 {
margin-right: 0.5rem !important;
}
.mb-md-2, .my-md-2 {
margin-bottom: 0.5rem !important;
}
.ml-md-2, .ms-md-2, .mx-md-2 {
margin-left: 0.5rem !important;
}
.m-md-3 {
margin: 1rem !important;
}
.mt-md-3, .my-md-3 {
margin-top: 1rem !important;
}
.mr-md-3, .me-md-3, .mx-md-3 {
margin-right: 1rem !important;
}
.mb-md-3, .my-md-3 {
margin-bottom: 1rem !important;
}
.ml-md-3, .ms-md-3, .mx-md-3 {
margin-left: 1rem !important;
}
.m-md-4 {
margin: 1.5rem !important;
}
.mt-md-4, .my-md-4 {
margin-top: 1.5rem !important;
}
.mr-md-4, .me-md-4, .mx-md-4 {
margin-right: 1.5rem !important;
}
.mb-md-4, .my-md-4 {
margin-bottom: 1.5rem !important;
}
.ml-md-4, .ms-md-4, .mx-md-4 {
margin-left: 1.5rem !important;
}
.m-md-5 {
margin: 2rem !important;
}
.mt-md-5, .my-md-5 {
margin-top: 2rem !important;
}
.mr-md-5, .me-md-5, .mx-md-5 {
margin-right: 2rem !important;
}
.mb-md-5, .my-md-5 {
margin-bottom: 2rem !important;
}
.ml-md-5, .ms-md-5, .mx-md-5 {
margin-left: 2rem !important;
}
.m-md-6 {
margin: 3rem !important;
}
.mt-md-6, .my-md-6 {
margin-top: 3rem !important;
}
.mr-md-6, .me-md-6, .mx-md-6 {
margin-right: 3rem !important;
}
.mb-md-6, .my-md-6 {
margin-bottom: 3rem !important;
}
.ml-md-6, .ms-md-6, .mx-md-6 {
margin-left: 3rem !important;
}
.p-md-0 {
padding: 0 !important;
}
.pt-md-0, .py-md-0 {
padding-top: 0 !important;
}
.pr-md-0, .pe-md-0, .px-md-0 {
padding-right: 0 !important;
}
.pb-md-0, .py-md-0 {
padding-bottom: 0 !important;
}
.pl-md-0, .ps-md-0, .px-md-0 {
padding-left: 0 !important;
}
.p-md-1 {
padding: 0.25rem !important;
}
.pt-md-1, .py-md-1 {
padding-top: 0.25rem !important;
}
.pr-md-1, .pe-md-1, .px-md-1 {
padding-right: 0.25rem !important;
}
.pb-md-1, .py-md-1 {
padding-bottom: 0.25rem !important;
}
.pl-md-1, .ps-md-1, .px-md-1 {
padding-left: 0.25rem !important;
}
.p-md-2 {
padding: 0.5rem !important;
}
.pt-md-2, .py-md-2 {
padding-top: 0.5rem !important;
}
.pr-md-2, .pe-md-2, .px-md-2 {
padding-right: 0.5rem !important;
}
.pb-md-2, .py-md-2 {
padding-bottom: 0.5rem !important;
}
.pl-md-2, .ps-md-2, .px-md-2 {
padding-left: 0.5rem !important;
}
.p-md-3 {
padding: 1rem !important;
}
.pt-md-3, .py-md-3 {
padding-top: 1rem !important;
}
.pr-md-3, .pe-md-3, .px-md-3 {
padding-right: 1rem !important;
}
.pb-md-3, .py-md-3 {
padding-bottom: 1rem !important;
}
.pl-md-3, .ps-md-3, .px-md-3 {
padding-left: 1rem !important;
}
.p-md-4 {
padding: 1.5rem !important;
}
.pt-md-4, .py-md-4 {
padding-top: 1.5rem !important;
}
.pr-md-4, .pe-md-4, .px-md-4 {
padding-right: 1.5rem !important;
}
.pb-md-4, .py-md-4 {
padding-bottom: 1.5rem !important;
}
.pl-md-4, .ps-md-4, .px-md-4 {
padding-left: 1.5rem !important;
}
.p-md-5 {
padding: 2rem !important;
}
.pt-md-5, .py-md-5 {
padding-top: 2rem !important;
}
.pr-md-5, .pe-md-5, .px-md-5 {
padding-right: 2rem !important;
}
.pb-md-5, .py-md-5 {
padding-bottom: 2rem !important;
}
.pl-md-5, .ps-md-5, .px-md-5 {
padding-left: 2rem !important;
}
.p-md-6 {
padding: 3rem !important;
}
.pt-md-6, .py-md-6 {
padding-top: 3rem !important;
}
.pr-md-6, .pe-md-6, .px-md-6 {
padding-right: 3rem !important;
}
.pb-md-6, .py-md-6 {
padding-bottom: 3rem !important;
}
.pl-md-6, .ps-md-6, .px-md-6 {
padding-left: 3rem !important;
}
.m-md-n1 {
margin: -0.25rem !important;
}
.mt-md-n1, .my-md-n1 {
margin-top: -0.25rem !important;
}
.mr-md-n1, .mx-md-n1 {
margin-right: -0.25rem !important;
}
.mb-md-n1, .my-md-n1 {
margin-bottom: -0.25rem !important;
}
.ml-md-n1, .mx-md-n1 {
margin-left: -0.25rem !important;
}
.m-md-n2 {
margin: -0.5rem !important;
}
.mt-md-n2, .my-md-n2 {
margin-top: -0.5rem !important;
}
.mr-md-n2, .mx-md-n2 {
margin-right: -0.5rem !important;
}
.mb-md-n2, .my-md-n2 {
margin-bottom: -0.5rem !important;
}
.ml-md-n2, .mx-md-n2 {
margin-left: -0.5rem !important;
}
.m-md-n3 {
margin: -1rem !important;
}
.mt-md-n3, .my-md-n3 {
margin-top: -1rem !important;
}
.mr-md-n3, .mx-md-n3 {
margin-right: -1rem !important;
}
.mb-md-n3, .my-md-n3 {
margin-bottom: -1rem !important;
}
.ml-md-n3, .mx-md-n3 {
margin-left: -1rem !important;
}
.m-md-n4 {
margin: -1.5rem !important;
}
.mt-md-n4, .my-md-n4 {
margin-top: -1.5rem !important;
}
.mr-md-n4, .mx-md-n4 {
margin-right: -1.5rem !important;
}
.mb-md-n4, .my-md-n4 {
margin-bottom: -1.5rem !important;
}
.ml-md-n4, .mx-md-n4 {
margin-left: -1.5rem !important;
}
.m-md-n5 {
margin: -2rem !important;
}
.mt-md-n5, .my-md-n5 {
margin-top: -2rem !important;
}
.mr-md-n5, .mx-md-n5 {
margin-right: -2rem !important;
}
.mb-md-n5, .my-md-n5 {
margin-bottom: -2rem !important;
}
.ml-md-n5, .mx-md-n5 {
margin-left: -2rem !important;
}
.m-md-n6 {
margin: -3rem !important;
}
.mt-md-n6, .my-md-n6 {
margin-top: -3rem !important;
}
.mr-md-n6, .mx-md-n6 {
margin-right: -3rem !important;
}
.mb-md-n6, .my-md-n6 {
margin-bottom: -3rem !important;
}
.ml-md-n6, .mx-md-n6 {
margin-left: -3rem !important;
}
.m-md-auto {
margin: auto !important;
}
.mt-md-auto, .my-md-auto {
margin-top: auto !important;
}
.mr-md-auto, .me-md-auto, .mx-md-auto {
margin-right: auto !important;
}
.mb-md-auto, .my-md-auto {
margin-bottom: auto !important;
}
.ml-md-auto, .ms-md-auto, .mx-md-auto {
margin-left: auto !important;
}
}
@media (min-width: 992px) {
.m-lg-0 {
margin: 0 !important;
}
.mt-lg-0, .my-lg-0 {
margin-top: 0 !important;
}
.mr-lg-0, .me-lg-0, .mx-lg-0 {
margin-right: 0 !important;
}
.mb-lg-0, .my-lg-0 {
margin-bottom: 0 !important;
}
.ml-lg-0, .ms-lg-0, .mx-lg-0 {
margin-left: 0 !important;
}
.m-lg-1 {
margin: 0.25rem !important;
}
.mt-lg-1, .my-lg-1 {
margin-top: 0.25rem !important;
}
.mr-lg-1, .me-lg-1, .mx-lg-1 {
margin-right: 0.25rem !important;
}
.mb-lg-1, .my-lg-1 {
margin-bottom: 0.25rem !important;
}
.ml-lg-1, .ms-lg-1, .mx-lg-1 {
margin-left: 0.25rem !important;
}
.m-lg-2 {
margin: 0.5rem !important;
}
.mt-lg-2, .my-lg-2 {
margin-top: 0.5rem !important;
}
.mr-lg-2, .me-lg-2, .mx-lg-2 {
margin-right: 0.5rem !important;
}
.mb-lg-2, .my-lg-2 {
margin-bottom: 0.5rem !important;
}
.ml-lg-2, .ms-lg-2, .mx-lg-2 {
margin-left: 0.5rem !important;
}
.m-lg-3 {
margin: 1rem !important;
}
.mt-lg-3, .my-lg-3 {
margin-top: 1rem !important;
}
.mr-lg-3, .me-lg-3, .mx-lg-3 {
margin-right: 1rem !important;
}
.mb-lg-3, .my-lg-3 {
margin-bottom: 1rem !important;
}
.ml-lg-3, .ms-lg-3, .mx-lg-3 {
margin-left: 1rem !important;
}
.m-lg-4 {
margin: 1.5rem !important;
}
.mt-lg-4, .my-lg-4 {
margin-top: 1.5rem !important;
}
.mr-lg-4, .me-lg-4, .mx-lg-4 {
margin-right: 1.5rem !important;
}
.mb-lg-4, .my-lg-4 {
margin-bottom: 1.5rem !important;
}
.ml-lg-4, .ms-lg-4, .mx-lg-4 {
margin-left: 1.5rem !important;
}
.m-lg-5 {
margin: 2rem !important;
}
.mt-lg-5, .my-lg-5 {
margin-top: 2rem !important;
}
.mr-lg-5, .me-lg-5, .mx-lg-5 {
margin-right: 2rem !important;
}
.mb-lg-5, .my-lg-5 {
margin-bottom: 2rem !important;
}
.ml-lg-5, .ms-lg-5, .mx-lg-5 {
margin-left: 2rem !important;
}
.m-lg-6 {
margin: 3rem !important;
}
.mt-lg-6, .my-lg-6 {
margin-top: 3rem !important;
}
.mr-lg-6, .me-lg-6, .mx-lg-6 {
margin-right: 3rem !important;
}
.mb-lg-6, .my-lg-6 {
margin-bottom: 3rem !important;
}
.ml-lg-6, .ms-lg-6, .mx-lg-6 {
margin-left: 3rem !important;
}
.p-lg-0 {
padding: 0 !important;
}
.pt-lg-0, .py-lg-0 {
padding-top: 0 !important;
}
.pr-lg-0, .pe-lg-0, .px-lg-0 {
padding-right: 0 !important;
}
.pb-lg-0, .py-lg-0 {
padding-bottom: 0 !important;
}
.pl-lg-0, .ps-lg-0, .px-lg-0 {
padding-left: 0 !important;
}
.p-lg-1 {
padding: 0.25rem !important;
}
.pt-lg-1, .py-lg-1 {
padding-top: 0.25rem !important;
}
.pr-lg-1, .pe-lg-1, .px-lg-1 {
padding-right: 0.25rem !important;
}
.pb-lg-1, .py-lg-1 {
padding-bottom: 0.25rem !important;
}
.pl-lg-1, .ps-lg-1, .px-lg-1 {
padding-left: 0.25rem !important;
}
.p-lg-2 {
padding: 0.5rem !important;
}
.pt-lg-2, .py-lg-2 {
padding-top: 0.5rem !important;
}
.pr-lg-2, .pe-lg-2, .px-lg-2 {
padding-right: 0.5rem !important;
}
.pb-lg-2, .py-lg-2 {
padding-bottom: 0.5rem !important;
}
.pl-lg-2, .ps-lg-2, .px-lg-2 {
padding-left: 0.5rem !important;
}
.p-lg-3 {
padding: 1rem !important;
}
.pt-lg-3, .py-lg-3 {
padding-top: 1rem !important;
}
.pr-lg-3, .pe-lg-3, .px-lg-3 {
padding-right: 1rem !important;
}
.pb-lg-3, .py-lg-3 {
padding-bottom: 1rem !important;
}
.pl-lg-3, .ps-lg-3, .px-lg-3 {
padding-left: 1rem !important;
}
.p-lg-4 {
padding: 1.5rem !important;
}
.pt-lg-4, .py-lg-4 {
padding-top: 1.5rem !important;
}
.pr-lg-4, .pe-lg-4, .px-lg-4 {
padding-right: 1.5rem !important;
}
.pb-lg-4, .py-lg-4 {
padding-bottom: 1.5rem !important;
}
.pl-lg-4, .ps-lg-4, .px-lg-4 {
padding-left: 1.5rem !important;
}
.p-lg-5 {
padding: 2rem !important;
}
.pt-lg-5, .py-lg-5 {
padding-top: 2rem !important;
}
.pr-lg-5, .pe-lg-5, .px-lg-5 {
padding-right: 2rem !important;
}
.pb-lg-5, .py-lg-5 {
padding-bottom: 2rem !important;
}
.pl-lg-5, .ps-lg-5, .px-lg-5 {
padding-left: 2rem !important;
}
.p-lg-6 {
padding: 3rem !important;
}
.pt-lg-6, .py-lg-6 {
padding-top: 3rem !important;
}
.pr-lg-6, .pe-lg-6, .px-lg-6 {
padding-right: 3rem !important;
}
.pb-lg-6, .py-lg-6 {
padding-bottom: 3rem !important;
}
.pl-lg-6, .ps-lg-6, .px-lg-6 {
padding-left: 3rem !important;
}
.m-lg-n1 {
margin: -0.25rem !important;
}
.mt-lg-n1, .my-lg-n1 {
margin-top: -0.25rem !important;
}
.mr-lg-n1, .mx-lg-n1 {
margin-right: -0.25rem !important;
}
.mb-lg-n1, .my-lg-n1 {
margin-bottom: -0.25rem !important;
}
.ml-lg-n1, .mx-lg-n1 {
margin-left: -0.25rem !important;
}
.m-lg-n2 {
margin: -0.5rem !important;
}
.mt-lg-n2, .my-lg-n2 {
margin-top: -0.5rem !important;
}
.mr-lg-n2, .mx-lg-n2 {
margin-right: -0.5rem !important;
}
.mb-lg-n2, .my-lg-n2 {
margin-bottom: -0.5rem !important;
}
.ml-lg-n2, .mx-lg-n2 {
margin-left: -0.5rem !important;
}
.m-lg-n3 {
margin: -1rem !important;
}
.mt-lg-n3, .my-lg-n3 {
margin-top: -1rem !important;
}
.mr-lg-n3, .mx-lg-n3 {
margin-right: -1rem !important;
}
.mb-lg-n3, .my-lg-n3 {
margin-bottom: -1rem !important;
}
.ml-lg-n3, .mx-lg-n3 {
margin-left: -1rem !important;
}
.m-lg-n4 {
margin: -1.5rem !important;
}
.mt-lg-n4, .my-lg-n4 {
margin-top: -1.5rem !important;
}
.mr-lg-n4, .mx-lg-n4 {
margin-right: -1.5rem !important;
}
.mb-lg-n4, .my-lg-n4 {
margin-bottom: -1.5rem !important;
}
.ml-lg-n4, .mx-lg-n4 {
margin-left: -1.5rem !important;
}
.m-lg-n5 {
margin: -2rem !important;
}
.mt-lg-n5, .my-lg-n5 {
margin-top: -2rem !important;
}
.mr-lg-n5, .mx-lg-n5 {
margin-right: -2rem !important;
}
.mb-lg-n5, .my-lg-n5 {
margin-bottom: -2rem !important;
}
.ml-lg-n5, .mx-lg-n5 {
margin-left: -2rem !important;
}
.m-lg-n6 {
margin: -3rem !important;
}
.mt-lg-n6, .my-lg-n6 {
margin-top: -3rem !important;
}
.mr-lg-n6, .mx-lg-n6 {
margin-right: -3rem !important;
}
.mb-lg-n6, .my-lg-n6 {
margin-bottom: -3rem !important;
}
.ml-lg-n6, .mx-lg-n6 {
margin-left: -3rem !important;
}
.m-lg-auto {
margin: auto !important;
}
.mt-lg-auto, .my-lg-auto {
margin-top: auto !important;
}
.mr-lg-auto, .me-lg-auto, .mx-lg-auto {
margin-right: auto !important;
}
.mb-lg-auto, .my-lg-auto {
margin-bottom: auto !important;
}
.ml-lg-auto, .ms-lg-auto, .mx-lg-auto {
margin-left: auto !important;
}
}
@media (min-width: 1200px) {
.m-xl-0 {
margin: 0 !important;
}
.mt-xl-0, .my-xl-0 {
margin-top: 0 !important;
}
.mr-xl-0, .me-xl-0, .mx-xl-0 {
margin-right: 0 !important;
}
.mb-xl-0, .my-xl-0 {
margin-bottom: 0 !important;
}
.ml-xl-0, .ms-xl-0, .mx-xl-0 {
margin-left: 0 !important;
}
.m-xl-1 {
margin: 0.25rem !important;
}
.mt-xl-1, .my-xl-1 {
margin-top: 0.25rem !important;
}
.mr-xl-1, .me-xl-1, .mx-xl-1 {
margin-right: 0.25rem !important;
}
.mb-xl-1, .my-xl-1 {
margin-bottom: 0.25rem !important;
}
.ml-xl-1, .ms-xl-1, .mx-xl-1 {
margin-left: 0.25rem !important;
}
.m-xl-2 {
margin: 0.5rem !important;
}
.mt-xl-2, .my-xl-2 {
margin-top: 0.5rem !important;
}
.mr-xl-2, .me-xl-2, .mx-xl-2 {
margin-right: 0.5rem !important;
}
.mb-xl-2, .my-xl-2 {
margin-bottom: 0.5rem !important;
}
.ml-xl-2, .ms-xl-2, .mx-xl-2 {
margin-left: 0.5rem !important;
}
.m-xl-3 {
margin: 1rem !important;
}
.mt-xl-3, .my-xl-3 {
margin-top: 1rem !important;
}
.mr-xl-3, .me-xl-3, .mx-xl-3 {
margin-right: 1rem !important;
}
.mb-xl-3, .my-xl-3 {
margin-bottom: 1rem !important;
}
.ml-xl-3, .ms-xl-3, .mx-xl-3 {
margin-left: 1rem !important;
}
.m-xl-4 {
margin: 1.5rem !important;
}
.mt-xl-4, .my-xl-4 {
margin-top: 1.5rem !important;
}
.mr-xl-4, .me-xl-4, .mx-xl-4 {
margin-right: 1.5rem !important;
}
.mb-xl-4, .my-xl-4 {
margin-bottom: 1.5rem !important;
}
.ml-xl-4, .ms-xl-4, .mx-xl-4 {
margin-left: 1.5rem !important;
}
.m-xl-5 {
margin: 2rem !important;
}
.mt-xl-5, .my-xl-5 {
margin-top: 2rem !important;
}
.mr-xl-5, .me-xl-5, .mx-xl-5 {
margin-right: 2rem !important;
}
.mb-xl-5, .my-xl-5 {
margin-bottom: 2rem !important;
}
.ml-xl-5, .ms-xl-5, .mx-xl-5 {
margin-left: 2rem !important;
}
.m-xl-6 {
margin: 3rem !important;
}
.mt-xl-6, .my-xl-6 {
margin-top: 3rem !important;
}
.mr-xl-6, .me-xl-6, .mx-xl-6 {
margin-right: 3rem !important;
}
.mb-xl-6, .my-xl-6 {
margin-bottom: 3rem !important;
}
.ml-xl-6, .ms-xl-6, .mx-xl-6 {
margin-left: 3rem !important;
}
.p-xl-0 {
padding: 0 !important;
}
.pt-xl-0, .py-xl-0 {
padding-top: 0 !important;
}
.pr-xl-0, .pe-xl-0, .px-xl-0 {
padding-right: 0 !important;
}
.pb-xl-0, .py-xl-0 {
padding-bottom: 0 !important;
}
.pl-xl-0, .ps-xl-0, .px-xl-0 {
padding-left: 0 !important;
}
.p-xl-1 {
padding: 0.25rem !important;
}
.pt-xl-1, .py-xl-1 {
padding-top: 0.25rem !important;
}
.pr-xl-1, .pe-xl-1, .px-xl-1 {
padding-right: 0.25rem !important;
}
.pb-xl-1, .py-xl-1 {
padding-bottom: 0.25rem !important;
}
.pl-xl-1, .ps-xl-1, .px-xl-1 {
padding-left: 0.25rem !important;
}
.p-xl-2 {
padding: 0.5rem !important;
}
.pt-xl-2, .py-xl-2 {
padding-top: 0.5rem !important;
}
.pr-xl-2, .pe-xl-2, .px-xl-2 {
padding-right: 0.5rem !important;
}
.pb-xl-2, .py-xl-2 {
padding-bottom: 0.5rem !important;
}
.pl-xl-2, .ps-xl-2, .px-xl-2 {
padding-left: 0.5rem !important;
}
.p-xl-3 {
padding: 1rem !important;
}
.pt-xl-3, .py-xl-3 {
padding-top: 1rem !important;
}
.pr-xl-3, .pe-xl-3, .px-xl-3 {
padding-right: 1rem !important;
}
.pb-xl-3, .py-xl-3 {
padding-bottom: 1rem !important;
}
.pl-xl-3, .ps-xl-3, .px-xl-3 {
padding-left: 1rem !important;
}
.p-xl-4 {
padding: 1.5rem !important;
}
.pt-xl-4, .py-xl-4 {
padding-top: 1.5rem !important;
}
.pr-xl-4, .pe-xl-4, .px-xl-4 {
padding-right: 1.5rem !important;
}
.pb-xl-4, .py-xl-4 {
padding-bottom: 1.5rem !important;
}
.pl-xl-4, .ps-xl-4, .px-xl-4 {
padding-left: 1.5rem !important;
}
.p-xl-5 {
padding: 2rem !important;
}
.pt-xl-5, .py-xl-5 {
padding-top: 2rem !important;
}
.pr-xl-5, .pe-xl-5, .px-xl-5 {
padding-right: 2rem !important;
}
.pb-xl-5, .py-xl-5 {
padding-bottom: 2rem !important;
}
.pl-xl-5, .ps-xl-5, .px-xl-5 {
padding-left: 2rem !important;
}
.p-xl-6 {
padding: 3rem !important;
}
.pt-xl-6, .py-xl-6 {
padding-top: 3rem !important;
}
.pr-xl-6, .pe-xl-6, .px-xl-6 {
padding-right: 3rem !important;
}
.pb-xl-6, .py-xl-6 {
padding-bottom: 3rem !important;
}
.pl-xl-6, .ps-xl-6, .px-xl-6 {
padding-left: 3rem !important;
}
.m-xl-n1 {
margin: -0.25rem !important;
}
.mt-xl-n1, .my-xl-n1 {
margin-top: -0.25rem !important;
}
.mr-xl-n1, .mx-xl-n1 {
margin-right: -0.25rem !important;
}
.mb-xl-n1, .my-xl-n1 {
margin-bottom: -0.25rem !important;
}
.ml-xl-n1, .mx-xl-n1 {
margin-left: -0.25rem !important;
}
.m-xl-n2 {
margin: -0.5rem !important;
}
.mt-xl-n2, .my-xl-n2 {
margin-top: -0.5rem !important;
}
.mr-xl-n2, .mx-xl-n2 {
margin-right: -0.5rem !important;
}
.mb-xl-n2, .my-xl-n2 {
margin-bottom: -0.5rem !important;
}
.ml-xl-n2, .mx-xl-n2 {
margin-left: -0.5rem !important;
}
.m-xl-n3 {
margin: -1rem !important;
}
.mt-xl-n3, .my-xl-n3 {
margin-top: -1rem !important;
}
.mr-xl-n3, .mx-xl-n3 {
margin-right: -1rem !important;
}
.mb-xl-n3, .my-xl-n3 {
margin-bottom: -1rem !important;
}
.ml-xl-n3, .mx-xl-n3 {
margin-left: -1rem !important;
}
.m-xl-n4 {
margin: -1.5rem !important;
}
.mt-xl-n4, .my-xl-n4 {
margin-top: -1.5rem !important;
}
.mr-xl-n4, .mx-xl-n4 {
margin-right: -1.5rem !important;
}
.mb-xl-n4, .my-xl-n4 {
margin-bottom: -1.5rem !important;
}
.ml-xl-n4, .mx-xl-n4 {
margin-left: -1.5rem !important;
}
.m-xl-n5 {
margin: -2rem !important;
}
.mt-xl-n5, .my-xl-n5 {
margin-top: -2rem !important;
}
.mr-xl-n5, .mx-xl-n5 {
margin-right: -2rem !important;
}
.mb-xl-n5, .my-xl-n5 {
margin-bottom: -2rem !important;
}
.ml-xl-n5, .mx-xl-n5 {
margin-left: -2rem !important;
}
.m-xl-n6 {
margin: -3rem !important;
}
.mt-xl-n6, .my-xl-n6 {
margin-top: -3rem !important;
}
.mr-xl-n6, .mx-xl-n6 {
margin-right: -3rem !important;
}
.mb-xl-n6, .my-xl-n6 {
margin-bottom: -3rem !important;
}
.ml-xl-n6, .mx-xl-n6 {
margin-left: -3rem !important;
}
.m-xl-auto {
margin: auto !important;
}
.mt-xl-auto, .my-xl-auto {
margin-top: auto !important;
}
.mr-xl-auto, .me-xl-auto, .mx-xl-auto {
margin-right: auto !important;
}
.mb-xl-auto, .my-xl-auto {
margin-bottom: auto !important;
}
.ml-xl-auto, .ms-xl-auto, .mx-xl-auto {
margin-left: auto !important;
}
}
.stretched-link::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
pointer-events: auto;
content: "";
background-color: rgba(0, 0, 0, 0);
}
.text-monospace {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}
.text-justify {
text-align: justify !important;
}
.text-wrap {
white-space: normal !important;
}
.text-nowrap {
white-space: nowrap !important;
}
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.text-left, .text-start {
text-align: left !important;
}
.text-right, .text-end {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
@media (min-width: 576px) {
.text-sm-left, .text-sm-start {
text-align: left !important;
}
.text-sm-right, .text-sm-end {
text-align: right !important;
}
.text-sm-center {
text-align: center !important;
}
}
@media (min-width: 768px) {
.text-md-left, .text-md-start {
text-align: left !important;
}
.text-md-right, .text-md-end {
text-align: right !important;
}
.text-md-center {
text-align: center !important;
}
}
@media (min-width: 992px) {
.text-lg-left, .text-lg-start {
text-align: left !important;
}
.text-lg-right, .text-lg-end {
text-align: right !important;
}
.text-lg-center {
text-align: center !important;
}
}
@media (min-width: 1200px) {
.text-xl-left, .text-xl-start {
text-align: left !important;
}
.text-xl-right, .text-xl-end {
text-align: right !important;
}
.text-xl-center {
text-align: center !important;
}
}
.text-lowercase {
text-transform: lowercase !important;
}
.text-uppercase {
text-transform: uppercase !important;
}
.text-capitalize {
text-transform: capitalize !important;
}
.font-weight-light {
font-weight: 300 !important;
}
.font-weight-lighter {
font-weight: lighter !important;
}
.font-weight-normal {
font-weight: 400 !important;
}
.font-weight-bold {
font-weight: 700 !important;
}
.font-weight-bolder {
font-weight: bolder !important;
}
.font-italic {
font-style: italic !important;
}
.text-white {
color: #fff !important;
}
.text-primary {
color: #0f6cbf !important;
}
a.text-primary:hover, a.text-primary:focus {
color: #094478 !important;
}
.text-secondary {
color: #ced4da !important;
}
a.text-secondary:hover, a.text-secondary:focus {
color: #a2aeb9 !important;
}
.text-success {
color: #357a32 !important;
}
a.text-success:hover, a.text-success:focus {
color: #1d441c !important;
}
.text-info {
color: #008196 !important;
}
a.text-info:hover, a.text-info:focus {
color: #003f4a !important;
}
.text-warning {
color: #f0ad4e !important;
}
a.text-warning:hover, a.text-warning:focus {
color: #df8a13 !important;
}
.text-danger {
color: #ca3120 !important;
}
a.text-danger:hover, a.text-danger:focus {
color: #882116 !important;
}
.text-light {
color: #f8f9fa !important;
}
a.text-light:hover, a.text-light:focus {
color: #cbd3da !important;
}
.text-dark {
color: #343a40 !important;
}
a.text-dark:hover, a.text-dark:focus {
color: #121416 !important;
}
.text-body {
color: #1d2125 !important;
}
.text-muted {
color: #6a737b !important;
}
.text-black-50 {
color: rgba(0, 0, 0, 0.5) !important;
}
.text-white-50 {
color: rgba(255, 255, 255, 0.5) !important;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.text-decoration-none {
text-decoration: none !important;
}
.text-break {
word-break: break-word !important;
word-wrap: break-word !important;
}
.text-reset {
color: inherit !important;
}
.visible {
visibility: visible !important;
}
.invisible {
visibility: hidden !important;
}
@media print {
*, *::before, *::after {
text-shadow: none !important;
box-shadow: none !important;
}
a:not(.btn) {
text-decoration: underline;
}
abbr[title]::after {
content: " (" attr(title) ")";
}
pre {
white-space: pre-wrap !important;
}
pre, blockquote {
border: 1px solid #8f959e;
page-break-inside: avoid;
}
tr, img {
page-break-inside: avoid;
}
p, h2, h3 {
orphans: 3;
widows: 3;
}
h2, h3 {
page-break-after: avoid;
}
body {
min-width: 992px !important;
}
.container {
min-width: 992px !important;
}
.navbar {
display: none;
}
.badge {
border: 1px solid #000;
}
.table {
border-collapse: collapse !important;
}
.table td, .table th {
background-color: #fff !important;
}
.table-bordered th, .table-bordered td {
border: 1px solid #dee2e6 !important;
}
.table-dark {
color: inherit;
}
.table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody {
border-color: #dee2e6;
}
.table .thead-dark th {
color: inherit;
border-color: #dee2e6;
}
}
/**
* Bootstrap overrides for RTL
*
* This file is only for overriding sass from upstream bootstrap, all general rtl fixes for
* moodle scss should be placed immediately after the definition of the ltr rule.
*/
.breadcrumb-item + .breadcrumb-item::before {
content: "/";
/*rtl:remove*/
content: "/";
/* stylelint-disable-line declaration-block-no-duplicate-properties */
}
.dir-rtl .custom-select {
background-position: 0.75rem center;
}
.dir-rtl .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
transform: translateX(-0.9375rem);
}
.dir-rtl .tooltip.bs-tooltip-left .arrow, .dir-rtl .tooltip.bs-tooltip-auto[x-placement^="left"] .arrow, .dir-rtl .tooltip.bs-tooltip-right .arrow, .dir-rtl .tooltip.bs-tooltip-auto[x-placement^="right"] .arrow {
transform: rotate(180deg);
}
.dir-rtl .tooltip.bs-tooltip-left .arrow, .dir-rtl .tooltip.bs-tooltip-auto[x-placement^="left"] .arrow {
left: auto;
right: 0;
}
.dir-rtl .tooltip.bs-tooltip-right .arrow, .dir-rtl .tooltip.bs-tooltip-auto[x-placement^="right"] .arrow {
left: 0;
right: auto;
}
.dir-rtl .popover.bs-popover-right, .dir-rtl .popover.bs-popover-auto[x-placement^="right"] {
margin-right: 0;
margin-left: 0.5rem;
}
.dir-rtl .popover.bs-popover-right .arrow, .dir-rtl .popover.bs-popover-auto[x-placement^="right"] .arrow {
transform: rotate(180deg);
left: calc(-0.5rem - 1px);
right: auto;
}
.dir-rtl .popover.bs-popover-left, .dir-rtl .popover.bs-popover-auto[x-placement^="left"] {
margin-right: 0.5rem;
margin-left: 0;
}
.dir-rtl .popover.bs-popover-left .arrow, .dir-rtl .popover.bs-popover-auto[x-placement^="left"] .arrow {
transform: rotate(180deg);
left: auto;
right: calc(-0.5rem - 1px);
}
/* Bootstrap 5 bridge classes */
/*
* These variables used to bridge the gap between Bootstrap 4 and Bootstrap 5 for
* alert and list-group-item.
*/
/*
* These function used to bridge the gap between Bootstrap 4 and Bootstrap 5 and
* and will be located in __functions.scss in Bootstrap 5
* This file should be removed as part of MDL-75669.
*/
/* These classes are used to bridge the gap between Bootstrap 4 and Bootstrap 5. */
/* This file should be removed as part of MDL-75669. */
/**
* Moodle variables
*
* Variables written for Moodle specific components
*
* Please do not override any Bootstrap variables here, custom Bootstrap variable should go in
* preset files instead.
*/
/* core.less */
#region-main {
overflow-y: visible;
background-color: #fff;
}
@media (min-width: 576px) {
.context-header-settings-menu, .region-main-settings-menu {
float: right;
width: auto;
max-width: 4em;
height: 2em;
display: block;
margin-top: 4px;
}
}
@media (max-width: 767.98px) {
.context-header-settings-menu, .region-main-settings-menu {
display: flex;
justify-content: flex-end;
}
}
.context-header-settings-menu .dropdown-toggle > .icon, #region-main-settings-menu .dropdown-toggle > .icon {
height: 24px;
font-size: 24px;
width: auto;
}
/** Prevent user notifications overlapping with region main settings menu */
#user-notifications {
display: block;
overflow: hidden;
}
/** Page layout CSS starts **/
.layout-option-noheader #page-header, .layout-option-nonavbar #page-navbar, .layout-option-nofooter #page-footer, .layout-option-nocourseheader .course-content-header, .layout-option-nocoursefooter .course-content-footer {
display: none;
}
/** Page layout CSS ends **/
.mdl-left {
text-align: left;
}
.mdl-right {
text-align: right;
}
/*rtl:ignore*/
.text-ltr {
direction: ltr !important;
/* stylelint-disable-line declaration-no-important */
}
#add, #remove, .centerpara, .mdl-align {
text-align: center;
}
a.dimmed, a.dimmed:link, a.dimmed:visited, a.dimmed_text, a.dimmed_text:link, a.dimmed_text:visited, .dimmed_text, .dimmed_text a, .dimmed_text a:link, .dimmed_text a:visited, .usersuspended, .usersuspended a, .usersuspended a:link, .usersuspended a:visited, .dimmed_category, .dimmed_category a {
color: #6a737b;
}
.aalink.focus, a.focus.autolink, .aalink:focus, a.autolink:focus, #page-footer a:not([class]).focus, #page-footer a:not([class]):focus, .arrow_link.focus, .arrow_link:focus, a:not([class]).focus, a:not([class]):focus, .activityinstance > a.focus, .activityinstance > a:focus {
outline: 0.2rem solid transparent;
color: #1d2125;
background-color: #d2e8fb;
box-shadow: 0 -0.2rem #d2e8fb, 0 0.2rem #343a40;
}
.aalink:focus:hover, a.autolink:focus:hover, #page-footer a:not([class]):focus:hover, .arrow_link:focus:hover, a:not([class]):focus:hover, .activityinstance > a:focus:hover {
text-decoration: none;
}
.aabtn.focus, .aabtn:focus, .btn-link.focus, .btn-link:focus, .nav-link.focus, .nav-link:focus, .editor_atto_toolbar button.focus, .editor_atto_toolbar button:focus, .editor_atto_toolbar .atto_toolbar_row.focus, .editor_atto_toolbar .atto_toolbar_row:focus, [role="button"].focus, [role="button"]:focus, .list-group-item-action.focus, .list-group-item-action:focus, input[type="checkbox"].focus, input[type="checkbox"]:focus, input[type="radio"].focus, input[type="radio"]:focus, input[type="file"].focus, input[type="file"]:focus, input[type="image"].focus, input[type="image"]:focus, .sr-only-focusable.focus, .sr-only-focusable:focus, a.dropdown-toggle.focus, a.dropdown-toggle:focus, .moodle-dialogue-base .closebutton.focus, .moodle-dialogue-base .closebutton:focus, button.btn-close.focus, button.btn-close:focus, .form-autocomplete-selection.focus, .form-autocomplete-selection:focus, [role="treeitem"]:not([aria-expanded="true"]).focus, [role="treeitem"]:not([aria-expanded="true"]):focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
}
.aabtn:focus:hover, .btn-link:focus:hover, .nav-link:focus:hover, .editor_atto_toolbar button:focus:hover, .editor_atto_toolbar .atto_toolbar_row:focus:hover, [role="button"]:focus:hover, .list-group-item-action:focus:hover, input[type="checkbox"]:focus:hover, input[type="radio"]:focus:hover, input[type="file"]:focus:hover, input[type="image"]:focus:hover, .sr-only-focusable:focus:hover, a.dropdown-toggle:focus:hover, .moodle-dialogue-base .closebutton:focus:hover, button.btn-close:focus:hover, .form-autocomplete-selection:focus:hover, [role="treeitem"]:not([aria-expanded="true"]):focus:hover {
text-decoration: none;
}
.modal-dialog[tabindex="0"].focus, .modal-dialog[tabindex="0"]:focus {
outline: 0;
}
.modal-dialog[tabindex="0"].focus .modal-content, .modal-dialog[tabindex="0"]:focus .modal-content {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
border-radius: 0.6rem;
}
[role="treeitem"][aria-expanded="true"] {
outline: 0;
}
[role="treeitem"][aria-expanded="true"].focus > *:first-child, [role="treeitem"][aria-expanded="true"]:focus > *:first-child {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
}
[role="treeitem"][aria-expanded="true"]:focus:hover {
text-decoration: none;
}
.form-autocomplete-suggestions li[aria-selected=true] {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
}
.safari input[type="checkbox"].focus, .safari input[type="checkbox"]:focus, .safari input[type="radio"].focus, .safari input[type="radio"]:focus {
outline: auto;
}
.unlist, .unlist li, .inline-list, .inline-list li, .block .list, .block .list li, .section li.movehere, .tabtree li {
list-style: none;
margin: 0;
padding: 0;
}
.section li.movehere a {
display: block;
width: 100%;
height: 2rem;
border: 2px dashed #343a40;
}
.editing .course-content .hidden.sectionname {
visibility: hidden;
display: initial;
}
.inline, .inline-list li {
display: inline;
}
.notifytiny {
font-size: 0.703125rem;
}
.notifytiny li, .notifytiny td {
font-size: 100%;
}
.red, .notifyproblem {
color: #f0ad4e;
}
.green, .notifysuccess {
color: #357a32;
}
.highlight {
color: #008196;
}
.bg-primary-light {
background-color: #e7f0f9;
}
.fitem.advanced .text-info {
font-weight: bold;
}
.reportlink {
text-align: right;
}
a.autolink.glossary:hover {
cursor: help;
}
/* Block which is hidden if javascript enabled, prevents fickering visible when JS from footer used! */
.collapsibleregioncaption {
white-space: nowrap;
min-height: 1.40625rem;
}
.pagelayout-mydashboard.jsenabled .collapsibleregioncaption {
cursor: pointer;
}
.pagelayout-mydashboard #region-main {
border: 0;
padding: 0;
background-color: transparent;
margin-top: -1px;
}
@media (max-width: 767.98px) {
.pagelayout-mydashboard #region-main-box, .pagelayout-login #region-main-box {
padding-left: 0;
padding-right: 0;
}
}
.collapsibleregioncaption img {
vertical-align: middle;
}
.jsenabled .hiddenifjs {
display: none;
}
body:not(.jsenabled) .visibleifjs {
display: none;
}
.jsenabled .collapsibleregion {
overflow: hidden;
box-sizing: content-box;
}
.jsenabled .collapsed .collapsibleregioninner {
visibility: hidden;
}
.collapsible-actions {
display: none;
text-align: right;
}
.jsenabled .collapsible-actions {
display: block;
}
.yui-overlay .yui-widget-bd {
background-color: #ffee69;
border: 1px solid #a6982b;
border-top-color: #d4c237;
color: #000;
left: 0;
padding: 2px 5px;
position: relative;
top: 0;
z-index: 1;
}
.clearer {
background: transparent;
border-width: 0;
clear: both;
display: block;
height: 1px;
margin: 0;
padding: 0;
}
.bold, .warning, .errorbox .title, .pagingbar .title, .pagingbar .thispage {
font-weight: bold;
}
img.resize {
height: 1em;
width: 1em;
}
.block img.resize {
height: 0.9em;
width: 0.8em;
}
/* Icon styles */
img.activityicon {
height: 32px;
width: 32px;
vertical-align: middle;
}
.headermain {
font-weight: bold;
}
#maincontent {
display: block;
height: 1px;
overflow: clip;
}
img.uihint {
cursor: help;
}
#addmembersform table {
margin-left: auto;
margin-right: auto;
}
table.flexible .emptyrow {
display: none;
}
form.popupform, form.popupform div {
display: inline;
}
.arrow_button input {
overflow: hidden;
}
.no-overflow {
overflow: auto;
}
.no-overflow > .generaltable {
margin-bottom: 0;
}
.no-overflow .generaltable .sr-only, .no-overflow .generaltable .accesshide, .table-responsive .generaltable .sr-only, .table-responsive .generaltable .accesshide {
position: relative;
display: block;
}
.accesshide {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
span.hide, div.hide, .hidden {
display: none;
}
a.skip-block, a.skip {
position: absolute;
top: -1000em;
font-size: 0.85em;
text-decoration: none;
}
a.skip-block:focus, a.skip-block:active, a.skip:focus, a.skip:active {
position: static;
display: block;
}
.skip-block-to {
display: block;
height: 1px;
overflow: hidden;
}
.addbloglink {
text-align: center;
}
.blog_entry .audience {
text-align: right;
padding-right: 4px;
}
.blog_entry .tags {
margin-top: 15px;
}
.blog_entry .content {
margin-left: 43px;
}
#doc-contents h1 {
margin: 1em 0 0 0;
}
#doc-contents ul {
margin: 0;
padding: 0;
width: 90%;
}
#doc-contents ul li {
list-style-type: none;
}
.groupmanagementtable td {
vertical-align: top;
}
.groupmanagementtable #existingcell, .groupmanagementtable #potentialcell {
width: 42%;
}
.groupmanagementtable #buttonscell {
width: 16%;
}
.groupmanagementtable #buttonscell p.arrow_button input {
width: auto;
min-width: 80%;
margin: 0 auto;
display: block;
}
.groupmanagementtable #removeselect_wrapper, .groupmanagementtable #addselect_wrapper {
width: 100%;
}
.groupmanagementtable #removeselect_wrapper label, .groupmanagementtable #addselect_wrapper label {
font-weight: normal;
}
#group-usersummary {
width: 14em;
}
.groupselector {
margin-top: 3px;
margin-bottom: 3px;
display: inline-block;
}
.groupselector label {
display: inline-block;
}
.notepost {
margin-bottom: 1em;
}
.notepost .userpicture {
float: left;
margin-right: 5px;
}
.notepost .content, .notepost .footer {
clear: both;
}
.notesgroup {
margin-left: 20px;
}
.path-my .coursebox {
margin: 1rem 0;
padding: 0;
}
.path-my .coursebox .overview {
margin: 15px 30px 10px 30px;
}
.path-my .coursebox .info {
float: none;
margin: 0;
}
.mod_introbox {
padding: 10px;
}
table.mod_index {
width: 100%;
}
.comment-ctrl {
font-size: 12px;
display: none;
margin: 0;
padding: 0;
}
.comment-ctrl h5 {
margin: 0;
padding: 5px;
}
.comment-area {
max-width: 400px;
padding: 5px;
}
.comment-area textarea {
width: 100%;
overflow: auto;
}
.comment-area textarea.fullwidth {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.comment-area .fd {
text-align: right;
}
.comment-meta span {
color: gray;
}
.comment-link img {
vertical-align: text-bottom;
}
.comment-list {
font-size: 11px;
overflow: auto;
list-style: none;
padding: 0;
margin: 0;
}
.comment-list li {
margin: 2px;
list-style: none;
margin-bottom: 5px;
clear: both;
padding: 0.3em;
position: relative;
}
.comment-list li.first {
display: none;
}
.comment-paging {
text-align: center;
}
.comment-paging .pageno {
padding: 2px;
}
.comment-paging .curpage {
border: 1px solid #ccc;
}
.comment-message .picture {
float: left;
margin-right: 0.25rem;
}
.comment-message .text {
margin: 0;
padding: 0;
}
.comment-message .text p {
padding: 0;
margin: 0 18px 0 0;
}
.comment-delete {
position: absolute;
top: 0;
right: 0;
margin: 0.3em;
}
.comment-report-selectall {
display: none;
}
.comment-link {
display: none;
}
.jsenabled .comment-link {
display: block;
}
.jsenabled .showcommentsnonjs {
display: none;
}
.jsenabled .comment-report-selectall {
display: inline;
}
/**
* Completion progress report
*/
.completion-expired {
color: #f0ad4e;
}
.completion-expected {
font-size: 0.703125rem;
}
.completion-sortchoice, .completion-identifyfield {
font-size: 0.703125rem;
vertical-align: bottom;
}
.completion-progresscell {
text-align: right;
}
.completion-expired .completion-expected {
font-weight: bold;
}
/**
* Tags
*/
#tag-search-box {
text-align: center;
margin: 10px auto;
}
span.flagged-tag, tr.flagged-tag, span.flagged-tag a, tr.flagged-tag a {
color: #f0ad4e;
}
.tag-management-table td, .tag-management-table th {
vertical-align: middle;
padding: 4px;
}
.tag-management-table .inplaceeditable.inplaceeditingon input {
width: 150px;
}
.path-admin-tag .addstandardtags {
float: right;
}
.path-admin-tag .addstandardtags img {
margin: 0 5px;
}
.path-tag .tag-relatedtags {
padding-top: 10px;
}
.path-tag .tag-management-box {
text-align: right;
}
.path-tag .tag-index-toc {
padding: 10px;
text-align: center;
}
.path-tag .tag-index-toc li {
margin-left: 5px;
margin-right: 5px;
}
.path-tag .tag-management-box li {
margin-left: 5px;
margin-right: 5px;
}
.path-tag .tag-management-box li a {
background-repeat: no-repeat;
background-position: left;
padding-left: 17px;
}
.path-tag .tag-management-box li a.edittag {
background-image: url(/theme/image.php/boost_union/core/1752245628/i/settings);
}
.path-tag .tag-management-box li a.flagasinappropriate {
background-image: url(/theme/image.php/boost_union/core/1752245628/i/flagged);
}
.path-tag .tag-management-box li a.removefrommyinterests {
background-image: url(/theme/image.php/boost_union/core/1752245628/t/delete);
}
.path-tag .tag-management-box li a.addtomyinterests {
background-image: url(/theme/image.php/boost_union/core/1752245628/t/add);
}
.path-tag .tag-backtoallitems {
text-align: center;
}
.path-tag .tag-index-items .tagarea {
border: 1px solid #e3e3e3;
border-radius: 4px;
padding: 10px;
margin-top: 10px;
}
.path-tag .tag-index-items .tagarea h3 {
display: block;
padding: 3px 0 10px 0;
margin: 0;
font-size: 1.1em;
font-weight: bold;
line-height: 20px;
color: #999;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
text-transform: uppercase;
word-wrap: break-word;
border-bottom: solid 1px #e3e3e3;
margin-bottom: 10px;
}
.path-tag .tag-index-items .tagarea .taggeditems::after {
display: block;
clear: both;
content: "";
}
.path-tag .tag-index-items .tagarea .controls {
text-align: center;
}
.path-tag .tag-index-items .tagarea .controls::after {
display: block;
clear: both;
content: "";
}
.path-tag .tag-index-items .tagarea .controls.controls-bottom {
margin-top: 5px;
}
.path-tag .tag-index-items .tagarea .controls .gotopage.nextpage {
float: right;
}
.path-tag .tag-index-items .tagarea .controls .gotopage.prevpage {
float: left;
}
.path-tag .tag-index-items .tagarea .controls .exclusivemode {
display: inline-block;
}
.path-tag .tag-index-items .tagarea .controls .gotopage.prevpage::before {
padding-right: 5px;
padding-left: 5px;
content: "«";
}
.path-tag .tag-index-items .tagarea .controls .gotopage.nextpage::after {
padding-right: 5px;
padding-left: 5px;
content: "»";
}
.tag_feed img {
max-height: 35px;
max-width: 35px;
}
.tag_feed .muted a {
color: #6a737b;
}
.tag_cloud {
text-align: center;
}
.tag_cloud .inline-list li {
padding: 0 0.2em;
}
.tag_cloud .tag_overflow {
margin-top: 1em;
font-style: italic;
}
.tag_cloud .s0 {
font-size: 0.7em;
}
.tag_cloud .s1 {
font-size: 0.8em;
}
.tag_cloud .s2 {
font-size: 0.9em;
}
.tag_cloud .s3 {
font-size: 1em;
}
.tag_cloud .s4 {
font-size: 1.1em;
}
.tag_cloud .s5 {
font-size: 1.2em;
}
.tag_cloud .s6 {
font-size: 1.3em;
}
.tag_cloud .s7 {
font-size: 1.4em;
}
.tag_cloud .s8 {
font-size: 1.5em;
}
.tag_cloud .s9 {
font-size: 1.6em;
}
.tag_cloud .s10 {
font-size: 1.7em;
}
.tag_cloud .s11 {
font-size: 1.8em;
}
.tag_cloud .s12 {
font-size: 1.9em;
}
.tag_cloud .s13 {
font-size: 2em;
}
.tag_cloud .s14 {
font-size: 2.1em;
}
.tag_cloud .s15 {
font-size: 2.2em;
}
.tag_cloud .s16 {
font-size: 2.3em;
}
.tag_cloud .s17 {
font-size: 2.4em;
}
.tag_cloud .s18 {
font-size: 2.5em;
}
.tag_cloud .s19 {
font-size: 2.6em;
}
.tag_cloud .s20 {
font-size: 2.7em;
}
.tag_list ul {
display: inline;
}
.tag_list .tagmorelink {
display: none;
}
.tag_list.hideoverlimit .overlimit {
display: none;
}
.tag_list.hideoverlimit .tagmorelink {
display: inline;
}
.tag_list.hideoverlimit .taglesslink {
display: none;
}
/**
* Web Service
*/
#webservice-doc-generator td {
text-align: left;
border: 0 solid #000;
}
/**
* Enrol
*/
.userenrolment {
width: 100%;
border-collapse: collapse;
}
.userenrolment tr {
vertical-align: top;
}
.userenrolment td {
padding: 0;
height: 41px;
}
.userenrolment .subfield {
margin-right: 5px;
}
.userenrolment .col_userdetails .subfield {
margin-left: 40px;
}
.userenrolment .col_userdetails .subfield_picture {
float: left;
margin-left: 0;
}
.userenrolment .col_lastseen {
width: 150px;
}
.userenrolment .col_role {
width: 262px;
}
.userenrolment .col_role .roles, .userenrolment .col_group .groups {
margin-right: 30px;
}
.userenrolment .col_role .role {
float: left;
padding: 0 3px 3px;
margin: 0 3px 3px;
white-space: nowrap;
}
.userenrolment .col_group .group {
float: left;
padding: 3px;
margin: 3px;
white-space: nowrap;
}
.userenrolment .col_role .role a, .userenrolment .col_group .group a {
margin-left: 3px;
cursor: pointer;
}
.userenrolment .col_role .addrole, .userenrolment .col_group .addgroup {
float: right;
padding: 3px;
margin: 3px;
}
.userenrolment .col_role .addrole > a:hover, .userenrolment .col_group .addgroup > a:hover {
border-bottom: 1px solid #666;
}
.userenrolment .col_role .addrole img, .userenrolment .col_group .addgroup img {
vertical-align: baseline;
}
.userenrolment .hasAllRoles .col_role .addrole {
display: none;
}
.userenrolment .col_enrol .enrolment {
float: left;
padding: 0 3px 3px;
margin: 0 3px 3px;
}
.userenrolment .col_enrol .enrolment a {
float: right;
margin-left: 3px;
}
#page-enrol-otherusers .userenrolment .col_role .role {
float: none;
margin: 3px 3px 3px 0;
padding: 3px 3px 3px 0;
}
.corelightbox {
background-color: #ccc;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
}
.corelightbox img {
position: fixed;
top: 50%;
left: 50%;
}
.mod-indent-outer {
display: table;
}
.mod-indent {
display: table-cell;
}
.label .mod-indent {
float: left;
padding-top: 20px;
}
.activity.label.modtype_label .mod-indent {
float: none;
}
@media (min-width: 576px) {
.que .correctness.correct {
/* Creates a series of .mod-indent-# rule declarations based on indent size and number of indent levels. */
}
.mod-indent-1 {
width: 30px;
}
.mod-indent-2 {
width: 60px;
}
.mod-indent-3 {
width: 90px;
}
.mod-indent-4 {
width: 120px;
}
.mod-indent-5 {
width: 150px;
}
.mod-indent-6 {
width: 180px;
}
.mod-indent-7 {
width: 210px;
}
.mod-indent-8 {
width: 240px;
}
.mod-indent-9 {
width: 270px;
}
.mod-indent-10 {
width: 300px;
}
.mod-indent-11 {
width: 330px;
}
.mod-indent-12 {
width: 360px;
}
.mod-indent-13 {
width: 390px;
}
.mod-indent-14 {
width: 420px;
}
.mod-indent-15 {
width: 450px;
}
.mod-indent-16 {
width: 480px;
}
.mod-indent-huge {
width: 480px;
}
}
/* Audio player size in 'block' mode (can only change width, height is hardcoded in JS) */
.resourcecontent .mediaplugin_mp3 object {
height: 25px;
width: 600px;
}
.resourcecontent audio.mediaplugin_html5audio {
width: 600px;
}
/** Large resource images should avoid hidden overflow **/
.resourceimage {
max-width: 100%;
}
/* Audio player size in 'inline' mode (can only change width, as above) */
.mediaplugin_mp3 object {
height: 15px;
width: 300px;
}
audio.mediaplugin_html5audio {
width: 300px;
}
.core_media_preview.pagelayout-embedded #maincontent {
height: 0;
}
.path-rating .ratingtable {
width: 100%;
margin-bottom: 1em;
}
.path-rating .ratingtable th.rating {
width: 100%;
}
.path-rating .ratingtable td.rating, .path-rating .ratingtable td.time {
white-space: nowrap;
text-align: center;
}
/* Moodle Dialogue Settings (moodle-core-dialogue) */
.moodle-dialogue-base .moodle-dialogue-lightbox {
background-color: #495057;
}
.pagelayout-popup .moodle-dialogue-base .moodle-dialogue-lightbox {
background-color: transparent;
}
.pagelayout-popup .moodle-dialogue-base .moodle-dialogue {
box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.2);
}
.moodle-dialogue-base .hidden, .moodle-dialogue-base .moodle-dialogue-hidden {
display: none;
}
.no-scrolling {
overflow: hidden;
}
.moodle-dialogue-base .moodle-dialogue-fullscreen {
left: 0;
top: 0;
right: 0;
bottom: -50px;
position: fixed;
}
.moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
overflow: auto;
}
.moodle-dialogue-base .moodle-dialogue-wrap {
background-color: #fff;
border: 1px solid #ccc;
}
.modal.show {
display: block;
}
.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd {
display: flex;
padding: 1rem 1rem;
border-bottom: 1px solid #dee2e6;
}
.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd {
min-height: 3rem;
color: initial;
background: initial;
font-size: 1.5rem;
line-height: 1.5;
}
.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h5 {
font-size: 1.5rem;
font-weight: 400;
margin-bottom: 0;
line-height: 1.5;
}
.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
/*rtl:raw:
left: 0;
right: auto;
*/
padding: 0;
position: relative;
margin-left: auto;
}
.moodle-dialogue-base .closebutton {
padding: 1rem 1rem;
margin: -1rem -1rem -1rem auto;
position: relative;
background-color: transparent;
border: 0;
background-image: none;
box-shadow: none;
opacity: 0.7;
}
.moodle-dialogue-base .closebutton:hover, .moodle-dialogue-base .closebutton:active {
opacity: 1;
}
.moodle-dialogue-base .closebutton::after {
content: "×";
}
.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
padding: 0.5rem;
}
.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd body {
background-color: #fff;
}
.moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
overflow: auto;
position: absolute;
top: 0;
bottom: 50px;
left: 0;
right: 0;
margin: 0;
border: 0;
}
.moodle-dialogue-exception .moodle-exception-param label {
font-weight: bold;
}
.moodle-dialogue-exception .param-stacktrace label {
background-color: #eee;
border: 1px solid #ccc;
border-bottom-width: 0;
}
.moodle-dialogue-exception .param-stacktrace pre {
border: 1px solid #ccc;
background-color: #fff;
}
.moodle-dialogue-exception .param-stacktrace .stacktrace-file {
color: navy;
font-size: 0.8203125rem;
}
.moodle-dialogue-exception .param-stacktrace .stacktrace-line {
color: #f0ad4e;
font-size: 0.8203125rem;
}
.moodle-dialogue-exception .param-stacktrace .stacktrace-call {
color: #333;
font-size: 90%;
border-bottom: 1px solid #eee;
}
.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft:empty {
display: none;
}
.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft.yui3-widget-ft {
background: initial;
}
.moodle-dialogue-confirm .confirmation-message {
margin: 0.5rem 0;
}
.moodle-dialogue-confirm .confirmation-dialogue input {
min-width: 80px;
}
.moodle-dialogue-exception .moodle-exception-message {
margin: 1em;
}
.moodle-dialogue-exception .moodle-exception-param {
margin-bottom: 0.5em;
}
.moodle-dialogue-exception .moodle-exception-param label {
width: 150px;
}
.moodle-dialogue-exception .param-stacktrace label {
display: block;
margin: 0;
padding: 4px 1em;
}
.moodle-dialogue-exception .param-stacktrace pre {
display: block;
height: 200px;
overflow: auto;
}
.moodle-dialogue-exception .param-stacktrace .stacktrace-file {
display: inline-block;
margin: 4px 0;
}
.moodle-dialogue-exception .param-stacktrace .stacktrace-line {
display: inline-block;
width: 50px;
margin: 4px 1em;
}
.moodle-dialogue-exception .param-stacktrace .stacktrace-call {
padding-left: 25px;
margin-bottom: 4px;
padding-bottom: 4px;
}
.moodle-dialogue .moodle-dialogue-bd .content-lightbox {
opacity: 0.75;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: #fff;
text-align: center;
padding: 10% 0;
}
/* Apply a default max-height on tooltip text */
.moodle-dialogue .tooltiptext {
max-height: 300px;
}
.moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip {
z-index: 3001;
}
.moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip .moodle-dialogue-bd {
overflow: auto;
}
/**
* Chooser Dialogues (moodle-core-chooserdialogue)
*
* This CSS belong to the chooser dialogue which should work both with, and
* without javascript enabled
*/
/* Hide the dialog and it's title */
.chooserdialoguebody, .choosertitle {
display: none;
}
.moodle-dialogue.chooserdialogue .moodle-dialogue-content .moodle-dialogue-ft {
margin: 0;
}
.chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd {
padding: 0;
background: #f2f2f2;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
/* Center the submit buttons within the area */
.choosercontainer #chooseform .submitbuttons {
padding: 0.7em 0;
text-align: right;
}
/* Fixed for safari browser on iPhone4S with ios7@mixin */
@media (max-height: 639px) {
.ios .choosercontainer #chooseform .submitbuttons {
padding: 45px 0;
}
}
.choosercontainer #chooseform .submitbuttons input {
min-width: 100px;
margin: 0 0.5em;
}
/* Various settings for the options area */
.choosercontainer #chooseform .options {
position: relative;
border-bottom: 1px solid #bbb;
}
/* Only set these options if we're showing the js container */
.jschooser .choosercontainer #chooseform .alloptions {
overflow-x: hidden;
overflow-y: auto;
max-width: 240px;
}
.jschooser .choosercontainer #chooseform .alloptions .option input[type=radio] {
display: inline-block;
}
.jschooser .choosercontainer #chooseform .alloptions .option .typename {
display: inline-block;
width: 55%;
}
/* Settings for option rows and option subtypes */
.choosercontainer #chooseform .moduletypetitle, .choosercontainer #chooseform .option, .choosercontainer #chooseform .nonoption {
margin-bottom: 0;
padding: 0 1.6em 0 1.6em;
}
.choosercontainer #chooseform .moduletypetitle {
text-transform: uppercase;
padding-top: 1.2em;
padding-bottom: 0.4em;
margin-bottom: 0.5rem;
font-size: 100%;
}
.choosercontainer #chooseform .option .typename, .choosercontainer #chooseform .nonoption .typename {
padding: 0 0 0 0.5em;
}
.choosercontainer #chooseform .modicon + .typename {
padding-left: 0;
}
.choosercontainer #chooseform .option input[type=radio], .choosercontainer #chooseform .option span.typename {
vertical-align: middle;
}
.choosercontainer #chooseform .option label {
display: block;
margin: 0;
padding: 0.5rem 0;
border-bottom: 1px solid #fff;
}
.choosercontainer #chooseform .option .icon {
margin: 0;
padding: 0 1rem;
}
.choosercontainer #chooseform .nonoption {
padding-left: 2.7em;
padding-top: 0.3em;
padding-bottom: 0.1em;
}
.choosercontainer #chooseform .subtype {
margin-bottom: 0;
padding: 0 1.6em 0 3.2em;
}
.choosercontainer #chooseform .subtype .typename {
margin: 0 0 0 0.2em;
}
/* The instruction/help area */
.jschooser .choosercontainer #chooseform .instruction, .jschooser .choosercontainer #chooseform .typesummary {
display: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 240px;
margin: 0;
padding: 1.6em;
background-color: #fff;
overflow-x: hidden;
overflow-y: auto;
line-height: 2em;
}
/* Selected option settings */
.jschooser .choosercontainer #chooseform .instruction, .choosercontainer #chooseform .selected .typesummary {
display: block;
}
.choosercontainer #chooseform .selected {
background-color: #fff;
margin-top: -1px;
padding-top: 1px;
}
@media (max-width: 575.98px) {
.jsenabled .choosercontainer #chooseform .alloptions {
max-width: 100%;
}
.jsenabled .choosercontainer #chooseform .instruction, .jsenabled .choosercontainer #chooseform .typesummary {
position: static;
}
}
/**
* Module chooser dialogue (moodle-core-chooserdialogue)
*
* This CSS belong to the chooser dialogue which should work both with, and
* without javascript enabled
*/
.modchooser .modal-body {
padding: 0;
overflow-y: auto;
min-height: 640px;
display: flex;
flex-direction: column;
}
.modchooser .modal-body .searchresultitemscontainer-wrapper {
min-height: 495px;
}
.modchooser .modal-body .carousel-item.active {
display: flex;
}
.modchooser .modal-body .chooser-container {
display: flex;
flex-direction: column;
flex: 1 1 auto;
}
.modchooser .modal-body .loading-icon {
opacity: 1;
}
.modchooser .modal-body .loading-icon .icon {
display: block;
font-size: 3em;
max-height: 3em;
max-width: 3em;
}
.modchooser .modal-body .carousel-item .loading-icon .icon {
margin: 1em auto;
}
.modchooser .modal-body .searchbar {
width: 100%;
}
.modchooser .modal-footer {
height: 70px;
background: #fff;
}
.modchooser .modal-footer .moodlenet-logo .icon {
height: 2.5rem;
width: 6rem;
max-height: 2.5rem;
max-width: 6rem;
margin-bottom: 0.6rem;
}
.modchoosercontainer.noscroll {
overflow-y: hidden;
}
.modchoosercontainer .optionscontainer, .modchoosercontainer .searchresultitemscontainer {
overflow-x: hidden;
}
.modchoosercontainer .optionscontainer .option, .modchoosercontainer .searchresultitemscontainer .option {
flex-basis: calc(50% - 0.5rem);
}
.modchoosercontainer .optionscontainer .option .optionactions .optionaction, .modchoosercontainer .searchresultitemscontainer .option .optionactions .optionaction {
cursor: pointer;
color: #6a737b;
}
.modchoosercontainer .optionscontainer .option .optionactions .optionaction i, .modchoosercontainer .searchresultitemscontainer .option .optionactions .optionaction i {
margin: 0;
}
.modchoosercontainer .optionscontainer .option .optioninfo a, .modchoosercontainer .searchresultitemscontainer .option .optioninfo a {
color: #495057;
}
.modchoosercontainer .optionscontainer .option .optioninfo a:hover, .modchoosercontainer .searchresultitemscontainer .option .optioninfo a:hover {
text-decoration: none;
}
.modchooser .modal-body .optionsummary {
background-color: #fff;
overflow-x: hidden;
overflow-y: auto;
height: 640px;
}
.modchooser .modal-body .optionsummary .content {
overflow-y: auto;
}
.modchooser .modal-body .optionsummary .content .heading .icon {
height: 32px;
width: 32px;
font-size: 32px;
padding: 0;
}
.modchooser .modal-body .optionsummary .actions {
border-top: 1px solid #dee2e6;
background: #fff;
}
@media (max-width: 575.98px) {
.path-course-view .modal-dialog.modal-lg, .path-course-view .modal-content, .modchooser .modal-body, .modchooser .modal-body .carousel, .modchooser .modal-body .carousel-inner, .modchooser .modal-body .carousel-item, .modchooser .modal-body .optionsummary, .modchoosercontainer, .optionscontainer, .searchresultitemscontainer {
min-height: auto;
height: 100%;
overflow-y: auto;
}
.path-course-view .modal-dialog.modal-lg {
margin: 0;
}
.modchooser .modal-body .searchresultitemscontainer-wrapper {
min-height: auto;
}
}
@media (min-width: 576px) {
.modchoosercontainer .optionscontainer .option, .modchoosercontainer .searchresultitemscontainer .option {
flex-basis: calc(33.33% - 0.5rem);
}
}
@media (min-width: 992px) {
.modchoosercontainer .optionscontainer .option, .modchoosercontainer .searchresultitemscontainer .option {
flex-basis: calc(16.66% - 0.5rem);
}
}
/* Form element: listing */
.formlistingradio {
padding-bottom: 25px;
padding-right: 10px;
}
.formlistinginputradio {
float: left;
}
.formlistingmain {
min-height: 225px;
}
.formlisting {
position: relative;
margin: 15px 0;
padding: 1px 19px 14px;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
}
.formlistingmore {
position: absolute;
cursor: pointer;
bottom: -1px;
right: -1px;
padding: 3px 7px;
font-size: 12px;
font-weight: bold;
background-color: whitesmoke;
border: 1px solid #ddd;
color: #9da0a4;
border-radius: 4px 0 4px 0;
}
.formlistingall {
margin: 15px 0;
padding: 0;
border-radius: 4px;
}
.formlistingrow {
cursor: pointer;
border-bottom: 1px solid;
border-color: #e1e1e8;
border-left: 1px solid #e1e1e8;
border-right: 1px solid #e1e1e8;
background-color: #f7f7f9;
border-radius: 0 0 4px 4px;
padding: 6px;
top: 50%;
left: 50%;
min-height: 34px;
float: left;
width: 150px;
}
body.jsenabled .formlistingradio {
display: none;
}
body.jsenabled .formlisting {
display: block;
}
a.criteria-action {
padding: 0 3px;
float: right;
}
div.criteria-description {
padding: 10px 15px;
margin: 5px 0;
background: none repeat scroll 0 0 #f9f9f9;
border: 1px solid #eee;
}
ul.badges {
margin: 0;
list-style: none;
}
.badges li {
position: relative;
display: inline-block;
padding-top: 1em;
text-align: center;
vertical-align: top;
width: 150px;
}
.badges li .badge-name {
display: block;
padding: 5px;
}
.badges li > img {
position: absolute;
}
.badges li .badge-image {
width: 100px;
height: 100px;
left: 10px;
top: 0;
z-index: 1;
}
.badges li .badge-actions {
position: relative;
}
.badges li .expireimage {
background-image: url(/theme/image.php/boost_union/core/1752245628/i/expired);
background-repeat: no-repeat;
background-size: 100px 100px;
width: 100px;
height: 100px;
left: 25px;
top: 15px;
position: absolute;
z-index: 10;
opacity: 0.85;
}
#badge-image {
background-color: transparent;
padding: 0;
position: relative;
min-width: 100px;
width: 20%;
display: inline-block;
vertical-align: top;
margin-top: 17px;
margin-bottom: 20px;
}
#badge-image .expireimage {
background-image: url(/theme/image.php/boost_union/core/1752245628/i/expired);
background-repeat: no-repeat;
background-size: 100px 100px;
width: 100px;
height: 100px;
left: 0;
top: 0;
opacity: 0.85;
position: absolute;
z-index: 10;
}
#badge-image .singlebutton {
padding-top: 5px;
display: block;
}
#badge-image .singlebutton button {
margin-left: 4px;
}
#badge-details {
display: inline-block;
width: 79%;
}
#badge-overview dl, #badge-details dl {
margin: 0;
}
#badge-overview dl dt, #badge-overview dl dd, #badge-details dl dt, #badge-details dl dd {
vertical-align: top;
padding: 3px 0;
}
#badge-overview dl dt, #badge-details dl dt {
clear: both;
display: inline-block;
width: 20%;
min-width: 100px;
}
#badge-overview dl dd, #badge-details dl dd {
display: inline-block;
width: 79%;
margin-left: 1%;
}
#badge-criteria li li {
list-style-type: none;
}
#badge-image-col {
flex: 0 0 400px;
}
.badge-profile {
vertical-align: top;
}
.connected {
color: #357a32;
}
.notconnected {
color: #ca3120;
}
.connecting {
color: #f0ad4e;
}
#page-badges-index #page .badges-heading {
display: flex;
justify-content: space-between;
align-items: center;
}
#page-badges-index #page h2 {
margin: 0;
/* Removes default margins */
}
#page-badges-index #page #action_bar {
margin: 0;
/* Removes any default margin that might affect alignment */
}
#page-badges-index #page .tertiary-navigation.container-fluid, #page-badges-index #page .tertiary-navigation.container-sm, #page-badges-index #page .tertiary-navigation.container-md, #page-badges-index #page .tertiary-navigation.container-lg, #page-badges-index #page .tertiary-navigation.container-xl {
width: auto;
height: 50px;
padding-top: 0;
}
#page-badges-award .recipienttable tr td {
vertical-align: top;
}
#page-badges-award .recipienttable tr td.actions .actionbutton {
margin: 0.3em 0;
padding: 0.5em 0;
width: 100%;
}
#page-badges-award .recipienttable tr td.existing, #page-badges-award .recipienttable tr td.potential {
width: 42%;
}
#issued-badge-table .activatebadge {
display: inline-block;
}
.statusbox.active {
background-color: #d7e4d6;
}
.statusbox.inactive {
background-color: #fcefdc;
}
.statusbox {
text-align: center;
margin-bottom: 5px;
padding: 5px;
}
.statusbox .activatebadge {
display: inline-block;
}
.statusbox .activatebadge input[type=submit] {
margin: 3px;
}
.activatebadge {
margin: 0;
text-align: left;
vertical-align: middle;
}
img#persona_signin {
cursor: pointer;
}
.addcourse {
float: right;
}
.invisiblefieldset {
display: inline;
padding: 0;
border-width: 0;
}
/** Page header */
#page-header h1.h2 {
font-weight: bold;
}
#page-header .logo {
margin: 1rem 0;
}
#page-header .logo img {
max-height: 75px;
}
/** Navbar logo. */
nav.navbar .logo img {
max-height: 35px;
}
.nav.usernav .nav-item {
display: flex;
}
.nav.usernav .usermenu .dropdown-toggle {
padding: 0 0.5rem;
}
/** Header-bar styles **/
.page-context-header {
overflow: hidden;
padding: 0.25rem 0;
}
.page-context-header .page-header-image > a {
display: inline-block;
}
.page-context-header .page-header-image .userinitials, .page-context-header .page-header-image .userpicture {
margin-right: 1rem;
}
ul.dragdrop-keyboard-drag li {
list-style-type: none;
}
a.disabled:hover, a.disabled {
text-decoration: none;
cursor: default;
font-style: italic;
color: #6a737b;
}
a.btn.disabled, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.disabled.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.disabled.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.disabled.collapseexpand {
opacity: 1;
}
body.lockscroll {
height: 100%;
overflow: hidden;
}
.progressbar_container {
max-width: 500px;
margin: 0 auto;
}
/* IE10 only fix for calendar titling */
.ie10 .yui3-calendar-header-label {
display: inline-block;
}
dd:before, dd:after {
display: block;
content: " ";
}
dd:after {
clear: both;
}
.nav-tabs > .active > a[href], .nav-tabs > .active > a[href]:hover, .nav-tabs > .active > a[href]:focus {
cursor: pointer;
}
.inplaceeditable.inplaceeditingon {
position: relative;
}
.inplaceeditable.inplaceeditingon .editinstructions {
margin-top: -30px;
font-weight: normal;
margin-right: 0;
margin-left: 0;
left: 0;
right: auto;
white-space: nowrap;
}
@media (min-width: 576px) {
.inplaceeditable.inplaceeditingon input {
width: 330px;
vertical-align: text-bottom;
margin-bottom: 0;
}
.inplaceeditable.inplaceeditingon input[role="combobox"] {
width: auto;
}
}
.inplaceeditable.inplaceeditingon select {
margin-bottom: 0;
}
.inplaceeditable .quickediticon img {
opacity: 0.2;
}
.inplaceeditable .quickeditlink {
color: inherit;
text-decoration: inherit;
}
.inplaceeditable:hover .quickeditlink .quickediticon img, .inplaceeditable .quickeditlink:focus .quickediticon img {
opacity: 1;
}
.inplaceeditable.inplaceeditable-toggle .quickediticon {
display: none;
}
.inplaceeditable.inplaceeditable-autocomplete {
display: block;
}
h3.sectionname .inplaceeditable.inplaceeditingon .editinstructions {
margin-top: -20px;
}
/** Chart area. */
@media (min-width: 992px) {
.chart-area .chart-image {
position: relative;
margin: auto;
height: 48vh;
width: 46vw;
}
}
.chart-area .chart-table-data {
display: none;
}
.chart-area .chart-table {
/** When accessible, we display the table only. */
}
.chart-area .chart-table .chart-output-htmltable caption {
white-space: nowrap;
}
.chart-area .chart-table.accesshide .chart-table-expand {
display: none;
}
.chart-area .chart-table.accesshide .chart-table-data {
display: block;
}
/* YUI 2 Tree View */
/*rtl:raw:
.ygtvtn,
.ygtvtm,
.ygtvtmh,
.ygtvtmhh,
.ygtvtp,
.ygtvtph,
.ygtvtphh,
.ygtvln,
.ygtvlm,
.ygtvlmh,
.ygtvlmhh,
.ygtvlp,
.ygtvlph,
.ygtvlphh,
.ygtvdepthcell,
.ygtvok,
.ygtvok:hover,
.ygtvcancel,
.ygtvcancel:hover {
background-image: url(/theme/image.php/boost_union/theme/1752245628/yui2-treeview-sprite-rtl);
}
*/
.hover-tooltip-container {
position: relative;
}
.hover-tooltip-container .hover-tooltip {
opacity: 0;
visibility: hidden;
position: absolute;
/*rtl:ignore*/
left: 50%;
top: calc(-50% - 5px);
transform: translate(-50%, -50%);
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0.3rem;
box-sizing: border-box;
padding: 5px;
white-space: nowrap;
transition: opacity 0.15s, visibility 0.15s;
z-index: 1000;
}
.hover-tooltip-container .hover-tooltip:before {
content: "";
display: inline-block;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 8px solid rgba(0, 0, 0, 0.2);
position: absolute;
bottom: -8px;
left: calc(50% - 8px);
}
.hover-tooltip-container .hover-tooltip:after {
content: "";
display: inline-block;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 7px solid #fff;
position: absolute;
bottom: -6px;
left: calc(50% - 7px);
z-index: 2;
}
.hover-tooltip-container:hover .hover-tooltip {
opacity: 1;
visibility: visible;
transition: opacity 0.15s 0.5s, visibility 0.15s 0.5s;
}
#region-flat-nav {
padding-right: 0;
padding-left: 0;
}
#region-flat-nav .nav {
margin-right: 15px;
background-color: #fff;
}
@media (max-width: 767.98px) {
#region-flat-nav .nav {
margin-top: 30px;
margin-right: 0;
}
}
.footer-dark a {
color: #fff;
text-decoration: underline;
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.footer-dark a .icon {
color: #fff;
}
.footer-dark a:focus .icon {
color: #1d2125;
}
.btn-footer-popover {
display: none;
position: fixed;
bottom: 2rem;
right: 2rem;
}
.btn-footer-communication {
display: none;
position: fixed;
bottom: 5rem;
right: 2rem;
}
.hasstickyfooter .btn-footer-popover {
bottom: calc(1rem + calc(max(80px, calc(0.9375rem * 3))));
}
.hasstickyfooter .btn-footer-communication {
bottom: calc(4rem + calc(max(80px, calc(0.9375rem * 3))));
}
.hasstickyfooter .maintenancewarning {
bottom: calc(max(80px, calc(0.9375rem * 3)));
}
.popover.footer .popover-body {
padding: 0;
}
.popover.footer .popover-body .footer-section a, .popover.footer .popover-body .tool_usertours-resettourcontainer .usertour a, .tool_usertours-resettourcontainer .popover.footer .popover-body .usertour a {
color: #1d2125;
text-decoration: underline;
}
.popover.footer .popover-body .footer-section a .icon, .popover.footer .popover-body .tool_usertours-resettourcontainer .usertour a .icon, .tool_usertours-resettourcontainer .popover.footer .popover-body .usertour a .icon {
color: #1d2125;
}
.popover.footer .popover-body .footer-section a:focus, .popover.footer .popover-body .tool_usertours-resettourcontainer .usertour a:focus, .tool_usertours-resettourcontainer .popover.footer .popover-body .usertour a:focus {
text-decoration: none;
}
.footer-support-link {
padding-bottom: 5px;
}
@media (min-width: 576px) {
.jsenabled #page-footer .footer-content-popover {
display: none;
}
.jsenabled .btn-footer-popover, .jsenabled .btn-footer-communication {
display: block;
z-index: 1000;
}
.jsenabled .maintenancewarning, .jsenabled.hasstickyfooter:has(.drawer-right-toggle) .maintenancewarning {
right: 5rem;
}
}
.bg-inverse a {
color: #fff;
text-decoration: underline;
}
.bg-inverse a .icon {
color: #fff;
}
.sitelink img {
width: 112px;
}
.competency-tree ul {
padding-left: 1.5rem;
}
.sr-only-focusable:active, .sr-only-focusable:focus {
z-index: 1031;
position: fixed;
background: #fff;
padding: 7px;
left: 0;
top: 0;
}
[data-drag-type="move"] {
cursor: move;
touch-action: none;
}
.clickable {
cursor: pointer;
}
.overlay-icon-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.6);
}
.overlay-icon-container .loading-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.overlay-icon-container .loading-icon .icon {
max-height: 2em;
max-width: 2em;
font-size: 2em;
}
.w-auto {
width: auto;
}
.bg-pulse-grey {
animation: bg-pulse-grey 2s infinite linear;
}
@keyframes bg-pulse-grey {
0% {
background-color: #f8f9fa;
}
50% {
background-color: #e9ecef;
}
100% {
background-color: #f8f9fa;
}
}
.line-height-0 {
line-height: 0 !important;
/* stylelint-disable-line declaration-no-important */
}
.line-height-1 {
line-height: 0.25rem !important;
/* stylelint-disable-line declaration-no-important */
}
.line-height-2 {
line-height: 0.5rem !important;
/* stylelint-disable-line declaration-no-important */
}
.line-height-3 {
line-height: 1rem !important;
/* stylelint-disable-line declaration-no-important */
}
.line-height-4 {
line-height: 1.5rem !important;
/* stylelint-disable-line declaration-no-important */
}
.line-height-5 {
line-height: 2rem !important;
/* stylelint-disable-line declaration-no-important */
}
.line-height-6 {
line-height: 3rem !important;
/* stylelint-disable-line declaration-no-important */
}
.dir-rtl .dir-rtl-hide {
display: none;
}
.dir-ltr .dir-ltr-hide {
display: none;
}
.paged-content-page-container {
min-height: 3.125rem;
}
body.h5p-embed #page-content {
display: inherit;
}
body.h5p-embed #maincontent {
display: none;
}
body.h5p-embed .h5pmessages {
min-height: 230px;
}
#h5pcontenttypes td {
vertical-align: middle;
}
#page.drawers form#h5peditor, #page.drawers form#coolh5peditor, #page.drawers .core_contentbank_viewcontent {
max-width: 960px;
margin: 0 auto;
}
#page-contentbank-edit fieldset {
margin-top: 1em;
}
.text-decoration-none {
text-decoration: none !important;
/* stylelint-disable-line declaration-no-important */
}
.colour-inherit {
color: inherit !important;
/* stylelint-disable-line declaration-no-important */
}
.position-right {
right: 0 !important;
/* stylelint-disable-line declaration-no-important */
}
.overflow-hidden {
overflow: hidden !important;
/* stylelint-disable-line declaration-no-important */
}
.text-break {
overflow-wrap: break-word !important;
/* stylelint-disable-line declaration-no-important */
}
.word-break {
word-break: break-word !important;
/* stylelint-disable-line declaration-no-important */
}
.z-index-0 {
z-index: 0 !important;
/* stylelint-disable-line declaration-no-important */
}
.z-index-1 {
z-index: 1 !important;
/* stylelint-disable-line declaration-no-important */
}
.img-responsive {
max-width: 100%;
height: auto;
}
input[disabled] {
cursor: not-allowed;
}
.fade.in {
opacity: 1;
}
.clamp-2 {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.word-break-all {
word-break: break-all;
}
.matchtext {
background-color: #a2cff8;
color: #1d2125;
height: 1.5rem;
}
.border-radius {
border-radius: 0.5rem;
}
.v-hidden {
visibility: hidden;
}
.dialog-big {
max-width: 500px;
}
.dialog-small {
max-width: 300px;
}
@media (min-width: 576px) {
.dialog-big {
width: 500px;
}
.dialog-small {
width: 300px;
}
}
/*
* Helpers to show elements only when a parent element has focus or hover.
*/
.v-parent-focus {
opacity: 0;
visibility: hidden;
}
.focus-control:focus-within .v-parent-focus, .focus-control:hover .v-parent-focus {
opacity: 1;
visibility: visible;
}
.emoji-picker {
width: 350px;
height: 400px;
}
.emoji-picker .category-button {
padding: 0.375rem 0;
height: 100%;
width: 38.8888888889px;
border-top: none;
border-left: none;
border-right: none;
border-bottom: 2px solid transparent;
}
.emoji-picker .category-button.selected {
border-bottom: 2px solid #0f6cbf;
}
.emoji-picker .emojis-container, .emoji-picker .search-results-container {
min-width: 280px;
}
.emoji-picker .picker-row {
height: 40px;
}
.emoji-picker .picker-row .category-name {
line-height: 40px;
}
.emoji-picker .picker-row .emoji-button {
height: 40px;
width: 40px;
line-height: 40px;
font-size: 24px;
overflow: hidden;
}
.emoji-picker .emoji-preview {
height: 40px;
font-size: 40px;
line-height: 40px;
}
.emoji-picker .emoji-short-name {
line-height: 20px;
}
@media (max-width: 575.98px) {
.emoji-picker {
width: 320px;
}
}
.emoji-auto-complete {
height: 40px;
}
.emoji-auto-complete .btn.btn-link.btn-icon.emoji-button, .emoji-auto-complete .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.btn-link.btn-icon.emoji-button.collapseexpand, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .emoji-auto-complete a.btn-link.btn-icon.emoji-button.collapseexpand, .emoji-auto-complete .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.btn-link.btn-icon.emoji-button.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .emoji-auto-complete a.btn-link.btn-icon.emoji-button.collapseexpand, .emoji-auto-complete #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.btn-link.btn-icon.emoji-button.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .emoji-auto-complete a.btn-link.btn-icon.emoji-button.collapseexpand {
height: 40px;
width: 40px;
line-height: 40px;
font-size: 24px;
}
.emoji-auto-complete .btn.btn-link.btn-icon.emoji-button.active, .emoji-auto-complete .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.btn-link.btn-icon.emoji-button.active.collapseexpand, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .emoji-auto-complete a.btn-link.btn-icon.emoji-button.active.collapseexpand, .emoji-auto-complete .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.btn-link.btn-icon.emoji-button.active.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .emoji-auto-complete a.btn-link.btn-icon.emoji-button.active.collapseexpand, .emoji-auto-complete #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.btn-link.btn-icon.emoji-button.active.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .emoji-auto-complete a.btn-link.btn-icon.emoji-button.active.collapseexpand {
background-color: #e9ecef;
}
.toast-wrapper {
max-width: 350px;
max-height: 0;
z-index: 1051;
}
.toast-wrapper > :first-child {
margin-top: 1rem;
}
.alert-primary a {
color: #041c31;
}
.alert-primary .btn-close {
color: #000102;
opacity: 0.6;
}
.alert-secondary a {
color: #4e5153;
}
.alert-secondary .btn-close {
color: #353739;
opacity: 0.6;
}
.alert-success a, .environmenttable .ok a {
color: #0b190a;
}
.alert-success .btn-close, .environmenttable .ok .btn-close {
color: black;
opacity: 0.6;
}
.alert-info a {
color: #001518;
}
.alert-info .btn-close {
color: black;
opacity: 0.6;
}
.alert-warning a, .environmenttable .warn a {
color: #523b1a;
}
.alert-warning .btn-close, .environmenttable .warn .btn-close {
color: #2b1f0e;
opacity: 0.6;
}
.alert-danger a, .environmenttable .error a {
color: #390e09;
}
.alert-danger .btn-close, .environmenttable .error .btn-close {
color: #0d0302;
opacity: 0.6;
}
.alert-light a {
color: #636363;
}
.alert-light .btn-close {
color: #494a4a;
opacity: 0.6;
}
.alert-dark a {
color: #030404;
}
.alert-dark .btn-close {
color: black;
opacity: 0.6;
}
.alert a {
font-weight: 700;
}
.breadcrumb:empty {
padding: 0;
}
@media (max-width: 767.98px) {
#page-navbar {
width: 100%;
}
.breadcrumb:not(:empty) {
width: 100%;
flex-wrap: nowrap;
margin-bottom: 0.5rem;
}
.breadcrumb:not(:empty) .breadcrumb-item {
padding-top: 0.33333rem;
padding-bottom: 0.33333rem;
display: inline-flex;
overflow: hidden;
}
.breadcrumb:not(:empty) .breadcrumb-item a, .breadcrumb:not(:empty) .breadcrumb-item span {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.mform {
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
.pagination {
flex-wrap: wrap;
justify-content: center;
}
.custom-select {
max-width: 100%;
}
.card .card-body {
padding: 0.625rem;
}
#page-header .card {
border: 0;
}
#page-header .card .card-body {
padding: 0;
}
.nav-tabs:not(.more-nav), .nav-pills {
margin: 0;
border: 0;
padding: 0.125rem;
background-color: #e9ecef;
}
.nav-tabs:not(.more-nav) .nav-item, .nav-pills .nav-item {
flex: 1 1 auto;
text-align: center;
}
.nav-tabs:not(.more-nav) .nav-link, .nav-pills .nav-link {
background: #fff;
border: 0;
margin: 0.125rem;
}
.nav-tabs:not(.more-nav) .nav-link.active, .nav-pills .nav-link.active {
color: #0f6cbf;
border-color: #0f6cbf;
}
.nav-tabs:not(.more-nav) .nav-link.active:hover, .nav-pills .nav-link.active:hover {
color: #fff;
background-color: #0f6cbf;
border-color: #6a737b;
}
.nav-tabs:not(.more-nav) .nav-link.active:focus, .nav-tabs:not(.more-nav) .nav-link.active.focus, .nav-pills .nav-link.active:focus, .nav-pills .nav-link.active.focus {
box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.5);
}
.nav-tabs:not(.more-nav) .nav-link.active.disabled, .nav-tabs:not(.more-nav) .nav-link.active:disabled, .nav-pills .nav-link.active.disabled, .nav-pills .nav-link.active:disabled {
color: #0f6cbf;
background-color: transparent;
}
.nav-tabs:not(.more-nav) .nav-link.active:not(:disabled):not(.disabled):active, .nav-tabs:not(.more-nav) .nav-link.active:not(:disabled):not(.disabled).active, .show > .nav-tabs:not(.more-nav) .nav-link.active.dropdown-toggle, .nav-pills .nav-link.active:not(:disabled):not(.disabled):active, .nav-pills .nav-link.active:not(:disabled):not(.disabled).active, .show > .nav-pills .nav-link.active.dropdown-toggle {
color: #fff;
background-color: #0f6cbf;
border-color: #6a737b;
}
.nav-tabs:not(.more-nav) .nav-link.active:not(:disabled):not(.disabled):active:focus, .nav-tabs:not(.more-nav) .nav-link.active:not(:disabled):not(.disabled).active:focus, .show > .nav-tabs:not(.more-nav) .nav-link.active.dropdown-toggle:focus, .nav-pills .nav-link.active:not(:disabled):not(.disabled):active:focus, .nav-pills .nav-link.active:not(:disabled):not(.disabled).active:focus, .show > .nav-pills .nav-link.active.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.5);
}
}
@media (max-width: 576px) and (max-height: 320px) {
div#page {
margin-top: 0;
}
.navbar.fixed-top {
position: relative;
z-index: inherit;
}
}
.link-underline {
text-decoration: underline;
}
.link-underline:focus {
text-decoration: none;
}
.alert.cta .cta-icon .icon {
padding: 0.3rem;
}
.alert.cta .cta-icon .icon.fa {
border-radius: 50%;
border-style: solid;
border-width: 0.125rem;
}
.core_payment_gateways_modal .custom-control-label::before, .core_payment_gateways_modal .custom-control-label::after {
top: 45%;
}
.visual-scroll-x {
scrollbar-width: thin;
scrollbar-color: #0f6cbf #a2cff8;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.visual-scroll-x::-webkit-scrollbar {
height: 8px;
-webkit-appearance: none;
appearance: none;
}
.visual-scroll-x::-webkit-scrollbar-thumb {
background-color: #0f6cbf;
border-right: 1px solid #fff;
}
.visual-scroll-x::-webkit-scrollbar-track {
background-color: #a2cff8;
border-right: 1px solid #fff;
}
body.dragging .drop-zone {
border: 1px dashed #1d2125;
}
body.dragging .drop-up {
border-top: 1px solid #1d2125;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
body.dragging .drop-down {
border-bottom: 1px solid #1d2125;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
body.dragging .dragging {
opacity: 0.6;
}
.dragicon {
visibility: hidden;
}
.draggable:hover .dragicon {
visibility: visible;
cursor: move;
}
.dropzone-container {
cursor: pointer;
}
.dropzone-container .dropzone {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
border: 2px dashed #bbb;
border-radius: 0.5rem;
}
.dropzone-container .dropzone.dragover {
border: 2px dashed #6c8cd3;
}
.dropzone-container .dropzone-icon {
color: #8f959e;
}
.dropzone-container .dropzone-icon .icon {
font-size: 6em;
width: auto;
height: auto;
max-width: initial;
max-height: initial;
margin-right: 0;
}
.dropzone-container .dropzone-sr-only-focusable:active, .dropzone-container .dropzone-sr-only-focusable:focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
z-index: 1060;
position: relative;
background: #fff;
padding: 7px;
}
.overlay-preview {
background-color: rgba(255, 255, 255, 0.8);
border: 2px dashed #0f6cbf;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.overlay-preview .overlay-preview-wrapper {
position: absolute;
top: 0;
padding: 2rem;
width: 100%;
}
.overlay-preview .overlay-preview-content {
position: relative;
top: 0;
padding: 1rem;
margin: 0 auto;
width: 100%;
max-width: 600px;
background-color: #0f6cbf;
color: #fff;
text-align: center;
font-size: 1.171875rem;
border-radius: 0.5rem;
}
.overlay-preview-borders {
outline: 2px dashed #0f6cbf;
}
.waitstate {
display: none;
}
.stateready .waitstate {
display: inherit;
}
.stateready .whilenostate {
display: none;
}
.collapse-list .collapse-list-item {
padding: 0.5rem 1rem;
}
.collapse-list .collapse-list-item:hover, .collapse-list .collapse-list-item:focus {
background-color: #e6f2f5;
border-color: #b3d9e0;
}
.collapse-list .collapse-list-item-content .collapse-list-item {
padding-left: calc(1rem * 3);
}
.drawers .block_myoverview {
border: 0;
}
.drawers .block_myoverview > .card-body {
padding-top: 0 !important;
/* stylelint-disable-line declaration-no-important */
padding-left: 0 !important;
/* stylelint-disable-line declaration-no-important */
padding-right: 0 !important;
/* stylelint-disable-line declaration-no-important */
}
#page-my-index .my-action-buttons {
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
}
.dropdown-toggle::after {
content: "";
margin-right: 0;
margin-left: 4px;
font-size: 9px;
width: 9px;
border: 0;
}
.listitem-category .dropdown-toggle::after {
/* This can be removed when the .dropdown-toggle::after is updated to remove content. */
content: none;
}
.dropleft .dropdown-toggle::before {
border: 0;
content: "";
font-size: 9px;
margin-left: 0;
margin-right: 4px;
width: 9px;
}
.dir-rtl .dropleft .dropdown-toggle::before {
content: "";
}
.dropright .dropdown-toggle::after {
border: 0;
content: "";
}
.dir-rtl .dropright .dropdown-toggle::after {
content: "";
}
.dropup .dropdown-toggle::after {
border: 0;
content: "";
}
.select-menu li:first-child ul[role="group"] {
padding: 0;
}
.select-menu ul[role="group"] {
padding: 0.3rem 0 0 0;
margin: 0;
}
.select-menu ul[role="group"] li:first-child {
cursor: default;
color: #6a737b;
padding: 0.25rem 1.5rem;
display: block;
}
.select-menu ul[role="group"] .dropdown-item {
padding-left: 2.5rem;
}
.select-menu .dropdown-item[aria-selected="true"] {
font-weight: bold;
}
[role="listbox"] [role="option"] {
cursor: pointer;
}
[role="listbox"] [role="option"][aria-selected="true"] {
font-weight: bold;
}
.initialbargroups ul {
-webkit-margin-start: 0;
/* stylelint-disable-line */
margin-right: -1px;
}
.initialbargroups .page-item:first-child .page-link {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.initialbargroups .pagination-lg:first-child .page-item:first-child .page-link {
border-top-left-radius: 0.6rem;
border-bottom-left-radius: 0.6rem;
}
.initialbargroups .pagination-sm:first-child .page-item:first-child .page-link {
border-top-left-radius: 0.2rem;
border-bottom-left-radius: 0.2rem;
}
.initialbargroups .page-item:last-child .page-link {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.initialbargroups .pagination-lg:last-child .page-item:last-child .page-link {
border-top-right-radius: 0.6rem;
border-bottom-right-radius: 0.6rem;
}
.initialbargroups .pagination-sm:last-child .page-item:last-child .page-link {
border-top-right-radius: 0.2rem;
border-bottom-right-radius: 0.2rem;
}
blockquote {
margin: 0 0.5rem 1rem;
padding-left: 1rem;
color: #495057;
border-left: 5px solid #8f959e;
}
.pagelayout-maintenance .page-header-headings, .pagelayout-secure .page-header-headings {
background-color: #fff;
}
/* Prevent long strings exceeding page width */
.page-header-headings:not(.text-truncate), .coursename:not(.text-truncate), .categoryname:not(.text-truncate), .breadcrumb-item:not(.text-truncate) {
word-break: normal;
overflow-wrap: anywhere;
white-space: normal;
}
/* Showmore component */
.showmore-container.collapsed .expanded-content {
display: none;
}
.showmore-container:not(.collapsed) .collapsed-content {
display: none;
}
.showmore-container button {
float: right;
}
.showmore-container button.btn-link {
text-decoration: none;
}
.showmore-container button .icon {
font-size: 0.8203125rem;
margin: 0;
}
/* Combobox search dropdowns */
.usersearchdropdown.dropdown-menu, .gradesearchdropdown.dropdown-menu, .groupsearchdropdown.dropdown-menu {
width: 350px;
}
.usersearchdropdown.dropdown-menu .searchresultitemscontainer, .gradesearchdropdown.dropdown-menu .searchresultitemscontainer, .groupsearchdropdown.dropdown-menu .searchresultitemscontainer {
max-height: 170px;
overflow: auto;
/* stylelint-disable declaration-no-important */
}
.usersearchdropdown.dropdown-menu .searchresultitemscontainer img, .gradesearchdropdown.dropdown-menu .searchresultitemscontainer img, .groupsearchdropdown.dropdown-menu .searchresultitemscontainer img {
height: 48px !important;
width: 48px !important;
}
/* Bulk actions in sticky footer. */
#sticky-footer [data-type="bulkactions"] {
display: flex;
flex: 0 0 100%;
align-items: center;
}
/* Choice list component. */
.choicelist {
min-width: calc(300px - 25px);
}
.choicelist i.icon {
vertical-align: middle;
}
/* General card customisations. */
.card.active {
border-color: #8f959e;
}
.action-menu .dropdown-toggle {
text-decoration: none;
display: inline-block;
}
.action-menu {
white-space: nowrap;
display: inline;
}
.action-menu .dropdown-toggle.no-caret::after {
display: none;
}
.action-menu .dropdown-toggle.no-caret::before {
display: none;
}
.action-menu .dropdown.downleft .dropdown-subpanel-content {
right: 0;
left: auto;
}
.action-menu .dropdown-subpanel.content-displayed {
background-color: #e9ecef;
}
.action-menu .dropdown-subpanel-content {
max-width: 300px;
box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15);
}
.action-menu .dropdown-subpanel-content.show {
animation: 0.15s animate-pop;
}
@media (prefers-reduced-motion: reduce) {
.action-menu .dropdown-subpanel-content.show {
animation: none;
}
}
body.behat-site .action-menu .dropdown-subpanel-content.show {
animation: none;
}
.action-menu .dropdown-subpanel .dropdown-item::after {
border: 0;
content: "";
}
.action-menu .dropdown-subpanel .dropdown-item::before {
display: none;
}
@keyframes animate-pop {
0% {
transform: scale(0.9, 0.9);
}
100% {
transform: scale(1, 1);
}
}
.dir-rtl .action-menu .dropdown-subpanel .dropdown-item::after {
border: 0;
content: "";
}
.dir-rtl .action-menu .dropdown-subpanel .dropdown-item::before {
display: none;
}
.dropdown-item a {
display: block;
width: 100%;
color: #1d2125;
}
.dropdown-item.active, .dropdown-item:active, .dropdown-item:hover, .dropdown-item:focus, .dropdown-item:focus-within {
outline: 0;
background-color: #0f6cbf;
color: #fff;
}
.dropdown-item.active a, .dropdown-item:active a, .dropdown-item:hover a, .dropdown-item:focus a, .dropdown-item:focus-within a {
color: #fff;
}
.dropdown-item[aria-current="true"], .dropdown-item[aria-selected="true"] {
position: relative;
display: flex;
align-items: center;
}
.dropdown-item[aria-current="true"]:before, .dropdown-item[aria-selected="true"]:before {
content: "";
position: absolute;
left: 0.4rem;
font-size: 0.7rem;
}
.dropdown-item-outline:focus, .dropdown-item-outline:focus-within {
outline: solid #0f6cbf;
}
.dropdown-item-outline a:focus, .dropdown-item-outline a:focus-visible {
outline: 0;
}
.icon {
max-width: 24px;
max-height: 24px;
margin: 0;
padding: 0;
box-sizing: content-box;
margin-right: 0.5rem;
}
.icon.spacer {
margin-right: 0;
}
.icon.iconsize-medium {
font-size: 32px;
width: 32px;
height: 32px;
max-width: 32px;
max-height: 32px;
}
.icon.iconsize-big {
width: 64px;
height: 64px;
max-width: 64px;
max-height: 64px;
font-size: 64px;
}
.icon.emoticon {
max-width: 16px;
max-height: 16px;
}
img.icon {
width: 16px;
height: 16px;
}
.navbar-dark a .icon {
color: rgba(255, 255, 255, 0.5) !important;
/* stylelint-disable-line declaration-no-important */
}
.action-menu-item a:first-of-type > .icon {
margin-left: 0.5rem;
}
.ygtvcell .icon {
margin-left: 0 !important;
/* stylelint-disable-line declaration-no-important */
}
.block_navigation .tree_item .icon, .block_settings .tree_item .icon {
margin-left: 0;
}
[data-action=toggle-drawer] .icon {
margin: 0;
}
.icon-no-spacing a > .icon {
margin: 0;
}
.icon-no-margin .icon {
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom: 0;
}
.icon-large > .icon {
width: 32px;
height: 32px;
}
.icon-size-0 .icon {
height: 0 !important;
/* stylelint-disable-line declaration-no-important */
width: 0 !important;
/* stylelint-disable-line declaration-no-important */
font-size: 0 !important;
/* stylelint-disable-line declaration-no-important */
}
.icon-size-1 .icon {
height: 4px !important;
/* stylelint-disable-line declaration-no-important */
width: 4px !important;
/* stylelint-disable-line declaration-no-important */
font-size: 4px !important;
/* stylelint-disable-line declaration-no-important */
}
.icon-size-2 .icon {
height: 8px !important;
/* stylelint-disable-line declaration-no-important */
width: 8px !important;
/* stylelint-disable-line declaration-no-important */
font-size: 8px !important;
/* stylelint-disable-line declaration-no-important */
}
.icon-size-3 .icon {
height: 16px !important;
/* stylelint-disable-line declaration-no-important */
width: 16px !important;
/* stylelint-disable-line declaration-no-important */
font-size: 16px !important;
/* stylelint-disable-line declaration-no-important */
}
.icon-size-4 .icon {
height: 24px !important;
/* stylelint-disable-line declaration-no-important */
width: 24px !important;
/* stylelint-disable-line declaration-no-important */
font-size: 24px !important;
/* stylelint-disable-line declaration-no-important */
}
.icon-size-5 .icon {
height: 32px !important;
/* stylelint-disable-line declaration-no-important */
width: 32px !important;
/* stylelint-disable-line declaration-no-important */
font-size: 32px !important;
/* stylelint-disable-line declaration-no-important */
}
.icon-size-6 .icon {
height: 40px !important;
/* stylelint-disable-line declaration-no-important */
width: 40px !important;
/* stylelint-disable-line declaration-no-important */
font-size: 40px !important;
/* stylelint-disable-line declaration-no-important */
}
.icon-size-7 .icon {
height: 48px !important;
/* stylelint-disable-line declaration-no-important */
width: 48px !important;
/* stylelint-disable-line declaration-no-important */
font-size: 48px !important;
/* stylelint-disable-line declaration-no-important */
}
.helplink .icon {
margin-left: 0.5rem;
}
.icons-collapse-expand {
display: flex;
align-items: center;
}
.icons-collapse-expand .expanded-icon {
display: flex;
align-items: center;
}
.icons-collapse-expand .collapsed-icon {
display: none;
}
.icons-collapse-expand.collapsed .expanded-icon {
display: none;
}
.icons-collapse-expand.collapsed .collapsed-icon {
display: flex;
align-items: center;
}
.activityiconcontainer {
width: 52px;
height: 52px;
display: inline-flex;
justify-content: center;
align-items: center;
border-radius: 4px;
padding: 0.7rem;
}
.activityiconcontainer .activityicon, .activityiconcontainer .icon {
margin: 0;
font-size: 32px;
height: 32px;
width: 32px;
max-height: 32px;
max-width: 32px;
}
.activityiconcontainer.small, .pagelayout-frontpage .activityiconcontainer.theme_boost_union-coursecategoryinfo, .pagelayout-coursecategory .activityiconcontainer.theme_boost_union-coursecategoryinfo, #page-course-search .activityiconcontainer.theme_boost_union-coursecategoryinfo {
width: 42px;
height: 42px;
max-width: 42px;
max-height: 42px;
}
.activityiconcontainer.smaller {
width: 32px;
height: 32px;
max-width: 32px;
max-height: 32px;
}
.activityiconcontainer.smaller .activityicon {
width: 32px;
height: 32px;
max-width: 32px;
max-height: 32px;
}
.activityiconcontainer.administration:not(.isbranded) .activityicon:not(.nofilter), .activityiconcontainer.administration:not(.isbranded) .icon:not(.nofilter) {
filter: invert(47%) sepia(62%) saturate(526%) hue-rotate(70deg) brightness(90%) contrast(91%);
}
.activityiconcontainer.assessment:not(.isbranded) .activityicon:not(.nofilter), .activityiconcontainer.assessment:not(.isbranded) .icon:not(.nofilter) {
filter: invert(54%) sepia(12%) saturate(2547%) hue-rotate(70deg) brightness(86%) contrast(92%);
}
.activityiconcontainer.collaboration:not(.isbranded) .activityicon:not(.nofilter), .activityiconcontainer.collaboration:not(.isbranded) .icon:not(.nofilter) {
filter: invert(45%) sepia(81%) saturate(382%) hue-rotate(70deg) brightness(90%) contrast(98%);
}
.activityiconcontainer.communication:not(.isbranded) .activityicon:not(.nofilter), .activityiconcontainer.communication:not(.isbranded) .icon:not(.nofilter) {
filter: invert(51%) sepia(12%) saturate(3240%) hue-rotate(71deg) brightness(89%) contrast(74%);
}
.activityiconcontainer.content:not(.isbranded) .activityicon:not(.nofilter), .activityiconcontainer.content:not(.isbranded) .icon:not(.nofilter) {
filter: invert(48%) sepia(63%) saturate(530%) hue-rotate(70deg) brightness(87%) contrast(89%);
}
.activityiconcontainer.interactivecontent:not(.isbranded) .activityicon:not(.nofilter), .activityiconcontainer.interactivecontent:not(.isbranded) .icon:not(.nofilter) {
filter: invert(25%) sepia(63%) saturate(1152%) hue-rotate(344deg) brightness(94%) contrast(91%);
}
.icon-box {
width: 48px;
height: 48px;
display: inline-flex;
justify-content: center;
align-items: center;
background-color: #f8f9fa;
border-radius: 12px;
padding: 0.7rem;
}
.icon-box .icon {
margin: 0;
height: 32px;
width: 32px;
}
.icon-circle {
display: inline-block;
background-color: #c2cad1;
border-radius: 50%;
padding: 1.3rem;
}
.icon-circle .icon {
margin: 0;
text-align: center;
max-width: unset;
max-height: unset;
color: #000;
}
.icon-circle.reversed {
background-color: #b7c0c8;
}
.icon-circle.reversed .icon {
color: #fff;
}
:root {
--activityadministration: invert(47%) sepia(62%) saturate(526%) hue-rotate(70deg) brightness(90%) contrast(91%);
--activityassessment: invert(54%) sepia(12%) saturate(2547%) hue-rotate(70deg) brightness(86%) contrast(92%);
--activitycollaboration: invert(45%) sepia(81%) saturate(382%) hue-rotate(70deg) brightness(90%) contrast(98%);
--activitycommunication: invert(51%) sepia(12%) saturate(3240%) hue-rotate(71deg) brightness(89%) contrast(74%);
--activitycontent: invert(48%) sepia(63%) saturate(530%) hue-rotate(70deg) brightness(87%) contrast(89%);
--activityinteractivecontent: invert(25%) sepia(63%) saturate(1152%) hue-rotate(344deg) brightness(94%) contrast(91%);
}
/* admin.less */
.formtable tbody th {
font-weight: normal;
text-align: right;
}
.path-admin #assignrole {
width: 60%;
margin-left: auto;
margin-right: auto;
}
.path-admin .admintable .leftalign {
text-align: left;
}
.path-admin .admintable.environmenttable .name, .path-admin .admintable.environmenttable .info, .path-admin #assignrole .admintable .role, .path-admin #assignrole .admintable .userrole, .path-admin #assignrole .admintable .roleholder {
white-space: nowrap;
}
.path-admin .incompatibleblockstable td.c0 {
font-weight: bold;
}
#page-admin-course-category .addcategory {
padding: 10px;
}
#page-admin-course-index .editcourse {
margin: 20px auto;
}
#page-admin-course-index .editcourse th, #page-admin-course-index .editcourse td {
padding-left: 10px;
padding-right: 10px;
}
.timewarninghidden {
display: none;
}
#page-admin-qtypes #qtypes div, #page-admin-qtypes #qtypes form, #page-admin-qbehaviours #qbehaviours div, #page-admin-qbehaviours #qbehaviours form {
display: inline;
}
#page-admin-qtypes #qtypes img.spacer, #page-admin-qbehaviours #qbehaviours img.spacer {
width: 16px;
}
#page-admin-qbehaviours .cell.c3, #page-admin-qtypes .cell.c3 {
font-size: 0.8203125rem;
}
#page-admin-lang .generalbox, #page-admin-course-index .singlebutton, #page-admin-course-index .addcategory, #page-course-index .buttons, #page-course-index-category .buttons, #page-admin-course-category .addcategory, #page-admin-stickyblocks .generalbox, #page-admin-maintenance .buttons, #page-admin-course-index .buttons, #page-admin-course-category .buttons, #page-admin-index .copyright, #page-admin-index .copyrightnotice, #page-admin-index .adminerror .singlebutton, #page-admin-index .adminwarning .singlebutton, #page-admin-index #layout-table .singlebutton {
text-align: center;
margin-bottom: 1em;
}
.path-admin-roles .capabilitysearchui {
text-align: left;
margin-left: auto;
margin-right: auto;
margin-top: 1rem;
}
#page-admin-roles-define .topfields {
margin: 1em 0 2em;
}
#page-admin-roles-override .capcurrent, #page-admin-roles-define .capdefault {
background-color: rgba(0, 0, 0, 0.075);
}
#page-filter-manage .backlink, .path-admin-roles .backlink {
margin-top: 1em;
}
#page-admin-roles-explain #chooseuser h3, #page-admin-roles-usersroles .contextname {
margin-top: 0;
}
#page-admin-roles-explain #chooseusersubmit {
margin-top: 0;
text-align: center;
}
#page-admin-roles-usersroles p {
margin: 0;
}
#page-admin-roles-override .cell.c1, #page-admin-roles-assign .cell.c3, #page-admin-roles-assign .cell.c1 {
padding-top: 0.75em;
}
#page-admin-roles-override .overridenotice, #page-admin-roles-define .definenotice {
margin: 1em 10% 2em 10%;
text-align: left;
}
#page-admin-index .upgradekeyreq {
min-width: 220px;
}
#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo span {
display: block;
}
#page-admin-index .updateplugin div {
margin-bottom: 0.5em;
}
#page-admin-user-user_bulk #users .fgroup {
white-space: nowrap;
}
#page-admin-report-stats-index .graph {
text-align: center;
margin-bottom: 1em;
}
#page-admin-report-courseoverview-index .graph {
text-align: center;
margin-bottom: 1em;
}
#page-admin-lang .translator {
border-width: 1px;
border-style: solid;
}
.path-admin .roleassigntable {
width: 100%;
}
.path-admin .roleassigntable td {
vertical-align: top;
padding: 0.2em 0.3em;
}
.path-admin .roleassigntable p {
text-align: left;
margin: 0.2em 0;
}
.path-admin .roleassigntable #existingcell, .path-admin .roleassigntable #potentialcell {
width: 42%;
}
.path-admin .roleassigntable #existingcell p > label:first-child, .path-admin .roleassigntable #potentialcell p > label:first-child {
font-weight: bold;
}
.path-admin .roleassigntable #buttonscell {
width: 16%;
}
.path-admin .roleassigntable #buttonscell #assignoptions {
font-size: 0.8203125rem;
}
.path-admin .roleassigntable #removeselect_wrapper, .path-admin .roleassigntable #addselect_wrapper {
width: 100%;
}
.path-admin table.rolecap tr.rolecap th {
text-align: left;
font-weight: normal;
}
.path-admin .rolecap .hiddenrow {
display: none;
}
.path-admin #defineroletable .rolecap .inherit, .path-admin #defineroletable .rolecap .allow, .path-admin #defineroletable .rolecap .prevent, .path-admin #defineroletable .rolecap .prohibit {
text-align: center;
padding: 0;
min-width: 3.5em;
}
.path-admin .rolecap .cap-name, .path-admin .rolecap .note {
display: block;
font-size: 0.8203125rem;
white-space: nowrap;
font-weight: normal;
}
.path-admin .rolecap label {
display: block;
text-align: center;
padding: 0.5em;
margin: 0;
}
.path-admin .header-maxwidth, .path-admin .secondary-navigation .navigation .nav-tabs, .format-site .header-maxwidth, .format-site .secondary-navigation .navigation .nav-tabs {
max-width: none;
}
.path-admin.path-admin-roles:not(.format-site) .header-maxwidth, .path-admin.path-admin-roles:not(.format-site) .secondary-navigation .navigation .nav-tabs, .path-admin.path-admin-tool-lp .header-maxwidth, .path-admin.path-admin-tool-lp .secondary-navigation .navigation .nav-tabs {
max-width: 80%;
}
.plugincheckwrapper {
width: 100%;
}
.environmentbox {
margin-top: 1em;
}
#mnetconfig table {
margin-left: auto;
margin-right: auto;
}
.environmenttable .cell {
padding: 0.15em 0.5em;
}
#trustedhosts .generaltable {
margin-left: auto;
margin-right: auto;
width: 500px;
}
#trustedhosts .standard {
width: auto;
}
#adminsettings legend {
display: none;
}
#adminsettings fieldset.error {
margin: 0.2em 0 0.5em 0;
}
#adminsettings fieldset.error legend {
display: block;
}
#admin-spelllanguagelist textarea {
/* rtl:ignore */
text-align: left;
/* rtl:ignore */
direction: ltr;
}
/* Styles for flags on admin settings */
.adminsettingsflags {
float: right;
}
.adminsettingsflags label {
margin-right: 7px;
}
.form-description pre, .formsettingheading pre {
/*rtl:ignore*/
direction: ltr;
}
.form-item .form-setting .form-htmlarea {
display: inline;
}
.form-item .form-setting .form-htmlarea .htmlarea {
width: 640px;
display: block;
}
.form-item .form-setting .form-multicheckbox ul {
list-style: none;
padding: 0;
margin: 7px 0 0 0;
}
.form-item .form-setting .defaultsnext {
display: inline;
}
.form-item .form-setting .locked-checkbox {
margin-right: 0.2em;
margin-left: 0.5em;
display: inline;
}
.form-item .form-setting .form-password .unmask, .form-item .form-setting .form-defaultinfo {
display: inline-block;
}
.form-item .form-setting .form-defaultinfo {
max-width: 100%;
word-wrap: break-word;
}
#admin-emoticons td input {
width: 8em;
}
#admin-emoticons td.c0 input {
width: 4em;
}
.admin_colourpicker, .admin_colourpicker_preview {
display: none;
}
.jsenabled .admin_colourpicker_preview {
display: inline;
}
@media (min-width: 768px) {
.jsenabled .admin_colourpicker {
display: block;
height: 102px;
width: 410px;
margin-bottom: 10px;
box-sizing: content-box;
}
.admin_colourpicker .colourdialogue {
float: left;
border: 1px solid #8f959e;
}
.admin_colourpicker .previewcolour {
border: 1px solid #8f959e;
margin-left: 301px;
}
.admin_colourpicker .currentcolour {
border: 1px solid #8f959e;
margin-left: 301px;
border-top-width: 0;
}
}
@media (max-width: 767.98px) {
.jsenabled .admin_colourpicker {
height: 150px;
margin-bottom: 10px;
display: block;
position: relative;
}
.admin_colourpicker .previewcolour {
display: none;
}
.admin_colourpicker .currentcolour {
position: absolute;
border: 1px solid #dee2e6;
top: 100px;
left: 0;
}
}
.admin_colourpicker .loadingicon {
vertical-align: middle;
margin-left: auto;
}
#page-admin-index #notice .checkforupdates {
text-align: center;
}
#page-admin-index #page-content .alert a {
font-weight: normal;
text-decoration: underline;
}
#page-admin-plugins #plugins-overview-panel .info {
display: inline-block;
margin-right: 1em;
}
#page-admin-plugins #plugins-overview-panel .info [data-filterby].active {
font-weight: bold;
}
#page-admin-plugins #plugins-overview-panel .updateavailableinstallall {
margin-right: 1em;
}
#page-admin-plugins .checkforupdates {
margin: 10px 0;
}
#page-admin-plugins .checkforupdates .singlebutton {
margin: 5px 0;
padding: 0;
}
#page-admin-plugins .checkforupdates .singlebutton div, #page-admin-plugins .checkforupdates .singlebutton input {
margin: 0 3px 0 0;
}
#page-admin-plugins .updateavailableinstallall {
margin: 5px 0;
padding: 0;
}
#page-admin-plugins .updateavailableinstallall div, #page-admin-plugins .updateavailableinstallall input {
margin: 0 3px 5px 0;
}
#page-admin-plugins #plugins-control-panel .status-missing td {
background-color: #fcefdc;
}
#page-admin-plugins #plugins-control-panel .pluginname .componentname {
font-size: 0.8203125rem;
color: #6a737b;
margin-left: 22px;
}
#page-admin-plugins #plugins-control-panel .version .versionnumber {
font-size: 0.8203125rem;
color: #6a737b;
}
#page-admin-plugins #plugins-control-panel .uninstall a {
color: #ca3120;
}
#page-admin-plugins #plugins-control-panel .notes .label {
margin-right: 3px;
}
#page-admin-plugins #plugins-control-panel .notes .requiredby {
font-size: 0.8203125rem;
color: #6a737b;
}
#plugins-check-page #plugins-check .status-missing td, #plugins-check-page #plugins-check .status-downgrade td {
background-color: #f4d6d2;
}
#plugins-check-page .pluginupdateinfo, #plugins-control-panel .pluginupdateinfo {
background-color: #cce6ea;
padding: 5px;
margin: 10px 0;
border-radius: 5px;
}
#plugins-check-page .pluginupdateinfo.maturity50, #plugins-control-panel .pluginupdateinfo.maturity50 {
background-color: #f4d6d2;
}
#plugins-check-page .pluginupdateinfo.maturity100, #plugins-check-page .pluginupdateinfo.maturity150, #plugins-control-panel .pluginupdateinfo.maturity100, #plugins-control-panel .pluginupdateinfo.maturity150 {
background-color: #fcefdc;
}
#plugins-check-page .pluginupdateinfo .info, #plugins-control-panel .pluginupdateinfo .info {
display: inline-block;
}
#plugins-check-page .pluginupdateinfo .separator:after, #plugins-control-panel .pluginupdateinfo .separator:after {
content: " | ";
}
#plugins-check-page .pluginupdateinfo .singlebutton, #plugins-control-panel .pluginupdateinfo .singlebutton {
margin: 5px 0;
padding: 0;
}
#plugins-check-page .pluginupdateinfo .singlebutton div, #plugins-check-page .pluginupdateinfo .singlebutton input, #plugins-control-panel .pluginupdateinfo .singlebutton div, #plugins-control-panel .pluginupdateinfo .singlebutton input {
margin: 0 3px 0 0;
}
.plugins-management-confirm-buttons > div {
display: inline-block;
margin: 1em 1em 1em 0;
}
.plugins-management-confirm-buttons .continue {
padding: 0;
}
.plugins-management-confirm-buttons .continue div, .plugins-management-confirm-buttons .continue input {
margin: 0;
}
#page-admin-index .upgradepluginsinfo {
text-align: center;
}
#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo .separator:after {
content: " | ";
}
/** MNet networking */
#page-admin-mnet-peers .box.deletedhosts {
margin-bottom: 1em;
font-size: 0.8203125rem;
}
#core-cache-plugin-summaries table, #core-cache-store-summaries table {
width: 100%;
}
#core-cache-lock-summary table, #core-cache-definition-summaries table, #core-cache-mode-mappings table {
margin: 0 auto;
}
#core-cache-store-summaries .default-store td {
font-style: italic;
}
#core-cache-rescan-definitions, #core-cache-mode-mappings .edit-link, #core-cache-lock-additional-actions .new-instance {
margin-top: 0.5em;
text-align: center;
}
.maintenancewarning {
position: fixed;
bottom: 0;
right: 0;
margin: 1rem;
overflow: hidden;
z-index: 1000;
}
.jsenabled .maintenancewarning {
transition: 0.2s;
}
@media (prefers-reduced-motion: reduce) {
.jsenabled .maintenancewarning {
transition: none;
}
}
.modal.modal-in-page {
z-index: 0;
}
#page-admin-search .adminpagetitle {
margin-bottom: 0;
border-bottom: none;
}
#page-admin-search .adminpagepath {
display: flex;
flex-wrap: wrap;
list-style: none;
padding: 0;
margin: 0 0 1.5rem 0;
}
#page-admin-search .adminpagepath li + li:before {
padding-right: 0.5rem;
padding-left: 0.5rem;
content: "/";
}
@media (min-width: 576px) {
#page-admin-search .container {
overflow-wrap: break-word;
}
}
#page-admin-tasklogs .task-class {
font-size: 0.8203125rem;
color: #6a737b;
}
.path-admin-tool-uploaduser .uuwarning {
background-color: #fcefdc;
}
.path-admin-tool-uploaduser .uuerror {
background-color: #f4d6d2;
}
.path-admin-tool-uploaduser .uuinfo {
background-color: #d7e4d6;
}
/**
Blocks
*/
.blockmovetarget .accesshide {
position: relative;
left: initial;
}
.block:target {
padding-top: 0 !important;
/* stylelint-disable declaration-no-important */
margin-top: 0 !important;
}
.block_search_forums .searchform {
/* Override plugin's default. */
text-align: left;
}
.block.block_navigation .block_tree ul, .block_settings .block_tree ul {
margin-left: 0;
}
.block .block-controls .dropdown-toggle {
/* So that the icon takes the colour of the icon. */
color: #1d2125;
}
.block .block-controls .dropdown-toggle::after {
display: none;
}
[data-region="blocks-column"] {
width: 360px;
float: right;
}
/* We put an absolutely positioned div in a relatively positioned div so it takes up no space */
@media (min-width: 576px) {
#region-main-settings-menu {
position: relative;
float: left;
width: 100%;
}
#region-main-settings-menu > div {
position: absolute;
right: 0;
z-index: 100;
margin: 1rem;
}
.region_main_settings_menu_proxy {
width: 4rem;
height: 2rem;
background-color: #fff;
margin-left: 0.625rem;
margin-bottom: 0.625rem;
border-bottom-left-radius: 0.5rem;
float: right;
}
}
@media (max-width: 767.98px) {
#region-main-settings-menu .menubar {
justify-content: flex-end;
}
}
#region-main.has-blocks {
display: inline-block;
width: calc(100% - 375px);
}
@media (max-width: 1199.98px) {
#region-main.has-blocks {
width: 100%;
/* MDL-63102 - Remove extra space at bottom.
If modifying make sure block-region is horizontally stacked when in full screen */
display: block;
}
}
.header-action #region-main-settings-menu {
position: unset;
float: none;
width: auto;
}
.header-action #region-main-settings-menu > div {
position: unset;
right: auto;
margin: 0;
}
@media (max-width: 1199.98px) {
[data-region="blocks-column"] {
width: 100%;
}
}
.block .empty-placeholder-image-lg {
height: 5rem;
}
.block .searchbar .icon {
margin-right: 0;
}
.block .block-cards .course-info-container {
padding: 0.8rem;
}
.block .block-cards .progress {
height: 0.5rem;
}
.block .block-cards .course-summaryitem {
border: 1px solid #dee2e6;
background-color: #fff;
}
.block .block-cards .icon {
margin-right: 0;
}
.block .block-cards .card .coursemenubtn {
margin-top: -0.5rem;
}
.block .block-cards span.categoryname, .block .block-cards .btn-link {
color: #1d2125;
}
.block .block-cards .progress-text {
color: #6a737b;
}
.block .block-cards .multiline {
white-space: normal;
}
.block .block-cards .btn.btn-link.btn-icon, .block .block-cards .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.btn-link.btn-icon.collapseexpand, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .block .block-cards a.btn-link.btn-icon.collapseexpand, .block .block-cards .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.btn-link.btn-icon.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .block .block-cards a.btn-link.btn-icon.collapseexpand, .block .block-cards #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.btn-link.btn-icon.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .block .block-cards a.btn-link.btn-icon.collapseexpand {
height: 36px;
width: 36px;
padding: 0;
border-radius: 50%;
}
.card-grid {
display: flex;
}
.card-grid .card {
flex: 1;
}
.drawercontent .card-grid .col, .blockcolumn .card-grid .col {
flex: 0 0 auto;
max-width: 100%;
}
.card-carousel {
display: flex;
}
.card-carousel .card {
flex: 1;
}
@media (min-width: 576px) {
.card-carousel .card {
flex: 0 1 auto;
width: 240px;
max-width: 100%;
}
}
.course-card .card-img-top, .theme-card .card-img-top {
height: 7rem;
background-position: center;
background-size: cover;
}
.block_recentlyaccessedcourses .paging-bar-container {
margin-top: -2.4rem;
padding-right: 0.5rem;
justify-content: flex-end;
}
@media (max-width: 575.98px) {
.block_recentlyaccessedcourses .paging-bar-container {
margin-top: 0;
}
}
#block-region-side-pre .block_recentlyaccessedcourses .paging-bar-container {
margin-top: 0;
}
.block_recentlyaccesseditems .activityiconcontainer {
width: 40px;
height: 40px;
}
aside[id^="block-region-side-"] .block_recentlyaccesseditems .card:nth-of-type(n+4) {
display: none;
}
#block-region-content .block_recentlyaccesseditems [data-region="more-items-button-container"] {
display: none;
}
.block_recentlyaccesseditems a.card:hover, .block_recentlyaccesseditems a.card:focus {
text-decoration: none;
}
.block_recentlyaccesseditems a.card:hover h6, .block_recentlyaccesseditems a.card:focus h6 {
text-decoration: underline;
}
.block_recentlyaccesseditems a.card small, .block_recentlyaccesseditems a.card .pagelayout-frontpage .theme_boost_union-courselisting .customfields .customfield, .pagelayout-frontpage .theme_boost_union-courselisting .customfields .block_recentlyaccesseditems a.card .customfield, .block_recentlyaccesseditems a.card .pagelayout-coursecategory .theme_boost_union-courselisting .customfields .customfield, .pagelayout-coursecategory .theme_boost_union-courselisting .customfields .block_recentlyaccesseditems a.card .customfield, .block_recentlyaccesseditems a.card #page-course-search .theme_boost_union-courselisting .customfields .customfield, #page-course-search .theme_boost_union-courselisting .customfields .block_recentlyaccesseditems a.card .customfield {
color: #1d2125;
}
.block_myoverview .content {
min-height: 19.35rem;
}
.block_myoverview .paged-content-page-container {
min-height: 13rem;
}
.block_myoverview .summary-image {
height: 5rem;
width: 5rem;
background-position: center;
background-size: cover;
}
.block_myoverview .list-image {
height: 5rem;
width: 20rem;
background-position: center;
background-size: cover;
}
@media (max-width: 1199.98px) {
.block_myoverview .list-image {
width: 100%;
}
}
.block_timeline .paged-content-page-container {
background-color: #fff;
}
.block_timeline .event-action {
padding-left: 5.55em;
}
.block_settings .block_tree [aria-expanded="true"], .block_settings .block_tree [aria-expanded="true"].emptybranch, .block_settings .block_tree [aria-expanded="false"], .block_navigation .block_tree [aria-expanded="true"], .block_navigation .block_tree [aria-expanded="true"].emptybranch, .block_navigation .block_tree [aria-expanded="false"] {
background-image: none;
}
.block_settings .block_tree [aria-expanded="true"] > p:before, .block_navigation .block_tree [aria-expanded="true"] > p:before {
content: "";
margin-right: 0;
font-size: 16px;
width: 16px;
}
.block_settings .block_tree [aria-expanded="false"] > p:before, .block_navigation .block_tree [aria-expanded="false"] > p:before {
content: "";
margin-right: 0;
font-size: 16px;
width: 16px;
}
.dir-rtl .block_settings .block_tree [aria-expanded="false"] > p:before, .dir-rtl .block_navigation .block_tree [aria-expanded="false"] > p:before {
content: "";
}
.block_navigation .block_tree p.hasicon, .block_settings .block_tree p.hasicon {
text-indent: -3px;
}
.block_navigation .block_tree p.hasicon .icon, .block_settings .block_tree p.hasicon .icon {
margin-right: 2px;
}
.block.invisibleblock .card-title {
color: #6a737b;
}
.block_social_activities li a.movehere, .block_site_main_menu li a.movehere {
display: block;
width: 100%;
height: 2rem;
border: 2px dashed #343a40;
margin: 4px 0;
}
.pagelayout-embedded .has-fake-blocks {
padding: 1rem;
display: flex;
}
.pagelayout-embedded .has-fake-blocks .embedded-main {
order: 0;
width: calc(100% - 360px);
margin-right: 1rem;
}
.pagelayout-embedded .embedded-blocks {
order: 1;
width: 360px;
}
@media (max-width: 767.98px) {
.pagelayout-embedded .has-fake-blocks {
display: block;
}
.pagelayout-embedded .has-fake-blocks .embedded-main {
width: 100%;
}
.pagelayout-embedded .embedded-blocks {
width: 100%;
}
}
.block-add {
color: #0f6cbf;
background-color: #e7f0f9;
border-color: #3f89cc;
border-radius: 0.5rem;
width: 100%;
border-width: 1px;
}
.block-add hr {
border-top-color: #337cbf;
}
.block-add .alert-link {
color: #0b5190;
}
.block-add .pluscontainer {
border: 1px solid #3f89cc;
border-radius: 50%;
width: 32px;
height: 32px;
}
.block-add:hover {
cursor: pointer;
background-color: #e7f0f9;
}
.block-add:hover .activity-add-text {
text-decoration: underline;
}
/* calendar.less */
.calendar_event_category {
background-color: #e0cbe0;
}
.calendar_event_category .commands a {
color: #0d5ca1;
}
.calendar_event_course {
background-color: #ffd3bd;
}
.calendar_event_course .commands a {
color: #0d5ca1;
}
.calendar_event_site {
background-color: #d6f8cd;
}
.calendar_event_site .commands a {
color: #0d5ca1;
}
.calendar_event_group {
background-color: #fee7ae;
}
.calendar_event_group .commands a {
color: #0d5ca1;
}
.calendar_event_user {
background-color: #dce7ec;
}
.calendar_event_user .commands a {
color: #0d5ca1;
}
.calendar_event_other {
background-color: #ced4da;
}
.calendar_event_other .commands a {
color: #0d5ca1;
}
.calendartable {
width: 100%;
table-layout: fixed;
}
.calendartable th, .calendartable td {
width: 14%;
vertical-align: top;
text-align: center;
border: 0;
}
.calendar-controls .previous, .calendar-controls .next, .calendar-controls .current {
display: block;
float: left;
width: 12%;
}
.calendar-controls .previous {
text-align: left;
border: 1px solid transparent;
width: 25%;
}
.calendar-controls .current {
text-align: center;
width: 50%;
}
.calendar-controls .next {
text-align: right;
border: 1px solid transparent;
width: 25%;
}
.calendar-controls .drop-target {
box-sizing: border-box;
border: 1px dashed #0f6cbf;
}
.filters table {
border-collapse: separate;
border-spacing: 2px;
width: 100%;
}
#region-main .maincalendar .calendarwrapper td > div {
height: 11.5em;
overflow: hidden;
}
.maincalendar {
vertical-align: top;
padding: 0;
}
.maincalendar .bottom {
text-align: left;
width: 98%;
margin: 10px auto;
}
.maincalendar .bottom span.footer-link:after {
content: "•";
color: #0f6cbf;
}
.maincalendar .bottom span.footer-link:last-child:after {
content: none;
}
.maincalendar .heightcontainer {
height: 100%;
position: relative;
}
.maincalendar .calendarmonth {
width: 98%;
margin: 10px auto;
}
.maincalendar .calendarmonth ul {
margin: 0;
padding: 0;
}
.maincalendar .calendarmonth ul li[data-event-folded="true"] {
display: none;
}
.maincalendar .calendarmonth ul li {
list-style-type: none;
line-height: 1.2em;
}
.maincalendar .calendarmonth ul li > a {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 100%;
display: inline-block;
}
.maincalendar .calendarmonth ul li > a:hover {
text-decoration: none;
}
.maincalendar .calendarmonth ul li > a:hover .eventname {
text-decoration: underline;
}
.maincalendar .calendarmonth ul li a[data-action="view-day-link"] {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.maincalendar .calendarmonth ul li .icon {
margin-left: 0.25em;
margin-right: 0.25em;
vertical-align: initial;
}
.maincalendar .calendarmonth ul li .calendar-circle {
width: 12px;
height: 12px;
border-radius: 6px;
vertical-align: middle;
display: inline-block;
}
.maincalendar .calendarmonth ul li .calendar-circle.calendar_event_category {
background-color: #e0cbe0;
border: 2px solid #9e619f;
}
.maincalendar .calendarmonth ul li .calendar-circle.calendar_event_course {
background-color: #ffd3bd;
border: 2px solid #d34600;
}
.maincalendar .calendarmonth ul li .calendar-circle.calendar_event_site {
background-color: #d6f8cd;
border: 2px solid #2b8713;
}
.maincalendar .calendarmonth ul li .calendar-circle.calendar_event_group {
background-color: #fee7ae;
border: 2px solid #9a6e02;
}
.maincalendar .calendarmonth ul li .calendar-circle.calendar_event_user {
background-color: #dce7ec;
border: 2px solid #4e7c91;
}
.maincalendar .calendarmonth ul li .calendar-circle.calendar_event_other {
background-color: #ced4da;
border: 2px solid #687889;
}
.maincalendar .calendarmonth th {
text-align: left;
padding-left: 16px;
}
.maincalendar .calendarmonth td a.day:focus {
display: inline-block;
border-radius: 50%;
box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
}
.maincalendar .calendarmonth td .day-number-circle {
display: inline-block;
line-height: 0;
width: 30px;
height: 30px;
}
.maincalendar .calendarmonth td .day-number-circle .day-number {
display: inline-block;
padding: 50% 4px;
width: 100%;
text-align: center;
}
.maincalendar .calendarmonth td.today .day-number-circle {
border-radius: 50%;
color: #fff;
background-color: #0f6cbf;
}
.maincalendar .calendarmonth .clickable:hover {
background-color: #ededed;
}
.maincalendar .controls {
width: 98%;
margin: 10px auto;
}
.maincalendar .calendar_event_category a:has(> .icon):hover, .maincalendar .calendar_event_course a:has(> .icon):hover, .maincalendar .calendar_event_site a:has(> .icon):hover, .maincalendar .calendar_event_group a:has(> .icon):hover, .maincalendar .calendar_event_user a:has(> .icon):hover {
color: #07345a;
text-decoration: none;
}
.maincalendar .calendar_event_category {
border-color: #e0cbe0;
}
.maincalendar .calendar_event_course {
border-color: #ffd3bd;
}
.maincalendar .calendar_event_site {
border-color: #d6f8cd;
}
.maincalendar .calendar_event_group {
border-color: #fee7ae;
}
.maincalendar .calendar_event_user {
border-color: #dce7ec;
}
.maincalendar .calendar_event_other {
border-color: #ced4da;
}
.maincalendar .calendartable td, .maincalendar .calendartable li {
padding: 4px;
}
.maincalendar .calendartable li {
text-align: left;
}
.maincalendar .header {
overflow: hidden;
}
.maincalendar .header .buttons {
float: right;
}
.maincalendar .event .card-header img {
vertical-align: baseline;
}
.maincalendar .event .location {
word-break: break-all;
overflow-wrap: break-word;
}
.maincalendar table#subscription_details_table td {
vertical-align: middle;
}
.maincalendar table#subscription_details_table td > .btn-group button {
padding-left: 0;
}
#page-calendar-export .indent {
padding-left: 20px;
}
.block .bottom {
width: 98%;
margin: 10px auto;
}
.block .bottom span.footer-link:after {
content: "•";
color: #0f6cbf;
}
.block .bottom span.footer-link:last-child:after {
content: none;
}
.block .minicalendar {
max-width: 280px;
margin: 0 auto;
width: 100%;
}
.block .minicalendar th, .block .minicalendar td {
padding: 2px;
font-size: 0.8em;
text-align: center;
}
.block .minicalendar td.weekend {
color: #6a737b;
}
.block .minicalendar td a {
width: 100%;
height: 100%;
display: block;
color: #0d5ca1;
}
.block .minicalendar td.duration_global {
border-top: 1px solid #d6f8cd;
border-bottom: 1px solid #d6f8cd;
}
.block .minicalendar td.duration_global.duration_finish {
background-color: #d6f8cd;
}
.block .minicalendar td.duration_category {
border-top: 1px solid #e0cbe0;
border-bottom: 1px solid #e0cbe0;
}
.block .minicalendar td.duration_category.duration_finish {
background-color: #e0cbe0;
}
.block .minicalendar td.duration_course {
border-top: 1px solid #ffd3bd;
border-bottom: 1px solid #ffd3bd;
}
.block .minicalendar td.duration_course.duration_finish {
background-color: #ffd3bd;
}
.block .minicalendar td.duration_group {
border-top: 1px solid #fee7ae;
border-bottom: 1px solid #fee7ae;
}
.block .minicalendar td.duration_group.duration_finish {
background-color: #fee7ae;
}
.block .minicalendar td.duration_user {
border-top: 1px solid #dce7ec;
border-bottom: 1px solid #dce7ec;
}
.block .minicalendar td.duration_user.duration_finish {
background-color: #dce7ec;
}
.block .minicalendar td.duration_other {
border-top: 1px solid #ced4da;
border-bottom: 1px solid #ced4da;
}
.block .minicalendar td.duration_other.duration_finish {
background-color: #ced4da;
}
.block .minicalendar caption {
font-size: inherit;
font-weight: inherit;
line-height: inherit;
text-align: center;
}
.block .calendar_filters ul {
list-style: none;
margin: 0;
padding: 0;
}
.block .calendar_filters li {
margin-bottom: 0.2em;
}
.block .calendar_filters li span.calendar_event_category i {
color: #0d5ca1;
}
.block .calendar_filters li span.calendar_event_course i {
color: #0d5ca1;
}
.block .calendar_filters li span.calendar_event_site i {
color: #0d5ca1;
}
.block .calendar_filters li span.calendar_event_group i {
color: #0d5ca1;
}
.block .calendar_filters li span.calendar_event_user i {
color: #0d5ca1;
}
.block .calendar_filters li span.calendar_event_other i {
color: #0d5ca1;
}
.block .calendar_filters li span img {
padding: 0 0.2em;
margin: 0;
}
.block .calendar_filters li .icon {
vertical-align: initial;
margin: 0 0.1rem 0 0.4rem;
}
.block .calendar_filters li > a:hover {
text-decoration: none;
}
.block .calendar_filters li > a:hover .eventname {
text-decoration: underline;
}
.block .content h3.eventskey {
margin-top: 0.5em;
}
.path-course-view .block.block_calendar_month .maincalendar div.header {
visibility: hidden;
height: 0;
}
.path-course-view .block.block_calendar_month .maincalendar .calendarwrapper .arrow_text {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.path-course-view .block.block_calendar_month .footer .bottom .footer-link {
display: block;
}
.path-course-view .block.block_calendar_month .footer .bottom .footer-link:after {
content: none;
}
/* Display month name above the calendar */
table.calendartable caption {
caption-side: top;
}
@media (min-width: 768px) {
#page-calender-view .container-fluid, #page-calender-view .container-sm, #page-calender-view .container-md, #page-calender-view .container-lg, #page-calender-view .container-xl {
min-width: 1024px;
}
}
@media (min-width: 768px) {
[data-blockregion]:not([data-blockregion="content"]) .block.block_calendar_month .maincalendar div.header {
visibility: hidden;
height: 0;
}
[data-blockregion]:not([data-blockregion="content"]) .block.block_calendar_month .maincalendar .calendarwrapper .current {
width: 40%;
font-size: inherit;
line-height: inherit;
}
[data-blockregion]:not([data-blockregion="content"]) .block.block_calendar_month .maincalendar .calendarwrapper .previous, [data-blockregion]:not([data-blockregion="content"]) .block.block_calendar_month .maincalendar .calendarwrapper .next {
width: 30%;
}
[data-blockregion]:not([data-blockregion="content"]) .block.block_calendar_month .maincalendar .calendarwrapper .previous .arrow_text, [data-blockregion]:not([data-blockregion="content"]) .block.block_calendar_month .maincalendar .calendarwrapper .next .arrow_text {
display: none;
}
[data-blockregion]:not([data-blockregion="content"]) .block.block_calendar_month .maincalendar .calendartable.calendarmonth th, [data-blockregion]:not([data-blockregion="content"]) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td {
border: none;
text-align: center !important;
padding: 0;
}
[data-blockregion]:not([data-blockregion="content"]) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td {
height: auto;
font-size: 0.8em;
}
[data-blockregion]:not([data-blockregion="content"]) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent [data-region="day-content"] {
display: none;
}
[data-blockregion]:not([data-blockregion="content"]) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent .day-number {
display: inline-block;
position: relative;
}
[data-blockregion]:not([data-blockregion="content"]) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent .day-number:before {
content: ".";
display: inline-block;
position: absolute;
bottom: 0.4em;
left: 0;
text-align: center;
width: 100%;
font-size: 3em;
color: inherit;
}
[data-blockregion]:not([data-blockregion="content"]) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td:after {
content: "";
display: block;
margin-top: calc(100% - 26px);
}
[data-blockregion]:not([data-blockregion="content"]) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.clickable:hover {
background-color: inherit;
}
[data-blockregion]:not([data-blockregion="content"]) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.clickable:not(.today):hover .day-number-circle {
border-radius: 50%;
background-color: #ededed;
}
[data-blockregion]:not([data-blockregion="content"]) .block.block_calendar_month .bottom {
border-top: 1px solid rgba(0, 0, 0, 0.125);
padding-top: 0.5rem;
}
}
@media (max-width: 768px) {
.maincalendar .calendartable.calendarmonth th, .maincalendar .calendartable.calendarmonth td {
border: none;
text-align: center !important;
padding: 0;
}
.maincalendar .calendartable.calendarmonth td {
height: auto;
font-size: inherit;
padding: 0;
}
.maincalendar .calendartable.calendarmonth td.hasevent [data-region="day-content"] {
display: none;
}
.maincalendar .calendartable.calendarmonth td.hasevent .day-number {
display: inline-block;
position: relative;
}
.maincalendar .calendartable.calendarmonth td.hasevent .day-number:before {
content: ".";
display: inline-block;
position: absolute;
bottom: 0.4em;
left: 0;
text-align: center;
width: 100%;
font-size: 3em;
color: inherit;
}
.maincalendar .calendartable.calendarmonth td:after {
content: "";
display: block;
margin-top: calc(100% - 26px);
}
.maincalendar .calendartable.calendarmonth td > div {
height: auto !important;
}
}
.calendarwrapper {
position: relative;
}
.day-popover-content:empty + .day-popover-alternate {
display: block;
}
.location-content {
overflow-wrap: break-word;
}
.description-content {
overflow-wrap: break-word;
}
.description-content > p {
margin: 0;
}
.cal_courses_flt {
color: #6a737b;
max-width: 75%;
}
.content-bank-container .cb-content-wrapper {
padding: 0.5rem;
min-height: 140px;
max-height: 500px;
overflow-x: auto;
flex-wrap: wrap;
}
.content-bank-container .cb-thumbnail {
width: 24px;
height: 24px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.content-bank-container.view-grid {
/* Display a centered eye slash on top of unlisted content icons. */
}
.content-bank-container.view-grid .cb-listitem {
margin-bottom: 0.5rem;
}
.content-bank-container.view-grid .cb-listitem.cb-unlisted {
position: relative;
}
@media (max-width: 767.98px) {
.content-bank-container.view-grid .cb-listitem {
flex-basis: 50%;
}
}
@media (min-width: 576px) {
.content-bank-container.view-grid .cb-listitem {
max-width: 120px;
min-width: 120px;
}
}
.content-bank-container.view-grid .cb-name {
text-align: center;
}
.content-bank-container.view-grid .cb-file {
padding: 0.5rem;
}
.content-bank-container.view-grid .cb-thumbnail {
width: 64px;
height: 64px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0.5rem;
}
.content-bank-container.view-grid .cb-unlisted .cb-thumbnail {
opacity: 0.15;
}
.content-bank-container.view-grid .cb-unlisted::after {
content: "";
position: absolute;
top: 20px;
left: 0;
width: 100%;
font-size: 26px;
text-align: center;
opacity: 0.9;
text-shadow: 0 0 10px #fff;
}
.content-bank-container.view-grid .cb-heading, .content-bank-container.view-grid .cb-uses, .content-bank-container.view-grid .cb-date, .content-bank-container.view-grid .cb-size, .content-bank-container.view-grid .cb-type, .content-bank-container.view-grid .cb-author {
display: none;
}
.content-bank-container.view-list .cb-content-wrapper {
padding: 0 0.5rem;
flex-direction: column;
flex-wrap: nowrap;
}
.content-bank-container.view-list .cb-thumbnail {
margin-right: 0.5rem;
}
.content-bank-container.view-list .cb-listitem, .content-bank-container.view-list .cb-heading {
display: flex;
flex-wrap: wrap;
width: 100%;
border-bottom: 1px solid #dee2e6;
}
.content-bank-container.view-list .cb-column {
display: flex;
padding: 0.25rem;
}
.content-bank-container.view-list .cb-column {
border-right: 1px solid #dee2e6;
}
.content-bank-container.view-list .cb-listitem.cb-unlisted .cb-thumbnail {
opacity: 0.3;
}
.content-bank-container.view-list .cb-listitem.cb-unlisted .cb-column, .content-bank-container.view-list .cb-listitem.cb-unlisted .cb-column a {
color: #6a737b;
}
@media (max-width: 767.98px) {
.content-bank-container.view-list .cb-column {
flex: 0 0 50%;
max-width: 50%;
}
}
@media (min-width: 576px) {
.content-bank-container.view-list .cb-heading {
position: sticky;
top: 0;
z-index: 1;
}
.content-bank-container.view-list .cb-file {
flex: 0 0 40%;
max-width: 40%;
}
.content-bank-container.view-list .cb-uses, .content-bank-container.view-list .cb-date, .content-bank-container.view-list .cb-size, .content-bank-container.view-list .cb-type, .content-bank-container.view-list .cb-author {
flex: 0 0 12%;
max-width: 12%;
}
.content-bank-container.view-list .cb-column.last {
border-right: 0;
}
}
.content-bank-container.view-list .cb-btnsort span {
display: none;
}
.content-bank-container.view-list .cb-btnsort .title {
display: inline;
}
.content-bank-container.view-list .cb-btnsort.dir-none .default, .content-bank-container.view-list .cb-btnsort.dir-asc .asc, .content-bank-container.view-list .cb-btnsort.dir-desc .desc {
display: inline;
}
.cb-toolbar-container .dropdown-scrollable {
max-height: 190px;
overflow-y: auto;
}
.cb-navigation-container .singleselect, .cb-navigation-container .singleselect .custom-select {
width: 100%;
}
/* course.less */
/* COURSE CONTENT */
.block_tree .tree_item.branch {
margin-left: 8px;
}
.section .side {
margin-top: 0.5rem;
}
.section .side.left {
float: left;
}
.section .side.right {
float: right;
clear: right;
}
.section .spinner {
height: 16px;
width: 16px;
}
.section .activity {
/* The command block for each activity */
}
.section .activity .spinner {
left: 100%;
position: absolute;
}
.section .activity .actions {
position: absolute;
right: 0;
top: 0;
display: flex;
}
.section .activity .contentwithoutlink, .section .activity .activityinstance {
min-width: 40%;
}
.section .activity .contentwithoutlink > a, .section .activity .activityinstance > a {
display: inline-flex;
align-items: center;
}
.section .activity .contentwithoutlink .dimmed .activityicon, .section .activity .activityinstance .dimmed .activityicon {
opacity: 0.5;
}
.section .activity .stealth {
color: #6a737b;
}
.section .activity a.stealth, .section .activity a.stealth:hover {
color: #5babf2 !important;
/* stylelint-disable-line declaration-no-important */
}
.section .activity.indented .activity-item {
margin-left: 1rem;
}
.section .label .contentwithoutlink, .section .label .activityinstance {
padding-right: 32px;
display: block;
height: inherit;
}
@media (min-width: 576px) {
.section .label .mod-indent-outer {
padding-left: 24px;
display: block;
}
}
.section .filler {
width: 16px;
height: 16px;
padding: 0;
margin: 0 0.5rem;
display: inline-block;
}
.section .activity.editor_displayed a.editing_title, .section .activity.editor_displayed .moodle-actionmenu {
display: none;
}
.section .activity.editor_displayed div.activityinstance {
padding-right: initial;
}
.section .activity.editor_displayed div.activityinstance input {
margin-bottom: initial;
padding-top: initial;
padding-bottom: initial;
vertical-align: text-bottom;
}
.section .activity .activityinstance {
display: inline-flex;
align-items: center;
margin-bottom: 1rem;
}
.editing .section .activity .contentwithoutlink, .editing .section .activity .activityinstance {
padding-right: 200px;
}
.editing .section .activity .mod-indent-outer {
/**
* Add appropriate padding such that nothing overlaps the
* absolute positioned move icon.
*/
padding-left: 2rem;
}
.editing .course-content .stateready .section .spinner {
display: none;
}
.editing .editinprogress {
position: relative;
}
.editing .editinprogress > * {
opacity: 0.4;
}
.editing .editinprogress .corelightbox, .editing .editinprogress .lightbox {
display: none;
}
.editing .editinprogress:after {
position: absolute;
font-size: 20px;
color: #6a737b;
content: "";
display: flex;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
left: calc(50% - 15px);
top: calc(50% - 15px);
animation: editinprogress-rotation 2s infinite linear;
}
.editing .editinprogress .editinprogress:after {
display: none;
}
@keyframes editinprogress-rotation {
0% {
opacity: 0;
transform: rotate(0deg);
}
50% {
opacity: 1;
}
100% {
opacity: 0;
transform: rotate(359deg);
}
}
.editing_show + .editing_assign, .editing_hide + .editing_assign {
margin-left: 20px;
}
.section .activity .commands {
white-space: nowrap;
display: inline-block;
}
.section .activity.modtype_label.label {
font-weight: normal;
}
.section .activity.modtype_label.label .contentwithoutlink {
min-height: 0;
}
.section .activity.modtype_label.label.hasinfo p:last-child, .section .activity.modtype_label.label.hasinfo i:last-child {
margin-bottom: 0;
}
.section li.activity:not(.activity-wrapper) {
padding: 0.2em;
clear: both;
}
.section li.activity:not(.activity-wrapper).hasinfo {
border-bottom: 1px solid #dee2e6;
padding-top: 1rem;
padding-bottom: 1rem;
}
.section li.activity:not(.activity-wrapper).hasinfo:last-child {
border-bottom: 0;
padding-bottom: 0;
}
.course-content .section.dropready.main.drop-down {
border-bottom: 1px solid #1d2125;
}
.course-content .section.dropready .course-section-header.dropready.drop-zone {
margin-top: -2px;
}
.course-content .section.dropready li.activity.dropready.drop-down {
border-bottom: 1px solid #1d2125;
margin-bottom: -1px;
}
.course-content .section.dropready li.activity.dropready.drop-up {
border-top: 1px solid #1d2125;
margin-top: -1px;
}
.course-content .section.dropready [data-for="sectioninfo"] {
min-height: 1px;
}
.course-content .section.dropready [data-for="sectioninfo"].drop-down {
margin-top: -1px;
}
.section .activity .activityinstance .groupinglabel {
padding-left: 30px;
}
.section.main:not(.course-section) .activity .availabilityinfo, .section.main:not(.course-section) .activity .contentafterlink {
margin-top: 0.5em;
margin-left: 30px;
}
.section .activity .contentafterlink p {
margin: 0.5em 0;
}
.editing .section.main:not(.course-section) .activity:hover, .editing .section.main:not(.course-section) .activity.action-menu-shown, .editing .section.main:not(.course-section) .sectionname:hover {
background-color: rgba(0, 0, 0, 0.03);
}
.course-content .current {
position: relative;
}
.course-content .current::before {
border-left: #0f6cbf 3px solid;
bottom: 0;
content: "";
left: -8px;
position: absolute;
top: 0;
}
.course-content .single-section .section-navigation {
display: block;
padding: 0.5em;
margin-bottom: -0.5em;
}
.course-content .single-section .section-navigation .title {
font-weight: bold;
font-size: 108%;
clear: both;
}
.course-content .single-section .section-navigation .mdl-left {
font-weight: normal;
float: left;
margin-right: 1em;
}
.course-content .single-section .section-navigation .mdl-left .larrow {
margin-right: 0.1em;
}
.course-content .single-section .section-navigation .mdl-right {
font-weight: normal;
float: right;
margin-left: 1em;
}
.course-content .single-section .section-navigation .mdl-right .rarrow {
margin-left: 0.1em;
}
.course-content .single-section .section-navigation .mdl-bottom {
margin-top: 0;
}
.course-content ul li.section.main:not(.course-section) {
border-bottom: 1px solid #dee2e6;
margin-top: 0;
}
.course-content ul li.section.main:not(.course-section):last-child {
border-bottom: 0;
}
.course-content ul li.section.hidden:not(.course-section) .sectionname > span, .course-content ul li.section.hidden:not(.course-section) .content > div.summary, .course-content ul li.section.hidden:not(.course-section) .activity .activityinstance {
color: #6a737b;
}
.course-content ul.topics, .course-content ul.weeks {
padding: 0;
margin: 0;
list-style: none;
}
.course-content ul.topics li.section .content, .course-content ul.weeks li.section .content {
margin: 0;
padding: 0;
}
@media (min-width: 576px) {
.course-content ul.topics li.section .summary, .course-content ul.topics li.section .content > .availabilityinfo, .course-content ul.weeks li.section .summary, .course-content ul.weeks li.section .content > .availabilityinfo {
margin-left: 25px;
}
}
.course-content ul.topics li.section .left, .course-content ul.topics li.section .right, .course-content ul.weeks li.section .left, .course-content ul.weeks li.section .right {
padding: 0 6px 0;
text-align: right;
width: auto;
}
.course-content .single-section ul.topics li.section, .course-content .single-section ul.weeks li.section {
padding-top: 0;
}
@media (max-width: 767.98px) {
body:not(.editing) .course-content ul.topics li.section .left, body:not(.editing) .course-content ul.topics li.section .right, body:not(.editing) .course-content ul.weeks li.section .left, body:not(.editing) .course-content ul.weeks li.section .right {
display: none;
}
}
.course-content {
margin-top: 0;
}
.course-content .hidden {
display: none;
}
@media (max-width: 767.98px) {
.course-content li.section:not(.course-section) ul {
padding-left: 0;
}
}
.course-content li.section:not(.course-section) ul {
list-style: disc;
}
.course-content li.section:not(.course-section) ul ul {
list-style: circle;
}
.course-content li.section:not(.course-section) ul ul ul {
list-style: square;
}
.course-content li.section:not(.course-section) li.activity ul {
list-style: disc;
}
.course-content li.section:not(.course-section) li.activity ul ul {
list-style: circle;
}
.course-content li.section:not(.course-section) li.activity ul ul ul {
list-style: square;
}
.course-content li.section:not(.course-section) .right > .icon:first-child {
/* Remove the spacer icon. */
display: none;
}
.path-course-view.editing #region-main > .card-block {
padding-bottom: 13rem;
}
.path-course-view .completionprogress {
margin-left: 25px;
}
.path-course-view .completionprogress {
display: block;
float: right;
height: 20px;
position: relative;
}
#page-site-index .subscribelink {
text-align: right;
}
#site-news-forum h2, #frontpage-course-list h2, #frontpage-category-names h2, #frontpage-category-combo h2 {
margin-bottom: 9px;
}
.path-course-view a.reduce-sections {
padding-left: 0.2em;
}
.path-course-view .subscribelink {
text-align: right;
}
.path-course-view .unread {
margin-left: 30px;
}
.path-course-view .block.drag .header {
cursor: move;
}
.path-course-view .completionprogress {
text-align: right;
}
.path-course-view .single-section .completionprogress {
margin-right: 5px;
}
.path-course-view li.activity span.autocompletion img {
vertical-align: text-bottom;
margin-left: 0;
}
.path-course-view.editing li.activity span.autocompletion img {
/* Use the same spacing as the filler. */
margin-right: 0.5rem;
margin-left: 0.5rem;
}
li.section.hidden span.commands a.editing_hide, li.section.hidden span.commands a.editing_show {
cursor: default;
}
.single-section-page .header-action {
display: inline-block;
}
input.titleeditor {
width: 330px;
vertical-align: text-bottom;
}
span.editinstructions {
position: absolute;
top: 0;
margin-top: -22px;
margin-left: 30px;
font-size: 0.8203125rem;
padding: 0.1em 0.4em;
text-decoration: none;
z-index: 9999;
border: 0 solid transparent;
width: fit-content;
color: #00414b;
background-color: #cce6ea;
border-color: #b3d9e0;
}
span.editinstructions hr {
border-top-color: #a1d0d9;
}
span.editinstructions .alert-link {
color: #001518;
}
/* COURSES LISTINGS AND COURSE SUMMARY */
#page-course-pending .singlebutton, #page-course-index .singlebutton, #page-course-index-category .singlebutton, #page-course-editsection .singlebutton {
text-align: center;
}
#page-admin-course-manage #movecourses td img {
margin: 0 0.22em;
vertical-align: text-bottom;
}
#page-course-pending .pendingcourserequests {
margin-bottom: 1em;
}
#page-course-pending .pendingcourserequests .singlebutton {
display: inline;
}
#page-course-pending .pendingcourserequests .cell {
padding: 0 5px;
}
#page-course-pending .pendingcourserequests .cell.c6 {
white-space: nowrap;
}
.coursebox {
display: flex;
flex-direction: column;
}
.coursebox .info {
display: flex;
align-items: center;
}
#frontpage-available-course-list, #frontpage-course-list, .course-search-result {
margin-top: 0.5rem;
}
#frontpage-available-course-list .coursebox, #frontpage-course-list .coursebox, .course-search-result .coursebox {
padding: 0.5rem;
border: 1px solid #dee2e6;
margin-bottom: 0.5rem;
border-radius: 0.5rem;
}
.coursebox > .info > .coursename {
font-size: 0.9375rem;
font-weight: normal;
margin: 5px;
padding: 0;
}
.coursebox .content .teachers li {
list-style-type: none;
padding: 0;
margin: 0;
}
.coursebox .customfieldname, .coursebox .customfieldseparator {
font-weight: 700;
}
.coursebox .content .coursefile {
max-width: 100px;
}
.coursebox .content .courseimage img {
max-width: 100px;
max-height: 100px;
}
.coursebox .content .coursecat, .coursebox .content .summary, .coursebox .content .courseimage, .coursebox .content .coursefile, .coursebox .content .teachers, .coursebox.remotecoursebox .remotecourseinfo, .coursebox .content .customfields-container {
margin: 15px 5px 5px;
padding: 0;
}
.category-browse .coursebox .content .coursecat, .category-browse .coursebox .content .summary, .category-browse .coursebox .content .courseimage, .category-browse .coursebox .content .coursefile, .category-browse .coursebox .content .teachers, .category-browse .coursebox.remotecoursebox .remotecourseinfo, .category-browse .coursebox .content .customfields-container {
margin-top: 0;
}
.coursebox.collapsed > .content {
display: none;
}
.courses > .paging.paging-morelink {
text-align: center;
padding: 1rem;
}
.course_category_tree .category .numberofcourse {
font-size: 0.8203125rem;
}
.course_category_tree .category > .info > .categoryname {
margin: 5px;
font-size: 0.9375rem;
font-weight: normal;
padding: 2px 18px;
}
.course_category_tree .category.with_children > .info > .categoryname {
background-image: url(/theme/image.php/boost_union/core/1752245628/t/expanded);
background-size: 16px 16px;
background-repeat: no-repeat;
background-position: center left;
}
.course_category_tree .category.with_children.collapsed > .info > .categoryname {
background-image: url(/theme/image.php/boost_union/core/1752245628/t/collapsed);
}
/* rtl:raw:
.course_category_tree .category.with_children.collapsed > .info > .categoryname {
background-image:url(/theme/image.php/boost_union/core/1752245628/t/collapsed_rtl);
}
*/
.course_category_tree .category.collapsed > .content {
display: none;
}
.course_category_tree .category > .content {
padding-left: 16px;
}
#page-course-index-category .categorypicker {
margin: 10px 0 20px;
}
/**
* Course management page
* Palette
*
* Background (reg) #F5F5F5
* Background (light #fafafa
* Background (highlight) #ddffaa
* Borders #e1e1e8
*/
#course-category-listings {
margin-bottom: 0;
/** Two column layout */
/** Three column layout */
}
#course-category-listings.columns-2 > #course-listing > div {
position: relative;
left: -1px;
}
#course-category-listings.columns-3 > #course-listing > div {
height: 100%;
}
#course-category-listings > div > div {
min-height: 300px;
}
#course-category-listings > div > div > ul.ml > li:first-child > div {
border-top: 0;
}
#course-category-listings h3 {
margin: 0;
padding: 0.4rem 0.6rem 0.3rem;
}
#course-category-listings h4 {
margin: 1rem 0 0;
padding: 0.6rem 1rem 0.5rem;
}
#course-category-listings .moodle-actionmenu {
white-space: nowrap;
}
#course-category-listings .listing-actions {
text-align: center;
}
#course-category-listings .listing-actions > .moodle-actionmenu {
display: inline-block;
}
#course-category-listings ul.ml {
list-style: none;
margin: 1rem 0;
}
#course-category-listings ul.ml ul.ml {
margin: 0;
}
#course-category-listings .listitem[data-selected="1"] {
border-left: calc(1px + 5px) solid #0f6cbf;
padding-left: calc(1.25rem - 5px);
}
#course-category-listings .listitem:hover {
z-index: 2;
}
#course-category-listings .item-actions {
margin-right: 1em;
display: inline-block;
}
#course-category-listings .item-actions.show .menu img {
width: 12px;
max-width: none;
}
#course-category-listings .item-actions .menu-action-text {
vertical-align: inherit;
}
#course-category-listings .listitem > div > .float-start {
float: left;
}
#course-category-listings .listitem > div > .float-end {
float: right;
text-align: right;
}
#course-category-listings .listitem > div .item-actions .action-show {
display: none;
}
#course-category-listings .listitem > div .item-actions .action-hide {
display: inline;
}
#course-category-listings .listitem > div .without-actions {
color: #333;
}
#course-category-listings .listitem > div .idnumber {
margin-right: 2em;
}
#course-category-listings .listitem[data-visible="0"] {
color: #6a737b;
}
#course-category-listings .listitem[data-visible="0"] > div > a {
color: #6a737b;
}
#course-category-listings .listitem[data-visible="0"] > div .item-actions .action-show {
display: inline;
}
#course-category-listings .listitem[data-visible="0"] > div .item-actions .action-hide {
display: none;
}
#course-category-listings .listitem.highlight {
background-color: #fff;
}
#course-category-listings .listitem.highlight > div, #course-category-listings .listitem.highlight > div:hover, #course-category-listings .listitem.highlight[data-selected="1"] > div {
background-color: rgba(0, 0, 0, 0.075);
}
#course-category-listings #course-listing .listitem .categoryname {
display: inline-block;
margin-left: 1em;
color: #a1a1a8;
}
#course-category-listings #course-listing .listitem .coursename {
display: inline-block;
flex-basis: 10rem;
}
#course-category-listings #course-listing > .firstpage .listitem:first-child > div .item-actions .action-moveup, #course-category-listings #course-listing > .lastpage .listitem:last-child > div .item-actions .action-movedown {
display: none;
}
#course-category-listings #course-listing .bulk-action-checkbox {
margin: -2px 6px 0 0;
}
#course-category-listings #category-listing .listitem.collapsed > ul.ml {
display: none;
}
#course-category-listings #category-listing .listitem:first-child > div .item-actions .action-moveup, #course-category-listings #category-listing .listitem:last-child > div .item-actions .action-movedown {
display: none;
}
#course-category-listings #category-listing .course-count {
color: #a1a1a8;
margin-right: 2rem;
min-width: 3.5em;
display: inline-block;
}
#course-category-listings #category-listing .bulk-action-checkbox {
margin-right: -3px;
}
#course-category-listings #category-listing .category-listing > ul > .listitem:first-child {
position: relative;
}
#course-category-listings #category-listing .category-bulk-actions {
margin: 0 0.5em 0.5em;
position: relative;
}
#course-category-listings .detail-pair > * {
display: inline-block;
}
#course-category-listings .detail-pair .pair-key {
font-weight: bold;
vertical-align: top;
}
#course-category-listings .detail-pair .pair-key span {
margin-right: 1rem;
display: block;
}
#course-category-listings .detail-pair .pair-value select {
max-width: 100%;
}
#course-category-listings .bulk-actions .detail-pair > * {
display: block;
width: 100%;
}
#course-category-listings .listing-pagination {
text-align: center;
}
#course-category-listings .listing-pagination .yui3-button {
color: #fff;
background-color: #008196;
border-color: #008196;
border: 0;
margin: 0.4rem 0.2rem 0.45rem;
font-size: 10.4px;
}
#course-category-listings .listing-pagination .yui3-button:hover {
color: #fff;
background-color: #006070;
border-color: #005563;
}
#course-category-listings .listing-pagination .yui3-button:focus, #course-category-listings .listing-pagination .yui3-button.focus {
color: #fff;
background-color: #006070;
border-color: #005563;
box-shadow: 0 0 0 0.2rem rgba(38, 148, 166, 0.5);
}
#course-category-listings .listing-pagination .yui3-button.disabled, #course-category-listings .listing-pagination .yui3-button:disabled {
color: #fff;
background-color: #008196;
border-color: #008196;
}
#course-category-listings .listing-pagination .yui3-button:not(:disabled):not(.disabled):active, #course-category-listings .listing-pagination .yui3-button:not(:disabled):not(.disabled).active, .show > #course-category-listings .listing-pagination .yui3-button.dropdown-toggle {
color: #fff;
background-color: #005563;
border-color: #004a56;
}
#course-category-listings .listing-pagination .yui3-button:not(:disabled):not(.disabled):active:focus, #course-category-listings .listing-pagination .yui3-button:not(:disabled):not(.disabled).active:focus, .show > #course-category-listings .listing-pagination .yui3-button.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(38, 148, 166, 0.5);
}
#course-category-listings .listing-pagination .yui3-button.active-page {
color: #fff;
background-color: #0f6cbf;
border-color: #0f6cbf;
}
#course-category-listings .listing-pagination .yui3-button.active-page:hover {
color: #fff;
background-color: #0c589c;
border-color: #0b5190;
}
#course-category-listings .listing-pagination .yui3-button.active-page:focus, #course-category-listings .listing-pagination .yui3-button.active-page.focus {
color: #fff;
background-color: #0c589c;
border-color: #0b5190;
box-shadow: 0 0 0 0.2rem rgba(51, 130, 201, 0.5);
}
#course-category-listings .listing-pagination .yui3-button.active-page.disabled, #course-category-listings .listing-pagination .yui3-button.active-page:disabled {
color: #fff;
background-color: #0f6cbf;
border-color: #0f6cbf;
}
#course-category-listings .listing-pagination .yui3-button.active-page:not(:disabled):not(.disabled):active, #course-category-listings .listing-pagination .yui3-button.active-page:not(:disabled):not(.disabled).active, .show > #course-category-listings .listing-pagination .yui3-button.active-page.dropdown-toggle {
color: #fff;
background-color: #0b5190;
border-color: #0a4b84;
}
#course-category-listings .listing-pagination .yui3-button.active-page:not(:disabled):not(.disabled):active:focus, #course-category-listings .listing-pagination .yui3-button.active-page:not(:disabled):not(.disabled).active:focus, .show > #course-category-listings .listing-pagination .yui3-button.active-page.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(51, 130, 201, 0.5);
}
#course-category-listings .listing-pagination-totals {
text-align: center;
}
#course-category-listings .listing-pagination-totals.dimmed {
color: #6a737b;
margin: 0.4rem 1rem 0.45rem;
}
#course-category-listings .select-a-category .notifymessage, #course-category-listings .select-a-category .alert {
margin: 1em;
}
#course-category-listings #course-listing .listitem .drag-handle {
display: none;
}
.jsenabled #course-category-listings #course-listing .listitem .drag-handle {
display: inline-block;
margin: 0 6px 0 0;
cursor: pointer;
}
/** Management header styling **/
.course-being-dragged-proxy {
border: 0;
color: #0f6cbf;
vertical-align: middle;
padding: 0 0 0 4em;
}
.course-being-dragged {
opacity: 0.5;
}
/**
* Display sizes:
* Large displays 1200 +
* Default displays 980 1199
* Tablets 768 979
* Small tablets and large phones 481 767
* Phones 0 480
*/
@media (min-width: 1200px) and (max-width: 1600px) {
#course-category-listings.columns-3 {
background-color: #fff;
border: 0;
}
#course-category-listings.columns-3 #category-listing, #course-category-listings.columns-3 #course-listing {
width: 50%;
}
#course-category-listings.columns-3 #category-listing > div, #course-category-listings.columns-3 #course-listing > div, #course-category-listings.columns-3 #course-detail > div {
background-color: #fff;
}
#course-category-listings.columns-3 #course-detail {
width: 100%;
margin-top: 1em;
}
}
@media (max-width: 1199px) {
#course-category-listings.columns-2, #course-category-listings.columns-3 {
border: 0;
}
#course-category-listings.columns-2 #category-listing, #course-category-listings.columns-2 #course-listing, #course-category-listings.columns-2 #course-detail, #course-category-listings.columns-3 #category-listing, #course-category-listings.columns-3 #course-listing, #course-category-listings.columns-3 #course-detail {
width: 100%;
margin: 0 0 1em;
}
}
.page-settings-menu .menubar > a > .icon {
width: auto;
height: 32px;
font-size: 32px;
}
.activity-navigation .row {
align-items: center;
}
.activity-navigation #prev-activity-link, .activity-navigation #next-activity-link {
white-space: pre-wrap;
}
.automatic-completion-conditions .badge {
font-size: 100%;
}
/* Variables definition*/
/* Functions/Mixins definition */
/* Section Expand all/Collapse all */
.section-collapsemenu .collapseall {
display: block;
}
.section-collapsemenu .expandall {
display: none;
}
.section-collapsemenu.collapsed .collapseall {
display: none;
}
.section-collapsemenu.collapsed .expandall {
display: block;
}
/* Course section */
.course-section {
list-style: none;
margin-top: 1rem;
}
.editing .course-section {
margin-top: 0.5rem;
}
.course-section .section-item {
padding: 1rem;
border: 1px solid #dee2e6;
border-radius: 1rem;
}
.course-section.hidden .section-item, .course-section.orphaned .section-item {
background-color: #f8f9fa;
}
.course-section .sectionname > a {
color: #1d2125;
}
.course-section .sectionname > a:hover {
text-decoration: none;
}
.course-section .sectionbadges .badge {
margin-left: 0.5rem;
font-weight: normal;
}
.course-section .sectionbadges .badge .icon {
font-size: 12px;
width: 12px;
height: 12px;
}
.course-section .course-section-header.draggable {
cursor: move;
}
.course-section .section_action_menu .dropdown-toggle::after {
display: none;
}
.course-section .summarytext img {
border-radius: 1rem;
}
.course-section .availabilityinfo {
margin-top: 0.5rem;
padding: 0.25rem 1rem;
background-color: #e9ecef;
font-size: 0.875em;
border-radius: 1rem;
}
.course-section .availabilityinfo .editavailability a {
border-radius: 0.5rem;
font-weight: bold;
}
.course-section .availabilityinfo .editavailability a:hover {
background-color: #ced4da;
}
.course-section .availabilityinfo .editavailability a .icon {
font-size: inherit;
margin-right: 0.25rem;
}
.course-section .action-menu .btn.btn-icon, .course-section .action-menu .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.btn-icon.collapseexpand, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .course-section .action-menu a.btn-icon.collapseexpand, .course-section .action-menu .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.btn-icon.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .course-section .action-menu a.btn-icon.collapseexpand, .course-section .action-menu #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.btn-icon.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .course-section .action-menu a.btn-icon.collapseexpand {
height: 32px;
width: 32px;
border-radius: 0.5rem;
}
.course-section .action-menu.section-actions .btn.btn-icon, .course-section .action-menu.section-actions .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.btn-icon.collapseexpand, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .course-section .action-menu.section-actions a.btn-icon.collapseexpand, .course-section .action-menu.section-actions .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.btn-icon.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .course-section .action-menu.section-actions a.btn-icon.collapseexpand, .course-section .action-menu.section-actions #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.btn-icon.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .course-section .action-menu.section-actions a.btn-icon.collapseexpand {
font-size: 1.171875rem;
}
.course-section .section-summary-activities .icon {
width: inherit;
color: #0f6cbf;
}
.course-section .section-summary-activities + .section {
border-top: 1px solid #dee2e6;
margin-top: 1rem !important;
padding-top: 1rem !important;
}
.course-section .section_goto .icon {
font-size: 1.171875rem;
color: #0f6cbf;
}
.course-section .overlay-preview {
z-index: 5;
}
.btn.add-section, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.add-section.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.add-section.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.add-section.collapseexpand {
border-radius: 1rem;
border: 2px dashed #dee2e6;
color: #0f6cbf;
font-size: 0.8203125rem;
font-weight: bold;
}
.btn.add-section:hover, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.add-section.collapseexpand:hover, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.add-section.collapseexpand:hover, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.add-section.collapseexpand:hover, .btn.add-section:focus, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.add-section.collapseexpand:focus, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.add-section.collapseexpand:focus, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.add-section.collapseexpand:focus {
background-color: #e7f0f9;
border: 2px solid #0f6cbf;
color: #0f6cbf;
}
.max-section-alert {
border-top: 2px dashed #dee2e6;
font-size: 0.8203125rem;
font-weight: normal;
color: #6a737b;
}
/* Single section page specific styles */
.single-section > ul > .course-section.hidden .section-item {
background-color: inherit;
}
.single-section > ul > .course-section .section-item {
padding: 0;
border: none;
}
/* Re-style ordered list in course content */
.course-content .activity-altcontent ul {
list-style: disc;
}
.course-content .activity-altcontent ul ul {
list-style: circle;
}
.course-content .activity-altcontent ul ul ul {
list-style: square;
}
/* Activity cards */
.activity {
list-style: none;
padding-top: 0.25rem;
margin-top: 0.25rem;
border-top: 1px solid #dee2e6;
}
.editing .activity, .section .activity:first-child {
padding-top: 0;
margin-top: 0;
border-top: none;
}
.activity-item {
padding: 0.75rem;
border-radius: 1rem;
}
.activity-item.activityinline {
padding: 0.75rem 0;
}
.activity-item.hiddenactivity {
background-color: #f8f9fa;
}
.activity-item.hiddenactivity .activityiconcontainer, .activity-item.hiddenactivity .badge {
mix-blend-mode: multiply;
}
.editing .activity-item {
cursor: move;
}
.editing .activity-item .a {
cursor: pointer;
}
.editing .activity-item:hover:not(:has(.activity:hover)), .editing .activity-item.selected {
outline: 2px solid #0f6cbf;
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}
.editing .activity-item:hover:not(:has(.activity:hover)) .activityiconcontainer, .editing .activity-item:hover:not(:has(.activity:hover)) .badge, .editing .activity-item.selected .activityiconcontainer, .editing .activity-item.selected .badge {
mix-blend-mode: multiply;
}
.activity.dragging .activity-item {
border: 2px solid #0f6cbf;
}
.editing .activity.dragging .activity-item:hover {
outline: none;
}
.activity-item .activity-grid {
display: grid;
align-items: center;
grid-template-columns: min-content 1fr min-content min-content min-content;
grid-template-rows: 1fr repeat(5, min-content);
grid-template-areas: "icon name groupmode completion actions" "icon visibility groupmode completion actions" "icon dates groupmode completion actions" "icon altcontent altcontent altcontent altcontent" "icon afterlink afterlink afterlink afterlink" "icon availability availability availability availability";
}
@media (max-width: 575.98px) {
.activity-item .activity-grid {
grid-template-columns: min-content 1fr min-content min-content min-content;
grid-template-rows: 1fr repeat(4, min-content);
grid-template-areas: "icon name actions" "icon visibility actions" "dates dates dates" "groupmode groupmode groupmode" "completion completion completion" "altcontent altcontent altcontent" "afterlink afterlink afterlink" "availability availability availability";
}
}
.activity-item .activity-grid.noname-grid {
grid-template-columns: min-content 1fr min-content min-content;
grid-template-areas: "visibility groupmode completion actions" "altcontent altcontent altcontent altcontent" "afterlink afterlink afterlink afterlink" "availability availability availability availability";
}
@media (max-width: 575.98px) {
.activity-item .activity-grid.noname-grid {
grid-template-columns: 1fr min-content;
grid-template-areas: "visibility actions" "altcontent altcontent" "groupmode groupmode" "afterlink afterlink" "completion completion" "availability availability";
}
}
.activity-item .activity-actions {
grid-area: actions;
}
.activity-item .activity-actions .actions {
position: relative;
}
.activity-item .activity-icon {
grid-area: icon;
}
.activity-item .activity-dates {
grid-area: dates;
font-size: 0.875em;
color: #495057;
display: flex;
flex-wrap: wrap;
column-gap: 0.75rem;
}
@media (max-width: 575.98px) {
.activity-item .activity-dates {
margin-top: 0.5rem;
}
}
.activity-item .activity-name-area {
grid-area: name;
}
.activity-item .activity-name-area .activityname .afterlink {
margin-left: 0.5rem;
}
.activity-item .activity-name-area .activityname .inplaceeditable .quickeditlink {
position: relative;
z-index: 2;
margin-left: 0.5rem;
}
.activity-item .activity-name-area .activitybadge.badge-none {
font-weight: normal;
font-size: 0.875em;
padding: 0;
}
.activity-item .activity-completion {
grid-area: completion;
justify-self: end;
}
.activity-item .activity-completion button.btn, .activity-item .activity-completion a[role="button"].btn, .activity-item .activity-completion .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand[role="button"], .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .activity-item .activity-completion a.collapseexpand[role="button"], .activity-item .activity-completion .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand[role="button"], .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .activity-item .activity-completion a.collapseexpand[role="button"], .activity-item .activity-completion #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand[role="button"], #page-course-search .theme_boost_union-catlisting > .collapsible-actions .activity-item .activity-completion a.collapseexpand[role="button"] {
color: #1d2125;
background-color: #fff;
border-color: #ced4da;
min-height: 32px;
font-weight: bold;
border-radius: 0.5rem;
}
.activity-item .activity-completion button.btn:hover, .activity-item .activity-completion a[role="button"].btn:hover, .activity-item .activity-completion .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand[role="button"]:hover, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .activity-item .activity-completion a.collapseexpand[role="button"]:hover, .activity-item .activity-completion .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand[role="button"]:hover, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .activity-item .activity-completion a.collapseexpand[role="button"]:hover, .activity-item .activity-completion #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand[role="button"]:hover, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .activity-item .activity-completion a.collapseexpand[role="button"]:hover {
color: #fff;
background-color: #6a737b;
border-color: #b1bbc4;
}
.activity-item .activity-completion button.btn:focus, .activity-item .activity-completion button.btn.focus, .activity-item .activity-completion a[role="button"].btn:focus, .activity-item .activity-completion .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand[role="button"]:focus, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .activity-item .activity-completion a.collapseexpand[role="button"]:focus, .activity-item .activity-completion .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand[role="button"]:focus, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .activity-item .activity-completion a.collapseexpand[role="button"]:focus, .activity-item .activity-completion #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand[role="button"]:focus, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .activity-item .activity-completion a.collapseexpand[role="button"]:focus, .activity-item .activity-completion a[role="button"].btn.focus, .activity-item .activity-completion .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.focus.collapseexpand[role="button"], .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .activity-item .activity-completion a.focus.collapseexpand[role="button"], .activity-item .activity-completion .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.focus.collapseexpand[role="button"], .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .activity-item .activity-completion a.focus.collapseexpand[role="button"], .activity-item .activity-completion #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.focus.collapseexpand[role="button"], #page-course-search .theme_boost_union-catlisting > .collapsible-actions .activity-item .activity-completion a.focus.collapseexpand[role="button"] {
color: #fff;
background-color: #6a737b;
border-color: #b1bbc4;
box-shadow: 0 0 0 0.2rem rgba(179, 185, 191, 0.5);
}
.activity-item .activity-completion button.btn.disabled, .activity-item .activity-completion button.btn:disabled, .activity-item .activity-completion a[role="button"].btn.disabled, .activity-item .activity-completion .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.disabled.collapseexpand[role="button"], .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .activity-item .activity-completion a.disabled.collapseexpand[role="button"], .activity-item .activity-completion .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.disabled.collapseexpand[role="button"], .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .activity-item .activity-completion a.disabled.collapseexpand[role="button"], .activity-item .activity-completion #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.disabled.collapseexpand[role="button"], #page-course-search .theme_boost_union-catlisting > .collapsible-actions .activity-item .activity-completion a.disabled.collapseexpand[role="button"], .activity-item .activity-completion a[role="button"].btn:disabled, .activity-item .activity-completion .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand[role="button"]:disabled, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .activity-item .activity-completion a.collapseexpand[role="button"]:disabled, .activity-item .activity-completion .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand[role="button"]:disabled, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .activity-item .activity-completion a.collapseexpand[role="button"]:disabled, .activity-item .activity-completion #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand[role="button"]:disabled, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .activity-item .activity-completion a.collapseexpand[role="button"]:disabled {
color: #1d2125;
background-color: #fff;
border-color: #ced4da;
}
.activity-item .activity-completion button.btn:not(:disabled):not(.disabled):active, .activity-item .activity-completion button.btn:not(:disabled):not(.disabled).active, .show > .activity-item .activity-completion button.btn.dropdown-toggle, .activity-item .activity-completion a[role="button"].btn:not(:disabled):not(.disabled):active, .activity-item .activity-completion .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand[role="button"]:not(:disabled):not(.disabled):active, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .activity-item .activity-completion a.collapseexpand[role="button"]:not(:disabled):not(.disabled):active, .activity-item .activity-completion .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand[role="button"]:not(:disabled):not(.disabled):active, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .activity-item .activity-completion a.collapseexpand[role="button"]:not(:disabled):not(.disabled):active, .activity-item .activity-completion #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand[role="button"]:not(:disabled):not(.disabled):active, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .activity-item .activity-completion a.collapseexpand[role="button"]:not(:disabled):not(.disabled):active, .activity-item .activity-completion a[role="button"].btn:not(:disabled):not(.disabled).active, .activity-item .activity-completion .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.active.collapseexpand:not(.disabled):not(:disabled)[role="button"], .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .activity-item .activity-completion a.active.collapseexpand:not(.disabled):not(:disabled)[role="button"], .activity-item .activity-completion .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.active.collapseexpand:not(.disabled):not(:disabled)[role="button"], .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .activity-item .activity-completion a.active.collapseexpand:not(.disabled):not(:disabled)[role="button"], .activity-item .activity-completion #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.active.collapseexpand:not(.disabled):not(:disabled)[role="button"], #page-course-search .theme_boost_union-catlisting > .collapsible-actions .activity-item .activity-completion a.active.collapseexpand:not(.disabled):not(:disabled)[role="button"], .show > .activity-item .activity-completion a[role="button"].btn.dropdown-toggle, .show > .activity-item .activity-completion .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.dropdown-toggle.collapseexpand[role="button"], .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .show > .activity-item .activity-completion a.dropdown-toggle.collapseexpand[role="button"], .show > .activity-item .activity-completion .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.dropdown-toggle.collapseexpand[role="button"], .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .show > .activity-item .activity-completion a.dropdown-toggle.collapseexpand[role="button"], .show > .activity-item .activity-completion #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.dropdown-toggle.collapseexpand[role="button"], #page-course-search .theme_boost_union-catlisting > .collapsible-actions .show > .activity-item .activity-completion a.dropdown-toggle.collapseexpand[role="button"] {
color: #1d2125;
background-color: #e6e6e6;
border-color: #aab4bf;
}
.activity-item .activity-completion button.btn:not(:disabled):not(.disabled):active:focus, .activity-item .activity-completion button.btn:not(:disabled):not(.disabled).active:focus, .show > .activity-item .activity-completion button.btn.dropdown-toggle:focus, .activity-item .activity-completion a[role="button"].btn:not(:disabled):not(.disabled):active:focus, .activity-item .activity-completion .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand[role="button"]:not(:disabled):not(.disabled):active:focus, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .activity-item .activity-completion a.collapseexpand[role="button"]:not(:disabled):not(.disabled):active:focus, .activity-item .activity-completion .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand[role="button"]:not(:disabled):not(.disabled):active:focus, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .activity-item .activity-completion a.collapseexpand[role="button"]:not(:disabled):not(.disabled):active:focus, .activity-item .activity-completion #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand[role="button"]:not(:disabled):not(.disabled):active:focus, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .activity-item .activity-completion a.collapseexpand[role="button"]:not(:disabled):not(.disabled):active:focus, .activity-item .activity-completion a[role="button"].btn:not(:disabled):not(.disabled).active:focus, .activity-item .activity-completion .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.active.collapseexpand:not(.disabled):not(:disabled)[role="button"]:focus, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .activity-item .activity-completion a.active.collapseexpand:not(.disabled):not(:disabled)[role="button"]:focus, .activity-item .activity-completion .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.active.collapseexpand:not(.disabled):not(:disabled)[role="button"]:focus, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .activity-item .activity-completion a.active.collapseexpand:not(.disabled):not(:disabled)[role="button"]:focus, .activity-item .activity-completion #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.active.collapseexpand:not(.disabled):not(:disabled)[role="button"]:focus, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .activity-item .activity-completion a.active.collapseexpand:not(.disabled):not(:disabled)[role="button"]:focus, .show > .activity-item .activity-completion a[role="button"].btn.dropdown-toggle:focus, .show > .activity-item .activity-completion .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.dropdown-toggle.collapseexpand[role="button"]:focus, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .show > .activity-item .activity-completion a.dropdown-toggle.collapseexpand[role="button"]:focus, .show > .activity-item .activity-completion .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.dropdown-toggle.collapseexpand[role="button"]:focus, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .show > .activity-item .activity-completion a.dropdown-toggle.collapseexpand[role="button"]:focus, .show > .activity-item .activity-completion #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.dropdown-toggle.collapseexpand[role="button"]:focus, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .show > .activity-item .activity-completion a.dropdown-toggle.collapseexpand[role="button"]:focus {
box-shadow: 0 0 0 0.2rem rgba(179, 185, 191, 0.5);
}
.activity-item .activity-completion button.btn .icon, .activity-item .activity-completion a[role="button"].btn .icon, .activity-item .activity-completion .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand[role="button"] .icon, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .activity-item .activity-completion a.collapseexpand[role="button"] .icon, .activity-item .activity-completion .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand[role="button"] .icon, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .activity-item .activity-completion a.collapseexpand[role="button"] .icon, .activity-item .activity-completion #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand[role="button"] .icon, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .activity-item .activity-completion a.collapseexpand[role="button"] .icon {
font-size: inherit;
}
.activity-item .activity-completion button.btn-primary, .activity-item .activity-completion a[role="button"].btn-primary {
color: #1d2125;
background-color: #cfe2f2;
border-color: #cfe2f2;
color: #083660;
}
.activity-item .activity-completion button.btn-primary:hover, .activity-item .activity-completion a[role="button"].btn-primary:hover {
color: #fff;
background-color: #0f6cbf;
border-color: #a7cae7;
}
.activity-item .activity-completion button.btn-primary:focus, .activity-item .activity-completion button.btn-primary.focus, .activity-item .activity-completion a[role="button"].btn-primary:focus, .activity-item .activity-completion a[role="button"].btn-primary.focus {
color: #fff;
background-color: #0f6cbf;
border-color: #a7cae7;
box-shadow: 0 0 0 0.2rem rgba(180, 197, 211, 0.5);
}
.activity-item .activity-completion button.btn-primary.disabled, .activity-item .activity-completion button.btn-primary:disabled, .activity-item .activity-completion a[role="button"].btn-primary.disabled, .activity-item .activity-completion a[role="button"].btn-primary:disabled {
color: #1d2125;
background-color: #cfe2f2;
border-color: #cfe2f2;
}
.activity-item .activity-completion button.btn-primary:not(:disabled):not(.disabled):active, .activity-item .activity-completion button.btn-primary:not(:disabled):not(.disabled).active, .show > .activity-item .activity-completion button.btn-primary.dropdown-toggle, .activity-item .activity-completion a[role="button"].btn-primary:not(:disabled):not(.disabled):active, .activity-item .activity-completion a[role="button"].btn-primary:not(:disabled):not(.disabled).active, .show > .activity-item .activity-completion a[role="button"].btn-primary.dropdown-toggle {
color: #1d2125;
background-color: #a7cae7;
border-color: #9dc4e4;
}
.activity-item .activity-completion button.btn-primary:not(:disabled):not(.disabled):active:focus, .activity-item .activity-completion button.btn-primary:not(:disabled):not(.disabled).active:focus, .show > .activity-item .activity-completion button.btn-primary.dropdown-toggle:focus, .activity-item .activity-completion a[role="button"].btn-primary:not(:disabled):not(.disabled):active:focus, .activity-item .activity-completion a[role="button"].btn-primary:not(:disabled):not(.disabled).active:focus, .show > .activity-item .activity-completion a[role="button"].btn-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(180, 197, 211, 0.5);
}
.activity-item .activity-completion button.btn-primary:hover, .activity-item .activity-completion a[role="button"].btn-primary:hover {
color: #fff;
}
.activity-item .activity-completion button.btn-secondary, .activity-item .activity-completion a[role="button"].btn-secondary, .activity-item .activity-completion .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand[role="button"], .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .activity-item .activity-completion a.collapseexpand[role="button"], .activity-item .activity-completion .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand[role="button"], .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .activity-item .activity-completion a.collapseexpand[role="button"], .activity-item .activity-completion #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand[role="button"], #page-course-search .theme_boost_union-catlisting > .collapsible-actions .activity-item .activity-completion a.collapseexpand[role="button"] {
color: #1d2125;
background-color: #f5f6f8;
border-color: #f5f6f8;
color: #676a6d;
}
.activity-item .activity-completion button.btn-secondary:hover, .activity-item .activity-completion a[role="button"].btn-secondary:hover, .activity-item .activity-completion .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand[role="button"]:hover, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .activity-item .activity-completion a.collapseexpand[role="button"]:hover, .activity-item .activity-completion .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand[role="button"]:hover, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .activity-item .activity-completion a.collapseexpand[role="button"]:hover, .activity-item .activity-completion #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand[role="button"]:hover, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .activity-item .activity-completion a.collapseexpand[role="button"]:hover {
color: #1d2125;
background-color: #ced4da;
border-color: #d7dbe3;
}
.activity-item .activity-completion button.btn-secondary:focus, .activity-item .activity-completion button.btn-secondary.focus, .activity-item .activity-completion a[role="button"].btn-secondary:focus, .activity-item .activity-completion .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand[role="button"]:focus, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .activity-item .activity-completion a.collapseexpand[role="button"]:focus, .activity-item .activity-completion .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand[role="button"]:focus, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .activity-item .activity-completion a.collapseexpand[role="button"]:focus, .activity-item .activity-completion #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand[role="button"]:focus, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .activity-item .activity-completion a.collapseexpand[role="button"]:focus, .activity-item .activity-completion a[role="button"].btn-secondary.focus, .activity-item .activity-completion .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.focus.collapseexpand[role="button"], .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .activity-item .activity-completion a.focus.collapseexpand[role="button"], .activity-item .activity-completion .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.focus.collapseexpand[role="button"], .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .activity-item .activity-completion a.focus.collapseexpand[role="button"], .activity-item .activity-completion #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.focus.collapseexpand[role="button"], #page-course-search .theme_boost_union-catlisting > .collapsible-actions .activity-item .activity-completion a.focus.collapseexpand[role="button"] {
color: #1d2125;
background-color: #ced4da;
border-color: #d7dbe3;
box-shadow: 0 0 0 0.2rem rgba(213, 214, 216, 0.5);
}
.activity-item .activity-completion button.btn-secondary.disabled, .activity-item .activity-completion button.btn-secondary:disabled, .activity-item .activity-completion a[role="button"].btn-secondary.disabled, .activity-item .activity-completion .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.disabled.collapseexpand[role="button"], .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .activity-item .activity-completion a.disabled.collapseexpand[role="button"], .activity-item .activity-completion .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.disabled.collapseexpand[role="button"], .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .activity-item .activity-completion a.disabled.collapseexpand[role="button"], .activity-item .activity-completion #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.disabled.collapseexpand[role="button"], #page-course-search .theme_boost_union-catlisting > .collapsible-actions .activity-item .activity-completion a.disabled.collapseexpand[role="button"], .activity-item .activity-completion a[role="button"].btn-secondary:disabled, .activity-item .activity-completion .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand[role="button"]:disabled, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .activity-item .activity-completion a.collapseexpand[role="button"]:disabled, .activity-item .activity-completion .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand[role="button"]:disabled, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .activity-item .activity-completion a.collapseexpand[role="button"]:disabled, .activity-item .activity-completion #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand[role="button"]:disabled, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .activity-item .activity-completion a.collapseexpand[role="button"]:disabled {
color: #1d2125;
background-color: #f5f6f8;
border-color: #f5f6f8;
}
.activity-item .activity-completion button.btn-secondary:not(:disabled):not(.disabled):active, .activity-item .activity-completion button.btn-secondary:not(:disabled):not(.disabled).active, .show > .activity-item .activity-completion button.btn-secondary.dropdown-toggle, .activity-item .activity-completion a[role="button"].btn-secondary:not(:disabled):not(.disabled):active, .activity-item .activity-completion .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand[role="button"]:not(:disabled):not(.disabled):active, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .activity-item .activity-completion a.collapseexpand[role="button"]:not(:disabled):not(.disabled):active, .activity-item .activity-completion .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand[role="button"]:not(:disabled):not(.disabled):active, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .activity-item .activity-completion a.collapseexpand[role="button"]:not(:disabled):not(.disabled):active, .activity-item .activity-completion #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand[role="button"]:not(:disabled):not(.disabled):active, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .activity-item .activity-completion a.collapseexpand[role="button"]:not(:disabled):not(.disabled):active, .activity-item .activity-completion a[role="button"].btn-secondary:not(:disabled):not(.disabled).active, .activity-item .activity-completion .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.active.collapseexpand:not(.disabled):not(:disabled)[role="button"], .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .activity-item .activity-completion a.active.collapseexpand:not(.disabled):not(:disabled)[role="button"], .activity-item .activity-completion .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.active.collapseexpand:not(.disabled):not(:disabled)[role="button"], .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .activity-item .activity-completion a.active.collapseexpand:not(.disabled):not(:disabled)[role="button"], .activity-item .activity-completion #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.active.collapseexpand:not(.disabled):not(:disabled)[role="button"], #page-course-search .theme_boost_union-catlisting > .collapsible-actions .activity-item .activity-completion a.active.collapseexpand:not(.disabled):not(:disabled)[role="button"], .show > .activity-item .activity-completion a[role="button"].btn-secondary.dropdown-toggle, .show > .activity-item .activity-completion .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.dropdown-toggle.collapseexpand[role="button"], .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .show > .activity-item .activity-completion a.dropdown-toggle.collapseexpand[role="button"], .show > .activity-item .activity-completion .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.dropdown-toggle.collapseexpand[role="button"], .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .show > .activity-item .activity-completion a.dropdown-toggle.collapseexpand[role="button"], .show > .activity-item .activity-completion #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.dropdown-toggle.collapseexpand[role="button"], #page-course-search .theme_boost_union-catlisting > .collapsible-actions .show > .activity-item .activity-completion a.dropdown-toggle.collapseexpand[role="button"] {
color: #1d2125;
background-color: #d7dbe3;
border-color: #d0d4de;
}
.activity-item .activity-completion button.btn-secondary:not(:disabled):not(.disabled):active:focus, .activity-item .activity-completion button.btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .activity-item .activity-completion button.btn-secondary.dropdown-toggle:focus, .activity-item .activity-completion a[role="button"].btn-secondary:not(:disabled):not(.disabled):active:focus, .activity-item .activity-completion .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand[role="button"]:not(:disabled):not(.disabled):active:focus, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .activity-item .activity-completion a.collapseexpand[role="button"]:not(:disabled):not(.disabled):active:focus, .activity-item .activity-completion .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand[role="button"]:not(:disabled):not(.disabled):active:focus, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .activity-item .activity-completion a.collapseexpand[role="button"]:not(:disabled):not(.disabled):active:focus, .activity-item .activity-completion #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand[role="button"]:not(:disabled):not(.disabled):active:focus, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .activity-item .activity-completion a.collapseexpand[role="button"]:not(:disabled):not(.disabled):active:focus, .activity-item .activity-completion a[role="button"].btn-secondary:not(:disabled):not(.disabled).active:focus, .activity-item .activity-completion .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.active.collapseexpand:not(.disabled):not(:disabled)[role="button"]:focus, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .activity-item .activity-completion a.active.collapseexpand:not(.disabled):not(:disabled)[role="button"]:focus, .activity-item .activity-completion .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.active.collapseexpand:not(.disabled):not(:disabled)[role="button"]:focus, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .activity-item .activity-completion a.active.collapseexpand:not(.disabled):not(:disabled)[role="button"]:focus, .activity-item .activity-completion #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.active.collapseexpand:not(.disabled):not(:disabled)[role="button"]:focus, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .activity-item .activity-completion a.active.collapseexpand:not(.disabled):not(:disabled)[role="button"]:focus, .show > .activity-item .activity-completion a[role="button"].btn-secondary.dropdown-toggle:focus, .show > .activity-item .activity-completion .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.dropdown-toggle.collapseexpand[role="button"]:focus, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .show > .activity-item .activity-completion a.dropdown-toggle.collapseexpand[role="button"]:focus, .show > .activity-item .activity-completion .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.dropdown-toggle.collapseexpand[role="button"]:focus, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .show > .activity-item .activity-completion a.dropdown-toggle.collapseexpand[role="button"]:focus, .show > .activity-item .activity-completion #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.dropdown-toggle.collapseexpand[role="button"]:focus, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .show > .activity-item .activity-completion a.dropdown-toggle.collapseexpand[role="button"]:focus {
box-shadow: 0 0 0 0.2rem rgba(213, 214, 216, 0.5);
}
.activity-item .activity-completion button.btn-secondary:hover, .activity-item .activity-completion a[role="button"].btn-secondary:hover, .activity-item .activity-completion .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand[role="button"]:hover, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .activity-item .activity-completion a.collapseexpand[role="button"]:hover, .activity-item .activity-completion .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand[role="button"]:hover, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .activity-item .activity-completion a.collapseexpand[role="button"]:hover, .activity-item .activity-completion #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand[role="button"]:hover, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .activity-item .activity-completion a.collapseexpand[role="button"]:hover {
color: #1d2125;
}
.activity-item .activity-completion button.btn-success, .activity-item .activity-completion a[role="button"].btn-success {
color: #1d2125;
background-color: #d7e4d6;
border-color: #d7e4d6;
color: #1b3d19;
}
.activity-item .activity-completion button.btn-success:hover, .activity-item .activity-completion a[role="button"].btn-success:hover {
color: #fff;
background-color: #357a32;
border-color: #b9d0b7;
}
.activity-item .activity-completion button.btn-success:focus, .activity-item .activity-completion button.btn-success.focus, .activity-item .activity-completion a[role="button"].btn-success:focus, .activity-item .activity-completion a[role="button"].btn-success.focus {
color: #fff;
background-color: #357a32;
border-color: #b9d0b7;
box-shadow: 0 0 0 0.2rem rgba(187, 199, 187, 0.5);
}
.activity-item .activity-completion button.btn-success.disabled, .activity-item .activity-completion button.btn-success:disabled, .activity-item .activity-completion a[role="button"].btn-success.disabled, .activity-item .activity-completion a[role="button"].btn-success:disabled {
color: #1d2125;
background-color: #d7e4d6;
border-color: #d7e4d6;
}
.activity-item .activity-completion button.btn-success:not(:disabled):not(.disabled):active, .activity-item .activity-completion button.btn-success:not(:disabled):not(.disabled).active, .show > .activity-item .activity-completion button.btn-success.dropdown-toggle, .activity-item .activity-completion a[role="button"].btn-success:not(:disabled):not(.disabled):active, .activity-item .activity-completion a[role="button"].btn-success:not(:disabled):not(.disabled).active, .show > .activity-item .activity-completion a[role="button"].btn-success.dropdown-toggle {
color: #1d2125;
background-color: #b9d0b7;
border-color: #b2cbb0;
}
.activity-item .activity-completion button.btn-success:not(:disabled):not(.disabled):active:focus, .activity-item .activity-completion button.btn-success:not(:disabled):not(.disabled).active:focus, .show > .activity-item .activity-completion button.btn-success.dropdown-toggle:focus, .activity-item .activity-completion a[role="button"].btn-success:not(:disabled):not(.disabled):active:focus, .activity-item .activity-completion a[role="button"].btn-success:not(:disabled):not(.disabled).active:focus, .show > .activity-item .activity-completion a[role="button"].btn-success.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(187, 199, 187, 0.5);
}
.activity-item .activity-completion button.btn-success:hover, .activity-item .activity-completion a[role="button"].btn-success:hover {
color: #fff;
}
.activity-item .activity-completion button.btn-info, .activity-item .activity-completion a[role="button"].btn-info {
color: #1d2125;
background-color: #cce6ea;
border-color: #cce6ea;
color: #00414b;
}
.activity-item .activity-completion button.btn-info:hover, .activity-item .activity-completion a[role="button"].btn-info:hover {
color: #fff;
background-color: #008196;
border-color: #a8d4db;
}
.activity-item .activity-completion button.btn-info:focus, .activity-item .activity-completion button.btn-info.focus, .activity-item .activity-completion a[role="button"].btn-info:focus, .activity-item .activity-completion a[role="button"].btn-info.focus {
color: #fff;
background-color: #008196;
border-color: #a8d4db;
box-shadow: 0 0 0 0.2rem rgba(178, 200, 204, 0.5);
}
.activity-item .activity-completion button.btn-info.disabled, .activity-item .activity-completion button.btn-info:disabled, .activity-item .activity-completion a[role="button"].btn-info.disabled, .activity-item .activity-completion a[role="button"].btn-info:disabled {
color: #1d2125;
background-color: #cce6ea;
border-color: #cce6ea;
}
.activity-item .activity-completion button.btn-info:not(:disabled):not(.disabled):active, .activity-item .activity-completion button.btn-info:not(:disabled):not(.disabled).active, .show > .activity-item .activity-completion button.btn-info.dropdown-toggle, .activity-item .activity-completion a[role="button"].btn-info:not(:disabled):not(.disabled):active, .activity-item .activity-completion a[role="button"].btn-info:not(:disabled):not(.disabled).active, .show > .activity-item .activity-completion a[role="button"].btn-info.dropdown-toggle {
color: #1d2125;
background-color: #a8d4db;
border-color: #9fd0d7;
}
.activity-item .activity-completion button.btn-info:not(:disabled):not(.disabled):active:focus, .activity-item .activity-completion button.btn-info:not(:disabled):not(.disabled).active:focus, .show > .activity-item .activity-completion button.btn-info.dropdown-toggle:focus, .activity-item .activity-completion a[role="button"].btn-info:not(:disabled):not(.disabled):active:focus, .activity-item .activity-completion a[role="button"].btn-info:not(:disabled):not(.disabled).active:focus, .show > .activity-item .activity-completion a[role="button"].btn-info.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(178, 200, 204, 0.5);
}
.activity-item .activity-completion button.btn-info:hover, .activity-item .activity-completion a[role="button"].btn-info:hover {
color: #fff;
}
.activity-item .activity-completion button.btn-warning, .activity-item .activity-completion a[role="button"].btn-warning {
color: #1d2125;
background-color: #fcefdc;
border-color: #fcefdc;
color: #785727;
}
.activity-item .activity-completion button.btn-warning:hover, .activity-item .activity-completion a[role="button"].btn-warning:hover {
color: #1d2125;
background-color: #f0ad4e;
border-color: #f8daad;
}
.activity-item .activity-completion button.btn-warning:focus, .activity-item .activity-completion button.btn-warning.focus, .activity-item .activity-completion a[role="button"].btn-warning:focus, .activity-item .activity-completion a[role="button"].btn-warning.focus {
color: #1d2125;
background-color: #f0ad4e;
border-color: #f8daad;
box-shadow: 0 0 0 0.2rem rgba(219, 208, 193, 0.5);
}
.activity-item .activity-completion button.btn-warning.disabled, .activity-item .activity-completion button.btn-warning:disabled, .activity-item .activity-completion a[role="button"].btn-warning.disabled, .activity-item .activity-completion a[role="button"].btn-warning:disabled {
color: #1d2125;
background-color: #fcefdc;
border-color: #fcefdc;
}
.activity-item .activity-completion button.btn-warning:not(:disabled):not(.disabled):active, .activity-item .activity-completion button.btn-warning:not(:disabled):not(.disabled).active, .show > .activity-item .activity-completion button.btn-warning.dropdown-toggle, .activity-item .activity-completion a[role="button"].btn-warning:not(:disabled):not(.disabled):active, .activity-item .activity-completion a[role="button"].btn-warning:not(:disabled):not(.disabled).active, .show > .activity-item .activity-completion a[role="button"].btn-warning.dropdown-toggle {
color: #1d2125;
background-color: #f8daad;
border-color: #f7d4a1;
}
.activity-item .activity-completion button.btn-warning:not(:disabled):not(.disabled):active:focus, .activity-item .activity-completion button.btn-warning:not(:disabled):not(.disabled).active:focus, .show > .activity-item .activity-completion button.btn-warning.dropdown-toggle:focus, .activity-item .activity-completion a[role="button"].btn-warning:not(:disabled):not(.disabled):active:focus, .activity-item .activity-completion a[role="button"].btn-warning:not(:disabled):not(.disabled).active:focus, .show > .activity-item .activity-completion a[role="button"].btn-warning.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(219, 208, 193, 0.5);
}
.activity-item .activity-completion button.btn-warning:hover, .activity-item .activity-completion a[role="button"].btn-warning:hover {
color: #1d2125;
}
.activity-item .activity-completion button.btn-danger, .activity-item .activity-completion a[role="button"].btn-danger {
color: #1d2125;
background-color: #f4d6d2;
border-color: #f4d6d2;
color: #651910;
}
.activity-item .activity-completion button.btn-danger:hover, .activity-item .activity-completion a[role="button"].btn-danger:hover {
color: #fff;
background-color: #ca3120;
border-color: #eab1a9;
}
.activity-item .activity-completion button.btn-danger:focus, .activity-item .activity-completion button.btn-danger.focus, .activity-item .activity-completion a[role="button"].btn-danger:focus, .activity-item .activity-completion a[role="button"].btn-danger.focus {
color: #fff;
background-color: #ca3120;
border-color: #eab1a9;
box-shadow: 0 0 0 0.2rem rgba(212, 187, 184, 0.5);
}
.activity-item .activity-completion button.btn-danger.disabled, .activity-item .activity-completion button.btn-danger:disabled, .activity-item .activity-completion a[role="button"].btn-danger.disabled, .activity-item .activity-completion a[role="button"].btn-danger:disabled {
color: #1d2125;
background-color: #f4d6d2;
border-color: #f4d6d2;
}
.activity-item .activity-completion button.btn-danger:not(:disabled):not(.disabled):active, .activity-item .activity-completion button.btn-danger:not(:disabled):not(.disabled).active, .show > .activity-item .activity-completion button.btn-danger.dropdown-toggle, .activity-item .activity-completion a[role="button"].btn-danger:not(:disabled):not(.disabled):active, .activity-item .activity-completion a[role="button"].btn-danger:not(:disabled):not(.disabled).active, .show > .activity-item .activity-completion a[role="button"].btn-danger.dropdown-toggle {
color: #1d2125;
background-color: #eab1a9;
border-color: #e7a79f;
}
.activity-item .activity-completion button.btn-danger:not(:disabled):not(.disabled):active:focus, .activity-item .activity-completion button.btn-danger:not(:disabled):not(.disabled).active:focus, .show > .activity-item .activity-completion button.btn-danger.dropdown-toggle:focus, .activity-item .activity-completion a[role="button"].btn-danger:not(:disabled):not(.disabled):active:focus, .activity-item .activity-completion a[role="button"].btn-danger:not(:disabled):not(.disabled).active:focus, .show > .activity-item .activity-completion a[role="button"].btn-danger.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(212, 187, 184, 0.5);
}
.activity-item .activity-completion button.btn-danger:hover, .activity-item .activity-completion a[role="button"].btn-danger:hover {
color: #fff;
}
.activity-item .activity-completion button.btn-light, .activity-item .activity-completion a[role="button"].btn-light {
color: #1d2125;
background-color: #fefefe;
border-color: #fefefe;
color: #7c7d7d;
}
.activity-item .activity-completion button.btn-light:hover, .activity-item .activity-completion a[role="button"].btn-light:hover {
color: #1d2125;
background-color: #f8f9fa;
border-color: #e5e5e5;
}
.activity-item .activity-completion button.btn-light:focus, .activity-item .activity-completion button.btn-light.focus, .activity-item .activity-completion a[role="button"].btn-light:focus, .activity-item .activity-completion a[role="button"].btn-light.focus {
color: #1d2125;
background-color: #f8f9fa;
border-color: #e5e5e5;
box-shadow: 0 0 0 0.2rem rgba(220, 221, 221, 0.5);
}
.activity-item .activity-completion button.btn-light.disabled, .activity-item .activity-completion button.btn-light:disabled, .activity-item .activity-completion a[role="button"].btn-light.disabled, .activity-item .activity-completion a[role="button"].btn-light:disabled {
color: #1d2125;
background-color: #fefefe;
border-color: #fefefe;
}
.activity-item .activity-completion button.btn-light:not(:disabled):not(.disabled):active, .activity-item .activity-completion button.btn-light:not(:disabled):not(.disabled).active, .show > .activity-item .activity-completion button.btn-light.dropdown-toggle, .activity-item .activity-completion a[role="button"].btn-light:not(:disabled):not(.disabled):active, .activity-item .activity-completion a[role="button"].btn-light:not(:disabled):not(.disabled).active, .show > .activity-item .activity-completion a[role="button"].btn-light.dropdown-toggle {
color: #1d2125;
background-color: #e5e5e5;
border-color: #dedede;
}
.activity-item .activity-completion button.btn-light:not(:disabled):not(.disabled):active:focus, .activity-item .activity-completion button.btn-light:not(:disabled):not(.disabled).active:focus, .show > .activity-item .activity-completion button.btn-light.dropdown-toggle:focus, .activity-item .activity-completion a[role="button"].btn-light:not(:disabled):not(.disabled):active:focus, .activity-item .activity-completion a[role="button"].btn-light:not(:disabled):not(.disabled).active:focus, .show > .activity-item .activity-completion a[role="button"].btn-light.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(220, 221, 221, 0.5);
}
.activity-item .activity-completion button.btn-light:hover, .activity-item .activity-completion a[role="button"].btn-light:hover {
color: #1d2125;
}
.activity-item .activity-completion button.btn-dark, .activity-item .activity-completion a[role="button"].btn-dark {
color: #1d2125;
background-color: #d6d8d9;
border-color: #d6d8d9;
color: #1a1d20;
}
.activity-item .activity-completion button.btn-dark:hover, .activity-item .activity-completion a[role="button"].btn-dark:hover {
color: #fff;
background-color: #343a40;
border-color: #bcbfc0;
}
.activity-item .activity-completion button.btn-dark:focus, .activity-item .activity-completion button.btn-dark.focus, .activity-item .activity-completion a[role="button"].btn-dark:focus, .activity-item .activity-completion a[role="button"].btn-dark.focus {
color: #fff;
background-color: #343a40;
border-color: #bcbfc0;
box-shadow: 0 0 0 0.2rem rgba(186, 189, 190, 0.5);
}
.activity-item .activity-completion button.btn-dark.disabled, .activity-item .activity-completion button.btn-dark:disabled, .activity-item .activity-completion a[role="button"].btn-dark.disabled, .activity-item .activity-completion a[role="button"].btn-dark:disabled {
color: #1d2125;
background-color: #d6d8d9;
border-color: #d6d8d9;
}
.activity-item .activity-completion button.btn-dark:not(:disabled):not(.disabled):active, .activity-item .activity-completion button.btn-dark:not(:disabled):not(.disabled).active, .show > .activity-item .activity-completion button.btn-dark.dropdown-toggle, .activity-item .activity-completion a[role="button"].btn-dark:not(:disabled):not(.disabled):active, .activity-item .activity-completion a[role="button"].btn-dark:not(:disabled):not(.disabled).active, .show > .activity-item .activity-completion a[role="button"].btn-dark.dropdown-toggle {
color: #1d2125;
background-color: #bcbfc0;
border-color: #b5b9ba;
}
.activity-item .activity-completion button.btn-dark:not(:disabled):not(.disabled):active:focus, .activity-item .activity-completion button.btn-dark:not(:disabled):not(.disabled).active:focus, .show > .activity-item .activity-completion button.btn-dark.dropdown-toggle:focus, .activity-item .activity-completion a[role="button"].btn-dark:not(:disabled):not(.disabled):active:focus, .activity-item .activity-completion a[role="button"].btn-dark:not(:disabled):not(.disabled).active:focus, .show > .activity-item .activity-completion a[role="button"].btn-dark.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(186, 189, 190, 0.5);
}
.activity-item .activity-completion button.btn-dark:hover, .activity-item .activity-completion a[role="button"].btn-dark:hover {
color: #fff;
}
@media (max-width: 575.98px) {
.activity-item .activity-completion {
width: 100%;
margin-top: 0.5rem;
}
.activity-item .activity-completion button {
width: 100%;
}
}
.activity-item .activity-completion .completion-dialog {
color: #495057;
font-size: 0.8203125rem;
min-width: 12rem;
}
.activity-item .activity-completion .completion-dialog .icon {
font-size: 0.8203125rem;
width: 0.8203125rem;
height: 0.8203125rem;
margin-right: 0.25rem;
}
.activity-item .activity-completion .completion-dialog .editcompletion a {
border-radius: 0.5rem;
color: #495057;
font-weight: bold;
text-decoration: none;
}
.activity-item .activity-completion .completion-dialog .editcompletion a:hover {
background-color: #e9ecef;
}
.activity-item .activity-groupmode-info {
grid-area: groupmode;
justify-self: end;
}
.activity-item .activity-groupmode-info .groupmode-information {
height: 32px;
width: 32px;
border-radius: 0.5rem;
}
.activity-item .activity-groupmode-info .groupmode-icon-info {
display: none;
}
@media (max-width: 575.98px) {
.activity-item .activity-groupmode-info {
width: 100%;
margin-top: 0.5rem;
padding-top: 0.5rem;
border-top: 1px solid #dee2e6;
}
.activity-item .activity-groupmode-info .groupmode-information {
width: auto;
font-size: inherit;
padding: 0 0.5rem;
}
.activity-item .activity-groupmode-info .groupmode-icon-info {
display: inline;
}
.activity-item .activity-groupmode-info .v-parent-focus {
opacity: 1;
visibility: visible;
}
}
.activity-item .activity-badges {
grid-area: visibility;
}
.activity-item .activity-badges .badge {
font-weight: normal;
}
.activity-item .activity-badges .badge .icon {
font-size: 12px;
width: 12px;
height: 12px;
}
.activity-item .activity-altcontent {
grid-area: altcontent;
margin-top: 0.25rem;
}
.activity-item .activity-altcontent.activity-description {
margin-top: 0.5rem;
padding-top: 0.5rem;
border-top: 1px solid #dee2e6;
font-size: 0.875em;
}
.activity-item .activity-altcontent.activity-description ul:not(.activity-description ul ul) {
margin-bottom: 1rem;
}
.activity-item .activity-altcontent img {
border-radius: 1rem;
}
.activity-item .activity-availability {
grid-area: availability;
}
.activity-item .activity-afterlink {
grid-area: afterlink;
margin-top: 0.5rem;
padding-top: 0.5rem;
border-top: 1px solid #dee2e6;
}
.activity-item .no-overflow {
width: 100%;
}
.section .draggable .activity-item .dragicon {
display: none;
}
/* Dividers */
.divider {
position: relative;
}
.divider hr {
width: 100%;
margin: 0.5rem 0.25rem;
border-top: 2px dashed #dee2e6;
}
.changenumsections.disabled .divider hr {
border-top: 2px dashed #dee2e6;
}
.divider .divider-content {
opacity: 0;
visibility: hidden;
transition: visibility 0.1s;
position: absolute;
background: linear-gradient(transparent 40%, #fff 40%, #fff 60%, transparent 60%);
}
.section.hidden .divider .divider-content {
background: linear-gradient(transparent 40%, #f8f9fa 40%, #f8f9fa 60%, transparent 60%);
}
.divider.always-visible .divider-content {
opacity: 1;
visibility: visible;
}
.divider.always-hidden hr {
opacity: 0;
visibility: hidden;
}
.divider:hover .divider-content, .divider:focus .divider-content, .divider:focus-within .divider-content {
opacity: 1;
visibility: visible;
}
.divider:hover hr, .divider:focus hr, .divider:focus-within hr {
opacity: 1;
visibility: visible;
}
.divider:has(.btn.add-content:hover) hr, .divider:has(.pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.add-content.collapseexpand:hover, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.add-content.collapseexpand:hover, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.add-content.collapseexpand:hover) hr {
border-color: #0f6cbf;
}
.changenumsections.disabled .divider:has(.btn.add-content:hover) hr, .changenumsections.disabled .divider:has(.pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.add-content.collapseexpand:hover, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.add-content.collapseexpand:hover, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.add-content.collapseexpand:hover) hr {
border-color: #e9ecef;
}
.activity:focus-within + .activity .divider .divider-content, .course-section-header:focus-within + .content .section .activity:first-child .divider .divider-content, .content .section .activity:focus-within .divider .divider-content, .course-content:focus-within .changenumsections .divider .divider-content {
visibility: visible;
}
.course-content ul.topics > li:last-child .changenumsections {
display: none;
}
.btn.add-content, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.add-content.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.add-content.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.add-content.collapseexpand {
position: relative;
z-index: 1;
border-radius: 0.5rem;
font-size: 0.8203125rem;
font-weight: bold;
color: #083660;
background-color: #cfe2f2;
}
.btn.add-content:hover, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.add-content.collapseexpand:hover, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.add-content.collapseexpand:hover, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.add-content.collapseexpand:hover, .btn.add-content:focus, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.add-content.collapseexpand:focus, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.add-content.collapseexpand:focus, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.add-content.collapseexpand:focus {
color: #fff;
background-color: #0f6cbf;
}
.btn.add-content .icon, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.add-content.collapseexpand .icon, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.add-content.collapseexpand .icon, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.add-content.collapseexpand .icon {
width: 14px;
height: 14px;
font-size: 14px;
}
.changenumsections.disabled .btn.add-content, .changenumsections.disabled .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.add-content.collapseexpand, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .changenumsections.disabled a.add-content.collapseexpand, .changenumsections.disabled .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.add-content.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .changenumsections.disabled a.add-content.collapseexpand, .changenumsections.disabled #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.add-content.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .changenumsections.disabled a.add-content.collapseexpand {
color: #8f959e;
background-color: #e9ecef;
outline: none;
box-shadow: none;
pointer-events: auto;
}
.changenumsections.disabled .btn.add-content:hover, .changenumsections.disabled .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.add-content.collapseexpand:hover, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .changenumsections.disabled a.add-content.collapseexpand:hover, .changenumsections.disabled .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.add-content.collapseexpand:hover, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .changenumsections.disabled a.add-content.collapseexpand:hover, .changenumsections.disabled #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.add-content.collapseexpand:hover, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .changenumsections.disabled a.add-content.collapseexpand:hover, .changenumsections.disabled .btn.add-content:focus, .changenumsections.disabled .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.add-content.collapseexpand:focus, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .changenumsections.disabled a.add-content.collapseexpand:focus, .changenumsections.disabled .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.add-content.collapseexpand:focus, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .changenumsections.disabled a.add-content.collapseexpand:focus, .changenumsections.disabled #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.add-content.collapseexpand:focus, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .changenumsections.disabled a.add-content.collapseexpand:focus {
color: #8f959e;
background-color: #e9ecef;
outline: none;
box-shadow: none;
}
/* Bulk editing */
.bulkenabled .bulk-hidden {
display: none !important;
}
.bulkenabled .section {
margin-left: 1rem;
}
.bulkenabled .section:not(:first-child) {
margin-top: 1.5rem;
}
.bulkenabled .activity {
margin-top: 0.5rem;
margin-left: 2rem;
padding-top: 0.5rem;
border-top: 2px dashed #dee2e6;
}
.bulkenabled .activity:first-child {
margin-top: 1.5rem;
}
.bulkenabled .activity-item .bulkselect {
float: left;
margin-left: -2rem;
}
.bulkenabled .activity-item:has(.delegated-section):hover {
outline: none !important;
box-shadow: none !important;
}
.bulkenabled .course-section-header .bulkselect {
left: -2.75rem;
position: relative;
width: 0;
}
@media (max-width: 767.98px) {
.bulkenabled .course-content {
margin-left: 2rem;
}
}
@media (max-width: 767.98px) {
.sticky-footer-content.bulkactions {
position: relative;
}
.sticky-footer-content.bulkactions .form-check, .sticky-footer-content.bulkactions .bulkaction-name, .sticky-footer-content.bulkactions .bulkcount {
display: none;
}
.sticky-footer-content.bulkactions .actions button {
padding: 0 0.5rem;
}
.sticky-footer-content.bulkactions .bulkcancel {
position: absolute;
top: 0;
right: 0;
}
}
/* Activity completion */
.defaultactivitycompletion-item a {
color: #000;
text-decoration: none;
}
.defaultactivitycompletion-item .activityicon {
width: 32px;
height: 32px;
}
/* Home page course specific styles */
.sitetopic .activity:first-of-type hr {
display: none;
}
.sitetopic .section-item {
margin-bottom: 1.5rem;
border-radius: 0.5rem;
}
/* Styles for the Move activity and Move section modals */
.move-activity-tree .collapse-list-item {
border-radius: 0.5rem;
}
.move-activity-tree .collapse-list-item:hover, .move-activity-tree .collapse-list-item:focus {
background-color: #cfe2f2;
}
.move-activity-tree .collapse-list-item:hover a, .move-activity-tree .collapse-list-item:focus a {
color: #083660;
}
.move-activity-tree .collapse-list-item a {
color: #1d2125;
}
.move-activity-tree .collapse-list-item a:hover, .move-activity-tree .collapse-list-item a:focus {
text-decoration: none;
}
.move-activity-tree .collapse-list-item a.disabled {
color: #6a737b;
}
.move-activity-tree .collapse-list-item-content .collapse-list-item {
padding: 0.5rem 1rem;
}
.move-activity-tree ul {
margin-left: 1.5rem;
}
.move-activity-tree .collapse-list-link {
font-weight: bold;
}
/* Subsection specific styles */
.activity.subsection {
border-top: none;
}
.activity.subsection > .activity-item {
border: 1px solid #dee2e6;
padding: 0;
margin: 0.5rem 0;
}
.activity.subsection > .activity-item > .activity-grid > .activity-altcontent {
margin-top: 0;
}
.activity.subsection .section {
margin-top: 0;
}
.activity.subsection .section .section-item {
border: none;
padding: 0.75rem;
}
.activity.subsection .section .icons-collapse-expand:has(+ h4) {
height: 24px;
width: 24px;
font-size: 0.8203125rem;
}
.activity.subsection .section h4 {
font-size: 1.171875rem;
}
.activity.subsection .section .section-actions .btn.btn-icon, .activity.subsection .section .section-actions .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.btn-icon.collapseexpand, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .activity.subsection .section .section-actions a.btn-icon.collapseexpand, .activity.subsection .section .section-actions .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.btn-icon.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .activity.subsection .section .section-actions a.btn-icon.collapseexpand, .activity.subsection .section .section-actions #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.btn-icon.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .activity.subsection .section .section-actions a.btn-icon.collapseexpand {
font-size: inherit;
}
.activity.subsection + .activity {
border-top: none;
}
.activity.subsection .focus-control:not(:has(.focus-control)):focus-within .v-parent-focus, .activity.subsection .focus-control:not(:has(.focus-control)):hover .v-parent-focus {
opacity: 1 !important;
visibility: visible !important;
}
.activity.subsection .focus-control:focus-within .focus-control .v-parent-focus, .activity.subsection .focus-control:hover .focus-control .v-parent-focus {
opacity: 0;
visibility: hidden;
}
/* Anchor link offset fix. This makes hash links scroll 60px down to account for the fixed header. */
:target, :focus {
scroll-margin-top: 70px;
}
.pagelayout-embedded :target {
padding-top: initial;
margin-top: initial;
}
#nav-drawer.closed {
left: -305px;
}
#nav-drawer[aria-hidden=true] .list-group-item {
display: none;
}
/* Use a variable for the drawer background colors. */
[data-region="drawer"] {
position: fixed;
width: 285px;
top: 60px;
height: calc(100% - 60px);
overflow-y: auto;
-webkit-overflow-scrolling: touch;
z-index: 999;
background-color: #f2f2f2;
transition: right 0.5s ease, left 0.5s ease;
}
@media (prefers-reduced-motion: reduce) {
[data-region="drawer"] {
transition: none;
}
}
@media (min-width: 576px) {
[data-region="drawer"] {
padding: 20px 20px;
}
.jsenabled .popover-process-monitor, .jsenabled .btn-footer-popover, .jsenabled .btn-footer-communication {
transition: 0.2s;
}
}
@media (min-width: 576px) and (prefers-reduced-motion: reduce) {
.jsenabled .popover-process-monitor, .jsenabled .btn-footer-popover, .jsenabled .btn-footer-communication {
transition: none;
}
}
#nav-drawer {
right: auto;
left: 0;
/* Override the z-indexes defined in bootstrap/_list-group.scss that
lead to side effects on the user tours positioning. */
}
#nav-drawer .list-group-item-action.active, #nav-drawer .list-group-item.active {
z-index: inherit;
}
#nav-drawer .list-group-item-action.active + .list-group-item, #nav-drawer .list-group-item.active + .list-group-item {
border-top: none;
}
#nav-drawer .list-group ul {
list-style: none;
padding: 0;
margin: 0;
}
#nav-drawer .list-group li {
margin-bottom: -1px;
}
#nav-drawer .list-group li:last-child {
margin-bottom: 0;
}
body.drawer-ease {
transition: margin-left 0.5s ease, margin-right 0.5s ease;
}
@media (prefers-reduced-motion: reduce) {
body.drawer-ease {
transition: none;
}
}
@media (min-width: 768px) {
body:not(.uses-drawers).drawer-open-left {
margin-left: 285px;
}
}
@media (min-width: 768px) {
body.drawer-open-left #page.drawers {
margin-left: 285px;
padding-left: 1rem;
}
}
@media (min-width: 768px) {
body.drawer-open-right {
margin-right: 315px;
}
}
[data-region=right-hand-drawer] {
display: flex;
flex-direction: column;
transition: right 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
[data-region=right-hand-drawer] {
transition: none;
}
}
[data-region=right-hand-drawer].drawer {
z-index: 1021;
position: fixed;
top: 60px;
right: 0;
height: calc(100% - 60px);
width: 320px;
box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.25);
padding: 0;
visibility: visible;
opacity: 1;
}
[data-region=right-hand-drawer].hidden {
display: block;
right: -320px;
visibility: hidden;
opacity: 0;
transition: right 0.2s ease-in-out, visibility 0s ease-in-out 0.2s, opacity 0s ease-in-out 0.2s;
}
@media (prefers-reduced-motion: reduce) {
[data-region=right-hand-drawer].hidden {
transition: none;
}
}
@media (max-width: 767.98px) {
[data-region=right-hand-drawer].drawer {
top: 0;
height: 100%;
z-index: 1031;
}
body.drawer-open-left, body.drawer-open-right {
overflow: hidden;
}
}
.dir-rtl [data-region=right-hand-drawer] {
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
}
.drawer {
background-color: #f8f9fa;
z-index: 1015;
position: fixed;
height: 100vh;
top: 0;
}
@media (max-width: 991.98px) {
.drawer {
z-index: 1035;
}
}
.drawer.not-initialized {
display: none;
}
.drawer.drawer-right {
transition: right 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease, transform 0.5s ease;
width: 315px;
max-width: 315px;
right: calc(-315px + -10px);
visibility: hidden;
}
@media (prefers-reduced-motion: reduce) {
.drawer.drawer-right {
transition: none;
}
}
.drawer.drawer-right.show {
right: 0;
visibility: visible;
}
.drawer.drawer-right .drawertoggle {
margin-left: auto;
margin-right: 5px;
}
.drawer.drawer-left {
transition: left 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease;
width: 285px;
max-width: 285px;
left: calc(-285px + -10px);
visibility: hidden;
}
@media (prefers-reduced-motion: reduce) {
.drawer.drawer-left {
transition: none;
}
}
.drawer.drawer-left.show {
left: 0;
visibility: visible;
}
.drawer.drawer-left .drawertoggle {
margin-right: auto;
margin-left: 5px;
}
.drawer.drawer-bottom {
bottom: -110%;
}
.drawer.drawer-bottom.show {
bottom: 0;
}
.drawer.drawer-primary .drawertoggle {
margin-right: 16px;
margin-left: 5px;
}
@media (min-width: 992px) {
.drawer#theme_boost-drawers-blocks:focus-within {
z-index: 1031;
}
.drawer.not-initialized {
display: block;
}
}
.drawer-md, .drawer-sm {
display: none;
}
.drawerheader {
padding: 0;
height: 60px;
display: flex;
align-items: center;
}
.drawerheader .sitename {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
margin-right: 16px;
}
.drawer.scrolled .drawerheader {
box-shadow: 0 8px 11px -7px rgba(0, 0, 0, 0.25);
}
@media (max-width: 991.98px) {
.drawer-md {
display: block;
background-color: #f8f9fa;
z-index: 1015;
position: fixed;
height: 100vh;
top: 0;
}
.drawer-md.not-initialized {
display: none;
}
.drawer-md.drawer-right {
transition: right 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease, transform 0.5s ease;
width: 315px;
max-width: 315px;
right: calc(-315px + -10px);
visibility: hidden;
}
.drawer-md.drawer-right.show {
right: 0;
visibility: visible;
}
.drawer-md.drawer-right .drawertoggle {
margin-left: auto;
margin-right: 5px;
}
.drawer-md.drawer-left {
transition: left 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease;
width: 285px;
max-width: 285px;
left: calc(-285px + -10px);
visibility: hidden;
}
.drawer-md.drawer-left.show {
left: 0;
visibility: visible;
}
.drawer-md.drawer-left .drawertoggle {
margin-right: auto;
margin-left: 5px;
}
.drawer-md.drawer-bottom {
bottom: -110%;
}
.drawer-md.drawer-bottom.show {
bottom: 0;
}
.drawer-md.drawer-primary .drawertoggle {
margin-right: 16px;
margin-left: 5px;
}
}
@media (max-width: 991.98px) and (max-width: 991.98px) {
.drawer-md {
z-index: 1035;
}
}
@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
.drawer-md.drawer-right {
transition: none;
}
}
@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
.drawer-md.drawer-left {
transition: none;
}
}
@media (max-width: 767.98px) {
.drawer-sm {
display: block;
background-color: #f8f9fa;
z-index: 1015;
position: fixed;
height: 100vh;
top: 0;
}
.drawer-sm.not-initialized {
display: none;
}
.drawer-sm.drawer-right {
transition: right 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease, transform 0.5s ease;
width: 315px;
max-width: 315px;
right: calc(-315px + -10px);
visibility: hidden;
}
.drawer-sm.drawer-right.show {
right: 0;
visibility: visible;
}
.drawer-sm.drawer-right .drawertoggle {
margin-left: auto;
margin-right: 5px;
}
.drawer-sm.drawer-left {
transition: left 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease;
width: 285px;
max-width: 285px;
left: calc(-285px + -10px);
visibility: hidden;
}
.drawer-sm.drawer-left.show {
left: 0;
visibility: visible;
}
.drawer-sm.drawer-left .drawertoggle {
margin-right: auto;
margin-left: 5px;
}
.drawer-sm.drawer-bottom {
bottom: -110%;
}
.drawer-sm.drawer-bottom.show {
bottom: 0;
}
.drawer-sm.drawer-primary .drawertoggle {
margin-right: 16px;
margin-left: 5px;
}
}
@media (max-width: 767.98px) and (max-width: 991.98px) {
.drawer-sm {
z-index: 1035;
}
}
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
.drawer-sm.drawer-right {
transition: none;
}
}
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
.drawer-sm.drawer-left {
transition: none;
}
}
.drawercontent {
position: relative;
z-index: -1;
height: calc(100% - 60px);
display: flex;
flex-direction: column;
flex-wrap: nowrap;
overflow-y: auto;
padding: 0.4rem;
scrollbar-width: thin;
scrollbar-color: #6a737b #f8f9fa;
}
.drawercontent .dropdown-menu .dropdown-item {
width: 220px;
white-space: normal;
}
.drawercontent::-webkit-scrollbar {
width: 12px;
}
.drawercontent::-webkit-scrollbar-track {
background: #f8f9fa;
}
.drawercontent::-webkit-scrollbar-thumb {
background-color: #6a737b;
border-radius: 20px;
border: 3px solid #f8f9fa;
}
.drawercontent::-webkit-scrollbar-thumb:hover {
background-color: #495057;
}
.fp-content-center {
height: 100%;
width: 100%;
display: table-cell;
vertical-align: middle;
}
.fp-content-hidden {
visibility: hidden;
}
.yui3-panel-focused {
outline: none;
}
.fp-panel-button {
background: #fff;
padding: 3px 20px 2px 20px;
text-align: center;
margin: 10px;
border-radius: 10px;
display: inline-block;
}
.filepicker .yui3-widget-content-expanded {
height: auto;
}
/* The javascript is adding a style="height:0;" to this element - we need to set the min-height so the height is ignored. */
.filepicker .moodle-dialogue-bd {
min-height: 520px;
}
.fp-navbar {
border-color: #8f959e;
border-bottom: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.file-picker .fp-content {
border-top: 0;
background: #fff;
clear: none;
overflow: auto;
height: 452px;
}
.filepicker.moodle-dialogue-fullscreen .file-picker .fp-content {
width: 100%;
}
.file-picker .fp-content-loading {
height: 100%;
width: 100%;
display: table;
text-align: center;
}
.file-picker .fp-content .fp-object-container {
width: 98%;
height: 98%;
}
.file-picker .fp-def-search {
margin-top: 0;
}
.file-picker .fp-list {
list-style-type: none;
padding: 0;
float: left;
width: 100%;
margin: 0;
}
.file-picker .fp-list .fp-repo a {
display: block;
padding: 0.5em 0.7em;
}
.file-picker .fp-list .fp-repo.active {
background: #f2f2f2;
}
.file-picker .fp-list .fp-repo-icon {
padding: 0 7px 0 5px;
width: 16px;
height: 16px;
}
.fp-toolbar {
float: left;
}
.fp-toolbar.empty {
display: none;
}
.fp-toolbar .disabled {
display: none;
}
.fp-toolbar div {
display: block;
float: left;
margin-right: 4px;
}
.fp-toolbar img {
vertical-align: -15%;
margin-right: 5px;
}
.fp-viewbar:not(.disabled) a.checked {
background-color: #b1bbc4;
color: #1d2125;
border-color: #aab4bf;
}
.fp-viewbar.disabled a {
pointer-events: none;
opacity: 0.65;
}
.file-picker .fp-clear-left {
clear: left;
}
.fp-pathbar.empty {
display: none;
}
.fp-pathbar .fp-path-folder {
background: url(/theme/image.php/boost_union/theme/1752245628/fp/path_folder) left 3px no-repeat;
background-size: 12px 12px;
height: 12px;
margin-left: 12px;
}
/*rtl:raw:
.fp-pathbar .fp-path-folder {
background-image: url(/theme/image.php/boost_union/theme/1752245628/fp/path_folder_rtl);
}
*/
.fp-pathbar .fp-path-folder-name {
margin-left: 24px;
}
.fp-iconview .fp-file {
float: left;
text-align: center;
position: relative;
margin: 10px 10px 35px;
}
.fp-iconview .fp-thumbnail {
min-width: 110px;
min-height: 110px;
line-height: 110px;
text-align: center;
border: 1px solid #fff;
display: block;
}
.fp-iconview .fp-thumbnail img {
border: 1px solid #ddd;
padding: 3px;
vertical-align: middle;
}
.fp-iconview .fp-thumbnail:hover {
background: #fff;
border: 1px solid #ddd;
}
.fp-iconview .fp-filename-field {
height: 33px;
margin-top: 3px;
word-wrap: break-word;
overflow: hidden;
position: absolute;
}
.fp-iconview .fp-file:focus .fp-filename-field, .fp-iconview .fp-file:hover .fp-filename-field {
overflow: visible;
z-index: 1000;
}
.fp-iconview .fp-file:focus .fp-filename, .fp-iconview .fp-file:hover .fp-filename {
overflow: inherit;
white-space: normal;
text-overflow: inherit;
}
.fp-iconview .fp-filename-field .fp-filename {
background: #fff;
padding-top: 5px;
padding-bottom: 12px;
min-width: 112px;
}
.file-picker .yui3-datatable table {
border: 0 solid #bbb;
width: 100%;
}
.file-picker .ygtvtn, .filemanager .ygtvtn {
/*rtl:remove*/
background: url(/theme/image.php/boost_union/core/1752245628/y/tn) 0 0 no-repeat;
/*rtl:raw:
background: url(/theme/image.php/boost_union/core/1752245628/y/tn_rtl) 0 0 no-repeat;
*/
width: 19px;
height: 32px;
}
.file-picker .ygtvtm, .filemanager .ygtvtm {
background: url(/theme/image.php/boost_union/core/1752245628/y/tm) 0 10px no-repeat;
/*rtl:raw:
background-position: 2px 10px;
*/
width: 13px;
height: 12px;
cursor: pointer;
}
.file-picker .ygtvtmh, .filemanager .ygtvtmh {
background: url(/theme/image.php/boost_union/core/1752245628/y/tm) 0 10px no-repeat;
/*rtl:raw:
background-position: 2px 10px;
*/
width: 13px;
height: 12px;
cursor: pointer;
}
.file-picker .ygtvtp, .filemanager .ygtvtp {
/*rtl:remove*/
background: url(/theme/image.php/boost_union/core/1752245628/y/tp) 0 10px no-repeat;
/*rtl:raw:
background: url(/theme/image.php/boost_union/core/1752245628/y/tp_rtl) 2px 10px no-repeat;
*/
width: 13px;
height: 12px;
cursor: pointer;
}
.file-picker .ygtvtph, .filemanager .ygtvtph {
/*rtl:remove*/
background: url(/theme/image.php/boost_union/core/1752245628/y/tp) 0 10px no-repeat;
/*rtl:raw:
background: url(/theme/image.php/boost_union/core/1752245628/y/tp_rtl) 2px 10px no-repeat;
*/
width: 13px;
height: 22px;
cursor: pointer;
}
.file-picker .ygtvln, .filemanager .ygtvln {
/*rtl:remove*/
background: url(/theme/image.php/boost_union/core/1752245628/y/ln) 0 0 no-repeat;
/*rtl:raw:
background: url(/theme/image.php/boost_union/core/1752245628/y/ln_rtl) 0 0 no-repeat;
*/
width: 19px;
height: 32px;
}
.file-picker .ygtvlm, .filemanager .ygtvlm {
background: url(/theme/image.php/boost_union/core/1752245628/y/lm) 0 10px no-repeat;
/*rtl:raw:
background-position: 2px 10px;
*/
width: 13px;
height: 12px;
cursor: pointer;
}
.file-picker .ygtvlmh, .filemanager .ygtvlmh {
background: url(/theme/image.php/boost_union/core/1752245628/y/lm) 0 10px no-repeat;
/*rtl:raw:
background-position: 2px 10px;
*/
width: 13px;
height: 12px;
cursor: pointer;
}
.file-picker .ygtvlp, .filemanager .ygtvlp {
/*rtl:remove*/
background: url(/theme/image.php/boost_union/core/1752245628/y/lp) 0 10px no-repeat;
/*rtl:raw:
background: url(/theme/image.php/boost_union/core/1752245628/y/lp_rtl) 2px 10px no-repeat;
*/
width: 13px;
height: 12px;
cursor: pointer;
}
.file-picker .ygtvlph, .filemanager .ygtvlph {
/*rtl:remove*/
background: url(/theme/image.php/boost_union/core/1752245628/y/lp) 0 10px no-repeat;
/*rtl:raw:
background: url(/theme/image.php/boost_union/core/1752245628/y/lp_rtl) 2px 10px no-repeat;
*/
width: 13px;
height: 12px;
cursor: pointer;
}
.file-picker .ygtvloading, .filemanager .ygtvloading {
background: transparent url(/theme/image.php/boost_union/core/1752245628/y/loading) 0 0 no-repeat;
width: 16px;
height: 22px;
}
.file-picker .ygtvdepthcell, .filemanager .ygtvdepthcell {
background: url(/theme/image.php/boost_union/core/1752245628/y/vline) 0 0 no-repeat;
/*rtl:raw:
background-position: 0 0;
*/
width: 17px;
height: 32px;
}
.file-picker .ygtvblankdepthcell, .filemanager .ygtvblankdepthcell {
width: 17px;
height: 22px;
}
a.ygtvspacer:hover {
color: transparent;
text-decoration: none;
}
.ygtvlabel, .ygtvlabel:link, .ygtvlabel:visited, .ygtvlabel:hover {
background-color: transparent;
cursor: pointer;
margin-left: 2px;
text-decoration: none;
}
.file-picker .ygtvfocus, .filemanager .ygtvfocus {
background-color: #eee;
}
.fp-filename-icon {
margin-top: 10px;
display: block;
position: relative;
}
.fp-icon {
float: left;
margin-top: -7px;
width: 24px;
height: 24px;
margin-right: 10px;
text-align: center;
line-height: 24px;
}
.fp-icon img {
max-height: 24px;
max-width: 24px;
vertical-align: middle;
}
.fp-filename {
padding-right: 10px;
}
.file-picker .fp-login-form {
height: 100%;
width: 100%;
display: table;
}
.file-picker .fp-upload-form {
height: 100%;
width: 100%;
display: table;
}
.file-picker .fp-upload-form table {
margin: 0 auto;
}
.file-picker.fp-dlg {
text-align: center;
}
.file-picker.fp-dlg .fp-dlg-buttons {
margin: 0 20px;
}
.file-picker.fp-msg {
text-align: center;
}
.file-picker .fp-content-error {
height: 100%;
width: 100%;
display: table;
text-align: center;
}
.file-picker .fp-nextpage {
clear: both;
}
.file-picker .fp-nextpage .fp-nextpage-loading {
display: none;
}
.file-picker .fp-nextpage.loading .fp-nextpage-link {
display: none;
}
.file-picker .fp-nextpage.loading .fp-nextpage-loading {
display: block;
text-align: center;
height: 100px;
padding-top: 50px;
}
.fp-select .fp-select-loading {
text-align: center;
margin-top: 20px;
}
.fp-select table {
padding: 0 0 10px;
}
.fp-select table .mdl-right {
min-width: 84px;
}
.fp-select .fp-reflist .mdl-right {
vertical-align: top;
}
.fp-select .fp-select-buttons {
float: right;
}
.fp-select .fp-info {
font-size: 0.703125rem;
}
.fp-select .fp-thumbnail {
float: left;
min-width: 110px;
min-height: 110px;
line-height: 110px;
text-align: center;
margin: 10px 20px 0 0;
background: #fff;
border: 1px solid #ddd;
}
.fp-select .fp-thumbnail img {
border: 1px solid #ddd;
padding: 3px;
vertical-align: middle;
margin: 10px;
}
.fp-select .fp-fileinfo {
display: inline-block;
margin-top: 10px;
}
.file-picker.fp-select .fp-fileinfo {
max-width: 240px;
}
.fp-select .fp-fileinfo div {
padding-bottom: 5px;
}
.file-picker.fp-select .uneditable {
display: none;
}
.file-picker.fp-select .fp-select-loading {
display: none;
}
.file-picker.fp-select.loading .fp-select-loading {
display: block;
}
.file-picker.fp-select.loading form {
display: none;
}
.fp-select .fp-dimensions.fp-unknown {
display: none;
}
.fp-select .fp-size.fp-unknown {
display: none;
}
.filemanager-loading {
display: none;
}
.jsenabled .filemanager-loading {
display: block;
margin-top: 100px;
}
.filemanager.fm-loading .filemanager-toolbar, .filemanager.fm-loading .fp-pathbar, .filemanager.fm-loading .filemanager-container, .filemanager.fm-loaded .filemanager-loading, .filemanager.fm-maxfiles .fp-btn-add, .filemanager.fm-maxfiles .dndupload-message, .filemanager.fm-noitems .fp-btn-download, .filemanager.fm-noitems .fp-btn-delete, .filemanager .fm-empty-container, .filemanager.fm-noitems .filemanager-container .fp-content {
display: none;
}
.filemanager .fp-img-downloading {
display: none;
padding-top: 7px;
}
.filemanager .filemanager-updating {
display: none;
text-align: center;
}
.filemanager.fm-updating .filemanager-updating {
display: block;
margin-top: 37px;
}
.filemanager.fm-updating .fm-content-wrapper, .filemanager.fm-nomkdir .fp-btn-mkdir, .fitem.disabled .filemanager .filemanager-toolbar, .fitem.disabled .filemanager .fp-pathbar, .fitem.disabled .filemanager .fp-restrictions, .fitem.disabled .filemanager .fm-content-wrapper {
display: none;
}
.filemanager .fp-restrictions {
text-align: right;
}
.filemanager-toolbar {
padding: 4px;
overflow: hidden;
}
.filemanager .fp-pathbar.empty {
display: none;
}
.filepicker-filelist, .filemanager-container {
min-height: 140px;
border: 1px solid #8f959e;
border-radius: 0.5rem;
}
.filemanager .fp-content {
overflow: auto;
max-height: 472px;
min-height: 157px;
}
.filemanager-container, .filepicker-filelist {
overflow: hidden;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.file-picker .yui3-datatable-header {
/*rtl:raw:
text-align: right;
*/
background: initial;
}
.fitem.disabled .filepicker-filelist, .fitem.disabled .filemanager-container {
background-color: #ebebe4;
}
.fitem.disabled .fp-btn-choose {
color: #6a737b;
}
.fitem.disabled .filepicker-filelist .filepicker-filename {
display: none;
}
.fp-iconview .fp-reficons1 {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
}
.fp-iconview .fp-reficons2 {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
}
.fp-iconview .fp-file.fp-hasreferences .fp-reficons1 {
background: url(/theme/image.php/boost_union/theme/1752245628/fp/link) no-repeat;
/*rtl:raw:
transform: scaleX(-1);
*/
/*rtl:ignore*/
background-position: bottom right;
background-size: 16px 16px;
}
.fp-iconview .fp-file.fp-isreference .fp-reficons2 {
background: url(/theme/image.php/boost_union/theme/1752245628/fp/alias) no-repeat;
/*rtl:raw:
transform: scaleX(-1);
*/
/*rtl:ignore*/
background-position: bottom left;
background-size: 16px 16px;
}
.filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail img {
display: none;
}
.filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail {
background: url(/theme/image.php/boost_union/core/1752245628/s/dead) no-repeat;
background-position: center center;
}
.filemanager .yui3-datatable table {
border: 0 solid #bbb;
width: 100%;
}
/* Override YUI default styling */
/* stylelint-disable declaration-no-important */
.filemanager .yui3-datatable-header {
/*rtl:raw:
text-align: right;
*/
background: #fff !important;
border-bottom: 1px solid #ccc !important;
border-left: 0 solid #fff !important;
color: #555 !important;
}
.filemanager .yui3-datatable-odd .yui3-datatable-cell {
background-color: #f6f6f6 !important;
border-left: 0 solid #f6f6f6;
}
.filemanager .yui3-datatable-even .yui3-datatable-cell {
background-color: #fff !important;
border-left: 0 solid #fff;
}
/* stylelint-enable */
.filemanager .fp-filename-icon.fp-hasreferences .fp-reficons1 {
background: url(/theme/image.php/boost_union/theme/1752245628/fp/link_sm) no-repeat 0 0;
height: 100%;
width: 100%;
/*rtl:raw:
transform: scaleX(-1);
*/
position: absolute;
top: 8px;
left: 17px;
background-size: 16px 16px;
}
.filemanager .fp-filename-icon.fp-isreference .fp-reficons2 {
background: url(/theme/image.php/boost_union/theme/1752245628/fp/alias_sm) no-repeat 0 0;
height: 100%;
width: 100%;
/*rtl:raw:
transform: scaleX(-1);
*/
position: absolute;
top: 9px;
left: -6px;
background-size: 16px 16px;
}
.filemanager .fp-contextmenu {
display: none;
}
.filemanager .fp-iconview .fp-folder.fp-hascontextmenu .fp-contextmenu {
position: absolute;
right: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
}
.filemanager .fp-treeview .fp-folder.fp-hascontextmenu .fp-contextmenu, .filemanager .fp-tableview .fp-folder.fp-hascontextmenu .fp-contextmenu {
display: inline;
position: absolute;
left: 14px;
margin-right: -20px;
top: 6px;
}
.filepicker-filelist .filepicker-container, .filemanager.fm-noitems .fm-empty-container {
display: block;
position: absolute;
top: 10px;
bottom: 10px;
left: 10px;
right: 10px;
border: 2px dashed #bbb;
padding-top: 85px;
text-align: center;
}
.filepicker-filelist .dndupload-target, .filemanager-container .dndupload-target {
background: #fff;
position: absolute;
top: 10px;
bottom: 10px;
left: 10px;
right: 10px;
border: 2px dashed #fb7979;
padding-top: 85px;
text-align: center;
}
.filepicker-filelist.dndupload-over .dndupload-target, .filemanager-container.dndupload-over .dndupload-target {
background: #fff;
position: absolute;
top: 10px;
bottom: 10px;
left: 10px;
right: 10px;
border: 2px dashed #6c8cd3;
padding-top: 85px;
text-align: center;
}
.dndupload-message {
display: none;
}
.dndsupported .dndupload-message {
display: inline;
}
.dnduploadnotsupported-message {
display: none;
}
.dndnotsupported .dnduploadnotsupported-message {
display: inline;
}
.dndupload-target {
display: none;
}
.dndsupported .dndupload-ready .dndupload-target {
display: block;
}
.dndupload-uploadinprogress {
display: none;
text-align: center;
}
.dndupload-uploading .dndupload-uploadinprogress {
display: block;
}
.dndupload-arrow {
width: 100%;
height: 80px;
position: absolute;
top: 5px;
color: #8f959e;
}
.fitem.disabled .filepicker-container, .fitem.disabled .fm-empty-container {
display: none;
}
.dndupload-progressbars {
padding: 10px;
display: none;
}
.dndupload-inprogress .dndupload-progressbars {
display: block;
}
.dndupload-inprogress .fp-content {
display: none;
}
.filemanager.fm-noitems .dndupload-inprogress .fm-empty-container {
display: none;
}
.filepicker-filelist.dndupload-inprogress .filepicker-container {
display: none;
}
.filepicker-filelist.dndupload-inprogress a {
display: none;
}
.filemanager.fp-select .fp-select-loading {
display: none;
}
.filemanager.fp-select.loading .fp-select-loading {
display: block;
}
.filemanager.fp-select.loading form {
display: none;
}
.filemanager.fp-select.fp-folder .fp-license, .filemanager.fp-select.fp-folder .fp-author, .filemanager.fp-select.fp-file .fp-file-unzip, .filemanager.fp-select.fp-folder .fp-file-unzip, .filemanager.fp-select.fp-file .fp-file-zip, .filemanager.fp-select.fp-zip .fp-file-zip {
display: none;
}
.filemanager.fp-select .fp-file-setmain, .filemanager.fp-select .fp-file-setmain-help {
display: none;
}
.filemanager.fp-select.fp-cansetmain .fp-file-setmain, .filemanager.fp-select.fp-cansetmain .fp-file-setmain-help {
display: inline-block;
}
.filemanager .fp-mainfile .fp-filename {
font-weight: bold;
}
.filemanager.fp-select.fp-folder .fp-file-download {
display: none;
}
.fm-operation {
font-weight: bold;
}
.filemanager.fp-select .fp-original.fp-unknown, .filemanager.fp-select .fp-original .fp-originloading {
display: none;
}
.filemanager.fp-select .fp-original.fp-loading .fp-originloading {
display: inline;
}
.filemanager.fp-select .fp-reflist.fp-unknown, .filemanager.fp-select .fp-reflist .fp-reflistloading {
display: none;
}
.filemanager.fp-select .fp-reflist.fp-loading .fp-reflistloading {
display: inline;
}
.filemanager.fp-select .fp-reflist .fp-value {
background: #f9f9f9;
border: 1px solid #bbb;
padding: 8px 7px;
margin: 0;
max-height: 75px;
overflow: auto;
}
.filemanager.fp-select .fp-reflist .fp-value li {
padding-bottom: 7px;
}
.filemanager.fp-mkdir-dlg {
text-align: center;
}
.filemanager.fp-mkdir-dlg .fp-mkdir-dlg-text {
text-align: left;
margin: 20px;
}
.filemanager.fp-dlg {
text-align: center;
}
.file-picker div.bd {
text-align: left;
}
.fp-formset {
padding: 10px;
}
.fp-formset input[type="file"] {
line-height: inherit;
}
.fp-forminset {
padding: 0 10px;
}
.fp-fileinfo .fp-value {
display: inline-block;
padding-left: 5px;
}
/** The message area **/
.hidden {
display: none;
}
.preferences-container .container-fluid, .preferences-container .container-sm, .preferences-container .container-md, .preferences-container .container-lg, .preferences-container .container-xl {
padding: 0;
}
.preferences-container .container-fluid .col-md-6, .preferences-container .container-sm .col-md-6, .preferences-container .container-md .col-md-6, .preferences-container .container-lg .col-md-6, .preferences-container .container-xl .col-md-6 {
min-height: 20px;
}
.preferences-container .align-bottom {
vertical-align: bottom;
}
.preferences-container .preference-table {
border: 1px solid #ddd;
}
.preferences-container .preference-table thead th {
text-align: center;
}
.preferences-container .preference-table thead th .config-warning {
display: none;
}
.preferences-container .preference-table thead th.unconfigured .config-warning {
display: inline-block;
}
.preferences-container .preference-table tr th {
border-left: 1px solid #dee2e6;
}
.preferences-container .preference-table tr td:not(:first-child) {
width: 150px;
text-align: center;
}
.preferences-container .preference-table tr td:nth-child(even) {
border: 1px solid #dee2e6;
}
.preferences-container .preference-table .preference-row .hover-tooltip-container {
display: inline-block;
}
.preferences-container .preference-table .preference-row .preference-name {
vertical-align: middle;
}
.preferences-container .preference-table .preference-row .disabled-message {
text-align: center;
height: 30px;
line-height: 30px;
}
.preferences-container .preference-table .preference-row.loading .preference-name .loading-icon {
display: block;
}
.disabled-message {
display: none;
}
.disabled .disabled-message {
display: block;
}
.disabled .disabled-message + form {
display: none;
}
.general-settings-container .loading-icon {
display: none;
}
.general-settings-container .loading .loading-icon {
display: inline-block;
}
.general-settings-container label {
display: inline-block;
}
.processor-container {
position: relative;
}
.processor-container .loading-container {
display: none;
position: absolute;
width: 100%;
height: 100%;
text-align: center;
background-color: rgba(255, 255, 255, 0.5);
}
.processor-container .loading-container .vertical-align {
height: 100%;
width: 0%;
display: inline-block;
vertical-align: middle;
}
.processor-container.loading .loading-container {
display: block;
}
.preferences-page-container .checkbox-container {
margin: 30px 5px;
line-height: 20px;
}
.preferences-page-container .checkbox-container input {
line-height: 20px;
margin: 0;
}
.preferences-page-container .checkbox-container .loading-icon {
display: none;
}
.preferences-page-container .checkbox-container.loading .loading-icon {
display: inline-block;
}
.notification-area {
height: 600px;
box-sizing: border-box;
border-radius: 4px;
margin-bottom: 30px;
border: 1px solid #e3e3e3;
}
@media (max-height: 670px) {
.notification-area {
height: 500px;
}
}
.notification-area .control-area {
box-sizing: border-box;
display: inline-block;
width: 300px;
height: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
border-right: 1px solid #e3e3e3;
}
.notification-area .control-area .content {
position: relative;
}
.notification-area .control-area .content .content-item-container {
cursor: pointer;
}
.notification-area .control-area .content:empty + .empty-text {
display: block;
}
.notification-area .control-area .loading-icon {
display: none;
}
.notification-area .control-area .empty-text {
display: none;
text-align: center;
padding-top: 20px;
}
.notification-area .control-area.loading .loading-icon {
display: block;
text-align: center;
box-sizing: border-box;
padding: 5px;
}
.notification-area .control-area.loading .content:empty + .empty-text {
display: none;
}
.notification-area .content-area {
box-sizing: border-box;
display: inline-block;
width: calc(100% - 300px);
float: right;
}
.notification-area .content-area .toggle-mode {
display: none;
}
.notification-area .content-area .header {
height: 50px;
box-sizing: border-box;
border-bottom: 1px solid #e3e3e3;
padding: 5px;
}
.notification-area .content-area .header .image-container {
display: inline-block;
height: 25px;
width: 24px;
float: left;
}
.notification-area .content-area .header .subject-container {
display: inline-block;
max-width: calc(100% - 24px);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
height: 25px;
padding-left: 5px;
box-sizing: border-box;
}
.notification-area .content-area .header .timestamp {
font-size: 10px;
line-height: 10px;
margin: 0;
color: #666;
margin-left: 30px;
}
.notification-area .content-area .header:empty {
display: none;
}
.notification-area .content-area > .content {
height: 500px;
box-sizing: border-box;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 15px;
}
@media (max-height: 670px) {
.notification-area .content-area > .content {
height: 400px;
}
}
.notification-area .content-area > .content:empty {
display: none;
}
.notification-area .content-area > .content:empty + .empty-text {
display: block;
text-align: center;
padding-top: 100px;
}
.notification-area .content-area .empty-text {
display: none;
}
.notification-area .content-area .footer {
height: 50px;
box-sizing: border-box;
text-align: center;
}
.notification-area .content-area .footer a {
line-height: 50px;
}
.notification-area .content-area .footer:empty {
display: none;
}
@media (max-width: 979px) {
.notification-area {
position: relative;
overflow: hidden;
}
.notification-area .control-area {
border-right: none;
width: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 1;
visibility: visible;
transition: left 0.25s;
}
.notification-area .content-area {
width: 100%;
position: absolute;
top: 0;
right: -100%;
opacity: 0;
visibility: hidden;
transition: right 0.25s, opacity 0.25s, visibility 0.25s;
}
.notification-area .content-area .toggle-mode {
display: inline-block;
float: left;
width: 70px;
height: 50px;
line-height: 50px;
box-sizing: border-box;
border-right: 1px solid #e3e3e3;
border-bottom: 1px solid #e3e3e3;
}
.notification-area .content-area .header {
display: inline-block;
width: calc(100% - 70px);
}
.notification-area.show-content-area .control-area {
left: -100%;
opacity: 0;
visibility: hidden;
transition: left 0.25s, opacity 0.25s, visibility 0.25s;
}
.notification-area.show-content-area .content-area {
right: 0;
opacity: 1;
visibility: visible;
transition: right 0.25s;
}
}
.drawer .message-app {
height: 100%;
}
.drawer .message-app .icon-back-in-app {
display: none;
}
.drawer .message-app .icon-back-in-drawer {
display: inherit;
}
.message-app {
display: flex;
flex-direction: column;
background-color: #eff1f3;
}
.message-app .icon-back-in-drawer {
display: none;
}
.message-app.main {
min-height: 400px;
}
.message-app .header-container {
flex-shrink: 0;
}
.message-app .overflow-y {
overflow-y: auto;
}
@media (max-height: 320px) {
.message-app .header-container [data-region="view-overview"]:not(.hidden) {
display: flex;
align-items: center;
}
.message-app .footer-container [data-region="view-overview"] {
display: none;
}
.message-app .overflow-y {
overflow-y: unset;
}
}
.message-app .body-container {
flex: 1;
overflow: hidden;
}
.message-app .body-container > * {
position: absolute;
right: 0;
left: 0;
top: 0;
bottom: 0;
overflow: auto;
}
.message-app .footer-container {
flex-shrink: 0;
}
.message-app .footer-container textarea {
direction: ltr;
}
.message-app .contact-status {
position: absolute;
left: 39px;
top: 34px;
}
.message-app .contact-status.online .icon {
color: #357a32;
}
.message-app .message p {
margin: 0;
}
.message-app .clickable {
cursor: pointer;
}
.message-app .clickable:hover {
filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.3));
}
.message-app a, .message-app .btn-link {
color: inherit;
}
.message-app .btn-link:hover, .message-app .btn-link:focus {
background-color: rgba(0, 0, 0, 0.035);
text-decoration: none;
}
.message-app .icon {
margin-right: 0;
}
.message-app .overview-section-toggle .collapsed-icon-container {
display: none;
}
.message-app .overview-section-toggle .expanded-icon-container {
display: inline-block;
}
.message-app .overview-section-toggle.collapsed .collapsed-icon-container {
display: inline-block;
}
.message-app .overview-section-toggle.collapsed .expanded-icon-container {
display: none;
}
.message-app .btn.btn-link.btn-icon, .message-app .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.btn-link.btn-icon.collapseexpand, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .message-app a.btn-link.btn-icon.collapseexpand, .message-app .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.btn-link.btn-icon.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .message-app a.btn-link.btn-icon.collapseexpand, .message-app #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.btn-link.btn-icon.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .message-app a.btn-link.btn-icon.collapseexpand {
height: 16px;
width: 16px;
padding: 0;
border-radius: 50%;
flex-shrink: 0;
}
.message-app .btn.btn-link.btn-icon.icon-size-0, .message-app .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.btn-link.btn-icon.icon-size-0.collapseexpand, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .message-app a.btn-link.btn-icon.icon-size-0.collapseexpand, .message-app .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.btn-link.btn-icon.icon-size-0.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .message-app a.btn-link.btn-icon.icon-size-0.collapseexpand, .message-app #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.btn-link.btn-icon.icon-size-0.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .message-app a.btn-link.btn-icon.icon-size-0.collapseexpand {
height: 20px !important;
/* stylelint-disable-line declaration-no-important */
width: 20px !important;
/* stylelint-disable-line declaration-no-important */
}
.message-app .btn.btn-link.btn-icon.icon-size-1, .message-app .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.btn-link.btn-icon.icon-size-1.collapseexpand, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .message-app a.btn-link.btn-icon.icon-size-1.collapseexpand, .message-app .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.btn-link.btn-icon.icon-size-1.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .message-app a.btn-link.btn-icon.icon-size-1.collapseexpand, .message-app #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.btn-link.btn-icon.icon-size-1.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .message-app a.btn-link.btn-icon.icon-size-1.collapseexpand {
height: 24px !important;
/* stylelint-disable-line declaration-no-important */
width: 24px !important;
/* stylelint-disable-line declaration-no-important */
}
.message-app .btn.btn-link.btn-icon.icon-size-2, .message-app .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.btn-link.btn-icon.icon-size-2.collapseexpand, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .message-app a.btn-link.btn-icon.icon-size-2.collapseexpand, .message-app .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.btn-link.btn-icon.icon-size-2.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .message-app a.btn-link.btn-icon.icon-size-2.collapseexpand, .message-app #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.btn-link.btn-icon.icon-size-2.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .message-app a.btn-link.btn-icon.icon-size-2.collapseexpand {
height: 28px !important;
/* stylelint-disable-line declaration-no-important */
width: 28px !important;
/* stylelint-disable-line declaration-no-important */
}
.message-app .btn.btn-link.btn-icon.icon-size-3, .message-app .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.btn-link.btn-icon.icon-size-3.collapseexpand, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .message-app a.btn-link.btn-icon.icon-size-3.collapseexpand, .message-app .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.btn-link.btn-icon.icon-size-3.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .message-app a.btn-link.btn-icon.icon-size-3.collapseexpand, .message-app #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.btn-link.btn-icon.icon-size-3.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .message-app a.btn-link.btn-icon.icon-size-3.collapseexpand {
height: 36px !important;
/* stylelint-disable-line declaration-no-important */
width: 36px !important;
/* stylelint-disable-line declaration-no-important */
}
.message-app .btn.btn-link.btn-icon.icon-size-4, .message-app .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.btn-link.btn-icon.icon-size-4.collapseexpand, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .message-app a.btn-link.btn-icon.icon-size-4.collapseexpand, .message-app .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.btn-link.btn-icon.icon-size-4.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .message-app a.btn-link.btn-icon.icon-size-4.collapseexpand, .message-app #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.btn-link.btn-icon.icon-size-4.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .message-app a.btn-link.btn-icon.icon-size-4.collapseexpand {
height: 44px !important;
/* stylelint-disable-line declaration-no-important */
width: 44px !important;
/* stylelint-disable-line declaration-no-important */
}
.message-app .btn.btn-link.btn-icon.icon-size-5, .message-app .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.btn-link.btn-icon.icon-size-5.collapseexpand, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .message-app a.btn-link.btn-icon.icon-size-5.collapseexpand, .message-app .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.btn-link.btn-icon.icon-size-5.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .message-app a.btn-link.btn-icon.icon-size-5.collapseexpand, .message-app #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.btn-link.btn-icon.icon-size-5.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .message-app a.btn-link.btn-icon.icon-size-5.collapseexpand {
height: 52px !important;
/* stylelint-disable-line declaration-no-important */
width: 52px !important;
/* stylelint-disable-line declaration-no-important */
}
.message-app .btn.btn-link.btn-icon.icon-size-6, .message-app .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.btn-link.btn-icon.icon-size-6.collapseexpand, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .message-app a.btn-link.btn-icon.icon-size-6.collapseexpand, .message-app .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.btn-link.btn-icon.icon-size-6.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .message-app a.btn-link.btn-icon.icon-size-6.collapseexpand, .message-app #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.btn-link.btn-icon.icon-size-6.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .message-app a.btn-link.btn-icon.icon-size-6.collapseexpand {
height: 60px !important;
/* stylelint-disable-line declaration-no-important */
width: 60px !important;
/* stylelint-disable-line declaration-no-important */
}
.message-app .btn.btn-link.btn-icon.icon-size-7, .message-app .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.btn-link.btn-icon.icon-size-7.collapseexpand, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .message-app a.btn-link.btn-icon.icon-size-7.collapseexpand, .message-app .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.btn-link.btn-icon.icon-size-7.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .message-app a.btn-link.btn-icon.icon-size-7.collapseexpand, .message-app #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.btn-link.btn-icon.icon-size-7.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .message-app a.btn-link.btn-icon.icon-size-7.collapseexpand {
height: 68px !important;
/* stylelint-disable-line declaration-no-important */
width: 68px !important;
/* stylelint-disable-line declaration-no-important */
}
.message-app .view-overview-body .section {
display: block;
}
.message-app .view-overview-body .section.expanded {
display: flex;
}
.message-app .view-overview-body .section div[data-region="toggle"] {
padding: 0.1rem;
}
.message-app .view-conversation .content-message-container img {
max-width: 100%;
}
.message-app .list-group {
border-radius: 0;
}
.message-app .list-group .list-group-item {
border-left: 0;
border-right: 0;
}
.message-app .list-group .list-group-item:hover {
color: #fff;
background-color: #0f6cbf;
}
.message-app .list-group .list-group-item:hover .badge-primary {
background-color: #fff;
color: #0f6cbf;
}
.message-app .list-group .list-group-item:first-child {
border-top: 0;
}
.message-app .list-group .list-group-item:last-child {
border-bottom: 0;
}
.message-app .list-group .list-group-item.list-group-item-action {
margin: 0.1rem;
width: auto;
text-align: inherit;
}
.message-app .last-message {
min-height: 1.5rem;
}
.message-app .section .collapsing {
overflow: hidden;
}
.message-app .message.send {
background-color: #dee2e6;
color: #1d2125;
}
.message-app .message.send .time {
color: #1d2125;
}
.message-app .message.send .tail {
right: 0;
margin-right: -0.5rem;
border-bottom-color: #dee2e6;
}
.message-app .message.received {
background-color: #fff;
color: #1d2125;
}
.message-app .message.received .time {
color: #616466;
}
.message-app .message.received .tail {
left: 0;
margin-left: -0.5rem;
border-bottom-color: #fff;
}
.message-app .message .tail {
content: "";
bottom: 0;
width: 0;
height: 0;
border: 0.5rem solid transparent;
position: relative;
}
.message-app .day {
color: #1d2125;
}
.message-app .lazy-load-list {
overflow-y: auto;
}
#page-message-index #page-header {
display: none;
}
#page-message-index #region-main {
height: 100%;
margin-top: 0;
}
#page-message-index #region-main .conversationcontainer .section {
max-height: calc(100vh - 50px);
}
#page-message-index #region-main div[role="main"] {
height: 100%;
}
#page-message-index #region-main div[role="main"] #maincontent {
margin-top: -1px;
}
#page-message-index #region-main div[role="main"] .message-app.main {
height: 100%;
}
.dir-rtl .message-drawer {
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.08);
}
.message-app .emoji-picker-container {
position: absolute;
top: -5px;
right: 5px;
transform: translateY(-100%);
}
.message-app .emoji-picker-container .emoji-picker .picker-row .emoji-button {
height: 40px;
width: 40px;
}
@media (max-width: 575.98px) {
.message-app .emoji-picker-container {
right: -0.5rem;
}
}
@media (max-height: 495px) {
.message-app .emoji-picker-container {
position: fixed;
top: 0;
transform: none;
}
}
.message-app .emoji-auto-complete-container {
overflow: auto;
max-height: 90px;
transition: max-height 0.15s ease-in-out;
visibility: visible;
}
.message-app .emoji-auto-complete-container.hidden {
display: block;
max-height: 0;
visibility: hidden;
overflow: hidden;
transition: max-height 0.15s ease-in-out, visibility 0s linear 0.15s, overflow 0s linear 0.15s;
}
/* Question */
.questionbank h2 {
margin-top: 0;
}
.questioncategories h3 {
margin-top: 0;
}
#chooseqtypebox {
margin-top: 1em;
}
#chooseqtype h3 {
margin: 0 0 0.3em;
}
#chooseqtype .instruction {
display: none;
}
#chooseqtype .fakeqtypes {
border-top: 1px solid silver;
}
#chooseqtype .qtypeoption {
margin-bottom: 0.5em;
}
#chooseqtype label {
display: block;
}
#chooseqtype .qtypename img {
padding: 0 0.3em;
}
#chooseqtype .qtypename {
display: inline-table;
width: 16em;
}
#chooseqtype .qtypesummary {
display: block;
margin: 0 2em;
}
#chooseqtype .submitbuttons {
margin: 0.7em 0;
text-align: center;
}
#qtypechoicecontainer {
display: none;
}
#qtypechoicecontainer_c.yui-panel-container.shadow .underlay, .pagelayout-frontpage .theme_boost_union-catlisting > .content > .subcategories .category #qtypechoicecontainer_c.yui-panel-container.theme_boost_union-courselisting .underlay, .pagelayout-coursecategory .theme_boost_union-catlisting > .content > .subcategories .category #qtypechoicecontainer_c.yui-panel-container.theme_boost_union-courselisting .underlay, #page-course-search .theme_boost_union-catlisting > .content > .subcategories .category #qtypechoicecontainer_c.yui-panel-container.theme_boost_union-courselisting .underlay {
background: none;
}
#qtypechoicecontainer.yui-panel .hd {
color: #333;
letter-spacing: 1px;
text-shadow: 1px 1px 1px #fff;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border: 1px solid #ccc;
border-bottom: 1px solid #bbb;
background-image: linear-gradient(to bottom, #fff 0%, #ccc 100%);
background-repeat: repeat-x;
}
#qtypechoicecontainer {
font-size: 12px;
color: #333;
background: #f2f2f2;
border-radius: 10px;
border: 1px solid #ccc;
border-top: 0 none;
}
#qtypechoicecontainer #chooseqtype {
width: 40em;
}
#chooseqtypehead h3 {
margin: 0;
font-weight: normal;
}
#chooseqtype .qtypes {
position: relative;
border-bottom: 1px solid #bbb;
padding: 0.24em 0;
}
#chooseqtype .alloptions {
overflow-x: hidden;
overflow-y: auto;
max-height: calc(100vh - 15em);
width: 60%;
}
#chooseqtype .qtypeoption {
margin-bottom: 0;
padding: 0.3em 0.3em 0.3em 1.6em;
}
#chooseqtype .qtypeoption img {
vertical-align: text-bottom;
padding-left: 1em;
padding-right: 0.5em;
}
#chooseqtype .selected {
background-color: #fff;
}
#chooseqtype .instruction, #chooseqtype .qtypesummary {
display: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 60%;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
padding: 1.5em 1.6em;
background-color: #fff;
}
#chooseqtype .instruction, #chooseqtype .selected .qtypesummary {
display: block;
}
table.question-bank-table {
margin: 0;
background-color: #fff;
table-layout: fixed;
overflow-x: scroll;
width: min-content;
max-width: 100%;
}
table.question-bank-table th {
text-align: left;
}
table.question-bank-table > tbody > tr.r1 {
background-color: rgba(0, 0, 0, 0.03);
}
table.question-bank-table > tbody > tr.highlight {
border: 1px solid #008196;
}
table.question-bank-table .checkbox input[type="checkbox"] {
margin-left: 0;
float: none;
}
table.question-bank-table .iconcol {
padding: 3px;
box-sizing: content-box;
}
table.question-bank-table .iconcol .icon {
margin: 0;
width: 12px;
height: 12px;
}
table.question-bank-table label {
margin: 0;
display: block;
}
table.question-bank-table .header {
text-align: left;
}
table.question-bank-table .header.sortable-list-current-position {
background-color: #a2cff8;
}
table.question-bank-table .header.sortable-list-is-dragged {
background-color: #fff;
opacity: 0.85;
}
table.question-bank-table .header .header-text > div {
display: inline-block;
}
table.question-bank-table .header .dropdown-toggle::after {
margin-left: 0;
}
table.question-bank-table .header.checkbox .form-check {
padding-left: 0;
}
#page-mod-quiz-edit div.questionbankwindow div.header {
margin: 0;
}
#page-mod-quiz-edit div.questionbankwindow.block {
padding: 0;
}
.questionbank .singleselect {
margin: 0;
}
/* Question editing form */
#combinedfeedbackhdr div.fhtmleditor {
padding: 0;
}
#combinedfeedbackhdr div.fcheckbox {
margin-bottom: 1em;
}
#multitriesheader div.fitem_feditor {
margin-top: 1em;
}
#multitriesheader div.fitem_fgroup {
margin-bottom: 1em;
}
#multitriesheader div.fitem_fgroup fieldset.felement label {
margin-left: 0.3em;
margin-right: 0.3em;
}
body.path-question-type {
/* Hacks to display the labels within a form group. */
}
body.path-question-type .fitem .col-form-label.sr-only:not(legend):not([for="id_category"], [for="id_filetypeslist"]) {
position: static;
width: auto;
height: auto;
padding: 0;
margin: 0 0.5rem 0 0;
overflow: visible;
clip: auto;
clip-path: none;
border: 0;
}
.que {
clear: left;
text-align: left;
margin: 0 auto 1.8em auto;
}
.que .info {
float: left;
width: 7em;
padding: 0.5em;
margin-bottom: 1.8em;
background-color: #f8f9fa;
border: 1px solid #cad0d7;
border-radius: 2px;
}
.que h3.no {
margin: 0;
font-size: 0.8em;
line-height: 1;
}
.que span.qno {
font-size: 1.5em;
font-weight: bold;
word-break: break-word;
}
.que .info > div {
font-size: 0.8em;
margin-top: 0.7em;
}
.que .info .questionflag.editable {
cursor: pointer;
}
.que .info .editquestion img, .que .info .questionflag img, .que .info .questionflag input {
vertical-align: bottom;
}
.que .content {
margin: 0 0 0 8.5em;
}
.que .formulation, .que .outcome, .que .comment {
position: relative;
padding: 0.75rem 1.25rem;
margin-bottom: 1rem;
border: 0 solid transparent;
border-radius: 0.5rem;
}
.que .outcome, .que .comment {
color: #8e662e;
background-color: #fcefdc;
border-color: #fbe6ca;
/* stylelint-disable-line max-line-length */
}
.que .outcome hr, .que .comment hr {
border-top-color: #f9dbb2;
}
.que .outcome .alert-link, .que .comment .alert-link {
color: #674a22;
}
.que .outcome a, .que .comment a {
color: #041c31;
}
.que .formulation {
color: #000d0f;
background-color: #cce6ea;
border-color: #b3d9e0;
/* stylelint-disable-line max-line-length */
}
.que .formulation hr {
border-top-color: #a1d0d9;
}
.que .formulation .alert-link {
color: black;
}
.que.multichoice .answer div.r0 .icon.fa-check, .que.multichoice .answer div.r1 .icon.fa-check, .que.multichoice .answer div.r0 .icon.fa-remove, .que.multichoice .answer div.r1 .icon.fa-remove {
text-indent: 0;
}
.formulation input[type="text"], .formulation select {
width: auto;
vertical-align: baseline;
}
.que.multianswer .formulation .yui3-widget-positioned {
box-sizing: content-box;
}
.que.multianswer .formulation .yui3-widget-positioned .feedbackspan {
width: inherit;
max-width: inherit;
}
.que input[size], .que textarea[cols] {
width: auto;
max-width: 100%;
}
.que .comment {
color: #1b3d19;
background-color: #d7e4d6;
border-color: #c2d7c2;
/* stylelint-disable-line max-line-length */
}
.que .comment hr {
border-top-color: #b3cdb3;
}
.que .comment .alert-link {
color: #0b190a;
}
.que .ablock {
margin: 0.7em 0 0.3em 0;
}
.que .im-controls {
margin-top: 0.5em;
text-align: left;
}
.que .specificfeedback, .que .generalfeedback, .que .numpartscorrect .que .rightanswer, .que .im-feedback, .que .feedback, .que p {
margin: 0 0 0.5em;
}
.que .correctness.correct {
color: #fff;
background-color: #357a32;
}
a.que .correctness.correct:hover, a.que .correctness.correct:focus {
color: #fff;
background-color: #255623;
}
a.que .correctness.correct:focus, a.que .correctness.correct.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.5);
}
.que .correctness.partiallycorrect {
color: #1d2125;
background-color: #f0ad4e;
}
a.que .correctness.partiallycorrect:hover, a.que .correctness.partiallycorrect:focus {
color: #1d2125;
background-color: #ec971f;
}
a.que .correctness.partiallycorrect:focus, a.que .correctness.partiallycorrect.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);
}
.que .correctness.notanswered, .que .correctness.incorrect {
color: #fff;
background-color: #ca3120;
}
a.que .correctness.notanswered:hover, a.que .correctness.incorrect:hover, a.que .correctness.notanswered:focus, a.que .correctness.incorrect:focus {
color: #fff;
background-color: #9e2619;
}
a.que .correctness.notanswered:focus, a.que .correctness.incorrect:focus, a.que .correctness.notanswered.focus, a.que .correctness.incorrect.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.5);
}
.que .qtext {
margin-bottom: 1.5em;
}
.que .validationerror {
color: #ca3120;
}
.que .grading, .que .comment, .que .commentlink, .que .history {
margin-top: 0.5em;
}
.que .history h3 {
margin: 0 0 0.2em;
font-size: 1em;
}
.que .history table {
width: 100%;
margin: 0;
}
.que .history .current {
font-weight: bold;
}
.que .questioncorrectnessicon {
vertical-align: text-bottom;
}
body.jsenabled .questionflag input[type=checkbox] {
display: none;
}
.que .questionflagimage {
padding-right: 3px;
height: 16px;
width: 16px;
}
.importerror {
margin-top: 10px;
border-bottom: 1px solid #555;
}
.mform .que.comment .fitemtitle {
width: 20%;
}
#page-question-preview #techinfo {
margin: 1em 0;
}
#page-question-preview .collapsibleregion .collapsibleregioncaption, #page-question-preview .collapsibleregion .collapsibleregionextracontent {
display: inline-block;
}
#page-mod-quiz-edit ul.slots .activityinstance > a {
display: flex;
max-width: 100%;
align-items: center;
text-indent: 0;
padding-left: 0;
}
#page-mod-quiz-edit ul.slots .activityinstance img.activityicon {
margin-left: 0;
width: 16px;
height: 16px;
padding-right: 4px;
}
#page-mod-quiz-edit .activity img.activityicon {
vertical-align: text-top;
}
#page-mod-quiz-edit .box.generalbox.questionbank {
padding: 0.5em;
}
#page-mod-quiz-edit .questionbank .categorypagingbarcontainer, #page-mod-quiz-edit .questionbank .categoryquestionscontainer, #page-mod-quiz-edit .questionbank .choosecategory {
padding: 0;
}
#page-mod-quiz-edit .questionbank .choosecategory select {
width: 100%;
}
#page-mod-quiz-edit div.questionbank .categoryquestionscontainer {
background: transparent;
}
#page-mod-quiz-edit .questionbankwindow div.header {
color: #444;
text-shadow: none;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
margin: 0 -10px 0 -10px;
padding: 2px 10px 2px 10px;
background: transparent;
/* Old browsers */
}
#page-mod-quiz-edit .questionbankwindow div.header a:link, #page-mod-quiz-edit .questionbankwindow div.header a:visited {
color: #0f6cbf;
}
#page-mod-quiz-edit .questionbankwindow div.header a:hover {
color: #094478;
}
#page-mod-quiz-edit .createnewquestion {
padding: 0.3em 0;
}
#page-mod-quiz-edit .createnewquestion div, #page-mod-quiz-edit .createnewquestion input {
margin: 0;
}
#page-mod-quiz-edit .questionbankwindow div.header .title {
color: #1d2125;
}
#page-mod-quiz-edit div.container div.generalbox {
background-color: transparent;
padding: 1.5em;
}
#page-mod-quiz-edit .categoryinfo {
background-color: transparent;
border-bottom: none;
}
#page-mod-quiz-edit .createnewquestion .singlebutton input {
margin-bottom: 0;
}
#page-mod-quiz-edit div.questionbank .categorysortopotionscontainer, #page-mod-quiz-edit div.questionbank .categoryselectallcontainer {
padding: 0 0 1.5em 0;
}
#page-mod-quiz-edit div.questionbank .categorypagingbarcontainer {
background-color: transparent;
margin: 0;
border-top: 0;
border-bottom: 0;
}
#page-mod-quiz-edit div.questionbank .categorypagingbarcontainer .paging {
padding: 0 0.3em;
}
#page-mod-quiz-edit div.question div.content div.questioncontrols {
background-color: #fff;
}
#page-mod-quiz-edit div.question div.content div.points {
margin-top: -0.5em;
padding-bottom: 0;
border: none;
background-color: #fff;
position: static;
width: 12.1em;
float: right;
margin-right: 60px;
}
#page-mod-quiz-edit div.question div.content div.points br {
display: none;
}
#page-mod-quiz-edit div.question div.content div.points label {
display: inline-block;
}
#page-mod-quiz-edit div.quizpage .pagecontent .pagestatus {
background-color: #fff;
}
#page-mod-quiz-edit .quizpagedelete, #page-mod-quiz-edit .quizpagedelete img {
background-color: transparent;
}
#page-mod-quiz-edit div.quizpage .pagecontent {
border: 1px solid #ddd;
border-radius: 2px;
overflow: hidden;
}
#page-mod-quiz-edit div.questionbank .categoryinfo {
padding: 0.3em 0;
}
.questionbankwindow .module {
width: auto;
}
.questionbankwindow .form-autocomplete-selection {
margin-left: 0;
}
#page-mod-quiz-edit div.editq div.question div.content {
background-color: #fff;
border: 1px solid #ddd;
border-radius: 2px;
overflow: hidden;
}
#page-mod-quiz-edit ul.slots .activityinstance img.activityicon {
margin-top: 0;
padding-right: 4px;
}
.path-mod-quiz .statedetails {
display: block;
font-size: 0.9em;
}
a#hidebankcmd {
color: #0f6cbf;
}
.que.shortanswer .answer {
padding: 0;
}
.que label {
display: inline;
}
.que .content .answer div[data-region="answer-label"] .mediaplugin {
width: 400px;
}
body.path-question-type .mform fieldset.hidden {
padding: 0;
margin: 0.7em 0 0;
}
.que.ddwtos, .que.ddwtos .drop {
box-sizing: content-box;
}
.tag-condition-container {
position: relative;
}
@media (max-width: 767.98px) {
.que .info {
float: none;
width: auto;
}
.que .content {
margin: 0;
}
}
.qbank_managecategories-item.qbank_managecategories-droptarget-before, .qbank_managecategories-item .qbank_managecategories-item.qbank_managecategories-droptarget-before, .qbank_managecategories-categorylist.qbank_managecategories-droptarget-before > .qbank_managecategories-item:first-child {
border-top-color: #0f6cbf;
}
.qbank_managecategories-item.qbank_managecategories-droptarget, .qbank_managecategories-categorylist.qbank_managecategories-droptarget > .qbank_managecategories-item:last-child {
border-bottom-color: #0f6cbf;
}
.qbank_managecategories-newchild.qbank_managecategories-droptarget {
border-color: #0f6cbf;
color: #0f6cbf;
}
/* user.less */
.userprofile .fullprofilelink {
text-align: center;
margin: 10px;
}
.userprofile .page-context-header {
margin-bottom: 10px;
column-count: 1;
}
.userprofile .description {
margin-top: 10px;
margin-bottom: 30px;
}
.userprofile .profile_tree {
column-count: 2;
}
#participantsform .no-overflow {
overflow: visible;
}
.userprofile dl.list > dd + dt {
clear: left;
}
.user-box {
margin: 8px;
width: 115px;
height: 160px;
text-align: center;
float: left;
clear: none;
}
#page-user-profile .node_category ul, .path-user .node_category ul {
margin: 0;
list-style: none;
padding-left: 0;
}
#page-user-profile .node_category li, .path-user .node_category li {
margin-top: 5px;
}
#page-user-profile .node_category .editprofile, #page-user-profile .node_category .viewmore, .path-user .node_category .editprofile, .path-user .node_category .viewmore {
text-align: right;
}
.ajax-contact-button {
box-sizing: border-box;
position: relative;
}
.ajax-contact-button.loading .loading-icon {
display: block;
}
.ajax-contact-button .loading-icon {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.7);
}
.ajax-contact-button .loading-icon .icon {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
@media (max-width: 480px) {
.userprofile .profile_tree {
/** Display the profile on one column on phones@mixin */
column-count: 1;
}
}
.userlist #showall {
margin: 10px 0;
}
.userlist .buttons {
text-align: center;
}
.userlist .buttons label {
padding: 0 3px;
}
.userlist table#participants {
text-align: center;
}
.userlist table#participants td {
text-align: left;
padding: 4px;
vertical-align: middle;
}
.userlist table#participants th {
text-align: left;
padding: 4px;
}
.userlist table.controls {
width: 100%;
}
.userlist table.controls tr {
vertical-align: top;
}
.userlist table.controls .right {
text-align: right;
}
.userlist table.controls .groupselector {
margin-bottom: 0;
margin-top: 0;
}
.userlist table.controls .groupselector label {
display: block;
}
.userinfobox {
width: 100%;
border: 1px solid;
border-collapse: separate;
padding: 10px;
}
.userinfobox .left, .userinfobox .side {
width: 100px;
vertical-align: top;
}
.userinfobox .userpicture {
width: 100px;
height: 100px;
}
.userinfobox .content {
vertical-align: top;
}
.userinfobox .links {
width: 100px;
padding: 5px;
vertical-align: bottom;
}
.userinfobox .links a {
display: block;
}
.userinfobox .list td {
padding: 3px;
}
.userinfobox .username {
padding-bottom: 20px;
font-weight: bold;
}
.userinfobox td.label {
text-align: right;
white-space: nowrap;
vertical-align: top;
font-weight: bold;
}
.group-edit {
position: absolute;
right: 0;
margin-right: 0.6em;
}
.group-image {
display: block;
float: left;
margin-right: 1em;
}
.group-image .grouppicture {
border-radius: 50%;
}
.groupinfobox .left {
padding: 10px;
width: 100px;
vertical-align: top;
}
.course-participation #showall {
text-align: center;
margin: 10px 0;
}
#user-policy .noticebox {
text-align: center;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
width: 80%;
height: 250px;
}
#user-policy #policyframe {
width: 100%;
height: 100%;
}
.iplookup #map {
margin: auto;
}
.userselector select {
width: 100%;
}
.userselector div {
margin-top: 0.2em;
}
.userselector div label {
margin-right: 0.3em;
}
/* Next style does not work in all browsers but looks nicer when it does */
.userselector .userselector-infobelow {
font-size: 0.8em;
}
#userselector_options .collapsibleregioncaption {
font-weight: bold;
}
#userselector_options .collapsibleregioncaption img {
width: 16px;
height: 16px;
}
#userselector_options p {
margin: 0.2em 0;
text-align: left;
}
/** user full profile */
#page-user-profile .messagebox {
text-align: center;
margin-left: auto;
margin-right: auto;
}
/** user course profile */
#page-course-view-weeks .messagebox {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.profileeditor > .singleselect {
margin: 0 0.5em 0 0;
}
.profileeditor > .singlebutton {
display: inline-block;
margin: 0 0 0 0.5em;
}
.profileeditor > .singlebutton div, .profileeditor > .singlebutton input {
margin: 0;
}
.userlist h3 .action-icon {
display: none;
}
#page-enrol-users .popover {
max-width: none;
}
.user-enroller-panel {
width: 600px;
}
[data-filterverbfor], [data-filterregion="filter"]:last-child [data-filterregion="joinadverb"] {
display: none;
}
[data-filterverb="0"] [data-filterverbfor="0"], [data-filterverb="1"] [data-filterverbfor="1"], [data-filterverb="2"] [data-filterverbfor="2"] {
display: block;
}
#page-user-contactsitesupport .supporticon i {
font-size: 35px;
}
.search-results .result {
margin-left: 0;
margin-right: 0;
}
.search-results .result .result-content {
margin: 7px 0;
}
.search-results .result .filename {
font-style: italic;
}
.simplesearchform .input-group input.form-control {
border-top-left-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
}
.simplesearchform .btn, .simplesearchform .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .simplesearchform a.collapseexpand, .simplesearchform .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .simplesearchform a.collapseexpand, .simplesearchform #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .simplesearchform a.collapseexpand {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.simplesearchform .btn .icon, .simplesearchform .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand .icon, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .simplesearchform a.collapseexpand .icon, .simplesearchform .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand .icon, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .simplesearchform a.collapseexpand .icon, .simplesearchform #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand .icon, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .simplesearchform a.collapseexpand .icon {
margin: 0;
}
.simplesearchform .btn-submit {
border-color: #8f959e;
color: #6a737b;
}
.simplesearchform .btn-close, .simplesearchform .btn-clear {
position: absolute;
top: 0;
right: 0;
color: #6a737b;
z-index: 4;
}
.simplesearchform .btn-close {
right: 2.2rem;
opacity: inherit;
font-size: inherit;
line-height: inherit;
}
.simplesearchform .btn-submit {
background-color: #f8f9fa;
}
.simplesearchform .withclear {
padding-right: 2rem;
}
.simplesearchform .searchinput {
display: flex;
flex: 1 1 auto;
}
.simplesearchform .collapsing {
height: inherit;
transition: none;
width: inherit;
}
.simplesearchform .collapse.show, .simplesearchform .collapsing {
position: absolute;
left: 0;
top: 0;
width: 100%;
display: flex;
background-color: #fff;
z-index: 1060;
height: 60px;
}
.simplesearchform .collapse.show .searchform-navbar, .simplesearchform .collapsing .searchform-navbar {
width: auto;
margin-left: auto;
margin-right: auto;
}
.search-areas-actions {
margin-bottom: 1rem;
}
.search-areas-actions > div {
margin-right: 1rem;
display: inline-block;
}
#core-search-areas .lastcol li {
margin-left: 24px;
text-indent: -24px;
}
#core-search-areas .lastcol li > i {
text-indent: 0;
}
/**
* Moodle forms HTML isn't changeable via renderers (yet?) so this
* .less file imports styles from the bootstrap $variables file and
* adds them to the existing Moodle form CSS ids and classes.
*
*/
.jsenabled .mform .containsadvancedelements .advanced {
display: none;
}
.mform .containsadvancedelements .advanced.show {
display: flex;
}
#adminsettings span.error {
display: inline-block;
border: 1px solid #efc1bc;
border-radius: 4px;
background-color: #f4d6d2;
padding: 4px;
margin-bottom: 4px;
}
.mform .d-flex .fitem {
margin: 0.1rem 0.25rem 0.1rem 0 !important;
/* stylelint-disable-line declaration-no-important */
}
.mform .d-flex br + label {
justify-content: flex-start;
width: 100%;
margin-right: 0;
}
.d-flex > .form-control {
width: auto;
max-width: 100%;
}
.d-flex > textarea.form-control {
width: 100%;
}
.custom-select {
width: auto;
max-width: 100%;
}
#jump-to-activity.custom-select {
width: 100%;
}
.mform fieldset {
margin-bottom: 0.5rem;
border-bottom: 1px solid #dee2e6;
}
#adminsettings .form-control[size] {
width: auto;
}
#adminsettings .error {
color: #ca3120;
}
.mform ul.file-list {
padding: 0;
margin: 0;
list-style: none;
}
.mform label .req, .mform label .adv {
cursor: help;
}
/*rtl:ignore*/
input#id_externalurl {
direction: ltr;
}
#portfolio-add-button {
display: inline;
}
.form-defaultinfo, .form-label .form-shortname {
color: #6a737b;
}
.form-label .form-shortname {
font-size: 0.703125rem;
display: block;
}
.formsettingheading .form-horizontal {
color: #6a737b;
}
.no-felement.fstatic {
color: #6a737b;
padding-top: 5px;
}
.no-fitem .fstaticlabel {
font-weight: bold;
}
.form-item .form-setting .defaultsnext > input {
display: inline-block;
}
.form-item .form-setting .form-checkbox.defaultsnext {
margin-top: 5px;
display: inline-block;
}
#adminsettings h3 {
display: block;
width: 100%;
padding: 0;
margin-bottom: 1.5;
font-size: 1.171875rem;
line-height: 3;
border: 0;
border-bottom: 1px solid #e5e5e5;
}
/* rtl:ignore */
.mform .fitem .felement input[name="email"], .mform .fitem .felement input[name="email2"], .mform .fitem .felement input[name="url"], .mform .fitem .felement input[name="idnumber"], .mform .fitem .felement input[name="phone1"], .mform .fitem .felement input[name="phone2"] {
text-align: left;
direction: ltr;
}
.que.match .mediaplugin {
width: 50vw;
}
/* rtl:ignore */
#page-admin-grade-edit-scale-edit .error input#id_name {
margin-right: 170px;
}
#page-grade-edit-outcome-course .courseoutcomes {
margin-left: auto;
margin-right: auto;
width: 100%;
}
#page-grade-edit-outcome-course .courseoutcomes td {
text-align: center;
}
/* Install Process' text fields Forms, should always be justified to the left */
/* rtl:ignore */
#installform #id_wwwroot, #installform #id_dirroot, #installform #id_dataroot, #installform #id_dbhost, #installform #id_dbname, #installform #id_dbuser, #installform #id_dbpass, #installform #id_prefix {
direction: ltr;
}
.mdl-right > label {
display: inline-block;
}
.singleselect {
max-width: 100%;
}
.form-item .form-label label {
margin-bottom: 0;
}
div#dateselector-calendar-panel {
z-index: 3100;
/* Set higher than the z-index of the filemanager - see MDL-39047. */
}
/**
* Show the labels above text editors and file managers except on wide screens.
*/
/* Section and module editing forms contain special JS components for the
availability system (if enabled). */
#id_availabilityconditionsjson[aria-hidden=true], .availability-field [aria-hidden=true] {
display: none;
}
.availability-field img {
width: 16px;
height: 16px;
}
.availability-eye {
clear: left;
float: left;
}
.availability-inner, .availability-plugincontrols {
float: left;
border-radius: 0.5rem;
border: 1px solid rgba(0, 0, 0, 0.125);
padding: 1rem;
margin-top: 0.5rem;
}
.availability-plugincontrols, .availability-childlist .availability-inner {
margin-left: 0.625rem;
}
.availability-field .availability-plugincontrols .availability-group select {
max-width: 12rem;
}
/* Custom styles for autocomplete form element */
/* These styles reserve a standard amount of space in the DOM to avoid flicker when the original select element is replaced */
[data-fieldtype=autocomplete] select, [data-fieldtype=tags] select, .form-autocomplete-original-select {
visibility: hidden;
overflow: hidden;
width: 15rem;
height: 44px;
margin: 0;
padding: 0;
border: 0;
margin-top: 1.65625rem;
vertical-align: bottom;
}
.form-autocomplete-selection {
margin: 0.25rem 0;
min-height: 2.375rem;
}
.form-autocomplete-selection [role=option] {
cursor: pointer;
white-space: inherit;
word-break: break-word;
line-height: 1.4;
text-align: left;
}
.form-autocomplete-suggestions {
position: absolute;
background-color: #fff;
border: 1px solid #8f959e;
min-width: 206px;
max-height: 20em;
overflow: auto;
margin: 0.125rem 0 0;
padding: 0.5rem 0;
z-index: 3;
}
.form-autocomplete-suggestions li {
list-style-type: none;
padding: 0.25rem 1.5rem;
margin: 0;
cursor: pointer;
color: #1d2125;
word-break: normal;
overflow-wrap: anywhere;
white-space: normal;
}
.form-autocomplete-suggestions li:hover, .form-autocomplete-suggestions li:focus, .form-autocomplete-suggestions li[aria-selected="true"] {
background-color: #0f6cbf;
color: #fff;
}
.form-autocomplete-suggestions li[aria-disabled="true"] {
pointer-events: none;
color: #6a737b;
background-color: #e9ecef;
}
.form-autocomplete-suggestions li.suggestions-heading {
pointer-events: none;
font-weight: bold;
color: #1d2125;
background-color: #fff;
padding-left: calc(1.5rem / 2);
}
.form-autocomplete-suggestions li::before {
content: "";
}
.form-autocomplete-downarrow {
color: #1d2125;
top: 0.2rem;
right: 0.5rem;
cursor: pointer;
}
.form-autocomplete-downarrow .loading-icon {
position: absolute;
top: 0;
left: 0;
background-color: #fff;
}
/** Undo some bootstrap things */
.form-autocomplete-selection + input.form-control {
width: auto;
display: inline-block;
vertical-align: middle;
}
.form-autocomplete-selection [data-active-selection=true] {
box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
}
select.form-control[size], select.form-control[multiple] {
padding-right: 0;
}
select.form-control[size] option, select.form-control[multiple] option {
width: fit-content;
}
/* Non-bootstrap selects with a size show their contents outside of the element.
* Remove when we update to stable bootstrap 4. (MDL-56511) */
select[size], select[multiple] {
overflow: auto;
}
select[size="1"] {
overflow: visible;
}
textarea[data-auto-rows] {
overflow-x: hidden;
resize: none;
}
/** Display elements under labels in vertical forms regardless of the screen size. */
.mform.full-width-labels .fitem.row {
margin-left: 0;
margin-right: 0;
}
.mform.full-width-labels .fitem.row > .col-md-3, .mform.full-width-labels .fitem.row > .col-md-9 {
flex: 0 0 100%;
max-width: 100%;
width: inherit;
padding-right: 0;
padding-left: 0;
}
.mform.full-width-labels .fitem.row.femptylabel > .col-md-3 {
display: none;
}
.mform.full-width-labels .fitem.row .form-control {
width: 100%;
}
.mform .col-form-label .form-label-addon {
margin-left: 0.25rem;
}
@media (min-width: 576px) {
.mform:not(.full-width-labels) .col-form-label .form-label-addon {
margin-left: auto;
}
}
[data-fieldtype="modgrade"] .fitem {
padding-bottom: 0.375rem;
}
[data-fieldtype="modgrade"] {
background-color: #fff;
border-radius: 0.5rem;
border: 1px solid rgba(0, 0, 0, 0.125);
padding: 1.25rem;
margin-left: 15px;
max-width: 30rem;
}
[data-filetypesbrowserbody] [aria-expanded="false"] > [role="group"], [data-filetypesbrowserbody] [aria-expanded="false"] [data-filetypesbrowserfeature="hideifcollapsed"], [data-filetypesbrowserbody] [aria-expanded="true"] [data-filetypesbrowserfeature="hideifexpanded"] {
display: none;
}
.felement[data-fieldtype="autocomplete"], .felement[data-fieldtype="tags"] {
display: block !important;
/* stylelint-disable-line declaration-no-important */
position: static;
}
[data-fieldtype="editor"] > div {
flex-grow: 1;
}
@media (min-width: 768px) {
.mform fieldset .fcontainer.collapseable .col-form-label {
padding-left: 2.5rem;
}
}
.collapsemenu .collapseall {
display: block;
}
.collapsemenu .expandall {
display: none;
}
.collapsemenu.collapsed .collapseall {
display: none;
}
.collapsemenu.collapsed .expandall {
display: block;
}
.input-group.form-inset .form-inset-item {
position: absolute;
padding-top: calc(0.375rem + 1px);
z-index: 3;
}
.input-group.form-inset.form-inset-left .form-control {
padding-left: 1.5rem;
}
.input-group.form-inset.form-inset-right .form-control {
padding-right: 1.5rem;
}
.input-group.form-inset.form-inset-right .form-inset-item {
right: 0;
}
.form-check.left-indented {
padding-left: 0;
}
.toggle-sensitive-btn .icon {
margin-right: 0;
}
@media (min-width: 576px) {
.toggle-sensitive-wrapper.small-screens-only.input-group:not(.has-validation) > .form-control:not(:last-child) {
border-radius: 0.5rem;
}
.toggle-sensitive-wrapper.small-screens-only.input-group:not(.has-validation) > .form-control-lg:not(:last-child) {
border-radius: 0.6rem;
}
.toggle-sensitive-wrapper.small-screens-only.input-group:not(.has-validation) > .input-group-append .toggle-sensitive-btn {
display: none;
}
}
.pagelayout-login #region-main {
border: 0;
background-color: inherit;
}
.pagelayout-login #page {
background: #f8f9fa;
background-image: linear-gradient(to right, #f8f9fa 0%, #dee2e6 100%);
background-repeat: repeat-x;
}
.pagelayout-login #page div[role="main"] {
height: 100%;
}
.login-wrapper {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.login-container {
background-color: #fff;
padding: 3rem;
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
margin-bottom: 2rem;
border-radius: 0.5rem;
}
.login-container .login-languagemenu {
display: flex;
justify-content: flex-start;
}
.login-container .login-languagemenu .dropdown-menu {
max-height: 300px;
overflow-y: auto;
}
.login-container .login-logo {
display: flex;
justify-content: center;
margin-bottom: 1rem;
}
.login-container .login-divider {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
border-top: 1px solid #dee2e6;
}
.login-container h1.login-heading {
font-size: 1.875rem;
}
.login-container h2.login-heading {
font-size: 1.40625rem;
}
.login-container .login-identityproviders .login-identityprovider-btn {
border: 1px solid #dee2e6;
}
.login-container .divider {
width: 1px;
background-color: #dee2e6;
height: 1.875rem;
}
.login-container .action-menu-trigger a {
margin: 0.5rem 0;
}
@media (min-width: 768px) {
.login-container {
width: 500px !important;
/* stylelint-disable-line declaration-no-important */
}
}
/* modules.less */
select {
width: auto;
}
.path-mod .activity-header:not(:empty) {
background-color: #f8f9fa;
margin-bottom: 1rem;
padding-left: 1rem;
padding-right: 1rem;
border-radius: 0.5rem;
}
.path-mod .activity-header:not(:empty) > div:last-child > div:last-child {
border-bottom: 0;
}
.path-mod .activity-information .activity-dates {
padding-top: 1rem;
padding-bottom: 1rem;
border-bottom: 1px solid #dee2e6;
}
.path-mod .activity-information .completion-info {
padding-top: 1rem;
padding-bottom: 1rem;
border-bottom: 1px solid #dee2e6;
}
.path-mod .activity-description {
padding-top: 1rem;
padding-bottom: 1rem;
}
.path-mod .activity-description > .box.py-3 {
padding-top: 0 !important;
/* stylelint-disable-line declaration-no-important */
padding-bottom: 0 !important;
/* stylelint-disable-line declaration-no-important */
}
.path-mod .activity-description > .box.py-3:empty {
display: none;
}
.path-mod .automatic-completion-conditions .badge {
font-size: 80%;
padding: 0.5rem;
margin-top: 0.25rem;
mix-blend-mode: multiply;
}
.path-mod .automatic-completion-conditions .badge.badge-light {
background-color: #e9ecef !important;
/* stylelint-disable-line declaration-no-important */
}
.path-mod .automatic-completion-conditions .badge .icon {
width: 0.7rem;
height: 0.7rem;
font-size: 0.7rem;
}
.path-mod .automatic-completion-conditions .badge:first-child {
margin-top: 0;
}
.path-mod .activity-description .no-overflow p:last-child {
padding-bottom: 0;
margin-bottom: 0;
}
.path-mod-choice .horizontal .choices .option {
display: inline-block;
}
.path-mod-choice .choices .option label {
vertical-align: top;
}
.path-mod-forum .forumsearch input, .path-mod-forum .forumsearch .helptooltip {
margin: 0 3px;
}
.path-mod-forum .forumheaderlist, .path-mod-forum .forumheaderlist td {
border: none;
}
.path-mod-forum .forumheaderlist thead .header, .path-mod-forum .forumheaderlist tbody .discussion td {
white-space: normal;
vertical-align: top;
padding-left: 0.5em;
padding-right: 0.5em;
}
.path-mod-forum .forumheaderlist thead .header {
white-space: normal;
vertical-align: top;
}
.path-mod-forum .forumheaderlist thead .header.replies {
text-align: center;
}
.path-mod-forum .forumheaderlist thead .header.lastpost {
text-align: right;
}
.path-mod-forum .forumheaderlist thead .header th.discussionsubscription, .path-mod-forum .forumheaderlist tbody .discussion td.discussionsubscription {
width: 16px;
padding-left: 0.5em;
padding-right: 0.5em;
}
.path-mod-forum .forumheaderlist .discussion .replies, .path-mod-forum .forumheaderlist .discussion .lastpost {
white-space: normal;
}
.path-mod-forum .forumheaderlist .discussion .discussionsubscription, .path-mod-forum .forumheaderlist .discussion .replies {
text-align: center;
}
.path-mod-forum .forumheaderlist .discussion .topic, .path-mod-forum .forumheaderlist .discussion .discussionsubscription, .path-mod-forum .forumheaderlist .discussion .topic.starter, .path-mod-forum .forumheaderlist .discussion .replies, .path-mod-forum .forumheaderlist .discussion .lastpost {
vertical-align: top;
}
.path-mod-forum .discussion-list .topic {
font-weight: inherit;
}
.discussion-settings-container .custom-select {
width: 100%;
}
.discussion-settings-container input {
max-width: 100%;
}
.forumpost {
border: 1px solid #dee2e6;
display: block;
padding: 6px;
}
.forumpost .header {
margin-bottom: 3px;
}
.forumpost .picture img {
margin: 3px;
}
.forumpost .picture img.userpicture {
margin-left: 3px;
margin-right: 10px;
}
.forumpost .content .posting.fullpost {
margin-top: 8px;
}
.forumpost .row {
display: block;
}
.forumpost .row .topic, .forumpost .row .content-mask, .forumpost .row .options {
margin-left: 48px;
}
.forumpost .row.side {
clear: both;
}
.forumpost .row .left {
width: 48px;
}
.forumpost .options .commands {
margin-left: 0;
}
.forumpost .subject {
font-weight: bold;
}
.forumsearch input[type=text] {
margin-bottom: 0;
}
#page-mod-forum-view table .fit-content {
width: 1px;
white-space: nowrap;
}
#page-mod-forum-view table .limit-width {
max-width: 200px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
#page-mod-forum-view table .limit-width .author-info {
max-width: calc(100% - 35px - .5rem);
}
/** Gently highlight the selected post by changing it's background to blue and then fading it out. */
@keyframes background-highlight {
from {
background-color: rgba(0, 123, 255, 0.5);
}
to {
background-color: inherit;
}
}
.path-mod-forum .nested-v2-display-mode, .path-mod-forum.nested-v2-display-mode {
/** Reset the badge styling back to pill style. */
/** Style the ratings like a badge. */
/** Don't show the discussion locked alert in this mode because it's already indicated with a badge. */
/** Fix muted text contrast ratios for accessibility. */
/** Make the tag list text screen reader visible only */
}
.path-mod-forum .nested-v2-display-mode .discussionsubscription, .path-mod-forum.nested-v2-display-mode .discussionsubscription {
margin-top: 0;
text-align: inherit;
margin-bottom: 0;
}
.path-mod-forum .nested-v2-display-mode .preload-subscribe, .path-mod-forum .nested-v2-display-mode .preload-unsubscribe, .path-mod-forum.nested-v2-display-mode .preload-subscribe, .path-mod-forum.nested-v2-display-mode .preload-unsubscribe {
display: none;
}
.path-mod-forum .nested-v2-display-mode .post-message, .path-mod-forum.nested-v2-display-mode .post-message {
line-height: 1.6;
}
.path-mod-forum .nested-v2-display-mode .indent, .path-mod-forum.nested-v2-display-mode .indent {
margin-left: 0;
}
.path-mod-forum .nested-v2-display-mode .badge, .path-mod-forum.nested-v2-display-mode .badge {
font-size: inherit;
font-weight: inherit;
padding-left: 0.5rem;
padding-right: 0.5rem;
border-radius: 10rem;
}
.path-mod-forum .nested-v2-display-mode .badge-light, .path-mod-forum.nested-v2-display-mode .badge-light {
background-color: #f6f6f6;
color: #5b5b5b;
}
.path-mod-forum .nested-v2-display-mode .rating-aggregate-container, .path-mod-forum.nested-v2-display-mode .rating-aggregate-container {
background-color: #f6f6f6;
color: #5b5b5b;
padding: 0.25em 0.5em;
line-height: 1;
margin-right: 0.5rem;
vertical-align: middle;
border-radius: 10rem;
text-align: center;
}
.path-mod-forum .nested-v2-display-mode .ratinginput, .path-mod-forum.nested-v2-display-mode .ratinginput {
padding: 0.25em 1.75rem 0.25em 0.75em;
line-height: 1;
height: auto;
border-radius: 10rem;
}
@media (max-width: 767.98px) {
.path-mod-forum .nested-v2-display-mode .ratinginput, .path-mod-forum.nested-v2-display-mode .ratinginput {
margin-top: 0.5rem;
}
}
.path-mod-forum .nested-v2-display-mode .group-image, .path-mod-forum.nested-v2-display-mode .group-image {
width: 35px;
height: 35px;
margin-right: 0;
float: none;
display: inline-block;
}
.path-mod-forum .nested-v2-display-mode .alert.discussionlocked, .path-mod-forum.nested-v2-display-mode .alert.discussionlocked {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.path-mod-forum .nested-v2-display-mode .text-muted, .path-mod-forum .nested-v2-display-mode .dimmed_text, .path-mod-forum.nested-v2-display-mode .text-muted, .path-mod-forum.nested-v2-display-mode .dimmed_text {
color: #707070 !important;
/* stylelint-disable-line declaration-no-important */
}
.path-mod-forum .nested-v2-display-mode .author-header, .path-mod-forum.nested-v2-display-mode .author-header {
font-style: italic;
}
.path-mod-forum .nested-v2-display-mode .author-header .author-name, .path-mod-forum.nested-v2-display-mode .author-header .author-name {
font-style: normal;
}
.path-mod-forum .nested-v2-display-mode .tag_list > b, .path-mod-forum.nested-v2-display-mode .tag_list > b {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.path-mod-forum .nested-v2-display-mode :target > .focus-target, .path-mod-forum.nested-v2-display-mode :target > .focus-target {
animation-name: background-highlight;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
}
.path-mod-forum .nested-v2-display-mode .forum-post-container .replies-container .forum-post-container, .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .forum-post-container {
border-top: 1px solid #dee2e6;
padding-top: 1.5rem;
}
.path-mod-forum .nested-v2-display-mode .forum-post-container .replies-container .forum-post-container .replies-container .forum-post-container, .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .forum-post-container .replies-container .forum-post-container {
border-top: none;
padding-top: 0;
}
.path-mod-forum .nested-v2-display-mode .forum-post-container .replies-container .inline-reply-container .reply-author, .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .inline-reply-container .reply-author {
display: none;
}
.path-mod-forum .nested-v2-display-mode .forum-post-container .post-message p:last-of-type, .path-mod-forum.nested-v2-display-mode .forum-post-container .post-message p:last-of-type {
margin-bottom: 0;
}
.path-mod-forum .nested-v2-display-mode .forum-post-container .author-image-container, .path-mod-forum.nested-v2-display-mode .forum-post-container .author-image-container {
width: 70px;
margin-right: 24px;
flex-shrink: 0;
}
.path-mod-forum .nested-v2-display-mode .forum-post-container .inline-reply-container textarea, .path-mod-forum.nested-v2-display-mode .forum-post-container .inline-reply-container textarea {
border: 0;
resize: none;
}
.path-mod-forum .nested-v2-display-mode .forum-post-container .indent, .path-mod-forum.nested-v2-display-mode .forum-post-container .indent {
/**
* The first post and first set of replies have a larger author image so offset the 2nd
* set of replies by the image width + margin to ensure they align.
*/
}
.path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent, .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent {
padding-left: 94px;
/**
* Reduce the size of the the author image for all second level replies (and below).
*/
/**
* Adjust the indentation offset for all 3rd level replies and below for the smaller author image.
*/
}
.path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent .author-image-container, .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .author-image-container {
width: 30px;
margin-right: 8px;
padding-top: 3px;
}
.path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent .indent, .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .indent {
padding-left: 38px;
/**
* Stop indenting the replies after the 5th reply.
*/
}
.path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent .indent .indent .indent .indent, .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .indent .indent .indent .indent {
padding-left: 0;
}
/** Extra small devices (portrait phones, less than 576px). */
@media (max-width: 767.98px) {
#page-mod-forum-discuss.nested-v2-display-mode .forum-post-container .author-image-container {
width: 30px;
margin-right: 8px;
}
#page-mod-forum-discuss.nested-v2-display-mode .forum-post-container .indent .indent {
padding-left: 38px;
}
#page-mod-forum-discuss.nested-v2-display-mode .forum-post-container .indent .indent .indent .indent {
padding-left: 0;
}
#page-mod-forum-discuss.nested-v2-display-mode .group-image {
width: 30px;
height: 30px;
}
}
.filter-scrollable {
overflow-y: auto;
max-height: 25em;
margin-bottom: 1em;
}
.filter-dates-popover {
width: 100%;
max-width: 41.5em;
}
/* stylelint-disable-line max-line-length */
@keyframes expandSearchButton {
from {
height: 36px;
width: 36px;
border-radius: 18px;
background-color: #e9ecef;
}
to {
width: 100%;
height: calc(1.5em + 1rem + 2px);
border-radius: 0;
background-color: #fff;
border-color: #8f959e;
padding-left: calc(0.5rem + 8px);
padding-top: 0.5rem;
padding-bottom: 0.5rem;
font-size: 1.171875rem;
line-height: 1.5;
right: 0;
}
@media (max-width: 1200px) {
to {
font-size: calc(0.9271875rem + 0.32625vw) ;
}
}
}
@keyframes collapseSearchButton {
from {
width: 100%;
height: calc(1.5em + 1rem + 2px);
border-radius: 0;
background-color: #fff;
border-color: #8f959e;
padding-left: calc(0.5rem + 8px);
padding-top: 0.5rem;
padding-bottom: 0.5rem;
font-size: 1.171875rem;
line-height: 1.5;
right: 0;
}
@media (max-width: 1200px) {
from {
font-size: calc(0.9271875rem + 0.32625vw) ;
}
}
to {
height: 36px;
width: 36px;
border-radius: 18px;
background-color: #e9ecef;
}
}
.path-mod-forum .unified-grader .navbar {
max-height: none;
z-index: 1;
}
.path-mod-forum .unified-grader .body-container {
overflow: auto;
}
.path-mod-forum .unified-grader .body-container.hidden {
display: none !important;
/* stylelint-disable-line declaration-no-important */
}
.path-mod-forum .unified-grader .userpicture {
height: 60px;
width: 60px;
}
.path-mod-forum .unified-grader .grader-grading-panel {
top: 0;
position: absolute;
height: 100%;
z-index: 0;
width: 430px;
}
.path-mod-forum .unified-grader .grader-grading-panel.hidden {
right: -430px;
}
.path-mod-forum .unified-grader .grader-grading-panel .grading-icon {
width: 36px;
}
.path-mod-forum .unified-grader .grader-grading-panel .user-picker-container .user-full-name {
max-width: 240px;
}
.path-mod-forum .unified-grader .grader-grading-panel .user-picker-container .page-link {
width: 36px;
height: 36px;
display: flex;
text-align: center;
align-items: center;
justify-content: center;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container {
height: 65px;
position: relative;
overflow: hidden;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .info-container {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
width: 100%;
height: 100%;
padding: 0.5rem;
padding-right: calc(36px + 0.5rem);
opacity: 1;
visibility: visible;
transition: left 0.3s ease-in-out;
z-index: 1;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .toggle-search-button.expand {
animation-name: expandSearchButton;
animation-duration: 0.3s;
animation-timing-function: ease-in-out;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .toggle-search-button.collapse {
display: block;
animation-name: collapseSearchButton;
animation-duration: 0.3s;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container {
overflow: hidden;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
z-index: 2;
width: 100%;
height: 100% !important;
/* stylelint-disable-line declaration-no-important */
padding: 0.5rem;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container {
position: relative;
overflow: visible;
flex-wrap: nowrap;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container input {
padding-left: calc(0.5rem + 0.5rem + 34px);
padding-right: calc(0.5rem + 36px);
opacity: 1;
visibility: visible;
transition: opacity 0s linear 0.3s, visibility 0s linear;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .search-icon {
position: absolute;
top: 50%;
left: 0.5rem;
transform: translateY(-50%);
color: #495057;
height: 36px;
width: 34px;
background-color: #fff;
opacity: 1;
visibility: visible;
transition: opacity 0s linear 0.3s, visibility 0s linear 0.3s;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button {
position: absolute;
top: 50%;
right: 0.5rem;
transform: translateY(-50%);
z-index: 1;
color: inherit;
text-align: left;
padding-left: 9px;
transition: right 0s linear 0.3s;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button .expanded-icon {
opacity: 1;
visibility: visible;
max-width: 50px;
max-height: 50px;
transition: opacity 0s linear 0.3s, max-height 0s linear 0.3s, max-width 0s linear 0.3s, visibility 0s linear 0.3s;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button .collapsed-icon {
opacity: 0;
visibility: hidden;
max-height: 0;
max-width: 0;
overflow: hidden;
transition: opacity 0s linear 0.3s, max-height 0s linear 0.3s, max-width 0s linear 0.3s, visibility 0s linear 0.3s;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed {
width: calc(36px + 0.5rem + 0.5rem);
transition: width 0.3s ease-in-out;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container {
flex-wrap: nowrap;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container input, .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .search-icon {
opacity: 0;
visibility: hidden;
transition: opacity 0s linear, visibility 0s linear;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container input {
padding-left: 0;
padding-right: 0;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .toggle-search-button .expanded-icon {
opacity: 0;
visibility: hidden;
max-height: 0;
max-width: 0;
overflow: hidden;
transition: opacity 0s linear, max-height 0s linear, max-width 0s linear, visibility 0s linear;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .toggle-search-button .collapsed-icon {
opacity: 1;
visibility: visible;
max-width: 50px;
max-height: 50px;
transition: opacity 0s linear, max-height 0s linear, max-width 0s linear, visibility 0s linear;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container:not(.collapsed) + .info-container {
opacity: 0;
visibility: hidden;
left: calc(100% * -1);
transition: left 0.3s ease-in-out, opacity 0s linear 0.3s, visibility 0s linear 0.3s, padding 0s linear 0.3s;
}
.path-mod-forum .unified-grader .grader-module-content {
overflow-y: auto;
margin-right: 430px;
transition: margin-right 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.path-mod-forum .unified-grader .grader-module-content {
transition: none;
}
}
.path-mod-forum .unified-grader .drawer-button {
position: relative;
}
.path-mod-forum .unified-grader .drawer-button.active::after {
content: "";
position: absolute;
bottom: calc(-0.5rem - 1px);
left: 0;
width: 100%;
height: 3px;
background-color: #0f6cbf;
}
.path-mod-forum .unified-grader .drawer-button .icon {
font-size: 20px;
height: 20px;
width: 20px;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container:last-of-type > hr {
display: none;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container:last-of-type > hr {
display: none;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container {
position: relative;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button {
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
padding-left: calc(1rem + 45px);
text-align: left;
z-index: 1;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button:not(.collapsed) {
display: none;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content {
display: block;
height: auto !important;
/* stylelint-disable-line declaration-no-important */
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .header {
transition: margin-bottom 0.3s ease-in-out;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .header div + div {
opacity: 1;
visibility: visible;
max-height: none;
transition: opacity 0.3s linear, visibility 0s linear;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .body-content-container {
opacity: 1;
visibility: visible;
max-height: none;
transition: opacity 0.3s linear, visibility 0s linear;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .forum-post-core {
opacity: 1;
visibility: visible;
max-height: none;
transition: opacity 0.3s linear, visibility 0s linear;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content {
opacity: 0.3;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .header {
margin-bottom: 0 !important;
/* stylelint-disable-line declaration-no-important */
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .header div + div {
opacity: 0;
visibility: hidden;
max-height: 0;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .body-content-container {
opacity: 0;
visibility: hidden;
max-height: 0;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .forum-post-core {
opacity: 0;
visibility: hidden;
max-height: 0;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed:hover + .content, .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed:focus + .content {
opacity: 1;
}
.path-mod-forum .unified-grader .grader-module-content-display .no-post-container .icon {
height: 250px;
width: 250px;
margin-right: 0;
}
.path-mod-forum .unified-grader .grader-module-content-display .nested-v2-display-mode .discussion-container .posts-container .parent-container .show-content-button {
padding-left: 94px;
}
.path-mod-forum .unified-grader .no-search-results-container .icon {
height: 250px;
width: 250px;
margin-right: 0;
}
.path-mod-forum .unified-grader .nested-v2-display-mode .view-context-button {
margin-left: 94px;
border-radius: 0.6rem;
}
.path-mod-forum .unified-grader .nested-v2-display-mode .parent-container .author-image-container {
position: relative;
}
.path-mod-forum .unified-grader .nested-v2-display-mode .parent-container .author-image-container:after {
position: absolute;
top: calc(70px + 0.5rem);
content: "";
background-color: #e9ecef;
width: 2px;
height: calc(100% - 70px + 0.5rem);
}
.path-mod-forum .unified-grader .nested-v2-display-mode .parent-container + .post-container .author-image-container img {
width: 30px !important;
/* stylelint-disable-line declaration-no-important */
}
.path-mod-forum .unified-grader .nested-v2-display-mode .post-subject, .path-mod-forum .modal .nested-v2-display-mode .post-subject {
display: none;
}
@media (max-width: 575.98px) {
.path-mod-forum .unified-grader .grader-grading-panel {
width: 100%;
position: fixed;
height: calc(100vh - 50px);
overflow: scroll;
top: 50px;
}
.path-mod-forum .unified-grader .body-container {
overflow: visible;
}
}
.maincalendar .calendarmonth td, .maincalendar .calendarmonth th {
border: 1px dotted #dee2e6;
}
.path-grade-report-grader h1 {
text-align: inherit;
}
#page-mod-chat-gui_basic input#message {
max-width: 100%;
}
#page-mod-data-view #singleimage {
width: auto;
}
.template_heading {
margin-top: 10px;
}
.breadcrumb-button {
margin-top: 4px;
}
.breadcrumb-button .singlebutton {
float: left;
margin-left: 4px;
}
.langmenu form {
margin: 0;
}
canvas {
-ms-touch-action: auto;
}
div#dock {
display: none;
}
/** General styles (scope: all of lesson) **/
.path-mod-lesson .invisiblefieldset.fieldsetfix {
display: block;
}
.path-mod-lesson .answeroption .checkbox label p {
display: inline;
}
.path-mod-lesson .slideshow {
overflow: auto;
padding: 15px;
}
#page-mod-lesson-view .branchbuttoncontainer .singlebutton button[type="submit"] {
white-space: normal;
}
#page-mod-lesson-view .vertical .singlebutton {
display: block;
}
#page-mod-lesson-view .vertical .singlebutton + .singlebutton {
margin-left: 0;
margin-top: 1rem;
}
#page-mod-lesson-view .fitem .felement .custom-select {
align-self: flex-start;
}
.path-mod-lesson .generaltable td {
vertical-align: middle;
}
.path-mod-lesson .generaltable td label {
margin-bottom: 0;
}
.path-mod-lesson .generaltable td .highlight {
display: inline-block;
margin-left: 0.25rem;
}
.path-mod-lesson .generaltable td input[type="checkbox"] {
display: block;
}
.path-mod-wiki .wiki_headingtitle, .path-mod-wiki .midpad, .path-mod-wiki .wiki_headingtime {
text-align: inherit;
}
.path-mod-wiki .wiki_contentbox {
width: 100%;
}
.path-mod-survey .surveytable > tbody > tr:nth-of-type(even) {
background-color: rgba(0, 0, 0, 0.03);
}
.path-mod-survey .surveytable .rblock label {
text-align: center;
}
.nav .caret {
margin-left: 4px;
}
.nav .divider {
overflow: hidden;
width: 0;
}
.userloggedinas .usermenu .usertext, .userswitchedrole .usermenu .usertext, .loginfailures .usermenu .usertext {
float: left;
text-align: right;
margin-right: 0.5rem;
height: 35px;
}
.userloggedinas .usermenu .usertext .meta, .userswitchedrole .usermenu .usertext .meta, .loginfailures .usermenu .usertext .meta {
font-size: 0.8203125rem;
align-items: center;
}
.userloggedinas .usermenu .avatar img, .userswitchedrole .usermenu .avatar img, .loginfailures .usermenu .avatar img {
margin: 0;
}
.userloggedinas .usermenu .userbutton .avatars {
position: relative;
display: inline-block;
}
.userloggedinas .usermenu .userbutton .avatars .avatar.current {
display: inline-block;
position: absolute;
bottom: 0;
right: 0;
width: 20px;
height: 20px;
border-radius: 50%;
}
.userloggedinas .usermenu .userbutton .avatars .avatar.current img {
vertical-align: baseline;
}
.userloggedinas .usermenu .userbutton .avatars .avatar.current .userinitials.size-35 {
width: 20px;
height: 20px;
border: 1px solid #dee2e6;
background-color: #fff;
font-size: 0.5625rem;
}
.userloggedinas .usermenu .userbutton .avatars .avatar img {
width: inherit;
height: inherit;
}
.userloggedinas .usermenu .userbutton .avatars .realuser {
width: 35px;
height: 35px;
display: inline-block;
}
.userinitials {
background-color: #e9ecef;
vertical-align: middle;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
color: #343a40;
font-weight: normal;
margin-right: 0.25rem;
}
.userinitials.size-16, .userinitials.size-30 {
font-size: 0.7rem;
width: 30px;
height: 30px;
}
.userinitials.size-35 {
width: 35px;
height: 35px;
}
.userinitials.size-50 {
width: 50px;
height: 50px;
}
.userinitials.size-64 {
width: 64px;
height: 64px;
}
.userinitials.size-100 {
width: 100px;
height: 100px;
font-size: 1.875rem;
}
img.userpicture {
margin-right: 0.25rem;
}
@media (max-width: 767.98px) {
.usertext {
display: none;
}
}
#page-mod-quiz-mod #id_reviewoptionshdr .col-md-3, #page-mod-quiz-mod #id_reviewoptionshdr .col-md-9 {
width: auto;
max-width: none;
}
#page-mod-quiz-mod #id_reviewoptionshdr .fcontainer > .fitem {
float: left;
width: 20rem;
display: inline-block;
min-height: 12rem;
}
#page-mod-quiz-mod #id_reviewoptionshdr .btn-link {
line-height: 1.5;
vertical-align: bottom;
}
#page-mod-quiz-mod #id_reviewoptionshdr .form-check {
width: auto;
height: 22px;
justify-content: flex-start;
}
#page-mod-quiz-mod #id_reviewoptionshdr .review_option_item {
width: 90%;
height: 22px;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton {
text-decoration: none;
font-size: 14px;
line-height: 20px;
font-weight: normal;
background-color: #fff;
background-image: none;
height: 40px;
width: 30px;
border-radius: 3px;
border: 0;
overflow: hidden;
white-space: nowrap;
margin: 0 6px 6px 0;
}
.path-mod-quiz #mod_quiz_navblock span.qnbutton {
cursor: default;
background-color: #e9ecef;
color: #495057;
}
.path-mod-quiz #mod_quiz_navblock a.qnbutton:hover, .path-mod-quiz #mod_quiz_navblock a.qnbutton:active, .path-mod-quiz #mod_quiz_navblock a.qnbutton:focus {
text-decoration: underline;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton .thispageholder {
border: 1px solid;
border-radius: 3px;
z-index: 1;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.thispage .thispageholder {
border-width: 3px;
}
.path-mod-quiz #mod_quiz_navblock .allquestionsononepage .qnbutton.thispage .thispageholder {
border-width: 1px;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.flagged .thispageholder {
background: transparent url(/theme/image.php/boost_union/theme/1752245628/mod/quiz/flag-on) 15px 0 no-repeat;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton .trafficlight {
border: 0;
background: #fff none center / 10px no-repeat scroll;
height: 20px;
margin-top: 20px;
border-radius: 0 0 3px 3px;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.correct .thispageholder {
border-color: #306e2d;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.incorrect .thispageholder {
border-color: #b62c1d;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.partiallycorrect .thispageholder {
border-color: #90682f;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.correct, .path-mod-quiz #mod_quiz_navblock .qnbutton.correct .trafficlight {
background-color: #dff4d8;
/* light green */
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.incorrect, .path-mod-quiz #mod_quiz_navblock .qnbutton.incorrect .trafficlight {
background-color: #fdd;
/* light red */
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.partiallycorrect, .path-mod-quiz #mod_quiz_navblock .qnbutton.partiallycorrect .trafficlight {
background-color: #fcefdc;
/* light yellow */
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.blocked, .path-mod-quiz #mod_quiz_navblock .qnbutton.blocked .trafficlight, .path-mod-quiz #mod_quiz_navblock .qnbutton.complete, .path-mod-quiz #mod_quiz_navblock .qnbutton.complete .trafficlight, .path-mod-quiz #mod_quiz_navblock .qnbutton.answersaved, .path-mod-quiz #mod_quiz_navblock .qnbutton.answersaved .trafficlight, .path-mod-quiz #mod_quiz_navblock .qnbutton.requiresgrading, .path-mod-quiz #mod_quiz_navblock .qnbutton.requiresgrading .trafficlight {
background-color: #dee2e6;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.notyetanswered .trafficlight, .path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight {
background-color: #fff;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight {
background-image: url(/theme/image.php/boost_union/theme/1752245628/mod/quiz/warningtriangle);
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.correct .trafficlight {
background-image: url(/theme/image.php/boost_union/core/1752245628/i/grade_correct);
color: #357a32;
background-size: 14px;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.blocked .trafficlight {
background-image: url(/theme/image.php/boost_union/core/1752245628/t/locked);
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.notanswered .trafficlight, .path-mod-quiz #mod_quiz_navblock .qnbutton.incorrect .trafficlight {
background-image: url(/theme/image.php/boost_union/core/1752245628/i/grade_incorrect);
color: #ca3120;
background-size: 14px;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.partiallycorrect .trafficlight {
background-image: url(/theme/image.php/boost_union/core/1752245628/i/grade_partiallycorrect);
color: #f0ad4e;
background-size: 14px;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.complete .trafficlight, .path-mod-quiz #mod_quiz_navblock .qnbutton.answersaved .trafficlight, .path-mod-quiz #mod_quiz_navblock .qnbutton.requiresgrading .trafficlight {
background-color: #dee2e6;
}
#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer form input {
height: 1.4em;
vertical-align: middle;
}
#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer {
padding: 0.5em 0 0.5em 0.1em;
margin: 2px;
}
/* Override the color of the quiz attempt icons for accessibility. */
#attemptsform .icon.text-success, .formulation .answer .icon.text-success {
color: #306e2d !important;
/* stylelint-disable-line declaration-no-important */
}
#attemptsform .icon.text-danger, .formulation .answer .icon.text-danger {
color: #b62c1d !important;
/* stylelint-disable-line declaration-no-important */
}
#attemptsform .icon.text-warning, .formulation .answer .icon.text-warning {
color: #90682f !important;
/* stylelint-disable-line declaration-no-important */
}
/* Countdown timer. */
#page-mod-quiz-attempt #region-main {
overflow-x: inherit;
}
#quiz-timer-wrapper {
display: none;
position: sticky;
justify-content: end;
top: 65px;
z-index: 1020;
}
#quiz-timer-wrapper #quiz-timer {
border: 1px solid #ca3120;
background-color: #fff;
}
.pagelayout-embedded #quiz-timer-wrapper {
top: 5px;
}
#quiz-timer-wrapper #quiz-timer.timeleft0 {
background-color: #ca3120;
color: #fff;
}
#quiz-timer-wrapper #quiz-timer.timeleft1 {
background-color: #d73422;
color: #fff;
}
#quiz-timer-wrapper #quiz-timer.timeleft2 {
background-color: #dd3d2b;
color: #fff;
}
#quiz-timer-wrapper #quiz-timer.timeleft3 {
background-color: #e04938;
color: #fff;
}
#quiz-timer-wrapper #quiz-timer.timeleft4 {
background-color: #e25546;
color: #fff;
}
#quiz-timer-wrapper #quiz-timer.timeleft5 {
background-color: #e46153;
color: #fff;
}
#quiz-timer-wrapper #quiz-timer.timeleft6 {
background-color: #e66d60;
color: #fff;
}
#quiz-timer-wrapper #quiz-timer.timeleft7 {
background-color: #e8796d;
color: #1d2125;
}
#quiz-timer-wrapper #quiz-timer.timeleft8 {
background-color: #ea867a;
color: #1d2125;
}
#quiz-timer-wrapper #quiz-timer.timeleft9 {
background-color: #ec9288;
color: #1d2125;
}
#quiz-timer-wrapper #quiz-timer.timeleft10 {
background-color: #ee9e95;
color: #1d2125;
}
#quiz-timer-wrapper #quiz-timer.timeleft11 {
background-color: #f0aaa2;
color: #1d2125;
}
#quiz-timer-wrapper #quiz-timer.timeleft12 {
background-color: #f2b6af;
color: #1d2125;
}
#quiz-timer-wrapper #quiz-timer.timeleft13 {
background-color: #f4c2bc;
color: #1d2125;
}
#quiz-timer-wrapper #quiz-timer.timeleft14 {
background-color: #f7ceca;
color: #1d2125;
}
#quiz-timer-wrapper #quiz-timer.timeleft15 {
background-color: #f9dad7;
color: #1d2125;
}
#quiz-timer-wrapper #quiz-timer.timeleft16 {
background-color: #fbe6e4;
color: #1d2125;
}
.path-mod-assign [data-region="grade-actions-panel"] [data-region="grade-actions"] .collapse-buttons {
top: auto;
}
.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.popout .felement {
height: calc(100% - 4rem);
}
.path-mod-assign [data-region="grade-panel"] {
padding-top: 1rem;
}
.path-mod-assign [data-region="grade-panel"] .fitem > .col-md-3, .path-mod-assign [data-region="grade-panel"] .fitem > .col-md-9 {
width: 100%;
padding: 0;
max-width: 100%;
flex: none;
}
.path-mod-assign [data-region="grade-panel"] fieldset, .path-mod-assign [data-region="grade-panel"] .fitem.row {
margin: 0;
}
.path-mod-assign [data-region="grade-panel"] .mform .fitem.has-popout .felement {
width: 100%;
overflow: auto;
height: calc(100% - 4rem);
}
.path-mod-assign [data-region="grade-panel"] .mform .fitem .felement {
width: auto;
}
.path-mod-assign [data-region="grade-panel"] .popout {
background-color: #fff;
}
.path-mod-assign [data-region="grade-panel"] .fitem.has-popout {
background-color: #fff;
border-radius: 0.5rem;
border: 1px solid rgba(0, 0, 0, 0.125);
padding: 1.25rem;
margin-bottom: 1rem;
}
.path-mod-assign [data-region="grade-panel"] .has-popout .col-md-3 {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
margin-bottom: 1rem;
}
.path-mod-assign [data-region="grade-panel"] .popout > .col-md-3 {
display: flex;
align-items: flex-start;
justify-content: space-between;
font-size: 1.40625rem;
}
.path-mod-assign [data-region="grade-panel"] .popout [data-region="popout-button"] {
margin-top: 0;
}
.path-mod-assign [data-region="assignment-info"] {
overflow-y: hidden;
}
.path-mod-assign [data-region="grading-navigation"] {
padding: 6px;
}
.path-mod-assign [data-region="grade-actions"] {
padding: 10px;
}
.path-mod-assign [data-region="user-info"] .img-rounded {
margin-top: 0;
}
.path-mod-assign [data-region="grading-navigation-panel"] {
height: 85px;
}
@media (max-width: 767px) {
.path-mod-assign [data-region="grading-navigation-panel"] {
height: auto;
}
.path-mod-assign [data-region="user-info"] {
margin-top: 1rem;
}
}
.path-mod-assign [data-region="grading-navigation"] [data-region="input-field"] input {
width: auto;
display: inline-block;
}
/**
* Assign feedback.
*/
.assignfeedback_editpdf_widget * {
box-sizing: content-box;
}
.assignfeedback_editpdf_widget button {
box-sizing: border-box;
}
.assignfeedback_editpdf_widget .commentcolourbutton img {
border-width: 0;
}
.assignfeedback_editpdf_widget .label {
position: relative;
padding: 0.75rem 1.25rem;
margin-bottom: 1rem;
border: 0 solid transparent;
border-radius: 0.5rem;
color: #00414b;
background-color: #cce6ea;
border-color: #b3d9e0;
/* stylelint-disable-line max-line-length */
}
.assignfeedback_editpdf_widget .label hr {
border-top-color: #a1d0d9;
}
.assignfeedback_editpdf_widget .label .alert-link {
color: #001518;
}
.assignfeedback_editpdf_menu {
padding: 0;
}
.path-mod-assign [data-region="grade-panel"] .gradingform_guide .remark .commentchooser {
float: none;
}
.path-mod-assign [data-region="grade-panel"] .gradingform_guide .markingguideremark {
width: 100%;
}
.path-mod-assign [data-region="grade-panel"] .mform .fitem .felement[data-fieldtype="grading"] {
padding-left: 1rem;
padding-right: 1rem;
}
.path-mod-assign [data-region="grade-panel"] .showmarkerdesc, .path-mod-assign [data-region="grade-panel"] .showstudentdesc {
background-color: #fff;
}
.path-mod-assign .gradingtable thead tr {
position: sticky;
top: 60px;
z-index: 1;
}
/**
* Mod LTI.
*/
.path-admin-mod-lti .btn .loader img, .path-admin-mod-lti .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand .loader img, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .path-admin-mod-lti a.collapseexpand .loader img, .path-admin-mod-lti .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand .loader img, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .path-admin-mod-lti a.collapseexpand .loader img, .path-admin-mod-lti #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand .loader img, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .path-admin-mod-lti a.collapseexpand .loader img, .path-admin-mod-lti #tool-list-loader-container .loader img {
height: auto;
}
/**
* Mod Feedback.
*/
.path-mod-feedback span.feedback_info {
font-weight: bold;
}
.path-mod-feedback div.feedback_is_dependent {
background: #6a737b;
}
.path-mod-feedback span.feedback_depend {
color: #ca3120;
}
.path-mod-feedback hr.feedback_pagebreak {
height: 4px;
color: #6a737b;
background-color: #6a737b;
border: 0;
margin: 0;
}
.path-mod-feedback .drag_target_active {
opacity: 0.25;
}
.path-mod-feedback .drag_item_active {
opacity: 0.5;
}
.path-mod-feedback .feedback_bar_image {
height: 10px;
}
.path-mod-feedback #analysis-form label {
display: inline;
}
.path-mod-feedback .templateslist td.cell.action {
width: 10%;
}
.path-mod-feedback .templateslist th.header.action {
width: 10%;
}
.path-mod-feedback .feedback_form .itemactions {
display: inline-block;
margin: 0 0.5rem;
}
.path-mod-feedback .feedback-item-label {
width: 100%;
}
.path-mod-feedback #feedback_edit_form [id*=_feedback_item_].feedback_itemlist {
padding: 1rem;
border: 1px solid #dee2e6;
border-radius: 0.5rem;
}
.path-mod-feedback #feedback_edit_form [id*=_feedback_item_].feedback_itemlist .itemhandle {
position: absolute;
width: 32px;
height: 32px;
text-align: center;
align-content: center;
}
.path-mod-feedback #feedback_edit_form [id*=_feedback_item_].feedback_itemlist .action-menu {
position: absolute;
top: 0;
right: 0;
}
.path-mod-feedback #feedback_edit_form [id*=_feedback_item_].feedback_itemlist .dropdown-toggle {
border-radius: 0.5rem;
width: 32px;
height: 32px;
}
.path-mod-feedback table.analysis {
width: 100%;
border-top: 1px solid #dee2e6;
margin-top: 10px;
}
.path-mod-feedback table.analysis.itemtype_textarea td {
padding: 4px 0;
}
.path-mod-feedback table.analysis tr:first-child th {
padding-top: 10px;
}
.path-mod-feedback table.analysis tr:hover {
background: #dee2e6;
}
.path-mod-feedback table.analysis td.singlevalue:before, .path-mod-feedback table.analysis td.optionname:before {
content: "- ";
}
.path-mod-feedback table.analysis tr.isempty {
display: none;
}
.path-mod-feedback #showentrytable td.cell.completed_timemodified, .path-mod-feedback #showentryanontable td.cell.random_response {
font-weight: bold;
}
.path-mod-feedback #showentrytable td.cell.userpic, .path-mod-feedback #showentrytable td.cell.deleteentry, .path-mod-feedback #showentryanontable td.cell.deleteentry {
width: 10px;
}
.path-mod-feedback .response_navigation {
margin: 0.5rem 0;
}
.path-mod-feedback .response_navigation a {
display: block;
}
.path-mod-feedback .response_navigation a.back_to_list {
text-align: center;
}
.path-mod-feedback .response_navigation .prev_response {
text-align: left;
}
.path-mod-feedback .response_navigation .prev_response:before {
/*rtl:raw:
content: ' ► ';
*/
/*rtl:remove*/
content: " ◄ ";
}
.path-mod-feedback .response_navigation .next_response {
text-align: right;
}
.path-mod-feedback .response_navigation .next_response:after {
/*rtl:raw:
content: ' ◄ ';
*/
/*rtl:remove*/
content: " ► ";
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax {
background-color: #fff;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd-nohd, .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd-noft, .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd, .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-right, .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom {
border: 0;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-right, .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom {
border-radius: 0;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd {
background-color: transparent;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit.yui-layout-unit-center div.yui-layout-bd {
background-color: #f8f9fa;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area.py-3 {
padding: 0 !important;
/* stylelint-disable-line declaration-no-important */
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable, .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable td.cell {
border: 0;
padding: 3px 15px;
white-space: nowrap;
margin-bottom: 0;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist {
padding: 10px 5px;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list {
border-top: 1px solid #dee2e6;
border-bottom: 1px solid #fff;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list li {
border-top: 1px solid #fff;
border-bottom: 1px solid #dee2e6;
padding: 5px 10px;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list img {
margin-right: 8px;
border: 1px solid #ccc;
border-radius: 4px;
max-width: none;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages {
margin: 20px 25px;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-event.course-theme {
text-align: center;
margin: 10px 0;
font-size: 0.8203125rem;
color: #495057;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme {
margin-bottom: 0.75rem;
border-radius: 0.5rem;
border: 1px solid rgba(0, 0, 0, 0.125);
padding: 1.25rem;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .time {
float: right;
font-size: 11px;
color: #495057;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme {
background-color: #fff;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .user {
font-weight: bold;
}
/* reports.less */
#page-report-participation-index .participationselectform div label {
display: inline-block;
margin: 0 5px;
}
#page-report-participation-index .participationselectform div label[for=menuinstanceid] {
margin-left: 0;
}
#page-report-outline-index .font-lg {
font-size: 1.03125rem;
}
#page-report-outline-index .generaltable tbody tr {
background-color: #fff;
}
#page-report-outline-index .generaltable tbody tr.section {
padding-left: 2rem;
}
#page-report-outline-index .generaltable tbody tr.section h3 {
font-size: 1.171875rem;
}
#page-report-outline-index .generaltable tbody tr.section h4 {
font-size: 1.03125rem;
}
#page-report-outline-index .generaltable tbody td.delegated {
padding-left: 3.5rem;
}
#page-report-outline-user .section {
border: 1px solid #dee2e6;
border-radius: 1rem;
}
#page-report-outline-user .font-lg {
font-size: 1.03125rem;
}
#page-report-log-index #menumodid option:disabled {
color: #4b535a;
font-weight: bolder;
}
.path-backup .mform {
/* These are long labels with checkboxes on the right. */
}
.path-backup .mform .grouped_settings {
clear: both;
overflow: hidden;
/* Use card styles but avoid extend because that brings in too much. */
}
.path-backup .mform .grouped_settings.section_level {
background-color: #fff;
border-radius: 0.5rem;
border: 1px solid rgba(0, 0, 0, 0.125);
padding: 1.25rem;
margin-bottom: 1.25rem;
}
.path-backup .mform .grouped_settings.section_level::after {
display: block;
clear: both;
content: "";
}
.path-backup .mform .grouped_settings.subsection_level {
background-color: #fff;
border-radius: 0.5rem;
border: 1px solid rgba(0, 0, 0, 0.125);
padding: 1.25rem;
margin: 0 1.25rem 1.25rem 1.25rem;
}
.path-backup .mform .grouped_settings.subsection_level::after {
display: block;
clear: both;
content: "";
}
.path-backup .mform .include_setting {
width: 50%;
display: inline-block;
float: left;
padding: 0.3rem;
}
.path-backup .mform .normal_setting {
width: 50%;
display: inline-block;
float: left;
padding: 0.3rem;
}
.path-backup {
/* Bold section labels */
}
.path-backup .section_level {
font-weight: bold;
}
.path-backup .section_level .activity_level {
font-weight: normal;
}
.path-backup .proceedbutton {
margin-left: auto;
}
/* Override the columns width to leave more room for the labels. */
.path-backup .mform .root_setting, .path-backup .mform .grouped_settings {
/* Striped rows like a table */
}
.path-backup .mform .root_setting:nth-of-type(odd), .path-backup .mform .grouped_settings:nth-of-type(odd) {
background-color: rgba(0, 0, 0, 0.03);
}
.path-backup .mform .root_setting:nth-of-type(even), .path-backup .mform .grouped_settings:nth-of-type(even) {
background-color: #fff;
}
.path-backup .mform .root_setting .fitem, .path-backup .mform .grouped_settings .fitem {
/* These checkboxes with no label on the left. */
}
.path-backup .mform .root_setting .fitem .col-md-3.checkbox, .path-backup .mform .grouped_settings .fitem .col-md-3.checkbox {
width: 0%;
}
.path-backup .mform .root_setting .fitem .col-md-9.checkbox, .path-backup .mform .grouped_settings .fitem .col-md-9.checkbox {
width: 100%;
left: 0;
}
/* Detail pair is (usually) some short label with a longer value */
.path-backup .detail-pair .detail-pair-label {
width: 25%;
float: left;
clear: left;
}
.path-backup .detail-pair .detail-pair-value {
width: 75%;
float: left;
}
.path-backup .backup-restore .singlebutton {
float: right;
}
/* Make these bits full width and work with the detail-pair */
.path-backup .backup-section {
/* Fix for nested table headers */
/* Add card styles to backup sections */
background-color: #fff;
border-radius: 0.5rem;
border: 1px solid rgba(0, 0, 0, 0.125);
padding: 1.25rem;
margin-bottom: 1.25rem;
}
.path-backup .backup-section .sub-header, .path-backup .backup-section .backup-sub-section, .path-backup .backup-section .singlebutton, .path-backup .backup-section .header {
width: 100%;
float: left;
clear: both;
}
.path-backup .backup-section th.header {
width: auto;
float: none;
}
.path-backup .backup-section ::after {
content: "";
display: table;
clear: both;
}
.path-backup .backup-section::after {
display: block;
clear: both;
content: "";
}
.path-backup .notification.dependencies_enforced {
color: #ca3120;
font-weight: bold;
}
.path-backup .backup_progress {
margin-top: 1rem;
margin-bottom: 1rem;
}
.path-backup .backup_progress .backup_stage {
color: #6a737b;
}
.path-backup .backup_progress .backup_stage.backup_stage_current {
font-weight: bold;
color: inherit;
}
.path-backup .backup_progress span.backup_stage.backup_stage_complete {
color: inherit;
}
#page-backup-restore .filealiasesfailures {
background-color: #f4d6d2;
}
#page-backup-restore .filealiasesfailures .aliaseslist {
background-color: #fff;
}
.path-backup .wibbler {
width: 500px;
margin: 0 auto 10px;
border-bottom: 1px solid #000;
border-right: 1px solid #000;
border-left: 1px solid #000;
position: relative;
min-height: 4px;
}
.path-backup .wibbler .wibble {
position: absolute;
left: 0;
right: 0;
top: 0;
height: 4px;
}
.path-backup .wibbler .state0 {
background: #eee;
}
.path-backup .wibbler .state1 {
background: #ddd;
}
.path-backup .wibbler .state2 {
background: #ccc;
}
.path-backup .wibbler .state3 {
background: #bbb;
}
.path-backup .wibbler .state4 {
background: #aaa;
}
.path-backup .wibbler .state5 {
background: #999;
}
.path-backup .wibbler .state6 {
background: #888;
}
.path-backup .wibbler .state7 {
background: #777;
}
.path-backup .wibbler .state8 {
background: #666;
}
.path-backup .wibbler .state9 {
background: #555;
}
.path-backup .wibbler .state10 {
background: #444;
}
.path-backup .wibbler .state11 {
background: #333;
}
.path-backup .wibbler .state12 {
background: #222;
}
.generaltable {
width: 100%;
margin-bottom: 1rem;
color: #1d2125;
}
.generaltable th, .generaltable td {
padding: 0.75rem;
vertical-align: top;
border-top: 1px solid #dee2e6;
}
.generaltable th .form-check, .generaltable td .form-check {
padding: 0;
}
.generaltable thead th, .generaltable thead td {
vertical-align: bottom;
border-bottom: 2px solid #dee2e6;
}
.generaltable tbody + tbody {
border-top: 2px solid #dee2e6;
}
.generaltable tbody tr:nth-of-type(odd) {
background-color: rgba(0, 0, 0, 0.03);
}
.generaltable thead .sticky-column, .generaltable tbody tr:nth-of-type(even) {
background-color: #fff;
}
.generaltable tbody tr:nth-of-type(odd) .sticky-column {
background-color: rgba(0, 0, 0, 0.03);
}
.generaltable.table-sm th, .generaltable.table-sm td {
padding: 0.3rem;
}
.generaltable tbody tr:hover {
color: #1d2125;
background-color: rgba(0, 0, 0, 0.075);
}
.generaltable tbody tr:hover.dimmed_text a:not(.menu-action) {
color: #1d2125;
}
.generaltable tbody tr:hover td.sticky-column {
background-color: rgba(0, 0, 0, 0.075);
}
table caption {
font-size: 24px;
font-weight: bold;
line-height: 42px;
text-align: left;
caption-side: top;
}
table .sticky-column {
position: sticky;
left: 0;
background-color: inherit;
}
.table-dynamic > .loading-icon {
position: absolute;
left: calc(50% - 1.5rem);
top: 200px;
}
.table-dynamic > .loading-icon .icon {
max-height: 3rem;
max-width: 3rem;
font-size: 3rem;
}
.singlebutton {
display: inline-block;
}
.singlebutton + .singlebutton {
margin-left: 0.5rem;
}
.continuebutton {
text-align: center;
}
p.arrow_button {
margin-top: 5em;
text-align: center;
}
#addcontrols {
margin-top: 11.25rem;
text-align: center;
margin-bottom: 3em;
}
#addcontrols label {
display: inline;
}
#addcontrols input, #removecontrols input {
width: 100%;
margin: auto;
}
.btn-lineup {
margin: 0 0 10px 5px;
}
.btn.btn-icon, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.btn-icon.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.btn-icon.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.btn-icon.collapseexpand {
height: 36px;
width: 36px;
font-size: 16px;
line-height: 16px;
padding: 0;
border-radius: 50%;
flex-shrink: 0;
}
.btn.btn-icon:hover, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.btn-icon.collapseexpand:hover, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.btn-icon.collapseexpand:hover, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.btn-icon.collapseexpand:hover, .btn.btn-icon:focus, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.btn-icon.collapseexpand:focus, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.btn-icon.collapseexpand:focus, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.btn-icon.collapseexpand:focus {
background-color: #e9ecef;
}
.btn.btn-icon.icon-size-0, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.btn-icon.icon-size-0.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.btn-icon.icon-size-0.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.btn-icon.icon-size-0.collapseexpand {
height: 20px !important;
/* stylelint-disable-line declaration-no-important */
width: 20px !important;
/* stylelint-disable-line declaration-no-important */
font-size: 0 !important;
/* stylelint-disable-line declaration-no-important */
line-height: 0 !important;
/* stylelint-disable-line declaration-no-important */
}
.btn.btn-icon.icon-size-1, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.btn-icon.icon-size-1.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.btn-icon.icon-size-1.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.btn-icon.icon-size-1.collapseexpand {
height: 24px !important;
/* stylelint-disable-line declaration-no-important */
width: 24px !important;
/* stylelint-disable-line declaration-no-important */
font-size: 4px !important;
/* stylelint-disable-line declaration-no-important */
line-height: 4px !important;
/* stylelint-disable-line declaration-no-important */
}
.btn.btn-icon.icon-size-2, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.btn-icon.icon-size-2.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.btn-icon.icon-size-2.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.btn-icon.icon-size-2.collapseexpand {
height: 28px !important;
/* stylelint-disable-line declaration-no-important */
width: 28px !important;
/* stylelint-disable-line declaration-no-important */
font-size: 8px !important;
/* stylelint-disable-line declaration-no-important */
line-height: 8px !important;
/* stylelint-disable-line declaration-no-important */
}
.btn.btn-icon.icon-size-3, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.btn-icon.icon-size-3.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.btn-icon.icon-size-3.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.btn-icon.icon-size-3.collapseexpand {
height: 36px !important;
/* stylelint-disable-line declaration-no-important */
width: 36px !important;
/* stylelint-disable-line declaration-no-important */
font-size: 16px !important;
/* stylelint-disable-line declaration-no-important */
line-height: 16px !important;
/* stylelint-disable-line declaration-no-important */
}
.btn.btn-icon.icon-size-4, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.btn-icon.icon-size-4.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.btn-icon.icon-size-4.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.btn-icon.icon-size-4.collapseexpand {
height: 44px !important;
/* stylelint-disable-line declaration-no-important */
width: 44px !important;
/* stylelint-disable-line declaration-no-important */
font-size: 24px !important;
/* stylelint-disable-line declaration-no-important */
line-height: 24px !important;
/* stylelint-disable-line declaration-no-important */
}
.btn.btn-icon.icon-size-5, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.btn-icon.icon-size-5.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.btn-icon.icon-size-5.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.btn-icon.icon-size-5.collapseexpand {
height: 52px !important;
/* stylelint-disable-line declaration-no-important */
width: 52px !important;
/* stylelint-disable-line declaration-no-important */
font-size: 32px !important;
/* stylelint-disable-line declaration-no-important */
line-height: 32px !important;
/* stylelint-disable-line declaration-no-important */
}
.btn.btn-icon.icon-size-6, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.btn-icon.icon-size-6.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.btn-icon.icon-size-6.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.btn-icon.icon-size-6.collapseexpand {
height: 60px !important;
/* stylelint-disable-line declaration-no-important */
width: 60px !important;
/* stylelint-disable-line declaration-no-important */
font-size: 40px !important;
/* stylelint-disable-line declaration-no-important */
line-height: 40px !important;
/* stylelint-disable-line declaration-no-important */
}
.btn.btn-icon.icon-size-7, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.btn-icon.icon-size-7.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.btn-icon.icon-size-7.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.btn-icon.icon-size-7.collapseexpand {
height: 68px !important;
/* stylelint-disable-line declaration-no-important */
width: 68px !important;
/* stylelint-disable-line declaration-no-important */
font-size: 48px !important;
/* stylelint-disable-line declaration-no-important */
line-height: 48px !important;
/* stylelint-disable-line declaration-no-important */
}
.btn.btn-icon.icons-collapse-expand, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.btn-icon.icons-collapse-expand.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.btn-icon.icons-collapse-expand.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.btn-icon.icons-collapse-expand.collapseexpand {
color: #0f6cbf;
background-color: #e7f0f9;
}
.btn.btn-icon.icons-collapse-expand:hover, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.btn-icon.icons-collapse-expand.collapseexpand:hover, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.btn-icon.icons-collapse-expand.collapseexpand:hover, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.btn-icon.icons-collapse-expand.collapseexpand:hover {
outline: 2px solid #0f6cbf;
}
.btn-primary:focus, .btn-primary.focus {
outline: 0.2rem solid #000102;
box-shadow: inset 0 0 0 2px #fff;
}
.btn-secondary:focus, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:focus, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:focus, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:focus, .btn-secondary.focus, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.focus.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.focus.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.focus.collapseexpand {
outline: 0.2rem solid #5f6e7d;
box-shadow: inset 0 0 0 2px #fff;
}
.btn-success:focus, .btn-success.focus {
outline: 0.2rem solid black;
box-shadow: inset 0 0 0 2px #fff;
}
.btn-info:focus, .btn-info.focus {
outline: 0.2rem solid black;
box-shadow: inset 0 0 0 2px #fff;
}
.btn-warning:focus, .btn-warning.focus {
outline: 0.2rem solid #694109;
box-shadow: inset 0 0 0 2px #fff;
}
.btn-danger:focus, .btn-danger.focus {
outline: 0.2rem solid #1a0604;
box-shadow: inset 0 0 0 2px #fff;
}
.btn-light:focus, .btn-light.focus {
outline: 0.2rem solid #8193a5;
box-shadow: inset 0 0 0 2px #fff;
}
.btn-dark:focus, .btn-dark.focus {
outline: 0.2rem solid black;
box-shadow: inset 0 0 0 2px #fff;
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
outline: 0.2rem solid #000102;
box-shadow: inset 0 0 0 2px #343a40;
}
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
outline: 0.2rem solid #5f6e7d;
box-shadow: inset 0 0 0 2px #343a40;
}
.btn-outline-success:focus, .btn-outline-success.focus {
outline: 0.2rem solid black;
box-shadow: inset 0 0 0 2px #343a40;
}
.btn-outline-info:focus, .btn-outline-info.focus {
outline: 0.2rem solid black;
box-shadow: inset 0 0 0 2px #343a40;
}
.btn-outline-warning:focus, .btn-outline-warning.focus {
outline: 0.2rem solid #694109;
box-shadow: inset 0 0 0 2px #343a40;
}
.btn-outline-danger:focus, .btn-outline-danger.focus {
outline: 0.2rem solid #1a0604;
box-shadow: inset 0 0 0 2px #343a40;
}
.btn-outline-light:focus, .btn-outline-light.focus {
outline: 0.2rem solid #8193a5;
box-shadow: inset 0 0 0 2px #343a40;
}
.btn-outline-dark:focus, .btn-outline-dark.focus {
outline: 0.2rem solid black;
box-shadow: inset 0 0 0 2px #343a40;
}
.gradetreebox {
margin: 20px 0 30px 0;
}
.gradetreebox h4 {
font-size: 0.9375rem;
}
.gradetreebox th.cell, .gradetreebox input[type=text] {
width: auto;
}
.gradetreebox input[type=text], .gradetreebox select {
margin-bottom: 0;
}
.core_grades_notices .singlebutton {
display: inline-block;
}
.path-grade-report #maincontent + .urlselect {
position: absolute;
left: 40vw;
}
.path-grade-report-grader #region-main {
min-width: 100%;
width: auto;
display: flex;
flex-direction: column;
}
.path-grade-report-grader #region-main > .card {
width: auto;
overflow-x: initial;
}
.path-grade-report-grader #region-main div[role="main"] {
flex: 1 1 auto;
}
.path-grade-report-grader [data-region="blocks-column"] {
width: 100%;
clear: both;
}
.path-grade-report-grader .gradepass, .path-grade-report-user .gradepass {
color: #357a32;
}
.path-grade-report-grader .gradefail, .path-grade-report-user .gradefail {
color: #ca3120;
}
.path-grade #region-main {
overflow-x: visible;
}
.path-grade .user-heading .userinitials {
width: 50px;
height: 50px;
}
#page-grade-grading-manage #activemethodselector label {
display: inline-block;
}
#page-grade-grading-manage #activemethodselector .helptooltip {
margin-right: 0.5em;
}
#page-grade-grading-manage .actions {
display: block;
text-align: center;
margin-bottom: 1em;
}
#page-grade-grading-manage .actions .action {
display: inline-block;
position: relative;
vertical-align: top;
width: 150px;
text-align: center;
overflow: hidden;
margin: 0.5em;
padding: 1em;
border: 1px solid #aaa;
}
#page-grade-grading-manage .actions .action .action-text {
position: relative;
top: 0.4em;
font-size: 14px;
white-space: normal;
}
#page-grade-grading-form-rubric-edit .gradingform_rubric_editform .status {
font-size: 70%;
}
.gradingform_rubric {
margin-bottom: 1em;
}
.gradingform_rubric.evaluate .criterion .levels .level:hover, .gradingform_rubric.evaluate .criterion .levels .level.checked {
background: #dff0d8;
}
.gradingform_rubric.evaluate .criterion .levels .level.checked {
border: none;
border-left: 1px solid #dee2e6;
}
.gradingform_rubric .criterion .description {
vertical-align: top;
padding: 6px;
}
.gradingform_rubric .criterion .description textarea {
margin-bottom: 0;
height: 115px;
}
.gradingform_rubric .criterion .definition textarea {
width: 80%;
margin-bottom: 0;
}
.gradingform_rubric .criterion .score {
margin-top: 5px;
margin-right: 28px;
font-style: italic;
font-weight: bold;
color: #2a6228;
}
.gradingform_rubric .criterion .score input {
margin-bottom: 0;
}
.gradingform_rubric .criterion .level {
vertical-align: top;
padding: 6px;
}
.gradingform_rubric .criterion .level.currentchecked {
background: #fff0f0;
}
.gradingform_rubric .criterion .level.checked {
background: #d0ffd0;
border: 1px solid #555;
}
.gradingform_rubric .criterion .level .delete {
position: relative;
width: 32px;
height: 32px;
margin-top: -32px;
clear: both;
float: right;
}
.gradingform_rubric .criterion .level .delete input {
display: block;
position: absolute;
right: 0;
bottom: 0;
height: 24px;
width: 24px;
margin: 0;
}
.gradingform_rubric .criterion .level .delete input:hover {
background-color: #ddd;
}
.gradingform_rubric .criterion .scorevalue input {
float: none;
width: 2em;
}
.gradingform_rubric .criterion .scorevalue input.hiddenelement, .gradingform_rubric .criterion .scorevalue input.pseudotablink {
width: 0;
}
.gradingform_rubric .criterion .addlevel {
vertical-align: top;
padding-top: 6px;
}
.gradingform_rubric .criterion .addlevel input {
height: 30px;
line-height: 1rem;
}
.gradingform_rubric .addcriterion {
margin-left: 5px;
padding: 0;
margin-bottom: 1em;
}
.gradingform_rubric .addcriterion input {
margin: 0;
color: inherit;
text-shadow: inherit;
border: 0 none;
line-height: inherit;
background: transparent url(/theme/image.php/boost_union/core/1752245628/t/add) no-repeat 7px 8px;
padding-left: 26px;
}
.gradingform_rubric .options {
clear: both;
}
.gradingform_rubric .options .option label {
margin: 0;
padding: 0;
font-size: inherit;
font-weight: normal;
line-height: 2em;
color: inherit;
text-shadow: none;
background-color: transparent;
}
.gradingform_rubric .options .option input {
margin-left: 5px;
margin-right: 12px;
}
.grade-display .description {
font-size: 1rem;
}
.criterion .description {
font-size: 1rem;
}
.criterion .criterion-toggle .expanded-icon {
display: block;
}
.criterion .criterion-toggle .collapsed-icon {
display: none;
}
.criterion .criterion-toggle.collapsed .expanded-icon {
display: none;
}
.criterion .criterion-toggle.collapsed .collapsed-icon {
display: block;
}
.path-grade-edit-tree .collapse-list .unlist {
padding-left: 2rem;
}
.path-grade-edit-tree .collapse-list .unlist [data-for="sectionnode"]:focus > .collapse-list-item:first-child {
background-color: #e6f2f5;
border-color: #b3d9e0;
}
.path-grade-edit-tree .collapse-list .unlist [data-for="sectionnode"][data-selected="true"] > .collapse-list-item:first-child {
background-color: #e6f2f5;
border-color: #b3d9e0;
color: #0f6cbf;
}
.path-grade-edit-tree .collapse-list .unlist [data-for="sectionnode"] .collapse-list-item-content[aria-hidden="true"] {
display: none;
}
.path-grade-edit-tree .collapse-list .unlist [data-for="sectionnode"][aria-expanded="true"] > .collapse-list-item .collapsed-icon {
display: none;
}
.path-grade-edit-tree .collapse-list .unlist [data-for="sectionnode"][aria-expanded="false"] > .collapse-list-item .expanded-icon {
display: none;
}
.path-grade-edit-tree .collapse-list .unlist .collapse-list-item {
padding: 0.5rem 1rem;
cursor: pointer;
}
.path-grade-edit-tree .collapse-list .unlist .collapse-list-item .collapse-list-item-name {
font-weight: bold;
}
.path-grade-edit-tree .collapse-list .unlist .collapse-list-item .collapse-list-link {
color: #1d2125;
padding: 0 0.2rem;
margin-right: 0.3rem;
}
.path-grade-edit-tree .collapse-list .unlist .collapse-list-item .collapse-list-link i {
font-size: 12px;
width: 12px;
height: 12px;
margin: 0;
}
.path-grade-edit-tree .gradetree-wrapper {
padding: 10px 10px;
background-color: #f8f9fa;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades h4 {
margin: 0;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades .column-rowspan {
padding: 0;
width: 24px;
min-width: 24px;
max-width: 24px;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades .emptyrow {
display: none;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades .gradeitemdescription {
font-weight: normal;
padding-left: 24px;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.spacer {
height: 0.5rem;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr[data-hidden="true"] {
display: none;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr th {
vertical-align: bottom;
border: none;
text-align: left;
background-color: #f8f9fa;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr th.rowspan {
padding: 0;
width: 24px;
min-width: 24px;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td {
min-width: 4.5em;
background-color: #f8f9fa;
border: none;
vertical-align: middle;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-name .small, .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-name .pagelayout-frontpage .theme_boost_union-coursecategoryinfo, .pagelayout-frontpage .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-name .theme_boost_union-coursecategoryinfo, .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-name .pagelayout-coursecategory .theme_boost_union-coursecategoryinfo, .pagelayout-coursecategory .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-name .theme_boost_union-coursecategoryinfo, .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-name #page-course-search .theme_boost_union-coursecategoryinfo, #page-course-search .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-name .theme_boost_union-coursecategoryinfo {
font-size: 70%;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-name .itemselect {
margin-right: 15px;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-weight {
min-width: 15em;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-weight .weightoverride {
margin-right: 5px;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-actions .dropdown-toggle::after {
display: none;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.movehere {
padding: 0;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.movehere a.movehere {
display: block;
width: 100%;
margin: 5px 0 5px 0;
padding: 3px 0 3px 0;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.movehere a.movehere hr {
border-top: 2px dashed #8f959e;
margin: 0;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.movehere a.movehere:hover hr {
border-top: 2px dashed #0f6cbf;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td {
background-color: #fff;
border-top: 1px solid #dee2e6;
border-bottom: 1px solid #dee2e6;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td:first-child {
border-left: 1px solid #dee2e6;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td:last-child {
border-right: 1px solid #dee2e6;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name {
font-weight: bold;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name div {
display: flex;
min-height: 30px;
align-items: center;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name div .form-check {
padding: 0;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name div .form-check .itemselect {
margin-right: 5px;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name div a.toggle-category {
height: 24px;
width: 24px;
font-size: 12px;
line-height: 24px;
margin-right: 3px;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name div a.toggle-category[aria-expanded="true"] .expanded, .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name div a.toggle-category[aria-expanded="false"] .collapsed {
display: none;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name div a.toggle-category i {
font-size: 12px;
width: 12px;
height: 12px;
color: #1d2125;
margin: 0;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.item td {
background-color: #fff;
border-top: 3px solid #f8f9fa;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.item.categoryitem td, .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.item.courseitem td {
min-width: 4.5em;
background-color: #f8f9fa;
border: none;
vertical-align: middle;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.item.categoryitem td.column-name, .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.item.courseitem td.column-name {
padding-left: 0;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.item.categoryitem td:not(.column-actions), .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.item.courseitem td:not(.column-actions) {
font-weight: bold;
}
.path-grade-edit-tree .gradetree-wrapper .badge-light {
color: #1d2125;
background-color: #ced4da;
margin-right: 0.5em;
margin-bottom: 0.5em;
}
/**
* Grader report.
*/
.path-grade-report-grader .gradeparent tr .cell, .path-grade-report-grader .gradeparent .floater .cell {
background-color: #fff;
}
.path-grade-report-grader .gradeparent tr .cell.gradecell .dropdown-menu.show, .path-grade-report-grader .gradeparent .floater .cell.gradecell .dropdown-menu.show {
z-index: 1;
}
.path-grade-report-grader .gradeparent table, .path-grade-report-grader .gradeparent .cell {
border-color: #dee2e6;
}
.path-grade-report-grader .gradeparent .heading .cell, .path-grade-report-grader .gradeparent .cell.category, .path-grade-report-grader .gradeparent .avg .cell {
background-color: #f8f9fa;
}
.path-grade-report-grader .gradeparent table .clickable {
cursor: pointer;
}
.path-grade-report-grader .gradeparent tr.heading {
position: sticky;
top: 60px;
z-index: 4;
}
.path-grade-report-grader .gradeparent tr.userrow th {
z-index: 2;
}
.path-grade-report-grader .gradeparent tr.userrow th.actions-menu-active {
z-index: 3;
}
.path-grade-report-grader .gradeparent tr.lastrow:not(.userrow) {
position: sticky;
bottom: -1px;
}
.path-grade-report-grader .gradeparent tr.lastrow:not(.userrow).pinned {
z-index: 4;
}
.path-grade-report-grader .gradeparent tr.lastrow td, .path-grade-report-grader .gradeparent tr.lastrow th {
border-top: 1px solid #dee2e6;
}
.path-grade-report-grader .gradeparent th.header {
left: 0;
position: sticky;
}
.path-grade-report-grader .gradeparent th.header#studentheader {
z-index: 1;
}
.path-grade-report-grader .gradeparent td.noborder {
border-right: transparent;
}
.path-grade-report-grader.hasstickyfooter .gradeparent tr.lastrow {
bottom: calc(calc(max(80px, calc(0.9375rem * 3))) - 1px);
}
/**
* User report.
*/
.path-grade-report-user .user-grade {
border: none;
}
.path-grade-report-user .user-grade.generaltable .levelodd {
background-color: rgba(0, 0, 0, 0.03);
}
.path-grade-report-user .user-grade .column-contributiontocoursetotal, .path-grade-report-user .user-grade .column-range, .path-grade-report-user .user-grade .column-percentage, .path-grade-report-user .user-grade .column-weight {
/*rtl:ignore*/
direction: ltr;
}
/**
* Single view.
*/
.path-grade-report-singleview .reporttable input[name^="finalgrade"] {
width: 80px;
display: inline-block;
}
.path-grade-report-singleview .reporttable .action-menu {
display: inline-block;
margin-left: 0.5rem;
float: right;
}
.path-grade-report-singleview .reporttable .dropdown-toggle::after {
display: none;
}
.gradereport-grader-table input[name^="grade"] {
width: 80px;
display: inline-block;
}
.gradereport-grader-table .dropdown-toggle::after {
display: none;
}
.search-widget .dropdown-menu {
padding: 0.8rem 1.2rem;
}
.search-widget .dropdown-menu.wide {
width: 350px;
}
.search-widget .dropdown-menu.narrow {
width: 250px;
}
.search-widget .dropdown-menu .dropdown-item span.email {
color: #6a737b;
}
.search-widget .dropdown-menu .dropdown-item:hover span, .search-widget .dropdown-menu .dropdown-item:active span {
color: #fff;
}
.search-widget .dropdown-menu .searchresultscontainer {
height: 178px;
font-size: 90%;
}
.search-widget .dropdown-menu .searchresultscontainer .searchresultitemscontainer {
height: 178px;
max-height: 178px;
overflow: auto;
}
.search-widget .dropdown-menu .unsearchablecontentcontainer {
border-top: 1px solid #dee2e6;
padding-top: 10px;
font-size: 90%;
}
#fitem_id_submitbutton {
padding-right: 2em;
}
.gradestatus {
padding-top: 10px;
}
.gradestatus .icon {
margin-right: 1rem;
}
.columns-autoflow-1to1to1 {
column-count: 3;
}
@media (max-width: 767px) {
.columns-autoflow-1to1to1 {
column-count: 1;
}
}
/* some very targetted corrections to roll back nameclashes between
* Moodle and Bootstrap like .row, .label, .content, .controls
*
* Mostly relies on these styles being more specific than the Bootstrap
* ones in order to overule them.
*/
li.activity.label, .file-picker td.label {
background: inherit;
color: inherit;
text-shadow: none;
white-space: normal;
display: block;
font-size: inherit;
line-height: inherit;
text-align: inherit;
}
.file-picker td.label {
border: inherit;
display: table-cell;
text-align: right;
padding: 8px;
}
.choosercontainer #chooseform .option {
font-size: 12px;
}
/* block.invisible vs .invisible
* block.hidden vs .invisible
*
* uses .invisible where the rest of Moodle uses @mixin dimmed
* fixible in block renderer?
*
* There's seems to be even more naming confusion here since,
* blocks can be actually 'visible' (or not) to students,
* marked 'visible' but really just dimmed to indicate to editors
* that students can't see them or 'visible' to the user who
* collapses them, 'visible' if you have the right role and in
* different circumstances different sections of a block can
* be 'visible' or not.
*
* currently worked around in renderers.php function block{}
* by rewriting the class name "invisible" to "dimmed",
* though the blocks don't look particularly different apart
* from their contents disappearing. Maybe try .muted? or
* dimming all the edit icons apart from unhide, might be a
* nice effect, though they'd still be active. Maybe reverse
* it to white?
*/
.section.hidden, .block.hidden, .block.invisible {
visibility: visible;
display: block;
}
/* .row vs .row
*
* very tricky to track down this when it goes wrong,
* since the styles are applied to generated content
*
* basically if you see things shifted left or right compared
* with where they should be check for a .row
*/
.forumpost .row {
margin-left: 0 !important;
/* stylelint-disable-line declaration-no-important */
}
.forumpost .row:before, .forumpost .row:after {
content: none;
}
/* fieldset.hidden vs .hidden
*
* Moodle uses fieldset.hidden for mforms, to signify a collection of
* form elements that don't have a box drawn round them. Bootstrap
* uses hidden for stuff that is hidden in various responsive modes.
*
* Relatedly, there is also fieldset.invisiblefieldset which hides the
* border and sets the display to inline.
*
* Originally this just set block and visible, but it is used
* in random question dialogue in Quiz,
* that dialogue is hidden and shown, so when hidden the
* above workaround leaves you with a button floating around
*/
fieldset.hidden {
display: inherit;
visibility: inherit;
}
/* .container vs .container
*
* bootstrap uses .container to set the width of the layout at 960px or so, Moodle uses it
* in the Quiz to contain the questions to add. If you don't overule the Bootstrap code,
* it becomes near unuseable.
*/
#questionbank + .container {
width: auto;
}
body:not(.jsenabled) .dropdown:hover > .dropdown-menu {
display: block;
margin-top: -6px;
}
body:not(.jsenabled) .langmenu:hover > .dropdown-menu, .langmenu.open > .dropdown-menu {
display: block;
max-height: 150px;
overflow-y: auto;
}
.navbar.fixed-top .dropdown .dropdown-menu {
max-height: calc(100vh - 60px);
overflow-y: auto;
}
.page-item.active .page-link, .page-item.active .page-link:hover, .page-item.active .page-link:focus {
z-index: inherit;
}
.custom-select {
word-wrap: normal;
}
/* Add commented out carousel transistions back in.
*
* The Css prefixer used in Moodle breaks on @supports syntax, See MDL-61515.
*/
.carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right {
transform: translateX(0);
}
.carousel-item-next, .active.carousel-item-right {
transform: translateX(100%);
}
.carousel-item-prev, .active.carousel-item-left {
transform: translateX(-100%);
}
/**
* Reset all of the forced style on the page.
* - Remove borders on header and content.
* - Remove most of the vertical padding.
* - Make the content region flex grow so it pushes things like the
* next activity selector to the bottom of the page.
*/
body.reset-style #page-header .card {
border: none;
}
body.reset-style #page-header .card .page-header-headings h1 {
margin-bottom: 0;
}
@media (max-width: 767.98px) {
body.reset-style #page-header .card .card-body {
padding-left: 0;
padding-right: 0;
}
}
body.reset-style #page-header > div {
padding-top: 0 !important;
/* stylelint-disable-line declaration-no-important */
padding-bottom: 0 !important;
/* stylelint-disable-line declaration-no-important */
}
body.reset-style #page-content {
padding-bottom: 0 !important;
/* stylelint-disable-line declaration-no-important */
}
body.reset-style #page-content #region-main-box #region-main {
border: none;
display: inline-flex;
flex-direction: column;
padding: 0;
height: 100%;
width: 100%;
padding-left: 1.25rem;
padding-right: 1.25rem;
vertical-align: top;
}
body.reset-style #page-content #region-main-box #region-main div[role="main"] {
flex: 1 0 auto;
}
body.reset-style #page-content #region-main-box #region-main .activity-navigation {
overflow: hidden;
}
body.reset-style #page-content #region-main-box #region-main.has-blocks {
width: calc(100% - 375px);
}
@media (max-width: 1199.98px) {
body.reset-style #page-content #region-main-box #region-main.has-blocks {
width: 100%;
}
}
@media (max-width: 767.98px) {
body.reset-style #page-content #region-main-box #region-main {
padding-left: 0;
padding-right: 0;
}
}
body.reset-style #page-content #region-main-box [data-region="blocks-column"] {
margin-left: auto;
}
@media (max-width: 1199.98px) {
body.reset-style #page-content #region-main-box {
display: flex;
flex-direction: column;
}
}
body.reset-style select, body.reset-style input, body.reset-style textarea, body.reset-style .btn:not(.btn-icon), body.reset-style .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:not(.btn-icon), .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions body.reset-style a.collapseexpand:not(.btn-icon), body.reset-style .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:not(.btn-icon), .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions body.reset-style a.collapseexpand:not(.btn-icon), body.reset-style #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:not(.btn-icon), #page-course-search .theme_boost_union-catlisting > .collapsible-actions body.reset-style a.collapseexpand:not(.btn-icon) {
border-radius: 0.6rem;
}
body.behat-site .fixed-top {
position: absolute;
}
body.behat-site.hasstickyfooter .stickyfooter, body.behat-site .stickyfooter {
position: inherit;
z-index: inherit;
}
body.behat-site.hasstickyfooter .stickyfooter .sticky-footer-content-wrapper, body.behat-site .stickyfooter .sticky-footer-content-wrapper {
padding: 0;
margin: 0;
}
body.behat-site .dropdown-item {
margin-top: 4px !important;
/* stylelint-disable declaration-no-important */
}
body.behat-site.drawer-ease {
-webkit-transition: initial;
-moz-transition: initial;
transition: initial;
}
body.behat-site [data-region="drawer"] {
-webkit-transition: initial;
-moz-transition: initial;
transition: initial;
position: absolute;
}
body.behat-site .custom-control, body.behat-site .custom-switch {
padding-left: 0;
}
body.behat-site .custom-control-input {
position: static;
z-index: 0;
opacity: 1;
width: auto;
}
body.behat-site .custom-control-label::before, body.behat-site .custom-control-label::after {
content: none;
}
body.behat-site [data-region="message-drawer"] {
padding-right: 10px;
}
body.behat-site.jsenabled #page-footer .footer-content-popover {
display: block;
}
body.behat-site.path-grade-report-grader .gradeparent tr.heading, body.behat-site.path-grade-report-grader .gradeparent tr.lastrow, body.behat-site.path-grade-report-grader .gradeparent th.header {
position: relative;
left: auto;
}
body.behat-site.path-grade-report-grader .gradeparent tr.heading {
top: auto;
}
.phpinfo table, .phpinfo th, .phpinfo h2 {
margin: auto;
}
.phpinfo .e, .phpinfo .v, .phpinfo .h {
border: 1px solid #000;
font-size: 0.8em;
vertical-align: baseline;
color: #000;
background-color: #ccc;
}
.phpinfo .e {
background-color: #ccf;
font-weight: bold;
}
.phpinfo .h {
background-color: #99c;
font-weight: bold;
}
body > .debuggingmessage {
margin-top: 60px;
}
body > .debuggingmessage ~ .debuggingmessage {
margin-top: 0.5rem;
}
/**
* This file contains the styles required to make the footer sticky.
*/
html, body {
height: 100%;
}
.stickyfooter {
position: fixed;
right: 0;
left: 0;
height: calc(max(80px, calc(0.9375rem * 3)));
bottom: calc(calc(max(80px, calc(0.9375rem * 3))) * -1);
transition: bottom 0.5s;
z-index: 1030;
box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15);
font-size: calc(0.9375rem * 1.10);
}
.stickyfooter .sticky-footer-content {
overflow: hidden;
}
@media (min-width: 768px) {
.pagelayout-standard .stickyfooter .sticky-footer-content, body.limitedwidth.uses-drawers .stickyfooter .sticky-footer-content {
max-width: 80%;
}
body.mediumwidth.uses-drawers .stickyfooter .sticky-footer-content {
max-width: 1120px;
}
}
.stickyfooter .sticky-footer-content-wrapper {
transition: 0.2s;
}
@media (prefers-reduced-motion: reduce) {
.stickyfooter .sticky-footer-content-wrapper {
transition: none;
}
}
@media (min-width: 992px) {
.stickyfooter .sticky-footer-content-wrapper .drawers {
padding: 0 3rem;
}
.show-drawer-left .stickyfooter .sticky-footer-content-wrapper {
margin-left: 285px;
padding: 0 3rem 0 1rem;
}
.show-drawer-right .stickyfooter .sticky-footer-content-wrapper {
margin-right: 315px;
padding: 0 1rem 0 3rem;
}
.show-drawer-right.show-drawer-left .stickyfooter .sticky-footer-content-wrapper {
padding: 0 1rem;
}
}
.hasstickyfooter .stickyfooter {
bottom: 0;
}
/* Standard components fixes for sticky footer. */
.stickyfooter ul.pagination {
margin-bottom: 0.25rem;
}
.stickyfooter .btn, .stickyfooter .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .stickyfooter a.collapseexpand, .stickyfooter .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .stickyfooter a.collapseexpand, .stickyfooter #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .stickyfooter a.collapseexpand {
font-size: calc(0.9375rem * 1.10);
}
/* Breakpoints fixes. */
@media (min-width: 576px) {
#page-wrapper {
height: 100%;
display: flex;
flex-direction: column;
}
#page-wrapper #page {
display: flex;
flex-direction: column;
}
#page-wrapper #page:not(.drawers) {
flex: 1 0 auto;
}
#page-wrapper #page #page-content {
flex: 1 0 auto;
}
#page-wrapper #page-footer {
flex-shrink: 0;
}
}
@media (max-width: 767.98px) {
#page-wrapper {
height: 100%;
display: flex;
flex-direction: column;
}
#page-wrapper #page {
display: flex;
flex-direction: column;
}
#page-wrapper #page:not(.drawers) {
flex: 1 0 auto;
}
}
.popover-region {
position: relative;
}
.popover-region.collapsed .popover-region-toggle:before, .popover-region.collapsed .popover-region-toggle:after {
display: none;
}
.popover-region.collapsed .popover-region-container {
opacity: 0;
visibility: hidden;
height: 0;
overflow: hidden;
transition: height 0.25s, opacity 101ms 0.25s, visibility 101ms 0.25s;
}
.popover-region-toggle {
cursor: pointer;
}
.popover-region-toggle::before {
content: "";
display: inline-block;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #ddd;
position: absolute;
bottom: 0;
right: 7px;
}
.popover-region-toggle::after {
content: "";
display: inline-block;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
border-bottom: 9px solid #fff;
position: absolute;
bottom: -1px;
right: 8px;
z-index: 2;
}
.count-container {
padding: 2px;
border-radius: 2px;
background-color: #ca3120;
color: #fff;
font-size: 11px;
line-height: 11px;
position: absolute;
top: 5px;
right: 0;
}
.popover-region-container {
opacity: 1;
visibility: visible;
position: absolute;
right: 0;
top: 0;
height: 500px;
max-height: 80vh;
width: 380px;
border: 1px solid #ddd;
transition: height 0.25s;
background-color: #fff;
z-index: 1;
}
.popover-region-header-container {
height: 25px;
line-height: 25px;
padding-left: 5px;
padding-right: 5px;
border-bottom: 1px solid #ddd;
box-sizing: border-box;
}
.popover-region-footer-container {
height: 30px;
text-align: center;
border-top: 1px solid #ddd;
background-color: #fff;
padding-top: 3px;
}
.popover-region-header-text {
float: left;
margin: 0;
font-size: 14px;
line-height: 25px;
}
.popover-region-header-actions {
float: right;
}
.popover-region-header-actions > * {
margin-left: 10px;
min-width: 20px;
display: inline-block;
}
.popover-region-header-actions .loading-icon {
display: none;
height: 12px;
width: 12px;
}
.popover-region-header-actions .newmessage-link {
margin-right: 10px;
}
.popover-region-header-actions label {
display: inline-block;
text-align: center;
margin-bottom: 0;
}
.popover-region-content-container {
height: calc(100% - 55px);
width: 100%;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.popover-region-content-container > .loading-icon {
display: none;
text-align: center;
padding: 5px;
box-sizing: border-box;
}
.popover-region-content-container .empty-message {
display: none;
text-align: center;
padding: 10px;
}
.popover-region-content-container.loading > .loading-icon {
display: block;
}
.popover-region-content-container.loading .empty-message {
display: none;
}
.navbar-nav .popover-region .icon {
font-weight: bolder;
}
.navbar .popover-region.collapsed .popover-region-container {
opacity: 0;
visibility: hidden;
height: 0;
overflow: hidden;
transition: height 0.25s, opacity 101ms 0.25s, visibility 101ms 0.25s;
}
.navbar .count-container {
padding: 2px;
border-radius: 2px;
background-color: #ca3120;
color: #fff;
font-size: 11px;
line-height: 11px;
position: absolute;
top: 15px;
right: 0;
}
.navbar .popover-region-container {
top: 60px;
}
.content-item-container {
width: 100%;
border-bottom: 1px solid #ddd;
box-sizing: border-box;
padding: 5px;
position: relative;
margin: 0;
display: block;
color: inherit;
text-decoration: none;
}
.content-item-container:hover {
color: #fff;
background-color: #0f6cbf;
}
.content-item-container:hover .content-item-footer .timestamp {
color: #fff;
}
.content-item-container:hover .view-more {
color: inherit;
}
.content-item-container.unread {
margin: 0;
background-color: #f4f4f4;
}
.content-item-container.unread:hover {
color: #fff;
background-color: #0f6cbf;
}
.content-item-container.unread .content-item-body .notification-message {
font-weight: 600;
}
.content-item-container .context-link {
color: inherit;
text-decoration: none;
}
.content-item-container .content-item-body {
box-sizing: border-box;
margin-bottom: 5px;
}
.content-item-container .content-item-footer {
text-align: left;
box-sizing: border-box;
}
.content-item-container .content-item-footer .timestamp {
font-size: 10px;
line-height: 10px;
margin: 0;
color: inherit;
margin-left: 24px;
}
.content-item-container .view-more {
position: absolute;
bottom: 5px;
right: 5px;
font-size: 12px;
line-height: 12px;
}
.content-item-container .view-more:hover {
color: inherit;
}
.content-item-container.notification .content-item-body .notification-image {
display: inline-block;
width: 24px;
height: 24px;
float: left;
}
.content-item-container.notification .content-item-body .notification-image img {
height: 75%;
}
.content-item-container.notification .content-item-body .notification-message {
display: inline-block;
font-size: 12px;
width: calc(100% - 24px);
}
.content-item-container.selected {
background-color: #3279b3;
color: #fff;
border-color: #3279b3;
}
.content-item-container.selected .content-item-footer .timestamp {
color: #fff;
}
.popover-region-notifications .popover-region-header-container .mark-all-read-button .normal-icon {
display: inline-block;
}
.popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .normal-icon {
display: none;
}
.popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .loading-icon {
display: inline-block;
}
.popover-region-notifications .all-notifications {
opacity: 1;
visibility: visible;
height: auto;
overflow: hidden;
}
.popover-region-notifications .all-notifications:empty + .empty-message {
display: block;
}
.popover-region-notifications .notification-image {
display: inline-block;
width: 8%;
vertical-align: top;
}
.popover-region-notifications .notification-image img {
height: 75%;
}
.popover-region-notifications .notification-message {
display: inline-block;
font-size: 12px;
}
.popover-region-notifications .popover-region-content-container.loading .all-notifications:empty + .empty-message {
display: none;
}
.popover-region-messages .mark-all-read-button .normal-icon {
display: inline-block;
}
.popover-region-messages .mark-all-read-button.loading .normal-icon {
display: none;
}
.popover-region-messages .mark-all-read-button.loading .loading-icon {
display: inline-block;
}
.popover-region-messages .popover-region-content-container.loading .popover-region-content .messages:empty + .empty-message {
display: none;
}
.popover-region-messages .messages:empty + .empty-message {
display: block;
}
.popover-region-messages .content-item-container.unread .content-item-body {
font-weight: 600;
width: calc(90% - 30px);
}
.popover-region-messages .content-item-container.unread .unread-count-container {
display: inline-block;
width: 10%;
text-align: center;
float: right;
}
.popover-region-messages .content-item {
height: 100%;
width: 100%;
box-sizing: border-box;
}
.popover-region-messages .profile-image-container {
width: 30px;
display: inline-block;
text-align: center;
float: left;
}
.popover-region-messages .profile-image-container img {
width: 100%;
display: inline-block;
vertical-align: middle;
border-radius: 50%;
}
.popover-region-messages .content-item-body {
display: inline-block;
box-sizing: border-box;
width: calc(100% - 30px);
font-size: 12px;
padding-left: 10px;
overflow: hidden;
}
.popover-region-messages .content-item-body h3 {
font-size: 12px;
line-height: 12px;
margin: 0;
width: 100%;
}
.popover-region-messages .content-item-body p {
margin: 0;
}
.popover-region-messages .unread-count-container {
display: none;
}
@media (max-width: 767px) {
.navbar .popover-region .popover-region-container {
right: -70px;
}
}
@media (max-width: 480px) {
.navbar .popover-region .popover-region-container {
position: fixed;
top: 46px;
right: 0;
left: 0;
bottom: 0;
width: auto;
height: auto;
}
}
/**
* Tour step must sit above all other UI components.
* The backdrop is the lowest point in the tour.
* ----- moodle
* ---- step backdrop
* --- step container
*/
div[data-flexitour="backdrop"] {
background-color: #000;
opacity: 0.5;
z-index: 1040;
}
span[data-flexitour="container"] {
z-index: 1041;
}
span[data-flexitour="container"] .modal-dialog {
/**
* Remove all margins to:
* 1) ensure that the arrow touches the target; and
* 2) ensure that the focus border touches the modal.
*/
margin: 0;
}
span[data-flexitour="container"] div[data-role="arrow"] {
border-width: 1rem;
}
span[data-flexitour="container"] div[data-role="arrow"], span[data-flexitour="container"] div[data-role="arrow"]:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
border-width: 1rem;
}
span[data-flexitour="container"][x-placement="top"], span[data-flexitour="container"][x-placement="top-start"] {
margin-bottom: 1rem;
}
span[data-flexitour="container"][x-placement="top"] div[data-role="arrow"], span[data-flexitour="container"][x-placement="top-start"] div[data-role="arrow"] {
bottom: -1rem;
left: 50%;
margin-left: -1rem;
border-bottom-width: 0;
border-top-color: rgba(0, 0, 0, 0.25);
}
span[data-flexitour="container"][x-placement="top"] div[data-role="arrow"]:after, span[data-flexitour="container"][x-placement="top-start"] div[data-role="arrow"]:after {
bottom: 1px;
margin-left: -1rem;
content: " ";
border-bottom-width: 0;
border-top-color: #fff;
}
span[data-flexitour="container"][x-placement="bottom"], span[data-flexitour="container"][x-placement="bottom-start"] {
margin-top: 1rem;
}
span[data-flexitour="container"][x-placement="bottom"] div[data-role="arrow"], span[data-flexitour="container"][x-placement="bottom-start"] div[data-role="arrow"] {
top: -1rem;
left: 50%;
margin-left: -1rem;
border-top-width: 0;
border-bottom-color: rgba(0, 0, 0, 0.25);
}
span[data-flexitour="container"][x-placement="bottom"] div[data-role="arrow"]:after, span[data-flexitour="container"][x-placement="bottom-start"] div[data-role="arrow"]:after {
top: 1px;
margin-left: -1rem;
content: " ";
border-top-width: 0;
border-bottom-color: #fff;
}
span[data-flexitour="container"][x-placement="left"], span[data-flexitour="container"][x-placement="left-start"] {
margin-right: 1rem;
}
span[data-flexitour="container"][x-placement="left"] div[data-role="arrow"], span[data-flexitour="container"][x-placement="left-start"] div[data-role="arrow"] {
right: -1rem;
top: 50%;
margin-top: -1rem;
border-right-width: 0;
border-left-color: rgba(0, 0, 0, 0.25);
}
span[data-flexitour="container"][x-placement="left"] div[data-role="arrow"]:after, span[data-flexitour="container"][x-placement="left-start"] div[data-role="arrow"]:after {
right: 1px;
margin-top: -1rem;
content: " ";
border-right-width: 0;
border-left-color: #fff;
}
span[data-flexitour="container"][x-placement="right"], span[data-flexitour="container"][x-placement="right-start"] {
margin-left: 1rem;
}
span[data-flexitour="container"][x-placement="right"] div[data-role="arrow"], span[data-flexitour="container"][x-placement="right-start"] div[data-role="arrow"] {
left: -1rem;
top: 50%;
margin-top: -1rem;
border-left-width: 0;
border-right-color: rgba(0, 0, 0, 0.25);
}
span[data-flexitour="container"][x-placement="right"] div[data-role="arrow"]:after, span[data-flexitour="container"][x-placement="right-start"] div[data-role="arrow"]:after {
left: 1px;
margin-top: -1rem;
content: " ";
border-left-width: 0;
border-right-color: #fff;
}
.dir-rtl span[data-flexitour="container"][x-placement^="right"] {
margin-left: 1rem;
}
.dir-rtl span[data-flexitour="container"][x-placement^="right"] div[data-role="arrow"] {
transform: rotate(180deg);
left: -1rem;
right: auto;
}
.dir-rtl span[data-flexitour="container"][x-placement^="left"] {
margin-right: 1rem;
}
.dir-rtl span[data-flexitour="container"][x-placement^="left"] div[data-role="arrow"] {
transform: rotate(180deg);
left: auto;
right: -1rem;
}
[data-region="drawer"] [data-flexitour="container"] {
/*rtl:ignore*/
margin-left: -15px;
width: 275px;
}
@media print {
body.drawer-open-left.jsenabled, body.drawer-open-right.jsenabled {
margin: 0;
}
.container {
width: auto;
}
}
.modal .modal-body > .loading-icon {
display: block;
position: relative;
width: 100%;
height: 100%;
}
.modal .modal-body > .loading-icon .icon {
position: absolute;
top: 50%;
/*rtl:ignore*/
left: 50%;
transform: translate(-50%, -50%);
}
.modal .btn-close {
margin: -0.8rem -0.8rem -0.8rem auto;
}
.modal .btn-close:not(:disabled):not(.disabled):hover, .modal .btn-close:not(:disabled):not(.disabled):focus {
opacity: inherit;
}
/* Change the modal-dialog-scrollable class to position: static to fix the issue with popper.js and autocomplete. */
.modal-dialog-scrollable:has(.form-autocomplete-suggestions) {
position: static;
}
.modal-dialog-scrollable:has(.form-autocomplete-suggestions) .modal-content {
position: static;
}
.modal-dialog-scrollable:has(.form-autocomplete-suggestions) .modal-content .modal-body {
position: static;
}
/* Bug fix for TinyMCE menu when in fullscreen mode. */
body.tox-fullscreen .modal-dialog {
width: 100%;
max-width: 100%;
height: 100%;
}
body.tox-fullscreen .modal-dialog .modal-header {
height: 0;
padding: 0;
}
body.tox-fullscreen .modal-dialog .tox-tinymce-aux {
position: relative;
}
/* Bug fix TinyMCE menu width dropdowns when in fullscreen mode. */
body.tox-fullscreen .tox.tox-tinymce-aux {
position: relative !important;
}
.layout.fullscreen {
height: 100vh;
position: fixed;
top: 0;
left: 0;
z-index: 1040;
transition: 0.5s;
width: 100vw;
margin: 0;
opacity: 1;
background-color: #fff;
}
@media (prefers-reduced-motion: reduce) {
.layout.fullscreen {
transition: none;
}
}
.layout.fullscreen > div {
height: 100%;
width: 100%;
}
.layout.fullscreen .loading-icon {
margin-left: auto;
margin-right: auto;
text-align: center;
display: inline-block;
width: 100%;
top: 40%;
position: fixed;
}
.layout.fullscreen .loading-icon .icon {
max-width: 4em;
max-height: 4em;
font-size: 4em;
}
#page.drawers {
margin-top: 60px;
scrollbar-width: thin;
scrollbar-color: #6a737b #f8f9fa;
}
#page.drawers::-webkit-scrollbar {
width: 12px;
}
#page.drawers::-webkit-scrollbar-track {
background: #f8f9fa;
}
#page.drawers::-webkit-scrollbar-thumb {
background-color: #6a737b;
border-radius: 20px;
border: 3px solid #f8f9fa;
}
#page.drawers::-webkit-scrollbar-thumb:hover {
background-color: #495057;
}
#page.drawers .main-inner {
max-width: 100%;
width: 100%;
margin: 0 auto;
border-radius: 0.5rem;
background-color: #fff;
padding: 1.5rem 0.5rem;
margin-top: 0.5rem;
margin-bottom: 3rem;
flex: 1 0 auto;
}
#page.drawers .activity-header {
margin-left: 15px;
margin-right: 15px;
}
@media (min-width: 768px) {
.pagelayout-standard #page.drawers .main-inner, body.limitedwidth #page.drawers .main-inner {
max-width: 80%;
}
.pagelayout-standard #page.drawers .footer-popover, body.limitedwidth #page.drawers .footer-popover {
max-width: 80%;
width: 100%;
margin: 0 auto;
border-radius: 0.5rem;
}
body.mediumwidth #page.drawers .main-inner {
max-width: 1120px;
}
body.mediumwidth #page.drawers .footer-popover {
max-width: 1120px;
width: 100%;
margin: 0 auto;
border-radius: 0.5rem;
}
.header-maxwidth {
max-width: 80%;
margin: 0 auto;
padding-left: 15px;
padding-right: 15px;
}
.header-maxwidth .header-inner {
padding-left: 0;
padding-right: 0;
}
}
.drawer-toggles .drawer-toggler {
position: fixed;
top: calc(60px + 0.7rem);
z-index: 2;
}
.drawer-toggles .drawer-toggler .btn, .drawer-toggles .drawer-toggler .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .drawer-toggles .drawer-toggler a.collapseexpand, .drawer-toggles .drawer-toggler .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .drawer-toggles .drawer-toggler a.collapseexpand, .drawer-toggles .drawer-toggler #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .drawer-toggles .drawer-toggler a.collapseexpand {
border-radius: 200px;
padding: 16px;
background-color: #dee2e6;
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
transition: padding 200ms;
}
.drawer-toggles .drawer-toggler .btn .icon, .drawer-toggles .drawer-toggler .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand .icon, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .drawer-toggles .drawer-toggler a.collapseexpand .icon, .drawer-toggles .drawer-toggler .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand .icon, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .drawer-toggles .drawer-toggler a.collapseexpand .icon, .drawer-toggles .drawer-toggler #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand .icon, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .drawer-toggles .drawer-toggler a.collapseexpand .icon {
width: auto;
height: auto;
}
.drawer-toggles .drawer-toggler .btn:focus, .drawer-toggles .drawer-toggler .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:focus, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .drawer-toggles .drawer-toggler a.collapseexpand:focus, .drawer-toggles .drawer-toggler .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:focus, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .drawer-toggles .drawer-toggler a.collapseexpand:focus, .drawer-toggles .drawer-toggler #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:focus, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .drawer-toggles .drawer-toggler a.collapseexpand:focus {
box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
}
.drawer-toggles .drawer-left-toggle {
left: 0;
}
.drawer-toggles .drawer-left-toggle .btn, .drawer-toggles .drawer-left-toggle .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .drawer-toggles .drawer-left-toggle a.collapseexpand, .drawer-toggles .drawer-left-toggle .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .drawer-toggles .drawer-left-toggle a.collapseexpand, .drawer-toggles .drawer-left-toggle #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .drawer-toggles .drawer-left-toggle a.collapseexpand {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
padding-right: 14px;
padding-left: 10px;
}
.drawer-toggles .drawer-left-toggle .btn:hover, .drawer-toggles .drawer-left-toggle .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:hover, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .drawer-toggles .drawer-left-toggle a.collapseexpand:hover, .drawer-toggles .drawer-left-toggle .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:hover, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .drawer-toggles .drawer-left-toggle a.collapseexpand:hover, .drawer-toggles .drawer-left-toggle #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:hover, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .drawer-toggles .drawer-left-toggle a.collapseexpand:hover {
padding-left: 20px;
}
.drawer-toggles .drawer-right-toggle {
right: 0;
}
.drawer-toggles .drawer-right-toggle .btn, .drawer-toggles .drawer-right-toggle .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .drawer-toggles .drawer-right-toggle a.collapseexpand, .drawer-toggles .drawer-right-toggle .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .drawer-toggles .drawer-right-toggle a.collapseexpand, .drawer-toggles .drawer-right-toggle #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .drawer-toggles .drawer-right-toggle a.collapseexpand {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
padding-right: 10px;
padding-left: 14px;
}
.drawer-toggles .drawer-right-toggle .btn:hover, .drawer-toggles .drawer-right-toggle .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:hover, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .drawer-toggles .drawer-right-toggle a.collapseexpand:hover, .drawer-toggles .drawer-right-toggle .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:hover, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .drawer-toggles .drawer-right-toggle a.collapseexpand:hover, .drawer-toggles .drawer-right-toggle #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:hover, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .drawer-toggles .drawer-right-toggle a.collapseexpand:hover {
padding-right: 20px;
}
#page.drawers.show-drawer-left .drawer-left-toggle {
display: none;
}
#page.drawers.show-drawer-right .drawer-right-toggle {
display: none;
}
@media (max-width: 767.98px) {
.drawer-toggles {
z-index: 100;
}
.drawer-toggles .drawer-right-toggle, .drawer-toggles .drawer-left-toggle {
top: calc(99vh - (60px * 2.5));
}
#page.drawers.scroll-down .drawer-right-toggle {
transform: translateX(150%);
pointer-events: auto;
visibility: hidden;
}
#page.drawers.scroll-down .drawer-left-toggle {
transform: translateX(-150%);
pointer-events: auto;
visibility: hidden;
}
.hasstickyfooter:has(.drawer-right-toggle) .maintenancewarning {
right: 2rem;
}
.hasstickyfooter:has(.drawer-left-toggle) .maintenancewarning {
margin-left: 3.5rem;
}
}
@media (min-width: 576px) {
#page.drawers .main-inner {
margin-top: 1.5rem;
}
}
@media (min-width: 768px) {
#page.drawers {
padding-left: 3rem;
padding-right: 3rem;
}
#page.drawers .main-inner {
padding: 1.5rem 0.5rem;
}
#page.drawers div[role="main"] {
padding-left: 15px;
padding-right: 15px;
}
}
@media (min-width: 992px) {
.drawer-left, .drawer-right {
top: 60px;
height: calc(100vh - 60px);
}
.hasstickyfooter .drawer-left, .hasstickyfooter .drawer-right {
top: 60px;
height: calc(100vh - 60px - calc(max(80px, calc(0.9375rem * 3))));
}
#page.drawers {
position: relative;
overflow-y: visible;
transition: 0.2s;
left: 0;
right: 0;
}
#page.drawers.show-drawer-left {
margin-left: 285px;
margin-right: 0;
padding-left: 1rem;
}
#page.drawers.show-drawer-right {
margin-left: 0;
margin-right: 315px;
padding-right: 1rem;
}
.jsenabled #page.drawers.show-drawer-right .popover-process-monitor, .jsenabled #page.drawers.show-drawer-right .btn-footer-popover, .jsenabled #page.drawers.show-drawer-right .btn-footer-communication {
right: calc(315px + 2rem);
}
.jsenabled:has(#page.drawers.show-drawer-right) .maintenancewarning {
right: calc(315px + 5rem);
}
#page.drawers.show-drawer-left.show-drawer-right {
margin-left: 285px;
margin-right: 315px;
}
#page.drawers.hasstickyfooter {
margin-bottom: calc(max(80px, calc(0.9375rem * 3)));
}
}
@media (min-width: 992px) and (prefers-reduced-motion: reduce) {
#page.drawers {
transition: none;
}
}
.drawercontrolbuttons {
margin-top: 92px;
}
.drawercontrolbuttons .buttons {
z-index: 1;
}
.form-control:-ms-input-placeholder {
color: #6a737b;
}
.custom-select {
-webkit-appearance: none;
-moz-appearance: none;
}
.custom-range {
-webkit-appearance: none;
-moz-appearance: none;
}
.custom-range::-webkit-slider-thumb, .custom-range::-moz-range-thumb, .custom-range::-ms-thumb {
-webkit-appearance: none;
-moz-appearance: none;
}
input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control {
-webkit-appearance: none;
-moz-appearance: none;
}
@media (min-width: 576px) {
.card-columns {
-webkit-column-gap: 1.25rem;
-moz-column-gap: 1.25rem;
}
}
.carousel-item {
-webkit-backface-visibility: hidden;
}
.card {
-webkit-background-clip: border-box;
}
.carousel-indicators li, .dropdown-menu, .form-control, .modal-content, .popover, .toast {
-webkit-background-clip: padding-box;
}
.btn, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand {
-webkit-user-select: none;
-ms-user-select: none;
}
.user-select-all {
-webkit-user-select: all !important;
/* stylelint-disable-line declaration-no-important */
-ms-user-select: none;
}
.user-select-auto {
-webkit-user-select: auto !important;
/* stylelint-disable-line declaration-no-important */
-ms-user-select: none;
}
.user-select-none {
-webkit-user-select: none !important;
/* stylelint-disable-line declaration-no-important */
-ms-user-select: none;
}
.editor_atto_content_wrap {
background-color: #fff;
color: #333;
}
.editor_atto_content {
padding: 4px;
resize: vertical;
overflow: auto;
}
.editor_atto_content_wrap, .editor_atto + textarea {
width: 100%;
padding: 0;
}
.editor_atto + textarea {
border-radius: 0;
resize: vertical;
margin-top: -1px;
}
div.editor_atto_toolbar {
display: block;
background: #f2f2f2;
min-height: 35px;
border: 1px solid #8f959e;
width: 100%;
padding: 0 0 9px 0;
border-top-left-radius: 0.5rem;
border-top-right-radius: 0.5rem;
}
div.editor_atto_toolbar button {
padding: 4px 9px;
background: none;
border: 0;
margin: 0;
border-radius: 0;
cursor: pointer;
}
div.editor_atto_toolbar .menuplaceholder {
display: inline-block;
}
div.editor_atto_toolbar button + button, div.editor_atto_toolbar .menuplaceholder + button {
border-left: 1px solid #ccc;
}
div.editor_atto_toolbar button[disabled] {
opacity: 0.45;
background: none;
cursor: default;
}
.editor_atto_toolbar button:hover {
background-image: radial-gradient(ellipse at center, #fff 60%, #dfdfdf 100%);
background-color: #ebebeb;
}
.editor_atto_toolbar button:active, .editor_atto_toolbar button.highlight {
background-image: radial-gradient(ellipse at center, #fff 40%, #dfdfdf 100%);
background-color: #dfdfdf;
}
/* Make firefox button sizes match other browsers */
div.editor_atto_toolbar button::-moz-focus-inner {
border: 0;
padding: 0;
}
div.editor_atto_toolbar button .icon {
padding: 0;
margin: 2px 0;
}
div.editor_atto_toolbar div.atto_group {
display: inline-block;
border: 1px solid #ccc;
border-bottom: 1px solid #b3b3b3;
border-radius: 4px;
margin: 9px 0 0 9px;
background: #fff;
}
div.editor_atto_toolbar .atto_toolbar_row {
margin: 6px 0 -3px 5px;
display: table;
}
div.editor_atto_toolbar .atto_toolbar_row div.atto_group {
margin: 3px 5px 3px 4px;
}
.editor_atto_content img {
resize: both;
overflow: auto;
}
.atto_hasmenu {
/* IE8 places the images on top of each other if that is not set. */
white-space: nowrap;
}
.atto_menuentry .icon {
width: 16px;
height: 16px;
}
.atto_menuentry {
clear: left;
}
.atto_menuentry h1, .atto_menuentry h2, .atto_menuentry p {
margin: 4px;
}
/*.atto_form label.sameline {
display: inline-block;
min-width: 10em;
}*/
.atto_form textarea.fullwidth, .atto_form input.fullwidth {
width: 100%;
}
.atto_form {
padding: 0.5rem;
}
/*.atto_form label {
display: block;
margin: 0 0 5px 0;
}*/
.atto_control {
position: absolute;
right: -6px;
bottom: -6px;
display: none;
cursor: pointer;
}
.atto_control .icon {
background-color: #fff;
}
div.editor_atto_content:focus .atto_control, div.editor_atto_content:hover .atto_control {
display: block;
}
.editor_atto_menu.yui3-menu-hidden {
display: none;
}
/* Get broken images back in firefox */
.editor_atto_content img:-moz-broken {
-moz-force-broken-image-icon: 1;
min-width: 24px;
min-height: 24px;
}
/* Atto menu styling */
.moodle-dialogue-base .editor_atto_menu .moodle-dialogue-content .moodle-dialogue-bd {
padding: 0;
z-index: 1000;
}
.editor_atto_menu .dropdown-menu > li > a {
margin: 3px 14px;
}
.editor_atto_menu .open ul.dropdown-menu {
padding-top: 5px;
padding-bottom: 5px;
}
.editor_atto_wrap {
position: relative;
}
/*rtl:ignore*/
.editor_atto_wrap textarea {
direction: ltr;
}
.editor_atto_notification {
display: inline-block;
padding: 0.5em;
padding-left: 1em;
padding-right: 1em;
border-bottom-left-radius: 1em;
border-bottom-right-radius: 1em;
}
.editor_atto_notification .atto_info {
background-color: #f2f2f2;
}
.editor_atto_notification .atto_warning {
background-color: #ffd700;
}
.editor_atto_toolbar, .editor_atto_content_wrap, .editor_atto + textarea {
box-sizing: border-box;
}
.editor_atto_content.form-control {
width: 100%;
border-top: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
/** Atto fields do not have form-control because that would break the layout of the editor.
So they need these extra styles to highlight the editor when there is a validation error. */
.has-danger .editor_atto_content.form-control .invalid-feedback, .has-danger .editor_atto_content.form-control-danger .invalid-feedback {
display: none;
width: 100%;
margin-top: 0.25rem;
font-size: 0.875em;
color: #ca3120;
}
.has-danger .editor_atto_content.form-control .invalid-tooltip, .has-danger .editor_atto_content.form-control-danger .invalid-tooltip {
position: absolute;
top: 100%;
left: 0;
z-index: 5;
display: none;
max-width: 100%;
padding: 0.25rem 0.5rem;
margin-top: 0.1rem;
font-size: 0.8203125rem;
line-height: 1.5;
color: #fff;
background-color: rgba(202, 49, 32, 0.9);
border-radius: 0.5rem;
}
.form-row > .col > .has-danger .editor_atto_content.form-control .invalid-tooltip, .form-row > [class*="col-"] > .has-danger .editor_atto_content.form-control .invalid-tooltip, .form-row > .col > .has-danger .editor_atto_content.form-control-danger .invalid-tooltip, .form-row > [class*="col-"] > .has-danger .editor_atto_content.form-control-danger .invalid-tooltip {
left: 5px;
}
.was-validated .has-danger .editor_atto_content.form-control:invalid ~ .invalid-feedback, .was-validated .has-danger .editor_atto_content.form-control:invalid ~ .invalid-tooltip, .has-danger .editor_atto_content.form-control.is-invalid ~ .invalid-feedback, .has-danger .editor_atto_content.form-control.is-invalid ~ .invalid-tooltip, .was-validated .has-danger .editor_atto_content.form-control-danger:invalid ~ .invalid-feedback, .was-validated .has-danger .editor_atto_content.form-control-danger:invalid ~ .invalid-tooltip, .has-danger .editor_atto_content.form-control-danger.is-invalid ~ .invalid-feedback, .has-danger .editor_atto_content.form-control-danger.is-invalid ~ .invalid-tooltip {
display: block;
}
.was-validated .has-danger .editor_atto_content.form-control .form-control:invalid, .has-danger .editor_atto_content.form-control .form-control.is-invalid, .was-validated .has-danger .editor_atto_content.form-control-danger .form-control:invalid, .has-danger .editor_atto_content.form-control-danger .form-control.is-invalid {
border-color: #ca3120;
padding-right: calc(1.5em + 0.75rem) !important;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ca3120' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ca3120' stroke='none'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right calc(0.375em + 0.1875rem) center;
background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .has-danger .editor_atto_content.form-control .form-control:invalid:focus, .has-danger .editor_atto_content.form-control .form-control.is-invalid:focus, .was-validated .has-danger .editor_atto_content.form-control-danger .form-control:invalid:focus, .has-danger .editor_atto_content.form-control-danger .form-control.is-invalid:focus {
border-color: #ca3120;
box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
}
.was-validated .has-danger .editor_atto_content.form-control select.form-control:invalid, .has-danger .editor_atto_content.form-control select.form-control.is-invalid, .was-validated .has-danger .editor_atto_content.form-control-danger select.form-control:invalid, .has-danger .editor_atto_content.form-control-danger select.form-control.is-invalid {
padding-right: 3rem !important;
background-position: right 1.5rem center;
}
.was-validated .has-danger .editor_atto_content.form-control textarea.form-control:invalid, .has-danger .editor_atto_content.form-control textarea.form-control.is-invalid, .was-validated .has-danger .editor_atto_content.form-control-danger textarea.form-control:invalid, .has-danger .editor_atto_content.form-control-danger textarea.form-control.is-invalid {
padding-right: calc(1.5em + 0.75rem);
background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.was-validated .has-danger .editor_atto_content.form-control .custom-select:invalid, .has-danger .editor_atto_content.form-control .custom-select.is-invalid, .was-validated .has-danger .editor_atto_content.form-control-danger .custom-select:invalid, .has-danger .editor_atto_content.form-control-danger .custom-select.is-invalid {
border-color: #ca3120;
padding-right: calc(0.75em + 2.3125rem) !important;
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center / 8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ca3120' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ca3120' stroke='none'/%3e%3c/svg%3e") center right 1.75rem / calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
}
.was-validated .has-danger .editor_atto_content.form-control .custom-select:invalid:focus, .has-danger .editor_atto_content.form-control .custom-select.is-invalid:focus, .was-validated .has-danger .editor_atto_content.form-control-danger .custom-select:invalid:focus, .has-danger .editor_atto_content.form-control-danger .custom-select.is-invalid:focus {
border-color: #ca3120;
box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
}
.was-validated .has-danger .editor_atto_content.form-control .form-check-input:invalid ~ .form-check-label, .has-danger .editor_atto_content.form-control .form-check-input.is-invalid ~ .form-check-label, .was-validated .has-danger .editor_atto_content.form-control-danger .form-check-input:invalid ~ .form-check-label, .has-danger .editor_atto_content.form-control-danger .form-check-input.is-invalid ~ .form-check-label {
color: #ca3120;
}
.was-validated .has-danger .editor_atto_content.form-control .form-check-input:invalid ~ .invalid-feedback, .was-validated .has-danger .editor_atto_content.form-control .form-check-input:invalid ~ .invalid-tooltip, .has-danger .editor_atto_content.form-control .form-check-input.is-invalid ~ .invalid-feedback, .has-danger .editor_atto_content.form-control .form-check-input.is-invalid ~ .invalid-tooltip, .was-validated .has-danger .editor_atto_content.form-control-danger .form-check-input:invalid ~ .invalid-feedback, .was-validated .has-danger .editor_atto_content.form-control-danger .form-check-input:invalid ~ .invalid-tooltip, .has-danger .editor_atto_content.form-control-danger .form-check-input.is-invalid ~ .invalid-feedback, .has-danger .editor_atto_content.form-control-danger .form-check-input.is-invalid ~ .invalid-tooltip {
display: block;
}
.was-validated .has-danger .editor_atto_content.form-control .custom-control-input:invalid ~ .custom-control-label, .has-danger .editor_atto_content.form-control .custom-control-input.is-invalid ~ .custom-control-label, .was-validated .has-danger .editor_atto_content.form-control-danger .custom-control-input:invalid ~ .custom-control-label, .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid ~ .custom-control-label {
color: #ca3120;
}
.was-validated .has-danger .editor_atto_content.form-control .custom-control-input:invalid ~ .custom-control-label::before, .has-danger .editor_atto_content.form-control .custom-control-input.is-invalid ~ .custom-control-label::before, .was-validated .has-danger .editor_atto_content.form-control-danger .custom-control-input:invalid ~ .custom-control-label::before, .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid ~ .custom-control-label::before {
border-color: #ca3120;
}
.was-validated .has-danger .editor_atto_content.form-control .custom-control-input:invalid:checked ~ .custom-control-label::before, .has-danger .editor_atto_content.form-control .custom-control-input.is-invalid:checked ~ .custom-control-label::before, .was-validated .has-danger .editor_atto_content.form-control-danger .custom-control-input:invalid:checked ~ .custom-control-label::before, .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
border-color: #e04d3d;
background-color: #e04d3d;
}
.was-validated .has-danger .editor_atto_content.form-control .custom-control-input:invalid:focus ~ .custom-control-label::before, .has-danger .editor_atto_content.form-control .custom-control-input.is-invalid:focus ~ .custom-control-label::before, .was-validated .has-danger .editor_atto_content.form-control-danger .custom-control-input:invalid:focus ~ .custom-control-label::before, .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
}
.was-validated .has-danger .editor_atto_content.form-control .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .has-danger .editor_atto_content.form-control .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before, .was-validated .has-danger .editor_atto_content.form-control-danger .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
border-color: #ca3120;
}
.was-validated .has-danger .editor_atto_content.form-control .custom-file-input:invalid ~ .custom-file-label, .has-danger .editor_atto_content.form-control .custom-file-input.is-invalid ~ .custom-file-label, .was-validated .has-danger .editor_atto_content.form-control-danger .custom-file-input:invalid ~ .custom-file-label, .has-danger .editor_atto_content.form-control-danger .custom-file-input.is-invalid ~ .custom-file-label {
border-color: #ca3120;
}
.was-validated .has-danger .editor_atto_content.form-control .custom-file-input:invalid:focus ~ .custom-file-label, .has-danger .editor_atto_content.form-control .custom-file-input.is-invalid:focus ~ .custom-file-label, .was-validated .has-danger .editor_atto_content.form-control-danger .custom-file-input:invalid:focus ~ .custom-file-label, .has-danger .editor_atto_content.form-control-danger .custom-file-input.is-invalid:focus ~ .custom-file-label {
border-color: #ca3120;
box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
}
.open.atto_menu > .dropdown-menu {
display: block;
}
div.editor_atto_toolbar button .icon {
color: #495057;
}
.toast {
border-radius: 0.25rem;
}
.toast.toast-success {
background-color: rgba(215, 228, 214, 0.95);
color: #1b3d19;
}
.toast.toast-success .toast-header {
color: #1b3d19;
}
.toast.toast-success .toast-body:before {
margin: 2px 5px 0 0;
content: "";
}
.toast.toast-danger {
background-color: rgba(244, 214, 210, 0.95);
color: #651910;
}
.toast.toast-danger .toast-header {
color: #651910;
}
.toast.toast-danger .toast-body:before {
margin: 2px 5px 0 0;
content: "";
}
.toast.toast-info {
background-color: rgba(204, 230, 234, 0.95);
color: #00414b;
}
.toast.toast-info .toast-header {
color: #00414b;
}
.toast.toast-info .toast-body:before {
margin: 2px 5px 0 0;
content: "";
}
.toast.toast-warning {
background-color: rgba(252, 239, 220, 0.95);
color: #785727;
}
.toast.toast-warning .toast-header {
color: #785727;
}
.toast.toast-warning .toast-body:before {
margin: 2px 5px 0 0;
content: "";
}
.toast .btn-close {
color: inherit;
}
.navbar.fixed-top {
padding-top: 0;
padding-bottom: 0;
box-shadow: none;
border-bottom: #dee2e6 1px solid;
align-items: stretch;
height: 61px;
}
.navbar.fixed-top .navbar-brand .logo {
max-height: calc(60px - (0.25rem * 2));
}
.navbar.fixed-top .nav-link {
height: 100%;
display: flex;
align-items: center;
white-space: nowrap;
}
.navbar.fixed-top .divider {
width: 1px;
background-color: #dee2e6;
}
.navbar.fixed-top #usernavigation .nav-link {
padding: 0 0.5rem;
}
.navbar.fixed-top .login {
display: flex;
align-items: center;
}
.navbar.fixed-top .usermenu {
display: flex;
}
.navbar.fixed-top .usermenu .action-menu {
display: flex;
align-items: center;
}
.navbar.fixed-top .usermenu .dropdown {
display: flex;
align-items: center;
}
.navbar.fixed-top .usermenu .dropdown .dropdown-toggle {
padding-top: 0;
padding-bottom: 0;
border-radius: 0;
display: flex;
align-items: center;
height: 100%;
}
.navbar.fixed-top .usermenu .dropdown-menu {
min-width: 235px;
}
.navbar.fixed-top .usermenu .dropdown-menu .carousel-navigation-link > * {
pointer-events: none;
}
.navbar.fixed-top .usermenu .dropdown-menu .dropdown-item {
padding: 0.25rem 1.75rem 0.25rem 0.75rem;
}
.navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after {
content: "";
font-size: 1rem;
padding-top: 0.2rem;
right: 0.75rem;
position: absolute;
}
.navbar.fixed-top .usermenu .dropdown-menu .submenu .header {
padding: 0.25rem 0.75rem;
font-size: 0.975rem;
}
.navbar.fixed-top .usermenu .dropdown-menu .submenu .header .icon {
font-size: 20px;
height: 20px;
width: 20px;
margin: 0;
}
.navbar.fixed-top .usermenu .dropdown-menu .submenu .items .dropdown-item[aria-current="true"]::before {
content: "";
font-size: 0.75rem;
padding-left: 0.25rem;
}
.navbar.fixed-top .usermenu .login {
display: flex;
align-items: center;
}
.navbar.fixed-top .usermenu .dropdown, .navbar.fixed-top .langmenu .dropdown {
display: flex;
align-items: center;
height: 100%;
}
.navbar.fixed-top .usermenu .dropdown .dropdown-toggle, .navbar.fixed-top .langmenu .dropdown .dropdown-toggle {
padding-top: 0;
padding-bottom: 0;
border-radius: 0;
display: flex;
align-items: center;
height: 100%;
}
.navbar.fixed-top .langmenu .dropdown-menu .dropdown-item[aria-current="true"]::before {
content: "";
font-size: 0.75rem;
padding-left: 0.25rem;
}
@media (max-width: 767.98px) {
.navbar.fixed-top .langmenu .langbutton {
display: none;
}
}
.navbar.fixed-top .moodle-actionmenu .menubar, .navbar.fixed-top .action-menu-trigger .dropdown {
height: 100%;
display: flex;
}
.dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after {
content: "";
}
.dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-prev.carousel-item-right, .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-next.carousel-item-left {
transform: translateX(0);
}
.dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-next, .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-right.active {
transform: translateX(-100%);
}
.dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-prev, .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-left.active {
transform: translateX(100%);
}
#page {
margin-top: 60px;
}
.pagelayout-embedded #page {
margin-top: 0;
}
.navbar-bootswatch .navbar-brand {
overflow: hidden;
text-overflow: ellipsis;
}
.navbar-bootswatch .navbar-brand .sitename {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
:root {
--navbar-height: 60px;
}
/**
* Reportbuilder styles.
*/
.reportbuilder-wrapper .btn-outline-secondary[data-toggle="collapse"]:not(.collapsed), .reportbuilder-wrapper .dropdown.show .btn-outline-secondary[data-toggle="dropdown"] {
color: #fff;
background-color: #6a737b;
border-color: #6a737b;
}
.reportbuilder-table .action-menu .menubar {
justify-content: end;
}
.reportbuilder-table .action-menu .menubar .btn.btn-icon, .reportbuilder-table .action-menu .menubar .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.btn-icon.collapseexpand, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .reportbuilder-table .action-menu .menubar a.btn-icon.collapseexpand, .reportbuilder-table .action-menu .menubar .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.btn-icon.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .reportbuilder-table .action-menu .menubar a.btn-icon.collapseexpand, .reportbuilder-table .action-menu .menubar #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.btn-icon.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .reportbuilder-table .action-menu .menubar a.btn-icon.collapseexpand {
height: 32px;
width: 32px;
border-radius: 0.5rem;
}
.reportbuilder-wrapper .filters-dropdown {
width: 27rem;
padding: 0 0 4rem 0;
z-index: 1050;
overflow: hidden;
}
@media (max-width: 767.98px) {
.reportbuilder-wrapper .filters-dropdown {
width: 100%;
}
}
.reportbuilder-filters-sidebar {
max-height: 30rem;
overflow-y: auto;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
scrollbar-width: thin;
scrollbar-color: #6a737b #fff;
background: linear-gradient(#fff 30%, rgba(255, 255, 255, 0)) center top, linear-gradient(rgba(255, 255, 255, 0), #fff 70%) center bottom, radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) center top, radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) center bottom;
background-repeat: no-repeat;
background-size: 100% 1rem, 100% 1rem, 100% calc(1rem / 2), 100% calc(1rem / 2);
background-attachment: local, local, scroll, scroll;
}
.reportbuilder-filters-sidebar::-webkit-scrollbar {
width: 12px;
}
.reportbuilder-filters-sidebar::-webkit-scrollbar-track {
background: #fff;
}
.reportbuilder-filters-sidebar::-webkit-scrollbar-thumb {
background-color: #6a737b;
border-radius: 20px;
border: 3px solid #fff;
}
.reportbuilder-filters-sidebar::-webkit-scrollbar-thumb:hover {
background-color: #495057;
}
.reportbuilder-filters-sidebar .filter:not(:nth-last-child(2)) {
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.reportbuilder-filters-sidebar .filter .filter-name:hover {
white-space: normal;
text-overflow: clip;
word-break: break-all;
}
.reportbuilder-filters-sidebar .fitem[data-groupname="buttonar"] {
position: absolute;
bottom: 0;
height: 4rem;
align-items: center;
}
.reportbuilder-filters-sidebar .fitem[data-groupname="buttonar"] .col-form-label {
display: none !important;
/* stylelint-disable-line declaration-no-important */
}
.reportbuilder-filters-wrapper .mform.full-width-labels .fdate_selector, .reportbuilder-conditions-list .mform.full-width-labels .fdate_selector {
flex-wrap: wrap;
}
.reportbuilder-filters-wrapper .mform.full-width-labels .fitem, .reportbuilder-conditions-list .mform.full-width-labels .fitem {
margin-bottom: 0 !important;
/* stylelint-disable-line declaration-no-important */
max-width: 100%;
}
.reportbuilder-filters-wrapper .mform.full-width-labels .fitem:not(.row):last-child, .reportbuilder-conditions-list .mform.full-width-labels .fitem:not(.row):last-child {
flex: 1;
min-width: 0;
}
.reportbuilder-filters-wrapper .mform.full-width-labels .fitem:not(.row):last-child span, .reportbuilder-filters-wrapper .mform.full-width-labels .fitem:not(.row):last-child .custom-select, .reportbuilder-conditions-list .mform.full-width-labels .fitem:not(.row):last-child span, .reportbuilder-conditions-list .mform.full-width-labels .fitem:not(.row):last-child .custom-select {
width: 100%;
}
@media (min-width: 992px) {
.path-admin-reportbuilder.pagelayout-popup.behat-site .fixed-top {
position: fixed;
}
.path-admin-reportbuilder.pagelayout-popup #region-main {
border: none;
padding: 0;
}
.path-admin-reportbuilder.pagelayout-popup #maincontent {
visibility: hidden;
}
.path-admin-reportbuilder.pagelayout-popup .dynamictabs .nav-tabs {
position: fixed;
z-index: 1030;
width: calc(100% - 35px);
padding-top: 1.25rem;
background-color: #fff;
box-shadow: 0 1.25rem 0 #fff;
}
.path-admin-reportbuilder.pagelayout-popup .dynamictabs .tab-content {
padding-top: 83px;
}
.path-admin-reportbuilder.pagelayout-popup .reportbuilder-sidebar-menu {
position: fixed;
}
.path-admin-reportbuilder.pagelayout-popup .reportbuilder-sidebar-menu .reportbuilder-sidebar-menu-cards {
max-height: calc(100vh - 163px - 52px);
}
.path-admin-reportbuilder.pagelayout-popup .reportbuilder-sidebar-settings {
position: fixed;
right: 30px;
max-height: calc(100vh - 163px);
}
.path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container {
max-height: calc(100vh - 163px);
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: #6a737b #f8f9fa;
margin-left: calc(250px + 1rem);
margin-right: calc(350px + 1rem);
}
.path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar {
width: 12px;
}
.path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar-track {
background: #f8f9fa;
}
.path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar-thumb {
background-color: #6a737b;
border-radius: 20px;
border: 3px solid #f8f9fa;
}
.path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar-thumb:hover {
background-color: #495057;
}
.path-admin-reportbuilder.pagelayout-popup .reportbuilder-audiences-container {
margin-left: calc(250px + 1rem);
}
}
#page-admin-reportbuilder-edit #page {
overflow-y: auto;
}
.reportbuilder-report-container {
min-width: 0;
}
.reportbuilder-report-container button[data-action="toggle-edit-preview"] .loading-icon {
margin-left: 0.5rem;
}
.reportbuilder-editor-table-container {
overflow-x: auto;
}
.reportbuilder-table th button[data-action="report-remove-column"] .icon, .reportbuilder-table th span[data-drag-type="move"] .icon {
width: 12px;
height: 12px;
font-size: 12px;
vertical-align: text-top;
color: #1d2125;
}
.reportbuilder-table th button[data-action="report-remove-column"] .icon {
margin-right: 0;
}
@media (min-width: 992px) {
.reportbuilder-sidebar-menu {
width: 250px;
flex-shrink: 0;
}
}
.reportbuilder-sidebar-menu .card-body .list-group-item {
padding: 0.75rem;
}
.reportbuilder-sidebar-menu .card-body .list-group-item .icon {
width: 12px;
height: 12px;
font-size: 12px;
}
.reportbuilder-sidebar-menu-cards {
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: #6a737b #f8f9fa;
}
.reportbuilder-sidebar-menu-cards::-webkit-scrollbar {
width: 12px;
}
.reportbuilder-sidebar-menu-cards::-webkit-scrollbar-track {
background: #f8f9fa;
}
.reportbuilder-sidebar-menu-cards::-webkit-scrollbar-thumb {
background-color: #6a737b;
border-radius: 20px;
border: 3px solid #f8f9fa;
}
.reportbuilder-sidebar-menu-cards::-webkit-scrollbar-thumb:hover {
background-color: #495057;
}
.reportbuilder-sidebar-settings {
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: #6a737b #f8f9fa;
}
.reportbuilder-sidebar-settings::-webkit-scrollbar {
width: 12px;
}
.reportbuilder-sidebar-settings::-webkit-scrollbar-track {
background: #f8f9fa;
}
.reportbuilder-sidebar-settings::-webkit-scrollbar-thumb {
background-color: #6a737b;
border-radius: 20px;
border: 3px solid #f8f9fa;
}
.reportbuilder-sidebar-settings::-webkit-scrollbar-thumb:hover {
background-color: #495057;
}
@media (min-width: 992px) {
.reportbuilder-sidebar-settings {
width: 350px;
flex-shrink: 0;
}
}
.reportbuilder-sidebar-settings div[data-region="settings-conditions"] .reportbuilder-conditions-select .form-autocomplete-selection, .reportbuilder-sidebar-settings div[data-region="settings-filters"] .reportbuilder-filters-select .form-autocomplete-selection {
display: none;
}
.reportbuilder-sidebar-settings div[data-region="settings-conditions"] .reportbuilder-conditions-select .form-autocomplete-input, .reportbuilder-sidebar-settings div[data-region="settings-filters"] .reportbuilder-filters-select .form-autocomplete-input {
width: 100%;
}
.reportbuilder-sidebar-settings div[data-region="settings-conditions"] .reportbuilder-conditions-select .form-autocomplete-suggestions, .reportbuilder-sidebar-settings div[data-region="settings-filters"] .reportbuilder-filters-select .form-autocomplete-suggestions {
width: calc(100% - 2 * 0.5rem);
}
.reportbuilder-sidebar-settings .list-group-item {
padding: 0.75rem;
}
.reportbuilder-sidebar-settings .list-group-item .icon {
width: 12px;
height: 12px;
font-size: 12px;
color: #1d2125;
}
.reportbuilder-sidebar-settings .list-group-item button[data-action="report-remove-filter"] .icon, .reportbuilder-sidebar-settings .list-group-item button[data-action="report-remove-condition"] .icon {
margin-right: 0;
vertical-align: text-top;
}
.reportbuilder-sidebar-settings .list-group-item span[data-drag-type="move"] .icon {
vertical-align: text-top;
}
.reportbuilder-sidebar-settings div[data-region="settings-sorting"] .list-group-item span[data-drag-type="move"] .icon {
vertical-align: middle;
}
.reportbuilder-sidebar-settings div[data-region="settings-cardview"] form .col-md-3, .reportbuilder-sidebar-settings div[data-region="settings-cardview"] form .col-md-9 {
flex: 1 1;
max-width: initial;
}
.reportbuilder-sidebar-settings div[data-region="settings-cardview"] form div[data-fieldtype="submit"] {
flex-basis: auto;
}
.reportbuilder-sidebar-settings .inplaceeditable.inplaceeditingon input {
width: 100%;
}
@keyframes sortable-list-drag-color-reset {
from {
background-color: #a2cff8;
}
to {
background-color: inherit;
}
}
.reportbuilder-sortable-list li.sortable-list-current-position, .reportbuilder-table th.sortable-list-current-position, .reportbuilder-conditions-list .condition.sortable-list-current-position {
background-color: #a2cff8;
}
.reportbuilder-sortable-list li.sortable-list-is-dragged, .reportbuilder-table th.sortable-list-is-dragged, .reportbuilder-conditions-list .condition.sortable-list-is-dragged {
background-color: #fff;
opacity: 0.85;
}
.reportbuilder-sortable-list li.sortable-list-is-dropped, .reportbuilder-table th.sortable-list-is-dropped, .reportbuilder-conditions-list .condition.sortable-list-is-dropped {
animation: sortable-list-drag-color-reset 1s ease;
}
.reportbuilder-toggle-card .card-header {
border-bottom: none;
}
.reportbuilder-toggle-card .card-body {
border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.reportbuilder-toggle-card .toggle-card-button i.toggle-card-icon {
color: #6a737b;
font-weight: 700;
}
.reportbuilder-toggle-card .toggle-card-button .collapsed-icon-container {
display: none;
}
.reportbuilder-toggle-card .toggle-card-button .expanded-icon-container {
display: inline-block;
}
.reportbuilder-toggle-card .toggle-card-button.collapsed .collapsed-icon-container {
display: inline-block;
}
.reportbuilder-toggle-card .toggle-card-button.collapsed .expanded-icon-container {
display: none;
}
.reportbuilder-audiences-container .audience-separator {
text-transform: uppercase;
}
.reportbuilder-audiences-container .audience-separator::before, .reportbuilder-audiences-container .audience-separator::after {
content: "";
flex: 1;
border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.reportbuilder-audiences-container .audience-separator:not(:empty)::before {
margin-right: 1rem;
}
.reportbuilder-audiences-container .audience-separator:not(:empty)::after {
margin-left: 1rem;
}
.reportbuilder-audiences-container .instance-card .card-header i.icon {
margin-right: 0;
}
@media (max-width: 575.98px) {
.reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table thead {
display: none;
}
.reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr {
display: flex;
flex-direction: column;
margin: 0.5rem 0;
padding: 0.25rem 0.5rem 0 0.5rem;
background-color: #fff !important;
/* stylelint-disable-line declaration-no-important */
word-wrap: break-word;
background-clip: border-box;
border: 1px solid rgba(0, 0, 0, 0.125);
border-radius: 0.5rem;
}
.reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr:hover {
background-color: #fff !important;
/* stylelint-disable-line declaration-no-important */
}
.reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr.emptyrow {
display: none;
}
.reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr:not(.show) td[data-cardviewhidden] {
display: none;
}
.reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td {
display: block;
min-height: 3.6rem;
padding: 0.5rem 0.25rem;
border: none;
}
.reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td::before {
content: attr(data-cardtitle);
display: block;
text-transform: uppercase;
font-size: 70%;
color: #343a40;
}
.reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td:not([data-cardtitle]) {
min-height: 3rem;
}
.reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td:not(:first-child):not(.card-toggle) {
border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td:first-child {
padding-right: 2rem;
}
.reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td.card-toggle {
display: block !important;
/* stylelint-disable-line declaration-no-important */
position: absolute;
right: 10px;
}
.reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td.card-toggle button {
padding: 0 0.5rem;
color: #6a737b;
}
.reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td.card-toggle button i {
font-size: 1.5em;
font-weight: bold;
}
}
@media (min-width: 576px) {
.reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table thead {
display: none;
}
.reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr {
display: flex;
flex-direction: column;
margin: 0.5rem 0;
padding: 0.25rem 0.5rem 0 0.5rem;
background-color: #fff !important;
/* stylelint-disable-line declaration-no-important */
word-wrap: break-word;
background-clip: border-box;
border: 1px solid rgba(0, 0, 0, 0.125);
border-radius: 0.5rem;
}
.reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr:hover {
background-color: #fff !important;
/* stylelint-disable-line declaration-no-important */
}
.reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr.emptyrow {
display: none;
}
.reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr:not(.show) td[data-cardviewhidden] {
display: none;
}
.reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td {
display: block;
min-height: 3.6rem;
padding: 0.5rem 0.25rem;
border: none;
}
.reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td::before {
content: attr(data-cardtitle);
display: block;
text-transform: uppercase;
font-size: 70%;
color: #343a40;
}
.reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td:not([data-cardtitle]) {
min-height: 3rem;
}
.reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td:not(:first-child):not(.card-toggle) {
border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td:first-child {
padding-right: 2rem;
}
.reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td.card-toggle {
display: block !important;
/* stylelint-disable-line declaration-no-important */
position: absolute;
right: 10px;
}
.reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td.card-toggle button {
padding: 0 0.5rem;
color: #6a737b;
}
.reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td.card-toggle button i {
font-size: 1.5em;
font-weight: bold;
}
}
.courseindex .courseindex-item {
padding: 0.5rem 0.5rem;
border: 1px solid transparent;
border-radius: 0.5rem;
}
.courseindex .courseindex-item.courseindex-section-title a {
font-weight: bold;
}
.courseindex .courseindex-item .icons-collapse-expand {
padding-right: 4px;
}
.courseindex .courseindex-item .courseindex-link, .courseindex .courseindex-item .courseindex-chevron {
color: #495057;
}
.courseindex .courseindex-item .courseindex-link:hover, .courseindex .courseindex-item .courseindex-link:focus, .courseindex .courseindex-item .courseindex-chevron:hover, .courseindex .courseindex-item .courseindex-chevron:focus {
color: black;
text-decoration: none;
}
.courseindex .courseindex-item:hover, .courseindex .courseindex-item:focus {
color: black;
}
.courseindex .courseindex-item:hover .courseindex-link, .courseindex .courseindex-item:hover .courseindex-chevron, .courseindex .courseindex-item:focus .courseindex-link, .courseindex .courseindex-item:focus .courseindex-chevron {
color: black;
cursor: pointer;
}
.courseindex .courseindex-item:hover.dimmed, .courseindex .courseindex-item:focus.dimmed {
color: black;
}
.courseindex .courseindex-item:hover.dimmed .courseindex-link, .courseindex .courseindex-item:hover.dimmed .courseindex-chevron, .courseindex .courseindex-item:focus.dimmed .courseindex-link, .courseindex .courseindex-item:focus.dimmed .courseindex-chevron {
color: black;
}
.courseindex .courseindex-item:hover.draggable, .courseindex .courseindex-item:focus.draggable {
cursor: move;
}
.courseindex .courseindex-item:hover.pageitem, .courseindex .courseindex-item:hover .pageitem, .courseindex .courseindex-item:focus.pageitem, .courseindex .courseindex-item:focus .pageitem {
background-color: #0c589c;
color: #e6e6e6;
}
.courseindex .courseindex-item:hover.pageitem .courseindex-link, .courseindex .courseindex-item:hover.pageitem .courseindex-chevron, .courseindex .courseindex-item:hover .pageitem .courseindex-link, .courseindex .courseindex-item:hover .pageitem .courseindex-chevron, .courseindex .courseindex-item:focus.pageitem .courseindex-link, .courseindex .courseindex-item:focus.pageitem .courseindex-chevron, .courseindex .courseindex-item:focus .pageitem .courseindex-link, .courseindex .courseindex-item:focus .pageitem .courseindex-chevron {
color: #e6e6e6;
}
.courseindex .courseindex-item:hover.pageitem .courseindex-link a, .courseindex .courseindex-item:hover.pageitem .courseindex-chevron a, .courseindex .courseindex-item:hover .pageitem .courseindex-link a, .courseindex .courseindex-item:hover .pageitem .courseindex-chevron a, .courseindex .courseindex-item:focus.pageitem .courseindex-link a, .courseindex .courseindex-item:focus.pageitem .courseindex-chevron a, .courseindex .courseindex-item:focus .pageitem .courseindex-link a, .courseindex .courseindex-item:focus .pageitem .courseindex-chevron a {
color: #e6e6e6;
}
.courseindex .courseindex-item.dragging {
border: 1px solid #b3d9e0;
background-color: #e6f2f5;
}
.courseindex .courseindex-item.active {
background-color: #f8f9fa;
border-color: #dee2e6;
}
.courseindex .courseindex-item.dimmed {
color: #6a737b;
}
.courseindex .courseindex-item.dimmed .courseindex-link, .courseindex .courseindex-item.dimmed .courseindex-chevron {
color: #6a737b;
}
.courseindex .courseindex-item.dimmed.pageitem {
color: #fff;
}
.courseindex .courseindex-item.dimmed.pageitem a {
color: #fff;
}
.courseindex .courseindex-item .courseindex-locked {
display: none;
}
.courseindex .courseindex-item.restrictions .courseindex-locked {
display: block;
}
.courseindex .courseindex-item.pageitem {
background-color: #0f6cbf;
color: #fff;
scroll-margin: 6rem;
}
.courseindex .courseindex-item.pageitem a {
color: #fff;
}
.courseindex .courseindex-item .completioninfo {
min-width: 24px;
}
.courseindex .courseindex-item .completioninfo.completion_complete {
color: #357a32;
}
.courseindex .courseindex-item .completioninfo.completion_fail {
color: #ca3120;
}
.courseindex .courseindex-item.indented {
margin-left: 1rem;
}
.courseindex .courseindex-section {
border-left: solid 3px transparent;
}
.courseindex .courseindex-section.dragging {
border: 1px solid #b3d9e0;
background-color: #e6f2f5;
}
.courseindex .courseindex-section .current-badge {
line-height: 1.5;
display: none;
}
.courseindex .courseindex-section.current {
border-left: solid 3px #0f6cbf;
/* Skip current badges in delegated sections. */
}
.courseindex .courseindex-section.current .current-badge {
display: inline-block;
}
.courseindex .courseindex-section.current .delegated-section .current-badge {
display: none;
}
.courseindex .courseindex-section.dropready .courseindex-item-content {
/* Extra dropzone space */
padding-bottom: 1em;
}
.courseindex .courseindex-section .courseindex-sectioncontent .courseindex-item {
padding-left: 0.5rem;
}
.courseindex .courseindex-section.delegated-section {
width: 100%;
}
.courseindex .icon {
font-size: 10px;
}
.courseindex .d-flex-noedit {
display: none;
}
.courseindex.editing .d-flex-noedit {
display: flex;
}
.courseindex .placeholders .rounded-circle {
height: 1rem;
width: 1rem;
}
.courseindex .placeholders .w-100 {
height: 1rem;
margin: 0.5rem 0;
}
.moremenu {
opacity: 0;
height: 60px;
}
.moremenu.observed {
opacity: 1;
}
.moremenu .nav-link {
height: 60px;
display: flex;
align-items: center;
border-right: none;
border-bottom: solid 3px transparent;
border-left: none;
border-top: none;
}
.moremenu .nav-link:hover, .moremenu .nav-link:focus {
border-color: transparent;
background-color: #f8f9fa;
}
.moremenu .nav-link.active {
background-color: #f8f9fa;
border-color: transparent;
border-bottom-color: #0f6cbf;
}
.moremenu .nav-link.active:focus, .moremenu .nav-link.active:hover {
background-color: #f8f9fa;
border-bottom-color: #0f6cbf;
}
.moremenu .nav-link.focus, .moremenu .nav-link:focus {
position: relative;
}
.moremenu .nav-link[data-toggle="tab"] {
display: inline-flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.moremenu .nav-link[data-toggle="tab"]::after {
content: attr(data-text) / "";
height: 0;
visibility: hidden;
overflow: hidden;
user-select: none;
pointer-events: none;
font-weight: bold;
}
@media speech {
.moremenu .nav-link[data-toggle="tab"]::after {
display: none;
}
}
.moremenu .nav-tabs {
margin-left: 0;
background-color: #fff;
}
.moremenu .show > .nav-link, .moremenu .active > .nav-link, .moremenu .nav-link.show, .moremenu .nav-link.active {
background: transparent;
}
.moremenu .dropdownmoremenu > .dropdown-menu > .dropdown-item {
padding: 0;
}
.moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu {
position: static;
padding: 0;
border: 0;
}
.moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu.show {
display: block;
}
.moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu .dropdown-item {
background-color: #f8f9fa;
}
.moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu .dropdown-item:hover, .moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu .dropdown-item:focus {
color: #fff;
background-color: #0f6cbf;
}
.moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu .dropdown-divider {
display: none;
}
.moremenu .dropdown-item[aria-current="true"], .moremenu .dropdown-item.active {
background-color: transparent;
color: #1d2125;
}
.moremenu .dropdown-item[aria-current="true"]:focus-within, .moremenu .dropdown-item[aria-current="true"]:hover, .moremenu .dropdown-item.active:focus-within, .moremenu .dropdown-item.active:hover {
background-color: #0f6cbf;
color: #fff;
}
.moremenu .dropdown-item[aria-current="true"]:focus-within a, .moremenu .dropdown-item[aria-current="true"]:hover a, .moremenu .dropdown-item.active:focus-within a, .moremenu .dropdown-item.active:hover a {
color: #fff;
}
.moremenu .dropdown-item[aria-current="true"]:before, .moremenu .dropdown-item.active:before {
content: "";
}
.primary-navigation .navigation {
height: 60px;
}
.primary-navigation .navigation .nav-link {
height: 60px;
color: #1d2125;
border-top: 3px solid transparent;
}
@media (max-width: 767.98px) {
.primary-navigation {
display: none;
}
.editmode-switch-form label {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
}
.editmode-switch-form .custom-control-input {
width: 100%;
z-index: 1;
}
.drawer-primary .drawercontent {
padding: 0;
}
.drawer-primary .drawercontent .list-group {
border-radius: 0;
margin-top: -1px;
}
.drawer-primary .drawercontent .list-group .list-group-item {
border-left: 0;
border-right: 0;
}
.secondary-navigation {
padding-bottom: 15px;
}
.secondary-navigation .navigation {
border-bottom: 1px solid #dee2e6;
background-color: #fff;
margin: 0 -0.5rem;
padding: 0 0.5rem;
}
.secondary-navigation .navigation .nav-tabs {
border: none;
max-width: 80%;
margin: 0 auto;
}
.secondary-navigation .navigation .nav-tabs .nav-link {
border-radius: initial;
}
@media (min-width: 768px) {
.secondary-navigation .navigation {
padding: 0 calc(0.5rem + 15px);
}
}
.tertiary-navigation {
padding-top: 10px;
}
.tertiary-navigation.full-width-bottom-border {
width: calc(100% + 1rem + 30px);
margin-left: calc(-0.5rem - 15px);
margin-right: calc(-0.5rem - 15px);
border-bottom: 1px solid #dee2e6;
margin-bottom: 25px;
}
@media (max-width: 767.98px) {
.tertiary-navigation.full-width-bottom-border {
width: calc(100% + 1rem);
margin-left: -0.5rem;
margin-right: -0.5rem;
}
}
.tertiary-navigation.full-width-bottom-border .row {
margin: 0;
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.tertiary-navigation .navitem, .tertiary-navigation .navitem-divider {
display: flex;
margin-bottom: 25px;
}
.tertiary-navigation .navitem-divider {
width: 1px;
background-color: #dee2e6;
}
.tertiary-navigation > a.btn, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .tertiary-navigation > a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .tertiary-navigation > a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .tertiary-navigation > a.collapseexpand, .tertiary-navigation > div.urlselect {
margin-bottom: 25px;
}
.tertiary-navigation .row {
column-gap: 10px;
}
.tertiary-navigation .tertiary-navigation-selector .dropdown-toggle {
padding: 0;
font-size: 1.4rem;
font-weight: bold;
}
.tertiary-navigation h2 {
font-size: 1.4rem;
font-weight: bold;
margin: 0;
align-self: center;
}
.tertiary-navigation .navitem:not(:last-child), .tertiary-navigation .navitem-divider:not(:last-child) {
margin-right: 20px;
}
.tertiary-navigation .btn > div, .tertiary-navigation .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand > div, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .tertiary-navigation a.collapseexpand > div, .tertiary-navigation .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand > div, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .tertiary-navigation a.collapseexpand > div, .tertiary-navigation #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand > div, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .tertiary-navigation a.collapseexpand > div {
max-width: 200px;
}
@media (max-width: 767.98px) {
.tertiary-navigation .mform {
padding-left: initial;
}
}
@media (max-width: 575.98px) {
.tertiary-navigation .page-toggler > p {
font-size: 80%;
}
}
@media print {
.tertiary-navigation {
display: none;
}
}
.popover-process-monitor {
position: fixed;
right: 2rem;
bottom: 5rem;
width: 350px;
background-color: #fff;
border-radius: 0.5rem;
border: 1px solid #dee2e6;
}
.popover-process-monitor .process-list {
max-height: 30vh;
overflow: auto;
scrollbar-width: thin;
scrollbar-color: #6a737b #f8f9fa;
}
.popover-process-monitor .process-list::-webkit-scrollbar {
width: 12px;
}
.popover-process-monitor .process-list::-webkit-scrollbar-track {
background: #f8f9fa;
}
.popover-process-monitor .process-list::-webkit-scrollbar-thumb {
background-color: #6a737b;
border-radius: 20px;
border: 3px solid #f8f9fa;
}
.popover-process-monitor .process-list::-webkit-scrollbar-thumb:hover {
background-color: #495057;
}
.popover-process-monitor .queue-process {
border-bottom: 1px solid #e9ecef;
}
.popover-process-monitor .queue-process:last-child {
border-bottom: 0;
}
.moodlenet-share-dialog {
min-height: 500px;
}
.moodlenet-share-dialog .modal-header .moodlenet-share-moodlenetinfo {
align-items: baseline;
}
.moodlenet-share-dialog .modal-header .moodlenet-share-moodlenetinfo .moodlenet-logo {
display: flex;
}
.moodlenet-share-dialog .modal-header .moodlenet-share-moodlenetinfo .moodlenet-logo .icon {
width: auto;
height: 1.3rem;
}
.moodlenet-share-dialog .modal-header .moodlenet-share-moodlenetinfo .moodlenet-title {
display: flex;
padding-left: 0.5em;
}
.moodlenet-share-dialog .modal-header.no-border {
border-bottom: none;
}
.moodlenet-share-dialog .modal-header.no-header-text .moodlenet-share-moodlenetinfo .moodlenet-title {
display: none;
}
.moodlenet-share-dialog .modal-body .moodlenet-share-activity-info {
border-radius: 0.5rem;
color: #1d2125;
background-color: #e7f0f9;
border-color: #3f89cc;
border-width: 1px;
border-style: solid;
padding: 0.6em 1.5em;
margin-bottom: 1rem;
}
.moodlenet-share-dialog .modal-body .moodlenet-share-activity-info hr {
border-top-color: #337cbf;
}
.moodlenet-share-dialog .modal-body .moodlenet-share-activity-info .alert-link {
color: #070808;
}
.moodlenet-share-dialog .modal-body .moodlenet-share-activity-info .moodlenet-share-activity-info-hr {
border-bottom: 1px solid #dee2e6;
}
.moodlenet-share-dialog .modal-body .moodlenet-share-activity-info .moodlenet-activity-type, .moodlenet-share-dialog .modal-body .moodlenet-share-activity-info .moodlenet-activity-name {
display: block;
}
.moodlenet-share-dialog .modal-body .moodlenet-share-notice {
background-color: #f8f9fa;
padding: 1rem;
}
.moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .loading-icon .icon {
max-width: 4em;
max-height: 4em;
font-size: 4em;
}
.moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .moodlenet-circle-status {
height: 18rem;
margin: auto;
}
.moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .moodlenet-circle-status.success {
background: radial-gradient(circle, rgba(25, 143, 81, 0.1) 9rem, transparent 9rem);
}
.moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .moodlenet-circle-status.fail {
background: radial-gradient(circle, rgba(202, 49, 32, 0.1) 9rem, transparent 9rem);
}
.moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .moodlenet-circle-status span {
display: block;
margin: auto;
}
.moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .moodlenet-circle-status span.status-icon .icon {
font-size: 8rem;
width: auto;
margin: 0;
}
.moodlenet-share-dialog .modal-footer .moodlenet-share-to {
margin-right: auto;
}
/**
* Dropdown menu Moodle specific styles.
*/
.dropdown-item a {
display: block;
width: 100%;
color: #1d2125;
}
.dropdown-item.active, .dropdown-item:active, .dropdown-item:hover, .dropdown-item:focus, .dropdown-item:focus-within {
outline: 0;
background-color: #0f6cbf;
color: #fff;
}
.dropdown-item.active a, .dropdown-item:active a, .dropdown-item:hover a, .dropdown-item:focus a, .dropdown-item:focus-within a {
color: #fff;
}
.dropdown-item[aria-current="true"], .dropdown-item[aria-selected="true"] {
position: relative;
display: flex;
align-items: center;
}
.dropdown-item[aria-current="true"]:before, .dropdown-item[aria-selected="true"]:before {
content: "";
position: absolute;
left: 0.4rem;
font-size: 0.7rem;
}
.dropdown-menu {
width: fit-content;
}
.dropdown-item:hover.text-primary, .dropdown-item:hover a.text-primary, .dropdown-item:focus.text-primary, .dropdown-item:focus a.text-primary {
color: #fff !important;
/* stylelint-disable-line declaration-no-important */
}
.dropdown-item:hover.text-secondary, .dropdown-item:hover a.text-secondary, .dropdown-item:focus.text-secondary, .dropdown-item:focus a.text-secondary {
color: #fff !important;
/* stylelint-disable-line declaration-no-important */
}
.dropdown-item:hover.text-success, .dropdown-item:hover a.text-success, .dropdown-item:focus.text-success, .dropdown-item:focus a.text-success {
color: #fff !important;
/* stylelint-disable-line declaration-no-important */
}
.dropdown-item:hover.text-info, .dropdown-item:hover a.text-info, .dropdown-item:focus.text-info, .dropdown-item:focus a.text-info {
color: #fff !important;
/* stylelint-disable-line declaration-no-important */
}
.dropdown-item:hover.text-warning, .dropdown-item:hover a.text-warning, .dropdown-item:focus.text-warning, .dropdown-item:focus a.text-warning {
color: #fff !important;
/* stylelint-disable-line declaration-no-important */
}
.dropdown-item:hover.text-danger, .dropdown-item:hover a.text-danger, .dropdown-item:focus.text-danger, .dropdown-item:focus a.text-danger {
color: #fff !important;
/* stylelint-disable-line declaration-no-important */
}
.dropdown-item:hover.text-light, .dropdown-item:hover a.text-light, .dropdown-item:focus.text-light, .dropdown-item:focus a.text-light {
color: #fff !important;
/* stylelint-disable-line declaration-no-important */
}
.dropdown-item:hover.text-dark, .dropdown-item:hover a.text-dark, .dropdown-item:focus.text-dark, .dropdown-item:focus a.text-dark {
color: #fff !important;
/* stylelint-disable-line declaration-no-important */
}
/**
Deprecations
*/
.path-course-view li.activity form.togglecompletion {
/* stylelint-disable declaration-no-important */
/* stylelint-enable */
}
body.behat-site .path-course-view li.activity form.togglecompletion, body.behat-site.path-course-view li.activity form.togglecompletion, body.themedesignermode .path-course-view li.activity form.togglecompletion, body.themedesignermode.path-course-view li.activity form.togglecompletion {
outline: 3px dotted #ca3120 !important;
background-color: #fceeed !important;
}
body.behat-site .path-course-view li.activity form.togglecompletion::before, body.behat-site.path-course-view li.activity form.togglecompletion::before, body.themedesignermode .path-course-view li.activity form.togglecompletion::before, body.themedesignermode.path-course-view li.activity form.togglecompletion::before {
content: "Deprecated style in use (.togglecompletion)" !important;
color: #ca3120 !important;
font-size: smaller !important;
}
.path-course-view li.activity form.togglecompletion .ajaxworking {
width: 16px;
height: 16px;
position: absolute;
right: 22px;
top: 3px;
background: url(/theme/image.php/boost_union/core/1752245628/i/ajaxloader) no-repeat;
}
.path-course-view li.activity form.togglecompletion .btn, .path-course-view li.activity form.togglecompletion .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .path-course-view li.activity form.togglecompletion a.collapseexpand, .path-course-view li.activity form.togglecompletion .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .path-course-view li.activity form.togglecompletion a.collapseexpand, .path-course-view li.activity form.togglecompletion #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .path-course-view li.activity form.togglecompletion a.collapseexpand {
padding: 0;
}
.path-course-view li.activity form.togglecompletion img {
max-width: none;
/* The width is 0 so ensure we don't end up with a relative max-width */
}
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.navbar {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}
.userpicture {
border-radius: 50%;
}
.btn-outline-secondary {
color: #6a737b;
border-color: #6a737b;
border-color: #6a737b;
}
.btn-outline-secondary:hover {
color: #fff;
background-color: #6a737b;
border-color: #6a737b;
}
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
box-shadow: 0 0 0 0.2rem rgba(106, 115, 123, 0.5);
}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
color: #6a737b;
background-color: transparent;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
color: #fff;
background-color: #6a737b;
border-color: #6a737b;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(106, 115, 123, 0.5);
}
.btn-outline-info {
color: #1f7e9a;
border-color: #1f7e9a;
}
.btn-outline-info:hover {
color: #fff;
background-color: #1f7e9a;
border-color: #1f7e9a;
}
.btn-outline-info:focus, .btn-outline-info.focus {
box-shadow: 0 0 0 0.2rem rgba(31, 126, 154, 0.5);
}
.btn-outline-info.disabled, .btn-outline-info:disabled {
color: #1f7e9a;
background-color: transparent;
}
.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
color: #fff;
background-color: #1f7e9a;
border-color: #1f7e9a;
}
.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(31, 126, 154, 0.5);
}
.btn-outline-warning {
color: #a6670e;
border-color: #a6670e;
}
.btn-outline-warning:hover {
color: #fff;
background-color: #a6670e;
border-color: #a6670e;
}
.btn-outline-warning:focus, .btn-outline-warning.focus {
box-shadow: 0 0 0 0.2rem rgba(166, 103, 14, 0.5);
}
.btn-outline-warning.disabled, .btn-outline-warning:disabled {
color: #a6670e;
background-color: transparent;
}
.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
color: #fff;
background-color: #a6670e;
border-color: #a6670e;
}
.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(166, 103, 14, 0.5);
}
/*=======================================
* Settings: Look -> Site branding
======================================*/
/*---------------------------------------
* Setting: Compact logo
--------------------------------------*/
/* Add an explicit height to the logo in the navbar.
This is necessary to render SVG logos properly as their size is calculated different than pixel-based images.
Please note that these values might be overridden by the maxlogowidth setting. */
.navbar-brand, .navbar-brand .logo {
height: 100%;
width: auto;
}
/*---------------------------------------
* Setting: Navbar color
--------------------------------------*/
/* Moodle core already presents the light navbar with dark font color (.navbar-light.bg-white) perfectly.
There is nothing to change here. */
/* Tweak the dark navbar with light font color
and the primary color navbar with light font color. */
.navbar.navbar-dark.bg-dark, .navbar.navbar-dark.bg-primary {
/* Remove the white border at the bottom of the navbar as it looks odd with a dark navbar. */
border-bottom: none;
/* Change the color of the site name in the navbar to white. */
/* Change the color of the navigation items in the navbar to white
and to black when hovered (as Moodle core will then show a white background).
This has to use !important as Moodle core already uses !important for some of its hover states. */
/* Change the background color and colors of open custom menu parent navigation items in the navbar
as they are built differently from single navigation items. */
/* Change the color of the icons in the navbar as well as the toggle icon in the usermenu
to white.
This has to use !important as Moodle core already uses !important for the icon colors. */
/* Change the color of the icons in the dropdown menu to a dark grey and to white when hovered.
This has to use !important as Moodle core already uses !important for the icon colors. */
/* Revert color of the close icon in the search panel in the navbar as this icon is still dark on white
within the input form. */
/* Change the color of the edit switch label in the navbar to white.
This has to use !important as Moodle core would change the color to text-primary as soon as editing is on. */
/* Adapt the color of the edit switch widget to fit onto the dark background. */
/* Change the color of the offcanvas button to fit onto the dark background. */
/* Change the color of the login link in the navbar to white. */
/* Change the color of the notification action buttons to dark grey.
This has to use !important as Moodle core already uses !important for the icon colors. */
/* Change the color of the language selector link in the navbar to white. */
}
.navbar.navbar-dark.bg-dark .navbar-brand, .navbar.navbar-dark.bg-primary .navbar-brand {
color: #fff;
}
.navbar.navbar-dark.bg-dark .nav-link, .navbar.navbar-dark.bg-primary .nav-link {
color: #fff;
}
.navbar.navbar-dark.bg-dark .nav-link.active, .navbar.navbar-dark.bg-primary .nav-link.active {
border-bottom-color: #fff;
}
.navbar.navbar-dark.bg-dark .nav-link:hover, .navbar.navbar-dark.bg-dark .nav-link:focus, .navbar.navbar-dark.bg-primary .nav-link:hover, .navbar.navbar-dark.bg-primary .nav-link:focus {
color: #000 !important;
/* stylelint-disable-line declaration-no-important */
}
.navbar.navbar-dark.bg-dark .nav-item.dropdown.show .nav-link.dropdown-toggle, .navbar.navbar-dark.bg-primary .nav-item.dropdown.show .nav-link.dropdown-toggle {
background-color: #f8f9fa;
color: #000;
}
.navbar.navbar-dark.bg-dark .nav-link .icon, .navbar.navbar-dark.bg-dark .nav-link a .icon, .navbar.navbar-dark.bg-dark .usermenu .dropdown-toggle, .navbar.navbar-dark.bg-primary .nav-link .icon, .navbar.navbar-dark.bg-primary .nav-link a .icon, .navbar.navbar-dark.bg-primary .usermenu .dropdown-toggle {
color: #fff !important;
/* stylelint-disable-line declaration-no-important */
}
.navbar.navbar-dark.bg-dark .dropdown-menu .dropdown-item .icon, .navbar.navbar-dark.bg-primary .dropdown-menu .dropdown-item .icon {
color: #1d2125 !important;
/* stylelint-disable-line declaration-no-important */
}
.navbar.navbar-dark.bg-dark .dropdown-menu .dropdown-item:hover .icon, .navbar.navbar-dark.bg-primary .dropdown-menu .dropdown-item:hover .icon {
color: #fff !important;
/* stylelint-disable-line declaration-no-important */
}
.navbar.navbar-dark.bg-dark #searchform-navbar .btn-close .icon, .navbar.navbar-dark.bg-primary #searchform-navbar .btn-close .icon {
color: #6a737b !important;
/* stylelint-disable-line declaration-no-important */
}
.navbar.navbar-dark.bg-dark .editmode-switch-form, .navbar.navbar-dark.bg-dark .editmode-switch-form label, .navbar.navbar-dark.bg-primary .editmode-switch-form, .navbar.navbar-dark.bg-primary .editmode-switch-form label {
color: #fff !important;
/* stylelint-disable-line declaration-no-important */
}
.navbar.navbar-dark.bg-dark .custom-control-input:checked ~ .custom-control-label::before, .navbar.navbar-dark.bg-primary .custom-control-input:checked ~ .custom-control-label::before {
background-color: #fff;
border-color: #c8c8c8;
}
.navbar.navbar-dark.bg-dark .custom-switch .custom-control-input:checked ~ .custom-control-label::after, .navbar.navbar-dark.bg-primary .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
background-color: #8f959e;
}
.navbar.navbar-dark.bg-dark #theme_boost_union-offcanvas-btn, .navbar.navbar-dark.bg-primary #theme_boost_union-offcanvas-btn {
color: #c8c8c8;
}
.navbar.navbar-dark.bg-dark #theme_boost_union-offcanvas-btn:hover, .navbar.navbar-dark.bg-primary #theme_boost_union-offcanvas-btn:hover {
color: #fff;
}
.navbar.navbar-dark.bg-dark .login, .navbar.navbar-dark.bg-dark .login a, .navbar.navbar-dark.bg-primary .login, .navbar.navbar-dark.bg-primary .login a {
color: #fff;
}
.navbar.navbar-dark.bg-dark .popover-region-container a .icon, .navbar.navbar-dark.bg-primary .popover-region-container a .icon {
color: #343a40 !important;
/* stylelint-disable-line declaration-no-important */
}
.navbar.navbar-dark.bg-dark .langmenu .dropdown .dropdown-toggle, .navbar.navbar-dark.bg-primary .langmenu .dropdown .dropdown-toggle {
color: #fff;
}
/* Tweak the dark navbar with light font color a little bit more. */
.navbar.navbar-dark.bg-dark {
/* Change the background color of the custom child menu and user menu navigation items in the navbar
to dark grey when hovered and focused (especially during keyboard navigation) */
/* Change the background color of the search panel in the navbar. */
/* Change the color of the language selector drop down items when hovered, focused and active to dark grey
as this would be presented in the primary color otherwise. */
}
.navbar.navbar-dark.bg-dark .nav-item.dropdown.show a.dropdown-item, .navbar.navbar-dark.bg-dark #user-action-menu.show a.dropdown-item {
background-color: inherit;
}
.navbar.navbar-dark.bg-dark .nav-item.dropdown.show a.dropdown-item:hover, .navbar.navbar-dark.bg-dark .nav-item.dropdown.show a.dropdown-item:focus, .navbar.navbar-dark.bg-dark #user-action-menu.show a.dropdown-item:hover, .navbar.navbar-dark.bg-dark #user-action-menu.show a.dropdown-item:focus {
background-color: #343a40;
}
.navbar.navbar-dark.bg-dark #searchform-navbar {
background-color: #343a40;
}
.navbar.navbar-dark.bg-dark .langmenu .dropdown-item:active, .navbar.navbar-dark.bg-dark .langmenu .dropdown-item:hover, .navbar.navbar-dark.bg-dark .langmenu .dropdown-item:focus, .navbar.navbar-dark.bg-dark .langmenu .dropdown-item:focus-within {
background-color: #343a40;
}
/* Tweak the primary color navbar with light font color a little bit more. */
.navbar.navbar-dark.bg-primary {
/* Change the background color of the custom child menu and user menu navigation items in the navbar
to dark grey when hovered and focused (especially during keyboard navigation) */
/* Change the background color of the search panel in the navbar. */
/* Change the color of the active nav items's bottom border to white as this would be presented in the
primary color otherwise. */
/* Change the color of the language selector icon to a light grey as well.
This has to use !important as Moodle core already uses !important for the icon colors. */
}
.navbar.navbar-dark.bg-primary .nav-item.dropdown.show a.dropdown-item, .navbar.navbar-dark.bg-primary #user-action-menu.show a.dropdown-item {
background-color: inherit;
}
.navbar.navbar-dark.bg-primary .nav-item.dropdown.show a.dropdown-item:hover, .navbar.navbar-dark.bg-primary .nav-item.dropdown.show a.dropdown-item:focus, .navbar.navbar-dark.bg-primary #user-action-menu.show a.dropdown-item:hover, .navbar.navbar-dark.bg-primary #user-action-menu.show a.dropdown-item:focus {
background-color: #0f6cbf;
}
.navbar.navbar-dark.bg-primary #searchform-navbar {
background-color: #0f6cbf;
}
.navbar.navbar-dark.bg-primary .nav-link.active {
border-bottom-color: #fff;
}
.navbar.navbar-dark.bg-primary .langmenu .icon {
color: #c8c8c8 !important;
/* stylelint-disable-line declaration-no-important */
}
/* Tweak the primary color navbar with dark font color. */
.navbar.navbar-light.bg-primary {
/* Change the color of the active nav items's bottom border to dark grey as this would be presented in the
primary color as well otherwise. */
/* Change the background color and colors of open custom menu parent navigation items in the navbar
as they are built differently from single navigation items. */
/* Change the color of the edit switch label in the navbar to dark grey.
This has to use !important as Moodle core wants to use the color text-primary as soon as editing is on. */
/* Adapt the color of the edit switch widget to fit onto the dark background. */
/* Change the background color of the search panel in the navbar. */
/* Change the color of the login link in the navbar to dark grey and to darker grey when hovered. */
/* Change the color of the divider to dark grey.
This has to use !important as Moodle core already uses !important for the border-left color.*/
}
.navbar.navbar-light.bg-primary .nav-link.active {
border-bottom-color: rgba(0, 0, 0, 0.6);
}
.navbar.navbar-light.bg-primary .nav-item.dropdown.show .nav-link.dropdown-toggle {
background-color: #f8f9fa;
color: #000;
}
.navbar.navbar-light.bg-primary .editmode-switch-form, .navbar.navbar-light.bg-primary .editmode-switch-form label {
color: rgba(0, 0, 0, 0.6) !important;
/* stylelint-disable-line declaration-no-important */
}
.navbar.navbar-light.bg-primary .editmode-switch-form label:hover {
color: rgba(0, 0, 0, 0.9) !important;
/* stylelint-disable-line declaration-no-important */
}
.navbar.navbar-light.bg-primary .custom-control-input:checked ~ .custom-control-label::before {
background-color: #fff;
border-color: #c8c8c8;
}
.navbar.navbar-light.bg-primary .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
background-color: #8f959e;
}
.navbar.navbar-light.bg-primary #searchform-navbar {
background-color: #0f6cbf;
}
.navbar.navbar-light.bg-primary .login, .navbar.navbar-light.bg-primary .login a {
color: rgba(0, 0, 0, 0.6);
}
.navbar.navbar-light.bg-primary .login:hover, .navbar.navbar-light.bg-primary .login a:hover {
color: rgba(0, 0, 0, 0.9);
}
.navbar.navbar-light.bg-primary .divider {
border-left: 1px solid rgba(0, 0, 0, 0.6) !important;
/* stylelint-disable-line declaration-no-important */
}
/*=======================================
* Settings: Look -> Login page
======================================*/
/*---------------------------------------
* Setting: Login form position
--------------------------------------*/
/* Move the login window to the side based on the theme settings.
While the classes login-wrapper-left and login-wrapper-right are set here,
the class login-wrapper-center is not set here as the login form is already centered by Moodle core. */
.login-wrapper.login-wrapper-left {
justify-content: left;
}
.login-wrapper.login-wrapper-right {
justify-content: right;
}
/*---------------------------------------
* Setting: Login form transparency
--------------------------------------*/
/* Make background of login panel slightly transparent. */
.login-container.login-container-80t {
background-color: rgba(255, 255, 255, 0.8);
}
/*=======================================
* Settings: Look -> Category index / site home
======================================*/
/*---------------------------------------
* Setting: Course listing presentation
--------------------------------------*/
/* Only on site home and the category index pages - and on the course search page. */
.pagelayout-frontpage, .pagelayout-coursecategory, #page-course-search {
/* In the Boost Union course listing. */
/* For the course details modal. */
/* The Boost Union course category info. */
/* The sticky category heading. */
/* The goto button. */
/* The Boost Union course category listing.
We do not document each single rule here. It's just a fiddly attempt to improve the look of the tree. */
/* The Boost Union course category listing with a course listing in it.
Some of the rules above are already only applied to category listings with course listings in it.
But some have to be checked explicitely. We do this here with .theme_boost_union-catlisting-cl as we do not want to use
a :has(.theme_boost_union-courselisting) selector.
We do not document each single rule here either. */
}
.pagelayout-frontpage .theme_boost_union-courselisting, .pagelayout-coursecategory .theme_boost_union-courselisting, #page-course-search .theme_boost_union-courselisting {
/* For the card view only. */
/* For the course list only. */
/* The course contact section.
There are some things which can't be set with Bootstrap classes in Mustache. */
/* The custom fields section.
We can't use Bootstrap classes in Mustache here as these elements are output by a renderer which we do not influence. */
/* The enrolment icons section. */
/* The progress section. */
}
.pagelayout-frontpage .theme_boost_union-courselisting.theme_boost_union-courselisting-card, .pagelayout-coursecategory .theme_boost_union-courselisting.theme_boost_union-courselisting-card, #page-course-search .theme_boost_union-courselisting.theme_boost_union-courselisting-card {
/* Revert the gutter between the cards to align the card deck with the category summary. */
margin-left: -0.25rem;
margin-right: -0.25rem;
}
.pagelayout-frontpage .theme_boost_union-courselisting.theme_boost_union-courselisting-list, .pagelayout-coursecategory .theme_boost_union-courselisting.theme_boost_union-courselisting-list, #page-course-search .theme_boost_union-courselisting.theme_boost_union-courselisting-list {
/* The course image. */
}
.pagelayout-frontpage .theme_boost_union-courselisting.theme_boost_union-courselisting-list .list-image, .pagelayout-coursecategory .theme_boost_union-courselisting.theme_boost_union-courselisting-list .list-image, #page-course-search .theme_boost_union-courselisting.theme_boost_union-courselisting-list .list-image {
height: 5rem;
background-position: center;
background-size: cover;
}
.pagelayout-frontpage .theme_boost_union-courselisting .coursecontacts, .pagelayout-coursecategory .theme_boost_union-courselisting .coursecontacts, #page-course-search .theme_boost_union-courselisting .coursecontacts {
/* Push the contacts over the course image. */
margin-top: -18px;
/* Make sure that the concact images are small enough even though the avatar file is bigger. */
}
.pagelayout-frontpage .theme_boost_union-courselisting .coursecontacts .contact img, .pagelayout-coursecategory .theme_boost_union-courselisting .coursecontacts .contact img, #page-course-search .theme_boost_union-courselisting .coursecontacts .contact img {
width: 35px;
height: 35px;
}
.pagelayout-frontpage .theme_boost_union-courselisting .customfields, .pagelayout-coursecategory .theme_boost_union-courselisting .customfields, #page-course-search .theme_boost_union-courselisting .customfields {
/* Use a smaller font and some space for each custom fields. */
/* Highlight the field name. */
}
.pagelayout-frontpage .theme_boost_union-courselisting .customfields .customfield, .pagelayout-coursecategory .theme_boost_union-courselisting .customfields .customfield, #page-course-search .theme_boost_union-courselisting .customfields .customfield {
font-size: 80%;
}
.pagelayout-frontpage .theme_boost_union-courselisting .enrolmenticons .enrolmenticon, .pagelayout-coursecategory .theme_boost_union-courselisting .enrolmenticons .enrolmenticon, #page-course-search .theme_boost_union-courselisting .enrolmenticons .enrolmenticon {
/* Make the icon grey instead of black. */
color: #6a737b;
/* Add some padding to the container. */
margin-right: 0.5rem;
/* But not to the last one. */
/* And not to the icon itself. */
}
.pagelayout-frontpage .theme_boost_union-courselisting .enrolmenticons .enrolmenticon:last-child, .pagelayout-coursecategory .theme_boost_union-courselisting .enrolmenticons .enrolmenticon:last-child, #page-course-search .theme_boost_union-courselisting .enrolmenticons .enrolmenticon:last-child {
margin-right: 0;
}
.pagelayout-frontpage .theme_boost_union-courselisting .enrolmenticons .enrolmenticon .icon, .pagelayout-coursecategory .theme_boost_union-courselisting .enrolmenticons .enrolmenticon .icon, #page-course-search .theme_boost_union-courselisting .enrolmenticons .enrolmenticon .icon {
margin-right: 0;
}
.pagelayout-frontpage .theme_boost_union-courselisting .progress, .pagelayout-coursecategory .theme_boost_union-courselisting .progress, #page-course-search .theme_boost_union-courselisting .progress {
height: 0.5rem;
}
.pagelayout-frontpage .theme_boost_union-courselisting .progress-text, .pagelayout-coursecategory .theme_boost_union-courselisting .progress-text, #page-course-search .theme_boost_union-courselisting .progress-text {
color: #6a737b;
}
.pagelayout-frontpage .theme_boost_union-courselisting-modal, .pagelayout-coursecategory .theme_boost_union-courselisting-modal, #page-course-search .theme_boost_union-courselisting-modal {
/* The contact card */
}
.pagelayout-frontpage .theme_boost_union-courselisting-modal .contact, .pagelayout-coursecategory .theme_boost_union-courselisting-modal .contact, #page-course-search .theme_boost_union-courselisting-modal .contact {
/* Control the width on multiple screen sizes. */
width: 100%;
}
@media (min-width: 576px) {
.pagelayout-frontpage .theme_boost_union-courselisting-modal .contact, .pagelayout-coursecategory .theme_boost_union-courselisting-modal .contact, #page-course-search .theme_boost_union-courselisting-modal .contact {
width: 50%;
}
}
@media (min-width: 992px) {
.pagelayout-frontpage .theme_boost_union-courselisting-modal .contact, .pagelayout-coursecategory .theme_boost_union-courselisting-modal .contact, #page-course-search .theme_boost_union-courselisting-modal .contact {
width: 25%;
}
}
.pagelayout-frontpage .theme_boost_union-coursecategoryinfo, .pagelayout-coursecategory .theme_boost_union-coursecategoryinfo, #page-course-search .theme_boost_union-coursecategoryinfo {
/* Put the category info into a box. */
}
.pagelayout-frontpage .theme_boost_union-stickycategory, .pagelayout-coursecategory .theme_boost_union-stickycategory, #page-course-search .theme_boost_union-stickycategory {
top: 60px;
/* Make sure that the sticky category header does not cover the more menu. */
z-index: 999;
}
.pagelayout-frontpage.theme_boost_union-courselisting-card .theme_boost_union-stickycategory, .pagelayout-coursecategory.theme_boost_union-courselisting-card .theme_boost_union-stickycategory, #page-course-search.theme_boost_union-courselisting-card .theme_boost_union-stickycategory {
width: calc(100% - 0.5rem);
}
.pagelayout-frontpage .dimmed_category .gotobutton, .pagelayout-coursecategory .dimmed_category .gotobutton, #page-course-search .dimmed_category .gotobutton {
/* Make sure that a dimmed category (and thus dimmed links in the course cards / course list) do not affect
the button label color. */
color: #fff;
}
.pagelayout-frontpage .theme_boost_union-catlisting > .content > .subcategories .category, .pagelayout-coursecategory .theme_boost_union-catlisting > .content > .subcategories .category, #page-course-search .theme_boost_union-catlisting > .content > .subcategories .category {
/* Support up to 8 subcategory levels,
from level 9 on the course listing would not be indented correctly anymore. */
}
.pagelayout-frontpage .theme_boost_union-catlisting > .content > .subcategories .category .theme_boost_union-courselisting, .pagelayout-coursecategory .theme_boost_union-catlisting > .content > .subcategories .category .theme_boost_union-courselisting, #page-course-search .theme_boost_union-catlisting > .content > .subcategories .category .theme_boost_union-courselisting {
width: calc(100% + 4rem);
margin-left: calc(-2rem - 8px);
}
.pagelayout-frontpage .theme_boost_union-catlisting > .content > .subcategories .category [data-depth="2"] .theme_boost_union-courselisting, .pagelayout-coursecategory .theme_boost_union-catlisting > .content > .subcategories .category [data-depth="2"] .theme_boost_union-courselisting, #page-course-search .theme_boost_union-catlisting > .content > .subcategories .category [data-depth="2"] .theme_boost_union-courselisting {
width: calc(100% + 4rem + 16px);
margin-left: calc(-2rem - 8px - 16px);
}
.pagelayout-frontpage .theme_boost_union-catlisting > .content > .subcategories .category [data-depth="3"] .theme_boost_union-courselisting, .pagelayout-coursecategory .theme_boost_union-catlisting > .content > .subcategories .category [data-depth="3"] .theme_boost_union-courselisting, #page-course-search .theme_boost_union-catlisting > .content > .subcategories .category [data-depth="3"] .theme_boost_union-courselisting {
width: calc(100% + 4rem + 32px);
margin-left: calc(-2rem - 8px - 32px);
}
.pagelayout-frontpage .theme_boost_union-catlisting > .content > .subcategories .category [data-depth="4"] .theme_boost_union-courselisting, .pagelayout-coursecategory .theme_boost_union-catlisting > .content > .subcategories .category [data-depth="4"] .theme_boost_union-courselisting, #page-course-search .theme_boost_union-catlisting > .content > .subcategories .category [data-depth="4"] .theme_boost_union-courselisting {
width: calc(100% + 4rem + 48px);
margin-left: calc(-2rem - 8px - 48px);
}
.pagelayout-frontpage .theme_boost_union-catlisting > .content > .subcategories .category [data-depth="5"] .theme_boost_union-courselisting, .pagelayout-coursecategory .theme_boost_union-catlisting > .content > .subcategories .category [data-depth="5"] .theme_boost_union-courselisting, #page-course-search .theme_boost_union-catlisting > .content > .subcategories .category [data-depth="5"] .theme_boost_union-courselisting {
width: calc(100% + 4rem + 64px);
margin-left: calc(-2rem - 8px - 64px);
}
.pagelayout-frontpage .theme_boost_union-catlisting > .content > .subcategories .category [data-depth="6"] .theme_boost_union-courselisting, .pagelayout-coursecategory .theme_boost_union-catlisting > .content > .subcategories .category [data-depth="6"] .theme_boost_union-courselisting, #page-course-search .theme_boost_union-catlisting > .content > .subcategories .category [data-depth="6"] .theme_boost_union-courselisting {
width: calc(100% + 4rem + 80px);
margin-left: calc(-2rem - 8px - 80px);
}
.pagelayout-frontpage .theme_boost_union-catlisting > .content > .subcategories .category [data-depth="7"] .theme_boost_union-courselisting, .pagelayout-coursecategory .theme_boost_union-catlisting > .content > .subcategories .category [data-depth="7"] .theme_boost_union-courselisting, #page-course-search .theme_boost_union-catlisting > .content > .subcategories .category [data-depth="7"] .theme_boost_union-courselisting {
width: calc(100% + 4rem + 96px);
margin-left: calc(-2rem - 8px - 96px);
}
.pagelayout-frontpage .theme_boost_union-catlisting > .content > .subcategories .category [data-depth="8"] .theme_boost_union-courselisting, .pagelayout-coursecategory .theme_boost_union-catlisting > .content > .subcategories .category [data-depth="8"] .theme_boost_union-courselisting, #page-course-search .theme_boost_union-catlisting > .content > .subcategories .category [data-depth="8"] .theme_boost_union-courselisting {
width: calc(100% + 4rem + 112px);
margin-left: calc(-2rem - 8px - 112px);
}
.pagelayout-frontpage .theme_boost_union-catlisting > .content > .subcategories .category .categoryname .spinner, .pagelayout-coursecategory .theme_boost_union-catlisting > .content > .subcategories .category .categoryname .spinner, #page-course-search .theme_boost_union-catlisting > .content > .subcategories .category .categoryname .spinner {
margin-left: 0.5rem;
}
/*=======================================
* Settings: Look -> Course
======================================*/
/*---------------------------------------
* Setting: Course header image.
--------------------------------------*/
#courseheaderimage {
background-size: cover;
border-radius: 0.5rem;
}
.courseheaderimage-dark {
color: white;
text-shadow: 0 0 5px black;
}
.courseheaderimage-light {
color: black;
text-shadow: 0 0 5px white;
}
/* If the header actions are placed _within_ the course header image element, i.e. the title is stacked on the image.*/
#courseheaderimage .header-action {
/* Add a background color of white to the header actions to make sure that they can be read properly. */
background-color: white;
border-radius: 0.5rem;
}
/*---------------------------------------
* Setting: Course module icons in course index.
--------------------------------------*/
/* If the admin configured the course index not to show course activity type icons. */
body.nocourseindexcmicons {
/* Hide the course activity type icons and the completion info at the right of the line
(which are both always added to the DOM regardless of the setting). */
}
body.nocourseindexcmicons #courseindex span.courseindex-cmicon-container, body.nocourseindexcmicons #courseindex span.courseindex-cmicon-cpl-eol {
display: none;
}
/* If the admin configured the course index to show course activity type icons. */
body.hascourseindexcmicons {
/* If the admin configured the completion info to be shown as icon color. */
/* If the admin configured the completion info to be shown at the end of the line. */
/* If the admin configured the completion info to be shown at the start of the line. */
/* If editing is enabled. */
/* Style the course index activity type icons / completion widget */
}
body.hascourseindexcmicons #courseindex {
/* Show the course activity type icons
(which are always added to the DOM regardless of the setting). */
}
body.hascourseindexcmicons #courseindex span.courseindex-cmicon-container {
display: block;
}
body.hascourseindexcmicons.hascourseindexcplicon #courseindex {
/* Hide the completion widget at the beginning of the line. */
/* And hide the completion info within the activity type icon container.
(This element just serves as data source for the observer JS and would be shown by Moodle core JS). */
/* And move the section title in the course index slightly to the right to align it vertically with the
activity title (which is now slightly more right as well) again. */
}
body.hascourseindexcmicons.hascourseindexcplicon #courseindex .courseindex-cmicon-cpl-sol {
display: none;
}
body.hascourseindexcmicons.hascourseindexcplicon #courseindex .courseindex-cmicon-icon .completioninfo {
display: none;
}
body.hascourseindexcmicons.hascourseindexcplicon #courseindex .courseindex-chevron {
padding-right: 12px;
}
body.hascourseindexcmicons.hascourseindexcpleol #courseindex {
/* Hide the completion widget at the beginning of the line. */
/* And move the section title in the course index slightly to the right to align it vertically with the
activity title (which is now slightly more right as well) again. */
}
body.hascourseindexcmicons.hascourseindexcpleol #courseindex .courseindex-cmicon-cpl-sol {
display: none;
}
body.hascourseindexcmicons.hascourseindexcpleol #courseindex .courseindex-chevron {
padding-right: 12px;
}
body.hascourseindexcmicons.hascourseindexcplsol #courseindex {
/* Hide the completion widget at the end of the line. */
/* And move the activity icon slightly closer to the completion icon. */
}
body.hascourseindexcmicons.hascourseindexcplsol #courseindex .courseindex-cmicon-cpl-eol {
display: none;
}
body.hascourseindexcmicons.hascourseindexcplsol #courseindex .courseindex-item .completioninfo {
min-width: 20px;
}
body.hascourseindexcmicons.editing #courseindex {
/* Hide all completion info elements. */
}
body.hascourseindexcmicons.editing #courseindex span.completioninfo {
display: none;
}
body.hascourseindexcmicons #courseindex {
/* Position of the course index activity type icon container. */
/* General style of the course index activity type icon. */
/* Gain back the vertical space which was given to the icon by reducing the vertical padding of each courseindex
element by 0.1rem. */
/* Overwrite activity type icon style for dimmed activities. */
/* Overwrite activity type icon style for incomplete activities. */
/* Overwrite activity type icon style for complete activities. */
/* Overwrite activity type icon style for failed activities. */
}
body.hascourseindexcmicons #courseindex .courseindex-cmicon-container {
border-radius: 4px;
margin-right: 6px;
line-height: normal;
}
body.hascourseindexcmicons #courseindex .courseindex-cmicon {
margin: 0.1rem;
display: inline-flex;
justify-content: center;
align-items: center;
}
body.hascourseindexcmicons #courseindex .courseindex-cmicon .icon {
height: 20px;
margin-right: unset;
width: 20px;
}
body.hascourseindexcmicons #courseindex .courseindex-item {
padding: 0.45rem 0 0.45rem 0.5rem;
}
body.hascourseindexcmicons #courseindex .courseindex-item.dimmed .courseindex-cmicon-icon {
filter: invert(0.5);
}
body.hascourseindexcmicons #courseindex .courseindex-cmicon-cpl-incomplete {
background-color: #6a737b;
}
body.hascourseindexcmicons #courseindex .courseindex-cmicon-cpl-incomplete .courseindex-cmicon-icon {
filter: brightness(0) invert(1);
}
body.hascourseindexcmicons #courseindex .courseindex-cmicon-cpl-complete {
background-color: #357a32;
}
body.hascourseindexcmicons #courseindex .courseindex-cmicon-cpl-complete .courseindex-cmicon-icon {
filter: brightness(0) invert(1);
}
body.hascourseindexcmicons #courseindex .courseindex-cmicon-cpl-fail {
background-color: #ca3120;
}
body.hascourseindexcmicons #courseindex .courseindex-cmicon-cpl-fail .courseindex-cmicon-icon {
filter: brightness(0) invert(1);
}
/*=======================================
* Settings: Look -> Resources
======================================*/
/*---------------------------------------
* Setting: Additional resources.
--------------------------------------*/
/* Enlarge the icons in the settings file lists. */
.settings-additionalresources-filelist .icon, .settings-customfonts-filelist .icon {
height: 64px;
width: 64px;
}
/*=======================================
* Settings: Feel -> Navigation.
======================================*/
/*---------------------------------------
* Setting: Show full name in the user menu.
--------------------------------------*/
#user-action-menu .loggedinas {
padding: 0.25rem 1.75rem 0.25rem 0.75rem;
}
/*---------------------------------------
* Setting: Show starred courses popover in the navbar.
--------------------------------------*/
.navbar #nav-popover-favourites-container .popover-region-container {
/* Make sure that the popover is only as high an necessary*/
height: auto;
/* Limit the width to some reasonable size to avoid that the popover menu is too wide. */
min-width: 250px;
max-width: 450px;
width: auto;
}
.navbar #nav-popover-favourites-container .popover-region-header-container {
/* Grant the popover header some more space.*/
height: 35px;
padding-left: 10px;
padding-top: 5px;
}
.navbar #nav-popover-favourites-container .popover-region-content-container {
/* Make sure that the popover is only as high an necessary.
(Full browser height minus navbar height minus popover header height minus some space at the bottom. */
height: auto;
max-height: calc(100vh - 60px - 35px - 1em);
/* Improve the course list items. */
}
.navbar #nav-popover-favourites-container .popover-region-content-container .dropdown-item {
/* Fix the left padding of the dropdown item. */
padding-left: 10px;
/* Hide overflowing course names. */
overflow-x: hidden;
text-overflow: ellipsis;
/* Keep dimmed courses white when hovered. */
}
.navbar #nav-popover-favourites-container .popover-region-content-container .dropdown-item.dimmed:hover {
color: #fff;
}
/*---------------------------------------
* Setting: Boost Union footer buttons (i.e. Back to top button and Accessibility button).
--------------------------------------*/
/* Boost Union footer buttons container */
#boost-union-footer-buttons {
/* Place the Boost Union footer buttons at a fixed place. */
position: fixed;
right: 2rem;
/* As a start, the Boost Union footer buttons are shown in the bottom right corner. */
bottom: 2rem;
/* Make sure that the Boost Union footer buttons are not covered by anything else. */
z-index: 1000;
/* Animate position together with Moodle core footer button. */
transition: 0.2s;
/* Add margin between the individual buttons. */
/* Style accessibility button. */
/* Style back to top button. */
}
@media (prefers-reduced-motion: reduce) {
#boost-union-footer-buttons {
transition: none;
}
}
#boost-union-footer-buttons .btn, #boost-union-footer-buttons .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions #boost-union-footer-buttons a.collapseexpand, #boost-union-footer-buttons .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions #boost-union-footer-buttons a.collapseexpand, #boost-union-footer-buttons #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions #boost-union-footer-buttons a.collapseexpand {
display: block;
margin-top: 0.75rem;
}
#boost-union-footer-buttons #btn-accessibility-support {
/* Use some clever CSS tricks to present the fa-universal-access icon without its border. */
display: flex;
align-items: center;
justify-content: center;
font-size: 1.75rem;
border: 6px solid #ced4da;
transition: 0.2s;
}
#boost-union-footer-buttons #btn-accessibility-support .icon {
width: 1.75rem;
height: 1.75rem;
max-width: none;
max-height: none;
font-size: 1.75rem;
color: #ced4da;
transition: 0.2s;
}
#boost-union-footer-buttons #btn-accessibility-support, #boost-union-footer-buttons #btn-accessibility-support:hover, #boost-union-footer-buttons #btn-accessibility-support:focus {
background: #000 !important;
/* stylelint-disable-line declaration-no-important */
}
#boost-union-footer-buttons #btn-accessibility-support:hover, #boost-union-footer-buttons #btn-accessibility-support:focus {
border-color: #b1bbc4;
}
#boost-union-footer-buttons #btn-accessibility-support:hover .icon, #boost-union-footer-buttons #btn-accessibility-support:focus .icon {
color: #b1bbc4;
}
#boost-union-footer-buttons #back-to-top {
/* Hide the back to top icon initially. It will be unhidden by JS only. */
display: none;
}
#boost-union-footer-buttons #back-to-top i::before {
/* Move the caret icon slightly up for a nicer look. */
vertical-align: 0.3rem;
}
/* If the sticky footer is shown by Moodle core, the Boost Union footer buttons have to have a higher starting position. */
body.hasstickyfooter #boost-union-footer-buttons {
bottom: 7rem;
}
/* If we are on a small screen and the footer button is shown in the bottom right corner,
the Boost Union footer buttons have to be shown above of the footer button. */
body.theme_boost-union-footerbuttonall.jsenabled, body.theme_boost-union-footerbuttonmobile.jsenabled {
/* And if the sticky footer is shown by Moodle core, move the Boost Union footer buttons more upwards. */
}
@media (max-width: 575.98px) {
body.theme_boost-union-footerbuttonall.jsenabled #boost-union-footer-buttons, body.theme_boost-union-footerbuttonmobile.jsenabled #boost-union-footer-buttons {
bottom: 5rem;
}
}
@media (max-width: 575.98px) {
body.theme_boost-union-footerbuttonall.jsenabled.hasstickyfooter #boost-union-footer-buttons, body.theme_boost-union-footerbuttonmobile.jsenabled.hasstickyfooter #boost-union-footer-buttons {
bottom: 10rem;
}
}
/* If we are on a larger screen and the footer button is shown in the bottom right corner,
the Boost Union footer buttons have to be shown above of the footer button. */
body.theme_boost-union-footerbuttonall.jsenabled, body.theme_boost-union-footerbuttondesktop.jsenabled {
/* And if the sticky footer is shown by Moodle core, move the Boost Union footer buttons more upwards. */
}
@media (min-width: 576px) {
body.theme_boost-union-footerbuttonall.jsenabled #boost-union-footer-buttons, body.theme_boost-union-footerbuttondesktop.jsenabled #boost-union-footer-buttons {
bottom: 5rem;
}
}
@media (min-width: 576px) {
body.theme_boost-union-footerbuttonall.jsenabled.hasstickyfooter #boost-union-footer-buttons, body.theme_boost-union-footerbuttondesktop.jsenabled.hasstickyfooter #boost-union-footer-buttons {
bottom: 10rem;
}
}
/* If the communications button is shown, the Boost Union footer buttons have to be moved more upwards.
To realize this, our footerbuttons JS has added a class to the body tag. */
body.theme-boost-union-commincourse {
/* If we are on a small screen,
we do not need to do anything (yet) as the communication button is not shown on small screens (yet). */
/* If we are on a larger screen and the footer button is not shown in the bottom right corner. */
/* If we are on a larger screen and the footer button is shown in the bottom right corner. */
}
body.theme-boost-union-commincourse.theme_boost-union-footerbuttonnone.jsenabled, body.theme-boost-union-commincourse.theme_boost-union-footerbuttonmobile.jsenabled {
/* We have to move the Boost Union footer buttons more upwards.*/
/* And if the sticky footer is shown by Moodle core, move the Boost Union footer buttons more upwards. */
}
@media (min-width: 576px) {
body.theme-boost-union-commincourse.theme_boost-union-footerbuttonnone.jsenabled #boost-union-footer-buttons, body.theme-boost-union-commincourse.theme_boost-union-footerbuttonmobile.jsenabled #boost-union-footer-buttons {
bottom: 5rem;
}
}
@media (min-width: 576px) {
body.theme-boost-union-commincourse.theme_boost-union-footerbuttonnone.jsenabled.hasstickyfooter #boost-union-footer-buttons, body.theme-boost-union-commincourse.theme_boost-union-footerbuttonmobile.jsenabled.hasstickyfooter #boost-union-footer-buttons {
bottom: 10rem;
}
}
body.theme-boost-union-commincourse.theme_boost-union-footerbuttonall.jsenabled, body.theme-boost-union-commincourse.theme_boost-union-footerbuttondesktop.jsenabled {
/* We have to move the Boost Union footer buttons even more upwards.*/
/* And if the sticky footer is shown by Moodle core, move the Boost Union footer buttons more upwards. */
}
@media (min-width: 576px) {
body.theme-boost-union-commincourse.theme_boost-union-footerbuttonall.jsenabled #boost-union-footer-buttons, body.theme-boost-union-commincourse.theme_boost-union-footerbuttondesktop.jsenabled #boost-union-footer-buttons {
bottom: 8rem;
}
}
@media (min-width: 576px) {
body.theme-boost-union-commincourse.theme_boost-union-footerbuttonall.jsenabled.hasstickyfooter #boost-union-footer-buttons, body.theme-boost-union-commincourse.theme_boost-union-footerbuttondesktop.jsenabled.hasstickyfooter #boost-union-footer-buttons {
bottom: 13rem;
}
}
/* If the right-hand drawer is opened. */
#page.drawers.show-drawer-right #boost-union-footer-buttons {
/* On larger screens, the drawer opens near the main content.
The Boost Union footer buttons can be moved nicely to the left. */
}
@media (min-width: 992px) {
#page.drawers.show-drawer-right #boost-union-footer-buttons {
/* Move the Boost Union footer buttons when right drawer is shown. */
right: calc(315px + 2rem);
}
}
/* If the right-hand drawer is opened. */
#page.drawers.show-drawer-right #back-to-top {
/* On smaller screens, the drawer opens as an overlay over the main content.
The back to top button looks misplaced then. */
}
@media (max-width: 1199.98px) {
#page.drawers.show-drawer-right #back-to-top {
/* Hide the back to top button when right drawer is shown. */
display: none;
}
}
/*=======================================
* Settings: Feel -> Blocks.
======================================*/
/*---------------------------------------
* Settings: Additional block regions - General.
--------------------------------------*/
/* To support additional block regions around the main content area, Boost Union introduced
the main-inner-wrapper HTML element. Unfortunately, this breaks the Flexbox flow of Moodle core.
To make it work again, we have to set the Flexbox flex attribute in the main-inner-wrapper element as well.
In addition to that, we set the Flexbox attribute for the #page element as well as it turned out to be necessary. */
.main-inner-wrapper, #page-wrapper #page {
flex: 1 0 auto;
}
/*---------------------------------------
* Settings: Additional block regions - The offcanvas region.
--------------------------------------*/
/* The Offcanvas drawer (which is only used in non-editing mode). */
#theme_boost_union-drawers-offcanvas {
/* Position and size (which takes effect as soon as the drawer is shown). */
background-color: #f8f9fa;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
height: calc(100vh - 3rem);
min-height: 300px;
top: -100vh;
width: 100vw;
z-index: 1050;
/* This z-index is equal to $zindex-modal and puts the drawer on top of
the whole page regardless what Moodle does for the .drawer class. */
/* And show it as soon as the drawer is set to be shown. */
/* The close icon to close the Offcanvas drawer. */
/* Do what we can to avoid horizontal scrollbars in the Offcanvas drawer's content. */
}
#theme_boost_union-drawers-offcanvas.show {
top: 0;
transition: 0.2s;
}
@media (prefers-reduced-motion: reduce) {
#theme_boost_union-drawers-offcanvas.show {
transition: none;
}
}
#theme_boost_union-drawers-offcanvas .drawerheader {
/* Position the icon. */
/* Make the close icon more visible. */
}
#theme_boost_union-drawers-offcanvas .drawerheader .btn, #theme_boost_union-drawers-offcanvas .drawerheader .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions #theme_boost_union-drawers-offcanvas .drawerheader a.collapseexpand, #theme_boost_union-drawers-offcanvas .drawerheader .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions #theme_boost_union-drawers-offcanvas .drawerheader a.collapseexpand, #theme_boost_union-drawers-offcanvas .drawerheader #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions #theme_boost_union-drawers-offcanvas .drawerheader a.collapseexpand {
margin-left: auto;
margin-right: 10px;
}
#theme_boost_union-drawers-offcanvas .drawerheader .icon {
background: #000;
color: #fff;
border-radius: 5px;
padding: 4px;
}
#theme_boost_union-drawers-offcanvas .drawercontent {
overflow-x: hidden;
}
#theme_boost_union-drawers-offcanvas .drawercontent > .row {
margin-left: 0;
margin-right: 0;
}
/* The Offcanvas block region (which is only used in editing mode as we do not have a drawer then).
Please note: #theme-block-region-offcanvas-editing is the outer element which is shown and hidden by Bootstrap
Collapse. #theme-block-region-offcanvas-editing-inner is the inner element which we style here. */
#theme-block-region-offcanvas-editing-inner {
/* Position and size (which takes effect as soon as the region is shown). */
background-color: #f8f9fa;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
margin: 0 -15px 30px -15px;
padding: 15px 15px 0 15px;
}
/* Disable the Bootstrap collapse transition as it is not properly working with all the block regions. */
#theme-block-region-offcanvas-editing.collapsing {
transition: none;
}
/* Navbar icon for opening the offcanvas drawer. */
.navbar-nav .drawer-offcanvas-toggle {
display: flex;
align-items: center;
}
.navbar-nav .drawer-offcanvas-toggle .btn, .navbar-nav .drawer-offcanvas-toggle .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .navbar-nav .drawer-offcanvas-toggle a.collapseexpand, .navbar-nav .drawer-offcanvas-toggle .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .navbar-nav .drawer-offcanvas-toggle a.collapseexpand, .navbar-nav .drawer-offcanvas-toggle #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .navbar-nav .drawer-offcanvas-toggle a.collapseexpand {
color: rgba(0, 0, 0, 0.6);
height: 40px;
}
.navbar-nav .drawer-offcanvas-toggle .btn:hover, .navbar-nav .drawer-offcanvas-toggle .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:hover, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .navbar-nav .drawer-offcanvas-toggle a.collapseexpand:hover, .navbar-nav .drawer-offcanvas-toggle .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:hover, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .navbar-nav .drawer-offcanvas-toggle a.collapseexpand:hover, .navbar-nav .drawer-offcanvas-toggle #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand:hover, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .navbar-nav .drawer-offcanvas-toggle a.collapseexpand:hover {
color: rgba(0, 0, 0, 0.9);
}
.navbar-nav .drawer-offcanvas-toggle .btn i, .navbar-nav .drawer-offcanvas-toggle .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand i, .pagelayout-frontpage .theme_boost_union-catlisting > .collapsible-actions .navbar-nav .drawer-offcanvas-toggle a.collapseexpand i, .navbar-nav .drawer-offcanvas-toggle .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand i, .pagelayout-coursecategory .theme_boost_union-catlisting > .collapsible-actions .navbar-nav .drawer-offcanvas-toggle a.collapseexpand i, .navbar-nav .drawer-offcanvas-toggle #page-course-search .theme_boost_union-catlisting > .collapsible-actions a.collapseexpand i, #page-course-search .theme_boost_union-catlisting > .collapsible-actions .navbar-nav .drawer-offcanvas-toggle a.collapseexpand i {
font-size: 20px;
line-height: 30px;
}
/*---------------------------------------
* Settings: Additional block regions - The outside-left and outside-right regions.
--------------------------------------*/
/* On larger screens. */
@media (min-width: 768px) {
/* On Moodle pages with limited width (currently: The course main pages, the frontpage and the dashboard).
Remember: Only on these pages, we offer the outside-left and outside-right region.
We do not need to handle the full-width pages here. */
body.limitedwidth {
/* If we have a outside-left and / or a outside-right block region. */
/* On pages where only the outside-left region is enabled:
Reduce the size of the main column to make space for the outside-left column. */
/* On pages where only the outside-right region is enabled:
Reduce the size of the main column to make space for the outside-right column. */
/* On pages where the outside-left and the outside-right region are enabled:
Reduce the size of the main column to make space for the outside-left and outside-right columns. */
/* Set the width and margin of the outside-left region. */
/* Set the width of the outside-right region. */
/* If the admin configured outside blocks to be shown next to the main content. */
/* If the admin configured outside blocks to be shown next to the main content. */
}
body.limitedwidth .main-inner-outside-left-right, body.limitedwidth .main-inner-outside-left, body.limitedwidth .main-inner-outside-right {
/* Center the main region content to keep the page content in the middle of the page. */
text-align: center;
/* Change the block regions to show them properly as block columns. */
}
body.limitedwidth .main-inner-outside-left-right #theme-block-region-outside-left, body.limitedwidth .main-inner-outside-left-right #theme-block-region-outside-right, body.limitedwidth .main-inner-outside-left-right .main-inner, body.limitedwidth .main-inner-outside-left #theme-block-region-outside-left, body.limitedwidth .main-inner-outside-left #theme-block-region-outside-right, body.limitedwidth .main-inner-outside-left .main-inner, body.limitedwidth .main-inner-outside-right #theme-block-region-outside-left, body.limitedwidth .main-inner-outside-right #theme-block-region-outside-right, body.limitedwidth .main-inner-outside-right .main-inner {
/* Undo the text-align for the regions in each column to still show the content correctly. */
text-align: initial;
/* Display them as inline-block. */
display: inline-block;
/* And make sure that the columns are at the top of the page at all. */
vertical-align: top;
}
body.limitedwidth .main-inner-outside-left .main-inner {
width: calc(98% - 30px);
}
body.limitedwidth .main-inner-outside-right .main-inner {
width: calc(98% - 30px);
}
body.limitedwidth .main-inner-outside-left-right .main-inner {
width: calc(98% - 30px - 30px);
}
body.limitedwidth #theme-block-region-outside-left {
margin-right: 1rem;
margin-top: 1.5rem;
width: 30px;
}
body.limitedwidth #theme-block-region-outside-right {
margin-left: 1rem;
margin-top: 1.5rem;
width: 30px;
}
body.limitedwidth .main-inner-outside-nextmaincontent #theme-block-region-outside-left, body.limitedwidth .main-inner-outside-nextmaincontent #theme-block-region-outside-right {
/* Disable float (just to be sure). */
float: none;
}
body.limitedwidth .main-inner-outside-nearwindowedges {
/* Float the outside-left block region to the left. */
/* Float the outside-right block region to the right. */
/* Clear the outside-bottom + footer regions so that they are shown correctly after the floated regions. */
}
body.limitedwidth .main-inner-outside-nearwindowedges #theme-block-region-outside-left {
float: left;
}
body.limitedwidth .main-inner-outside-nearwindowedges #theme-block-region-outside-right {
float: right;
}
body.limitedwidth .main-inner-outside-nearwindowedges #theme-block-region-outside-bottom, body.limitedwidth .main-inner-outside-nearwindowedges #theme-block-region-footer {
clear: both;
}
}
/* And on smaller screens. */
@media (max-width: 767.98px) {
/* Change the outside-left and outside-right blocks to full width (with some horizontal space). */
/* And remove their floating. */
#theme-block-region-outside-left, #theme-block-region-outside-right {
padding-left: 15px;
padding-right: 15px;
width: 100%;
}
.main-inner-outside-nearwindowedges #theme-block-region-outside-left, .main-inner-outside-nearwindowedges #theme-block-region-outside-right {
float: none;
}
}
/*---------------------------------------
* Settings: Additional block regions - The outside-top, header and outside-bottom regions.
--------------------------------------*/
/* Block regions: Outside top and outside bottom. */
#theme-block-region-outside-top, #theme-block-region-outside-bottom, #theme-block-region-footer {
/* On larger screens. */
/* And on smaller screens. */
}
@media (min-width: 768px) {
#theme-block-region-outside-top, #theme-block-region-outside-bottom, #theme-block-region-footer {
/* Position and size. */
}
#theme-block-region-outside-top.theme-block-region-outside-fullwidth, #theme-block-region-outside-top.theme-block-region-outside-coursecontentwidth, #theme-block-region-outside-top.theme-block-region-footer-fullwidth, #theme-block-region-outside-top.theme-block-region-footer-coursecontentwidth, #theme-block-region-outside-bottom.theme-block-region-outside-fullwidth, #theme-block-region-outside-bottom.theme-block-region-outside-coursecontentwidth, #theme-block-region-outside-bottom.theme-block-region-footer-fullwidth, #theme-block-region-outside-bottom.theme-block-region-footer-coursecontentwidth, #theme-block-region-footer.theme-block-region-outside-fullwidth, #theme-block-region-footer.theme-block-region-outside-coursecontentwidth, #theme-block-region-footer.theme-block-region-footer-fullwidth, #theme-block-region-footer.theme-block-region-footer-coursecontentwidth {
margin: 1rem auto;
width: 100%;
}
#theme-block-region-outside-top.theme-block-region-outside-herowidth, #theme-block-region-outside-top.theme-block-region-footer-herowidth, #theme-block-region-outside-bottom.theme-block-region-outside-herowidth, #theme-block-region-outside-bottom.theme-block-region-footer-herowidth, #theme-block-region-footer.theme-block-region-outside-herowidth, #theme-block-region-footer.theme-block-region-footer-herowidth {
margin: 0 -3rem 0 -3rem;
/* We do not set any width at all.
100% would be too small, 100vw would add horizontal scrollbars (for whatever reason). */
}
}
@media (max-width: 767.98px) {
#theme-block-region-outside-top.theme-block-region-outside-fullwidth, #theme-block-region-outside-top.theme-block-region-outside-coursecontentwidth, #theme-block-region-outside-top.theme-block-region-footer-fullwidth, #theme-block-region-outside-top.theme-block-region-footer-coursecontentwidth, #theme-block-region-outside-bottom.theme-block-region-outside-fullwidth, #theme-block-region-outside-bottom.theme-block-region-outside-coursecontentwidth, #theme-block-region-outside-bottom.theme-block-region-footer-fullwidth, #theme-block-region-outside-bottom.theme-block-region-footer-coursecontentwidth, #theme-block-region-footer.theme-block-region-outside-fullwidth, #theme-block-region-footer.theme-block-region-outside-coursecontentwidth, #theme-block-region-footer.theme-block-region-footer-fullwidth, #theme-block-region-footer.theme-block-region-footer-coursecontentwidth {
/* Just show the block full width with some horizontal space. */
padding-left: 15px;
padding-right: 15px;
width: 100%;
}
#theme-block-region-outside-top.theme-block-region-outside-herowidth, #theme-block-region-outside-top.theme-block-region-footer-herowidth, #theme-block-region-outside-bottom.theme-block-region-outside-herowidth, #theme-block-region-outside-bottom.theme-block-region-footer-herowidth, #theme-block-region-footer.theme-block-region-outside-herowidth, #theme-block-region-footer.theme-block-region-footer-herowidth {
/* Remove the margin. */
margin: 0;
}
}
/* Additional styling for content width regions to limit the block region size on Moodle pages with limited width. */
body.limitedwidth .theme-block-region-outside-coursecontentwidth, body.limitedwidth .theme-block-region-footer-coursecontentwidth {
max-width: 80%;
}
/* Additional styling for hero-width regions to remove some styling which is counterproductive. */
.theme-block-region-outside-herowidth .block, .theme-block-region-footer-herowidth .block {
border-width: 0;
border-radius: 0;
}
/* Block region: Header. */
#theme-block-region-header {
/* On larger screens. */
/* And on smaller screens. */
/* Add margin-top to avoid that this block region is glued to the navbar if
#theme-block-region-outside-top does not exist. */
margin-top: 1rem;
}
@media (min-width: 768px) {
#theme-block-region-header {
/* Position and size. */
margin: 0 auto;
max-width: 80%;
width: 100%;
}
}
@media (max-width: 767.98px) {
#theme-block-region-header {
/* Just show the block full width with some horizontal space. */
padding-left: 15px;
padding-right: 15px;
width: 100%;
}
}
/* Remove margin-top again if this block region is already preceded by the outside-top region. */
#theme-block-region-outside-top + #theme-block-region-header {
margin-top: 0;
}
/*---------------------------------------
* Settings: Additional block regions - The footer regions.
--------------------------------------*/
/* Block region: Footer. */
#theme-block-region-footer {
/* Position and size. */
margin: 0 auto;
width: 100%;
}
/* And on smaller screens. */
@media (max-width: 767.98px) {
/* Add some horizontal space on the small screen. */
#theme-block-region-footer {
padding-left: 15px;
padding-right: 15px;
}
}
/*---------------------------------------
* Settings: Additional block regions - The content regions.
--------------------------------------*/
/* Block region: Content-upper and Content-lower. */
#theme-block-region-content-upper, #theme-block-region-content-lower {
/* Position and size. */
margin-left: 15px;
margin-right: 15px;
}
/*=======================================
* Settings: Content -> Footer.
======================================*/
/*---------------------------------------
* Settings: Footnote.
--------------------------------------*/
/* Static pages links dividers. */
#footnote .theme_boost_union_footnote_link {
border-right: 2px solid #e9ecef;
}
#footnote .theme_boost_union_footnote_link:last-of-type {
border-right: none;
}
/* The footnote styles are different on the login page and on all non-login pages.
They are also different on larger and smaller screens.
We will deal with the overall cases for all screen sizes first and will then overwrite the things which need
to be different on the login page. */
/* On larger screens. */
@media (min-width: 768px) {
/* If there is a background image or a loginbackground image configured. */
/* If there isn't a background image nor a loginbackground image configured. */
body.backgroundimage #footnote, body.loginbackgroundimage #footnote {
/* Add horizontal padding to align the footnote with the main page content.
The numbers are basically adopted from the main content areas of the Moodle page. */
padding-left: calc(15px + .5rem);
padding-right: calc(15px + .5rem);
/* Add white background color, border radius and a small bottom margin
to make the footnote work with background images. */
border-radius: 0.5rem;
background-color: #fff;
margin-bottom: 1rem;
}
body:not(.backgroundimage):not(.loginbackgroundimage) #footnote {
/* Add horizontal margin to align the footnote with the main page content.
The numbers are basically adopted from the main content areas of the Moodle page. */
margin-left: calc(15px + .5rem);
margin-right: calc(15px + .5rem);
/* Add top border. */
border-top: 1px solid #dee2e6;
}
}
/* And on smaller screens. */
@media (min-width: 576px) and (max-width: 767.98px) {
#footnote {
/* On smaller screens, there isn't any background image, so there's no need for a white background. */
/* Add horizontal margin and padding to align the footnote with the main page content.
The numbers are adopted from the main content areas of the Moodle page.
Add another right padding as well to avoid that the content gets covered by the footer and Boost Union footer buttons. */
margin-left: 0.5rem;
padding-left: 15px;
margin-right: 0.5rem;
padding-right: 51px;
/* The underlying calculation is 15px + 36px. */
/* Add top border. */
border-top: 1px solid #dee2e6;
}
}
/* And on really small screens. */
@media (max-width: 575.98px) {
#footnote {
/* On really small screens, there isn't any background image, so there's no need for a white background. */
/* Add horizontal margin and padding to align the footnote with the main page content.
The numbers are adopted from the main content areas of the Moodle page.
Add another right padding as well to avoid that the content gets covered by the Boost Union footer buttons. */
margin-left: 15px;
padding-left: 1rem;
margin-right: 15px;
padding-right: calc(1rem + 36px);
/* Add top border. */
border-top: 1px solid #dee2e6;
}
}
/* As said, the login needs some more adjustments. */
/* On larger screens. */
@media (min-width: 576px) {
/* If there is a loginbackground image configured. */
body.pagelayout-login.loginbackgroundimage #footnote {
/* Add a box shadow to the footnote to match the look of the login box. */
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
/* Add horizontal margin as the page does not have a margin itself. */
margin-left: 15px;
margin-right: 15px;
/* Add another right padding as well to avoid that the content gets covered by the footer button. */
padding-right: calc(.5rem + 51px);
/* The underlying calculation is 15px + .5rem + 36px. */
}
}
/* On smaller screens. */
@media (min-width: 576px) and (max-width: 767.98px) {
/* If there is a loginbackground image configured. */
body.pagelayout-login.loginbackgroundimage #footnote {
/* Add white background color and a small bottom margin
to make the footnote work with background images.
This is necessary as this isn't covered by the normal background styles already
(which are only applied to pages > 768px.
Note that there isn't a border-radius added as the login box doesn't have a border radius as well
on this screen size. */
background-color: #fff;
margin-bottom: 1rem;
}
}
/* And on really small screens. */
@media (max-width: 575.98px) {
body.pagelayout-login.loginbackgroundimage {
/* If (and only if) the accessibility button is not shown on the login page,
we do not need any additional right padding as there isn't a Boost Union footer button nor a footer button
on the login page on this screen size. */
}
body.pagelayout-login.loginbackgroundimage #footnote {
/* Add white background color and a small bottom margin
to make the footnote work with background images.
This is necessary as this isn't covered by the normal background styles already
(which are only applied to pages > 768px. */
background-color: #fff;
/* Change horizontal margin and padding to
make the footnote work with background images. */
margin-left: 0;
padding-left: calc(15px + 1rem);
margin-right: 0;
}
body.pagelayout-login.loginbackgroundimage:not(.theme_boost-union-accessibilitybutton) #footnote {
padding-right: calc(15px + 1rem);
}
}
/* On all screen sizes. */
/* If there isn't a loginbackground image configured. */
body.pagelayout-login:not(.loginbackgroundimage) #footnote {
/* Remove the top border as there is the gradient in #page. */
border-top: none;
}
/*---------------------------------------
* Settings: Footer.
--------------------------------------*/
/* If the admin decided to show the footer button on all screen sizes. */
body.theme_boost-union-footerbuttonall.jsenabled {
/* Show the footer button on all screen sizes.
This uses !important to make really sure that the element is shown regardless of other CSS rules. */
/* Do not do anything to the communications button as it is placed fine on larger screens anyway and
not shown on mobile anyway. */
}
body.theme_boost-union-footerbuttonall.jsenabled .btn-footer-popover {
display: block !important;
/* stylelint-disable-line declaration-no-important */
}
/* If the admin decided to show the footer button on desktop + tablet only. */
body.theme_boost-union-footerbuttondesktop.jsenabled {
/* Do not do anything with the footer button as Boost core is taking care of everything already . */
/* And do not do anything to the communications button as Boost core is taking care of this as well. */
}
/* If the admin decided to show the footer button on mobile only. */
body.theme_boost-union-footerbuttonmobile.jsenabled {
/* On larger screens. */
/* On smaller screens. */
}
@media (min-width: 576px) {
body.theme_boost-union-footerbuttonmobile.jsenabled {
/* Hide the footer button.
This uses !important to make really sure that the element is hidden regardless of other CSS rules. */
/* Move the communication button more downwards as there would be a gap otherwise. */
/* If the sticky footer is shown by Moodle core, move the communication button more upwards. */
}
body.theme_boost-union-footerbuttonmobile.jsenabled .btn-footer-popover, body.theme_boost-union-footerbuttonmobile.jsenabled #page-footer .footer-content-popover {
display: none !important;
/* stylelint-disable-line declaration-no-important */
}
body.theme_boost-union-footerbuttonmobile.jsenabled .btn-footer-communication {
bottom: 2rem;
}
body.theme_boost-union-footerbuttonmobile.jsenabled.hasstickyfooter .btn-footer-communication {
bottom: 7rem;
}
}
@media (max-width: 575.98px) {
body.theme_boost-union-footerbuttonmobile.jsenabled {
/* Show the footer button.
This uses !important to make really sure that the element is shown regardless of other CSS rules. */
/* And do not do anything to the communications button as Boost core is not shown on mobile anyway. */
}
body.theme_boost-union-footerbuttonmobile.jsenabled .btn-footer-popover {
display: block !important;
/* stylelint-disable-line declaration-no-important */
}
}
/* If the admin decided not to show the footer button at all. */
body.theme_boost-union-footerbuttonnone.jsenabled {
/* Do not do anything with the footer button as we covered this case in footer.mustache already. */
/* However, move the communication button more downwards as there would be a gap otherwise. */
/* If the sticky footer is shown by Moodle core, move the communication button more upwards. */
}
body.theme_boost-union-footerbuttonnone.jsenabled .btn-footer-communication {
bottom: 2rem;
}
body.theme_boost-union-footerbuttonnone.jsenabled.hasstickyfooter .btn-footer-communication {
bottom: 7rem;
}
/* Make the reset-user-tours link a real footer section - as soon as the placeholder div is filled by JS.
This is necessary due to restructurings of the footer popover content. */
/* Remove the bottom line from the last footer section. */
#page-footer .popover-body .footer-section:last-child, #page-footer .popover-body .tool_usertours-resettourcontainer .usertour:last-child, .tool_usertours-resettourcontainer #page-footer .popover-body .usertour:last-child {
border-bottom: none !important;
/* stylelint-disable-line declaration-no-important */
}
/*=======================================
* Settings: Content -> Info banner.
======================================*/
/* Adjust the margins of the info banners to align with the header and main content on larger screens. */
@media (min-width: 768px) {
.themeboostunioninfobanner {
margin-left: 15px;
margin-right: 15px;
}
}
/* Remove margin after last paragraph for a nicer look. */
.themeboostunioninfobanner p:last-child {
margin-bottom: 0;
}
/*=======================================
* Settings: Content -> Advertisement tiles.
======================================*/
/* Style the advertisement tile cards. */
#themeboostunionadvtiles [class*="col-"] .card {
background-size: cover;
/* d-flex align-items-stretch align-self-stretch classes in mustache template require to set width to inherit
(Otherwise width is flexible dependent on content). */
width: inherit;
}
/* Classes for the content style of advertisement tiles. */
#themeboostunionadvtiles .tile-dark {
color: black;
}
#themeboostunionadvtiles .tile-light {
color: white;
}
#themeboostunionadvtiles .tile-darkshadow {
color: black;
text-shadow: 0 0 5px white;
}
#themeboostunionadvtiles .tile-lightshadow {
color: white;
text-shadow: 0 0 5px black;
}
/* Improve the advertisement tile card if a background image is used. */
.themeboostunionadvtilebg {
/* Remove the 1px border which is added around the card by default and which looks strange
with a background image. */
border: none;
/* Add a more solid background color so that the title remains readable. */
/* Remove the border-top from the footer. */
}
.themeboostunionadvtilebg .card-header {
background-color: rgba(255, 255, 255, 0.8);
}
.themeboostunionadvtilebg .card-footer {
border-top: none;
}
/*=======================================
* Settings: Content -> Slider.
======================================*/
/* Style the slider. */
#themeboostunionslider {
/* Remove the link color and styling for links in the slider as, otherwise, the linked caption and content
would be colored and styled which does not make much sense here. */
/* Remove the focus border which would appear around slider controls which have been clicked.
These do not look nice within the slider. */
/* Remove the font color from the caption to allow styling based on the slider settings. */
/* Add an unobtrusive shadow to the carousel controls to make them visible on all kinds of backgrounds. */
}
#themeboostunionslider a {
color: inherit;
}
#themeboostunionslider a:hover {
text-decoration: inherit;
}
#themeboostunionslider a:focus {
box-shadow: none;
}
#themeboostunionslider .carousel-caption {
color: inherit;
}
#themeboostunionslider .carousel-control-prev, #themeboostunionslider .carousel-control-next {
filter: drop-shadow(0 0 2px black);
}
#themeboostunionslider .carousel-indicators {
filter: drop-shadow(0 0 1px black);
}
/* Classes for the content style of slides. */
#themeboostunionslider .slide-dark {
color: black;
}
#themeboostunionslider .slide-light {
color: white;
}
#themeboostunionslider .slide-darkshadow {
color: black;
text-shadow: 0 0 5px white;
}
#themeboostunionslider .slide-lightshadow {
color: white;
text-shadow: 0 0 5px black;
}
/*=======================================
* Settings: Content -> Advertisement tiles & Slider (Common settings for both features).
======================================*/
/* Remove horizontal paddings on the tile / slider container on smaller screens to align it with the main frontpage content. */
@media (max-width: 767.98px) {
#themeboostunionadvtiles, #themeboostunionslider-wrapper {
padding-left: 0;
padding-right: 0;
}
}
/*=======================================
* Settings: Functionality -> Courses.
======================================*/
/*---------------------------------------
* Setting: Course related hints.
--------------------------------------*/
.course-hint-hidden, .course-hint-guestaccess, .course-hint-selfenrol, .course-hint-switchedrole {
margin-left: 15px;
margin-right: 15px;
}
/*=======================================
* Settings: Smart menus.
======================================*/
/*---------------------------------------
* Header menu
--------------------------------------*/
/* Boost union header menu style when the smart menu is enabled */
.theme-boost-union-smartmenu {
/* Align the drawer content list group item in center*/
/* Drop down more menu carousel item */
/* Dropdown carousel more menu*/
/* Hide the ul dropdown menu list */
/* Changed the transition time to 0.3 seconds when smart menus are enabled */
}
.theme-boost-union-smartmenu .navbar {
/* Removed the margin for the carousel back button arrow */
}
.theme-boost-union-smartmenu .navbar.fixed-top {
/* Added height and background color for the top header,
z-index is added to show the top header dropdown menu above the header block */
/* The width is added to show the navigation drawer in full page and
position of the navigation drawer has been adjusted to open the drawer from below. */
/* The position of the main page has been adjusted slightly below to accommodate the top header. */
/* The icon tag aligned top at the usermenu link */
/* Dropdown more menu back button arrow margin */
}
.theme-boost-union-smartmenu .navbar.fixed-top.boost-union-menubar {
/* boost-union-menubar class is added for the top header */
height: 42px;
border-bottom: 0;
background-color: #f8f9fa;
z-index: 1031;
/* The position of the message drawer has been adjusted slightly top to accommodate the top header. */
/* The position of the side drawer has been adjusted slightly below to accommodate the top header. */
/* The position of the main page has been adjusted slightly below to accommodate the top header. */
}
.theme-boost-union-smartmenu .navbar.fixed-top.boost-union-menubar ~ [data-region=right-hand-drawer].drawer {
top: 100px;
}
.theme-boost-union-smartmenu .navbar.fixed-top.boost-union-menubar ~ .drawer.drawer-left {
top: 101px;
}
.theme-boost-union-smartmenu .navbar.fixed-top.boost-union-menubar ~ .drawer.drawer-right {
top: 101px;
}
.theme-boost-union-smartmenu .navbar.fixed-top.boost-union-menubar ~ #page.drawers {
margin-top: 100px;
}
.theme-boost-union-smartmenu .navbar.fixed-top.boost-union-menubar .moremenu .more-nav li {
/* The card dropdown menu link position is changed to static to show the card dropdown menu
in full width */
/* The positions of the dropdown menu added */
/* Removed the padding in the card dropdown overlay*/
}
.theme-boost-union-smartmenu .navbar.fixed-top.boost-union-menubar .moremenu .more-nav li.card-dropdown {
position: static;
}
.theme-boost-union-smartmenu .navbar.fixed-top.boost-union-menubar .moremenu .more-nav li.nav-item:first-child, .theme-boost-union-smartmenu .navbar.fixed-top.boost-union-menubar .moremenu .more-nav li.nav-item:nth-child(2) {
/* The position of the dropdown menu should not extend beyond the visible area of
the screen */
}
.theme-boost-union-smartmenu .navbar.fixed-top.boost-union-menubar .moremenu .more-nav li.nav-item:first-child .dropdown-menu, .theme-boost-union-smartmenu .navbar.fixed-top.boost-union-menubar .moremenu .more-nav li.nav-item:nth-child(2) .dropdown-menu {
left: 0;
right: auto;
}
.theme-boost-union-smartmenu .navbar.fixed-top.boost-union-menubar .moremenu .more-nav li a {
/* Background color added in the menubar menu link on hover */
}
.theme-boost-union-smartmenu .navbar.fixed-top.boost-union-menubar .moremenu .more-nav li a:not(.active) {
border-bottom: 0;
}
.theme-boost-union-smartmenu .navbar.fixed-top.boost-union-menubar .moremenu .more-nav li a.nav-link:hover {
background-color: #f4f4f4;
}
.theme-boost-union-smartmenu .navbar.fixed-top.boost-union-menubar .moremenu .more-nav li .dropdown-menu {
float: none;
left: auto;
right: 0;
}
.theme-boost-union-smartmenu .navbar.fixed-top.boost-union-menubar .moremenu .more-nav li .dropdown-menu li {
width: 100%;
}
.theme-boost-union-smartmenu .navbar.fixed-top.boost-union-menubar .moremenu .more-nav li.dropdown.card-dropdown .card-block-wrapper .card-block a {
padding: 0;
}
.theme-boost-union-smartmenu .navbar.fixed-top.boost-union-menubar + .navbar {
/* Margin top has been added to the Header block to ensure that it does not conflict with the top
header. */
}
.theme-boost-union-smartmenu .navbar.fixed-top.boost-union-menubar + .navbar.fixed-top {
margin-top: 40px;
/* The position of the card dropdown block has been set to static,
so it will always appear under the card menu link. */
}
.theme-boost-union-smartmenu .navbar.fixed-top.boost-union-menubar + .navbar.fixed-top .moremenu .dropdown.card-dropdown {
position: static;
}
.theme-boost-union-smartmenu .navbar.fixed-top.boost-union-menubar + .navbar.fixed-top .moremenu .dropdown.card-dropdown .dropdown-menu {
overflow-y: auto;
}
.theme-boost-union-smartmenu .navbar.fixed-top.boost-union-menubar + .navbar.fixed-top .moremenu .dropdown.card-dropdown:not(.card-overflow-no-wrap) .dropdown-menu {
max-height: calc(100vh - 300px);
}
.theme-boost-union-smartmenu .navbar.fixed-top ~ .drawer-bottom.drawer {
width: 100%;
top: 0;
padding-bottom: 101px;
visibility: hidden;
/* Visible on show when the drawer toggle "More" link is clicked */
}
.theme-boost-union-smartmenu .navbar.fixed-top ~ .drawer-bottom.drawer.show {
visibility: visible;
}
.theme-boost-union-smartmenu .navbar.fixed-top ~ #page.drawers {
margin-top: 60px;
}
.theme-boost-union-smartmenu .navbar.fixed-top .moremenu .more-nav li.card-dropdown {
/* The position of the card dropdown block has been set to static,
so it will always appear under the card menu link. */
position: static;
/* Card appearance - Card form style */
/* Card form style - Square */
/* Card form style - Portrait */
/* Card form style - Landscape */
/* Card form style - Fullwidth */
/* Full Width is added when the Card size "Tiny,Small,Medium and Large" with card form "Full width" */
}
.theme-boost-union-smartmenu .navbar.fixed-top .moremenu .more-nav li.card-dropdown.card-form-square {
/* Minimun and maximum width is added when the Card size "Tiny" with card form "Square" */
/* Minimun and maximum width is added when the Card size "Small" with card form "Square" */
/* Minimun and maximum width is added when the Card size "Medium" with card form "Square" */
/* Minimun and maximum width is added when the Card size "Large" with card form "Square" */
}
.theme-boost-union-smartmenu .navbar.fixed-top .moremenu .more-nav li.card-dropdown.card-form-square.card-size-tiny .dropdown-menu .card-block {
min-width: 90px;
max-width: 90px;
}
.theme-boost-union-smartmenu .navbar.fixed-top .moremenu .more-nav li.card-dropdown.card-form-square.card-size-small .dropdown-menu .card-block {
min-width: 140px;
max-width: 140px;
}
.theme-boost-union-smartmenu .navbar.fixed-top .moremenu .more-nav li.card-dropdown.card-form-square.card-size-medium .dropdown-menu .card-block {
min-width: 190px;
max-width: 190px;
}
.theme-boost-union-smartmenu .navbar.fixed-top .moremenu .more-nav li.card-dropdown.card-form-square.card-size-large .dropdown-menu .card-block {
min-width: 240px;
max-width: 240px;
}
.theme-boost-union-smartmenu .navbar.fixed-top .moremenu .more-nav li.card-dropdown.card-form-portrait {
/* Minimun and maximum width is added when the Card size "Tiny" with card form "portrait" */
/* Minimun and maximum width is added when the Card size "Small" with card form "portrait" */
/* Minimun and maximum width is added when the Card size "Medium" with card form "portrait" */
/* Minimun and maximum width is added when the Card size "Large" with card form "portrait" */
}
.theme-boost-union-smartmenu .navbar.fixed-top .moremenu .more-nav li.card-dropdown.card-form-portrait.card-size-tiny .dropdown-menu .card-block {
min-width: 60px;
max-width: 60px;
}
.theme-boost-union-smartmenu .navbar.fixed-top .moremenu .more-nav li.card-dropdown.card-form-portrait.card-size-small .dropdown-menu .card-block {
min-width: 94px;
max-width: 94px;
}
.theme-boost-union-smartmenu .navbar.fixed-top .moremenu .more-nav li.card-dropdown.card-form-portrait.card-size-medium .dropdown-menu .card-block {
min-width: 127px;
max-width: 127px;
}
.theme-boost-union-smartmenu .navbar.fixed-top .moremenu .more-nav li.card-dropdown.card-form-portrait.card-size-large .dropdown-menu .card-block {
min-width: 160px;
max-width: 160px;
}
.theme-boost-union-smartmenu .navbar.fixed-top .moremenu .more-nav li.card-dropdown.card-form-landscape {
/* Minimun and maximum width is added when the Card size "Tiny" with card form "Landscape" */
/* Minimun and maximum width is added when the Card size "Small" with card form "Landscape" */
/* Minimun and maximum width is added when the Card size "Medium" with card form "Landscape" */
/* Minimun and maximum width is added when the Card size "Large" with card form "Landscape" */
}
.theme-boost-union-smartmenu .navbar.fixed-top .moremenu .more-nav li.card-dropdown.card-form-landscape.card-size-tiny .dropdown-menu .card-block {
min-width: 135px;
max-width: 135px;
}
.theme-boost-union-smartmenu .navbar.fixed-top .moremenu .more-nav li.card-dropdown.card-form-landscape.card-size-small .dropdown-menu .card-block {
min-width: 210px;
max-width: 210px;
}
.theme-boost-union-smartmenu .navbar.fixed-top .moremenu .more-nav li.card-dropdown.card-form-landscape.card-size-medium .dropdown-menu .card-block {
min-width: 285px;
max-width: 285px;
}
.theme-boost-union-smartmenu .navbar.fixed-top .moremenu .more-nav li.card-dropdown.card-form-landscape.card-size-large .dropdown-menu .card-block {
min-width: 360px;
max-width: 360px;
}
.theme-boost-union-smartmenu .navbar.fixed-top .moremenu .more-nav li.card-dropdown.card-form-fullwidth {
/* Card size "large" has margin right none because the size of the card is full width of the
screen */
}
.theme-boost-union-smartmenu .navbar.fixed-top .moremenu .more-nav li.card-dropdown.card-form-fullwidth.card-size-tiny .dropdown-menu .card-block, .theme-boost-union-smartmenu .navbar.fixed-top .moremenu .more-nav li.card-dropdown.card-form-fullwidth.card-size-small .dropdown-menu .card-block, .theme-boost-union-smartmenu .navbar.fixed-top .moremenu .more-nav li.card-dropdown.card-form-fullwidth.card-size-medium .dropdown-menu .card-block, .theme-boost-union-smartmenu .navbar.fixed-top .moremenu .more-nav li.card-dropdown.card-form-fullwidth.card-size-large .dropdown-menu .card-block {
min-width: 100%;
width: 100%;
}
.theme-boost-union-smartmenu .navbar.fixed-top .moremenu .more-nav li.card-dropdown.card-form-fullwidth.card-overflow-wrap.card-size-large .dropdown-menu .card-block {
margin-right: 0;
}
.theme-boost-union-smartmenu .navbar.fixed-top .usermenu .dropdown-menu {
/* Usermenu dropdown item position relative for it's submenu */
}
.theme-boost-union-smartmenu .navbar.fixed-top .usermenu .dropdown-menu .submenu {
/* Remove the padding on the User submenu header */
}
.theme-boost-union-smartmenu .navbar.fixed-top .usermenu .dropdown-menu .submenu .header {
padding: 0;
/* Centered align the User submenu header, added padding and removed the underline for the link */
}
.theme-boost-union-smartmenu .navbar.fixed-top .usermenu .dropdown-menu .submenu .header .carousel-navigation-link {
text-decoration: none;
padding: 0.1rem 0.75rem;
display: flex;
align-items: center;
}
.theme-boost-union-smartmenu .navbar.fixed-top .usermenu .dropdown-menu .submenu .items a.dropdown-item {
align-items: baseline;
}
.theme-boost-union-smartmenu .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item {
position: relative;
/* Usermenu dropdown submenu arrow alignment */
}
.theme-boost-union-smartmenu .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link:after {
top: 8px;
}
.theme-boost-union-smartmenu .navbar.fixed-top .boost-union-moremenu.dropdown-menu .carousel-navigation-link > * {
pointer-events: none;
}
.theme-boost-union-smartmenu .navbar.fixed-top .boost-union-moremenu.dropdown-menu .carousel-navigation-link > * img {
margin: 0;
}
.theme-boost-union-smartmenu .navbar .moremenu .more-nav li.nav-item {
/* Menu link icon aligned center */
/* The style below added when the menu link is under the "More" option in the responsive alignment */
/* The full width style is added for the menu link inside the "More" menu */
}
.theme-boost-union-smartmenu .navbar .moremenu .more-nav li.nav-item a {
display: flex;
align-items: center;
}
.theme-boost-union-smartmenu .navbar .moremenu .more-nav li.nav-item a label {
margin-bottom: 0;
}
.theme-boost-union-smartmenu .navbar .moremenu .more-nav li.nav-item.dropdownmoremenu .dropdown-menu li.nav-item.dropdown {
width: 100%;
/* Header dropdown menu border added and position added not to conflict
with the screen in the responsive alignment */
}
.theme-boost-union-smartmenu .navbar .moremenu .more-nav li.nav-item.dropdownmoremenu .dropdown-menu li.nav-item.dropdown.card-dropdown .dropdown-toggle:after {
content: "";
}
.theme-boost-union-smartmenu .navbar .moremenu .more-nav li.nav-item.dropdownmoremenu .dropdown-menu li.nav-item.dropdown .dropdown-toggle {
/* Header dropdown toggle menu link color added */
}
.theme-boost-union-smartmenu .navbar .moremenu .more-nav li.nav-item.dropdownmoremenu .dropdown-menu li.nav-item.dropdown .dropdown-toggle:after {
font-size: 10px;
margin-top: 7px;
position: absolute;
right: 0.75rem;
}
.theme-boost-union-smartmenu .navbar .moremenu .more-nav li.nav-item.dropdownmoremenu .dropdown-menu li.nav-item.dropdown .dropdown-toggle:hover, .theme-boost-union-smartmenu .navbar .moremenu .more-nav li.nav-item.dropdownmoremenu .dropdown-menu li.nav-item.dropdown .dropdown-toggle:focus, .theme-boost-union-smartmenu .navbar .moremenu .more-nav li.nav-item.dropdownmoremenu .dropdown-menu li.nav-item.dropdown .dropdown-toggle:active {
color: #fff;
}
.theme-boost-union-smartmenu .navbar .moremenu .more-nav li.nav-item.dropdownmoremenu .dropdown-menu li.nav-item.dropdown .dropdown-menu {
max-height: none;
border-radius: 0;
overflow: visible;
}
.theme-boost-union-smartmenu .navbar .moremenu .more-nav li.nav-item.dropdownmoremenu .dropdown-menu li.nav-item.dropdown.card-dropdown {
/* Minimum width, maximum width and height, aligned center, and position
fixed of card dropdown menu below the nav header */
}
.theme-boost-union-smartmenu .navbar .moremenu .more-nav li.nav-item.dropdownmoremenu .dropdown-menu li.nav-item.dropdown.card-dropdown .dropdown-menu {
min-width: 220px;
max-width: 90%;
max-height: calc(100vh - 120px);
text-align: center;
padding: 5px;
overflow: auto;
position: fixed;
right: 0;
top: 100px;
left: 0;
}
.theme-boost-union-smartmenu .navbar .moremenu .more-nav li.nav-item.dropdownmoremenu .dropdown-menu li.nav-item.dropdown.card-dropdown.card-form-fullwidth .dropdown-menu .card-block-wrapper {
padding: 0 15px;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown {
/* Minimum width , max-height added to display the dropdown menu items, Top margin removed
and overlay y axis is auto to show the dropdowm menu with the scrollbar */
/* The top padding is removed in the dropdown menu when menu description is added in the top */
/* The bottom padding is removed in the dropdown menu when menu description is added in the below */
/* Card layout - The below styles are header dropdown Card style menus */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown .dropdown-menu {
min-width: 220px;
max-width: 260px;
max-height: calc(100vh - 200px);
overflow: auto;
margin-top: 0;
/* The more menu item with inline to display in full width */
/* Menu description font size, padding, border-radius and background color added */
/* Text aligned center and margin bottom added for the "help icon" in menu help icon */
/* The font size and opacity reduced when the Menu link is selected as "Heading" option in the
settings */
/* The below styles are header dropdown submenu */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown .dropdown-menu .nav-item {
min-width: 100%;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown .dropdown-menu .menu-description {
font-size: 12px;
padding: 0.25rem 1.5rem;
border-radius: 5px;
background-color: #eee;
/* Removed the margin bottom for the content to avoid unwanted space below the description */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown .dropdown-menu .menu-description p {
margin-bottom: 0;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown .dropdown-menu .menu-helpicon {
text-align: center;
margin-bottom: 10px;
/* Margin removed in the menu description help icon in the menu */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown .dropdown-menu .menu-helpicon i {
margin: 0;
/* color white is added in the menu description help icon in the menu */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown .dropdown-menu .menu-helpicon i:before {
color: var(--info);
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown .dropdown-menu .dropdown-item {
/* Dropdown menu link alignment at top, white-space is used to arrange the large text in the
next line*/
align-items: baseline;
white-space: normal;
/* The icon width, height and font size is changed to normal size when the
large size icon (class="iconsize-big") is used in the "i" tag */
/* The "Tick" icon removed when the menu link is clicked */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown .dropdown-menu .dropdown-item i.icon {
width: auto;
height: auto;
font-size: 16px;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown .dropdown-menu .dropdown-item:before {
display: none;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown .dropdown-menu .dropdown-item.menu-item-heading {
font-size: 14px;
opacity: 0.6;
/* Menu link icon font size when the menu link as "Heading" and "icon" option selected in
the settings */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown .dropdown-menu .dropdown-item.menu-item-heading i.icon {
font-size: 14px;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown .dropdown-menu .dropdown-submenu {
/* Position relative submenu link to control the arrow icon when it has submenus */
/* The submenu dropdown is hidden before the menu is clicked */
/* The position relative is added for the dropdown menu */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown .dropdown-menu .dropdown-submenu > a.dropdown-item {
position: relative;
/* Header dropdown submenu */
/* The arrow icon and its postion at the right side is added when the header menu which has
dropdown */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown .dropdown-menu .dropdown-submenu > a.dropdown-item:before {
content: "";
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown .dropdown-menu .dropdown-submenu > a.dropdown-item:after {
content: "";
font-family: "Font Awesome 6 Free";
font-weight: 900;
line-height: 10px;
position: absolute;
top: 40%;
right: 10px;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown .dropdown-menu .dropdown-submenu ul {
display: none;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown .dropdown-menu .dropdown-submenu.show {
position: relative;
/* The dropdown submenu style is added for the header menu */
/* Height added to control the menu with scrollbard, border, border radius,
background color, padding and its position styles are added and display block
is added to show the submenu when the dropdown menu is clicked */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown .dropdown-menu .dropdown-submenu.show ul {
max-height: 250px;
list-style: none;
border: 1px solid #dee2e6;
border-radius: 0.5rem;
background-color: #fff;
padding: 0.5rem 0;
margin-left: 1px;
overflow-y: auto;
display: block;
position: absolute;
top: 0;
left: 100%;
/* The full width of the dropdown submenu link */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown .dropdown-menu .dropdown-submenu.show ul li {
width: 100%;
/* The height and padding is added for the header dropdown submenu links */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown .dropdown-menu .dropdown-submenu.show ul li a.nav-link {
width: 100%;
height: auto;
padding: 0.1rem 1.5rem;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.dropdown-description-above .dropdown-menu {
padding-top: 0;
/* When menu description is added in the top the menu description bottom border radius is removed */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.dropdown-description-above .dropdown-menu .menu-description {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.dropdown-description-below .dropdown-menu {
padding-bottom: 0;
/* When menu description is added in the bottom the menu description top border radius is removed */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.dropdown-description-below .dropdown-menu .menu-description {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown {
/* The header card dropdown menu width, padding, removed border radius and top margin, added
white background color and it's position styles, max-width as none to show the card dropdown to full width */
/* Menu description aligned center and margin top & bottom added in the Card drowpdown menu */
/* Card appearance - Card size */
/* Height of the Card size - Tiny */
/* Height of the Card size - Small */
/* Height of the Card size - Medium */
/* Height of the Card size - large */
/* Card Overflow behaviour - No Wrap */
/* Displayed the card menu as flex, nowrap and horizontal scroll bar to show the dropdown menu in a
single row */
/* Card size - "Large" with the "Text positions" */
/* Increased the height of the card block in the "Text Position" when the card size Large */
/* Card size - "Medium" with the "Text positions" */
/* Increased the height of the card block in the "Text Position" when the card size Medium */
/* Card size - "Small" with the "Text positions" */
/* Increased the height of the card block in the "Text Position" when the card size Small */
/* Card size - "Tiny" with the "Text positions" */
/* Increased the height of the card block in the "Text Position" when the card size Tiny */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu {
max-width: none;
width: 100%;
border-radius: 0;
background-color: #f0efef;
padding: 30px;
margin-top: 0;
position: absolute;
top: 100%;
left: 0;
/* The header card dropdown menu items styles */
/* Aligned the card dropdown to center */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block-wrapper {
text-align: center;
/* Margin added to the card block right & bottom and vertical align added to
align the card block center to each other */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block-wrapper .card-block {
margin-right: 15px;
margin-bottom: 15px;
display: inline-block;
vertical-align: top;
flex-direction: column;
/* The image parent div added for the card dropdown items */
/* The card dropdown items content block width, text aligned left padding, background color
and aligned center styles added */
/* The below style is added when the Menu link as "Heading" in "card layout" Menu
settings */
/* The "Text position" of the menu link is selected as "Top overlay"
or "Below overlay" in the "Card Appearance" settings */
/* The "Text position" of the menu link bottom
of the card block in the "Below overlay" option */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block-wrapper .card-block .img-block {
width: 100%;
height: 200px;
/* The image size added for the card dropdown items */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block-wrapper .card-block .img-block img {
width: 100%;
height: 100%;
object-fit: cover;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block-wrapper .card-block .img-block > a {
padding: 0;
display: initial;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block-wrapper .card-block .content-block {
width: 100%;
text-align: left;
padding: 10px;
background-color: rgba(0, 0, 0, 0.5);
display: flex;
align-items: center;
/* The margin added to the heading in the content block for the card dropdown items */
/* The line height added and "Go" button block aligned right side
in the content block for the card dropdown items */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block-wrapper .card-block .content-block h5 {
width: 100%;
margin-bottom: 0;
overflow: hidden;
/* The font style, color, paddign added to the link of the heading
in the content block for the card dropdown items. Background none is added when the
background is not given in the settings for the menu items */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block-wrapper .card-block .content-block h5 a {
font-size: 14px;
color: #fff;
font-weight: bold;
padding: 0;
background: none;
/* Background removed for the link of the heading on hover
in the content block for the card dropdown items */
/* The icon color is intended to correspond with the text color specified in the menu
item settings. However, the icon color in the card dropdown menu may be overridden by
the color defined in the theme style for the navigation, particularly when using the
"dark" and "bg primary" options in the header. To ensure the desired icon color is
maintained, the icon color is set to "inherit" with the use of "!important".
This ensures that the color specified in the text setting will be applied to the icon.
*/
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block-wrapper .card-block .content-block h5 a:hover, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block-wrapper .card-block .content-block h5 a:focus, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block-wrapper .card-block .content-block h5 a:active {
background: none;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block-wrapper .card-block .content-block h5 a i {
color: inherit !important;
/* stylelint-disable-line declaration-no-important */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block-wrapper .card-block .content-block .btn-block {
width: auto;
line-height: 10px;
text-align: right;
margin-left: 5px;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block-wrapper .card-block .content-block .btn-block a {
/* The color and padding added for the "Go" button in
the content block of the card dropdown items. Background none is added when the
background is not given in the settings for the menu items */
color: #fff;
padding: 0;
background: none;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block-wrapper .card-block .content-block .btn-block a:hover, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block-wrapper .card-block .content-block .btn-block a:focus, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block-wrapper .card-block .content-block .btn-block a:active {
/* Background removed for the link of the button on
hover in the content block for the card dropdown items */
background: none;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block-wrapper .card-block.menu-item-heading {
/* The Card menu as "Heading" option content block style */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block-wrapper .card-block.menu-item-heading .content-block {
/* The Card menu content heading menu link font-size and opacity added */
/* The Card Menu as "Heading" option content block "Go" button link is hidden */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block-wrapper .card-block.menu-item-heading .content-block h5 a {
font-size: 16px;
opacity: 0.6;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block-wrapper .card-block.menu-item-heading .content-block .btn-block {
display: none;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block-wrapper .card-block.card-text-overlay-top, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block-wrapper .card-block.card-text-overlay-bottom {
/* The position relative to the card dropdown */
position: relative;
/* The border, background, box-shadow, outline are removed for the card overlay link and
the width, height, position is added to redirect to course for the card top overlay &
card bottom overlay */
/* The width and position of the menu link at the top of the card block in the card
dropdown menu */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block-wrapper .card-block.card-text-overlay-top > a, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block-wrapper .card-block.card-text-overlay-bottom > a {
width: 100%;
height: 100%;
border: 0;
background: none;
box-shadow: none;
outline: none;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block-wrapper .card-block.card-text-overlay-top .content-block, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block-wrapper .card-block.card-text-overlay-bottom .content-block {
width: 100%;
height: 100%;
align-items: flex-start;
position: absolute;
top: 0;
left: 0;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block-wrapper .card-block.card-text-overlay-bottom .content-block {
align-items: flex-end;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.dropdown-description-above .dropdown-menu .menu-description, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.dropdown-description-below .dropdown-menu .menu-description {
text-align: center;
margin: 10px 0;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-tiny .dropdown-menu .card-block .img-block {
height: 50px;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-small .dropdown-menu .card-block .img-block {
height: 100px;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-medium .dropdown-menu .card-block .img-block {
height: 150px;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-large .dropdown-menu .card-block .img-block {
height: 200px;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-overflow-no-wrap.show .dropdown-menu {
overflow-x: auto;
display: flex;
flex-wrap: nowrap;
flex-direction: column;
/* Scrollbar */
/* Width and height of the scrollbar */
/* Background color for the scrollbar on hover */
/* Border, border radius and background color for the bar in the scrollbar */
/* Background for the scrollbar */
/* End of Scrollbar */
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-overflow-no-wrap.show .dropdown-menu ::-webkit-scrollbar {
width: 12px;
height: 10px;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-overflow-no-wrap.show .dropdown-menu ::-webkit-scrollbar-thumb:hover {
background-color: #495057;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-overflow-no-wrap.show .dropdown-menu ::-webkit-scrollbar-thumb {
background-color: #6a737b;
border-radius: 20px;
border: 2px solid #f8f9fa;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-overflow-no-wrap.show .dropdown-menu ::-webkit-scrollbar-track {
background: #f8f9fa;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-overflow-no-wrap.show .dropdown-menu .card-block-wrapper {
display: flex;
overflow-y: auto;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-large .dropdown-menu .card-block.card-text-overlay-top > a, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-large .dropdown-menu .card-block.card-text-overlay-top .img-block, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-large .dropdown-menu .card-block.card-text-overlay-top .content-block, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-large .dropdown-menu .card-block.card-text-overlay-bottom > a, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-large .dropdown-menu .card-block.card-text-overlay-bottom .img-block, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-large .dropdown-menu .card-block.card-text-overlay-bottom .content-block {
height: calc(200px + 39px);
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-medium .dropdown-menu .card-block.card-text-overlay-top > a, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-medium .dropdown-menu .card-block.card-text-overlay-top .img-block, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-medium .dropdown-menu .card-block.card-text-overlay-top .content-block, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-medium .dropdown-menu .card-block.card-text-overlay-bottom > a, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-medium .dropdown-menu .card-block.card-text-overlay-bottom .img-block, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-medium .dropdown-menu .card-block.card-text-overlay-bottom .content-block {
height: calc(150px + 39px);
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-small .dropdown-menu .card-block.card-text-overlay-top > a, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-small .dropdown-menu .card-block.card-text-overlay-top .img-block, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-small .dropdown-menu .card-block.card-text-overlay-top .content-block, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-small .dropdown-menu .card-block.card-text-overlay-bottom > a, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-small .dropdown-menu .card-block.card-text-overlay-bottom .img-block, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-small .dropdown-menu .card-block.card-text-overlay-bottom .content-block {
height: calc(100px + 39px);
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-tiny .dropdown-menu .card-block.card-text-overlay-top > a, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-tiny .dropdown-menu .card-block.card-text-overlay-top .img-block, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-tiny .dropdown-menu .card-block.card-text-overlay-top .content-block, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-tiny .dropdown-menu .card-block.card-text-overlay-bottom > a, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-tiny .dropdown-menu .card-block.card-text-overlay-bottom .img-block, .theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown.card-size-tiny .dropdown-menu .card-block.card-text-overlay-bottom .content-block {
height: calc(50px + 39px);
}
.theme-boost-union-smartmenu .navbar .boost-union-moremenu.dropdown-menu {
/* Minimum width for the dropdown submenu */
/* Added the arrow icon styles for the dropdown menus */
/* Added the arrow icon styles for the dropdown sub menu header */
}
.theme-boost-union-smartmenu .navbar .boost-union-moremenu.dropdown-menu .carousel .carousel-inner .carousel-item.submenu {
min-width: 235px;
}
.theme-boost-union-smartmenu .navbar .boost-union-moremenu.dropdown-menu .dropdown-item.carousel-navigation-link:after {
content: "";
font-family: "Font Awesome 6 Free";
font-weight: 900;
font-size: 1rem;
position: absolute;
right: 0.7rem;
}
.theme-boost-union-smartmenu .navbar .boost-union-moremenu.dropdown-menu .submenu .header {
font-size: 0.975rem;
display: flex;
align-items: center;
}
.theme-boost-union-smartmenu .navbar.fixed-bottom .boost-union-moremenu.dropdown-menu .carousel-navigation-link > * {
pointer-events: none;
}
.theme-boost-union-smartmenu .navbar.fixed-bottom .boost-union-moremenu.dropdown-menu .carousel-navigation-link > * img {
margin: 0;
}
.theme-boost-union-smartmenu .drawer-primary .drawercontent .list-group .list-group-item {
align-items: center;
/* The icon width, height and font size is changed to normal size when
the large size icon (class="iconsize-big") is used in the "i" tag in the bottom menu */
}
.theme-boost-union-smartmenu .drawer-primary .drawercontent .list-group .list-group-item i.icon {
width: auto;
height: auto;
font-size: 16px;
}
.theme-boost-union-smartmenu .theme-boost-union-smartmenu-carousel {
/* Drop down more menu carousel item header */
/* Make the carousel navigation link to full width and cursor as pointor */
}
.theme-boost-union-smartmenu .theme-boost-union-smartmenu-carousel .moremenu-carousel-item-header {
display: none;
}
.theme-boost-union-smartmenu .theme-boost-union-smartmenu-carousel .carousel-navigation-link > * {
pointer-events: none;
/* Drop down more menu carousel item header image */
}
.theme-boost-union-smartmenu .theme-boost-union-smartmenu-carousel .carousel-navigation-link > * img {
margin: 0;
}
.theme-boost-union-smartmenu .theme-boost-union-smartmenu-carousel .carousel-navigation-link {
width: 100%;
cursor: pointer;
/* Removed the underline on hovering the link */
}
.theme-boost-union-smartmenu .theme-boost-union-smartmenu-carousel .carousel-navigation-link:hover {
text-decoration: none;
}
.theme-boost-union-smartmenu .dropdownmoremenu {
/* Dropdown carousel more menu position */
}
.theme-boost-union-smartmenu .dropdownmoremenu .boost-union-moremenu-carousel {
position: absolute;
/* Dropdown carousel dropdown more menu position to static to
work on the carousel menu */
}
.theme-boost-union-smartmenu .dropdownmoremenu .boost-union-moremenu-carousel .dropdown-menu {
position: static;
}
.theme-boost-union-smartmenu .dropdownmoremenu .theme-boost-union-smartmenu-carousel {
/* Display dropdown carousel more menu header item*/
/* Added the arrow icon styles for the dropdown sub menu header */
}
.theme-boost-union-smartmenu .dropdownmoremenu .theme-boost-union-smartmenu-carousel .moremenu-carousel-item-header {
display: block;
/* Dropdown carousel more menu header title and arrow style*/
}
.theme-boost-union-smartmenu .dropdownmoremenu .theme-boost-union-smartmenu-carousel .moremenu-carousel-item-header .header {
font-size: 0.975rem;
padding: 0.25rem 0.75rem;
display: flex;
align-items: center;
}
.theme-boost-union-smartmenu .dropdownmoremenu .theme-boost-union-smartmenu-carousel .items {
/* Added the arrow icon styles for the carousel dropdown menus */
}
.theme-boost-union-smartmenu .dropdownmoremenu .theme-boost-union-smartmenu-carousel .items .dropdown-item.carousel-navigation-link:after {
content: "";
font-family: "Font Awesome 6 Free";
font-weight: 900;
font-size: 1rem;
position: absolute;
right: 0.7rem;
}
.theme-boost-union-smartmenu .dropdownmoremenu .theme-boost-union-smartmenu-carousel .submenu {
padding-top: 10px;
}
.theme-boost-union-smartmenu .dropdownmoremenu .theme-boost-union-smartmenu-carousel .submenu .header {
font-size: 0.975rem;
padding: 0 0.75rem;
display: flex;
align-items: center;
}
.theme-boost-union-smartmenu .theme-boost-union-moremenu-carousel .dropdown-menu.hide-on-show {
display: none;
}
.theme-boost-union-smartmenu .carousel .carousel-inner .carousel-item {
transition: transform 0.3s ease-in-out;
}
/* The nav drawer position to the top in the responsive alignment */
@media (max-width: 991.98px) {
.navbar.fixed-top.boost-union-menubar ~ .drawer {
top: 100px;
/* The position has been adjusted to prevent the message drawer from being hidden behind the primary header. */
}
.navbar.fixed-top.boost-union-menubar ~ .drawer.drawer-right {
top: 0;
}
}
/* The nav drawer position to the top in the responsive alignment */
@media (min-width: 768px) {
.navbar.fixed-top.boost-union-menubar ~ #page.drawers .drawer-toggles .drawer-toggler {
top: 110px;
}
}
@media (max-width: 767.98px) {
/* The card menu of the drodown item margin right is removed when the card dropdown menu is inside the "More" menu */
.navbar.fixed-top {
/* The header z-index is increased to show at top when the footer bottom menu is added */
/* The Header menubar z-index is increased to show at top in responsive */
/* When the menu in the footer bottom is clicked, its navigation drawer
position appears below the header when the header menubar is disabled. */
/* When the menu in the left adn right drawer toggle button is clicked, its navigation drawer
position appears below the header when the header menubar is disabled. */
/*~ #page.drawers {
The position of the drawer button to toggle has been adjusted slightly
below on the course view page to accommodate the top header.
.drawer-toggles .drawer-left-toggle,
.drawer-toggles .drawer-right-toggle {
top: calc(60px + 0.7rem);
}
}*/
}
.navbar.fixed-top.smartmenu-bottom-navigation {
z-index: 1050;
}
.navbar.fixed-top.boost-union-menubar {
/* When the menu in the footer bottom is clicked, its navigation drawer
position appears below the header. */
}
.navbar.fixed-top.boost-union-menubar.smartmenu-bottom-navigation {
z-index: 1051;
}
.navbar.fixed-top.boost-union-menubar ~ .drawer.drawer-right {
z-index: 1052;
}
.navbar.fixed-top.boost-union-menubar ~ .drawer-bottom.drawer {
top: 101px;
}
.navbar.fixed-top ~ .drawer-bottom.drawer {
top: 61px;
/* The nav drawer header(close button) is hidden is responsive */
/* The nav drawer content font size, weight and padding is added*/
}
.navbar.fixed-top ~ .drawer-bottom.drawer .drawerheader {
display: none;
}
.navbar.fixed-top ~ .drawer-bottom.drawer .drawercontent .menu-title {
font-size: 18px;
font-weight: bold;
padding: 15px;
}
.navbar.fixed-top ~ #theme_boost-drawers-primary, .navbar.fixed-top ~ #theme_boost-drawers-courseindex, .navbar.fixed-top ~ .drawer.drawer-left, .navbar.fixed-top ~ .drawer.drawer-right {
max-width: 315px;
padding-bottom: 0;
top: 0;
}
.theme-boost-union-smartmenu .navbar .moremenu .dropdown.card-dropdown .dropdown-menu .card-block-wrapper .card-block {
margin-right: 0;
}
}
/*---------------------------------------
* Footer menu
--------------------------------------*/
/* Boost union footer bottom menu style when the smart menu is enabled */
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar {
/* Footer bottom menu */
/* Padding space removed around the bottom menu block, box-shadow and z-index
to view the bottom menu at the top added*/
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu {
padding: 0;
box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3);
z-index: 1050;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav {
/* Spread the menu items over the whole screen. */
justify-content: space-around;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav > li {
/* The footer bottom dropdown menu icon and text are displayed in separate rows. */
/* The footer bottom menu item border bottom is removed when it's not active. */
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav > li.dropdown > a {
flex-direction: column;
/* The footer bottom dropdown menu icon margin is removed. */
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav > li.dropdown > a i {
margin: 0 0 3px;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav > li > a.dropdown-toggle {
padding-right: 25px;
/* The footer bottom icon changes to an upward-facing angle
when the bottom dropdown menu is visible outside the More menu. */
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav > li > a.dropdown-toggle:not(.active):after {
content: "";
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav > li > a:not(.active) {
border-bottom: 0;
flex-wrap: wrap;
flex-direction: column;
justify-content: center;
position: relative;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav > li > a:not(.active) i {
margin: 0;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav > li > a:not(.active):after {
margin-left: 5px;
position: absolute;
right: 5px;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li {
/* Footer bottom menu card-dropdown */
/* The card dropdown Position is changed to static, so the dropdown menu will be in
fullscreen */
/* The position of the footer dropdown menu should not extend beyond the visible area of
the screen */
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li:first-child.dropdown .dropdown-menu .dropdown-submenu ul, .theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li:nth-child(2).dropdown .dropdown-menu .dropdown-submenu ul, .theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li:nth-child(3).dropdown .dropdown-menu .dropdown-submenu ul {
left: 100%;
right: auto;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.dropdown {
/* Footer bottom dropdown menu width, height and removed margin, position to stay the
dropup menu */
/* Footer bottom dropdown style when the menus are in the "More" option in the responsive
alignment */
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.dropdown .dropdown-menu {
width: auto;
margin-top: 0;
margin-bottom: 0;
top: auto;
bottom: 100%;
left: auto;
right: 0;
/* The footer bottom dropdown submenu min-width, max-height, overflow and position
to show the menus above the footer */
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.dropdown .dropdown-menu .dropdown-submenu ul {
min-width: 150px;
max-height: calc(100vh - 300px);
overflow: auto;
left: auto;
right: 100%;
bottom: 0;
top: auto;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.dropdown.dropdownmoremenu {
display: flex;
align-items: center;
/* The footer bottom dropdown menu icon and text are displayed in separate rows. */
/* Footer bottom dropdown toggle button height, font-size, color, align center,
removed border radius, padding and added margin left & right style */
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.dropdown.dropdownmoremenu > a.dropdown-toggle {
flex-direction: column;
/* Added ellipsis fontawesome icon, and diplay block to for the dropdown more
menu when the smart menus are not added in the Footer menu */
/* The arrow icon after the More menu link text is hidden when the smart menus are
not added */
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.dropdown.dropdownmoremenu > a.dropdown-toggle:before {
content: "";
font-family: "Font Awesome 6 Free";
font-weight: 900;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.dropdown.dropdownmoremenu > a.dropdown-toggle:after {
display: none;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.dropdown.dropdownmoremenu button.navbar-toggler {
height: 100%;
font-size: calc(0.90375rem + 0.045vw);
color: #0f6cbf;
text-align: center;
border-radius: 0;
padding-top: 0;
padding-bottom: 0;
margin: 0 10px;
/* Footer bottom dropdown toggle button baclground added on hover */
/* More menu toggle button icon margin remove in the mobile view */
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.dropdown.dropdownmoremenu button.navbar-toggler:hover {
font-size: calc(0.90375rem + 0.045vw);
background: #f8f9fa;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.dropdown.dropdownmoremenu button.navbar-toggler i {
margin: -5px auto 5px;
display: block;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.card-dropdown {
position: static;
/* Card appearance - Card form style */
/* Card form style - Square */
/* Card form style - Portrait */
/* Card form style - Landscape */
/* Card form style - Fullwidth */
/* Full Width is added when the Card size "Tiny,Small,Medium and Large"
with card form "Full width" */
/* The card dropdown menu width is 100%, so the dropdown menu will not overflow the
screen */
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.card-dropdown.card-form-square {
/* Minimun and maximum width is added when the Card size "Tiny" with card form
"Square" */
/* Minimun and maximum width is added when the Card size "Small" with card form
"Square" */
/* Minimun and maximum width is added when the Card size "Medium" with card form
"Square" */
/* Minimun and maximum width is added when the Card size "Large" with card form
"Square" */
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.card-dropdown.card-form-square.card-size-tiny .dropdown-menu .card-block {
min-width: 90px;
max-width: 90px;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.card-dropdown.card-form-square.card-size-small .dropdown-menu .card-block {
min-width: 140px;
max-width: 140px;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.card-dropdown.card-form-square.card-size-medium .dropdown-menu .card-block {
min-width: 190px;
max-width: 190px;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.card-dropdown.card-form-square.card-size-large .dropdown-menu .card-block {
min-width: 240px;
max-width: 240px;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.card-dropdown.card-form-portrait {
/* Minimun and maximum width is added when the Card size "Tiny" with card form
"portrait" */
/* Minimun and maximum width is added when the Card size "Small" with card form
"portrait" */
/* Minimun and maximum width is added when the Card size "Medium" with card form
"portrait" */
/* Minimun and maximum width is added when the Card size "Large" with card form
"portrait" */
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.card-dropdown.card-form-portrait.card-size-tiny .dropdown-menu .card-block {
min-width: 60px;
max-width: 60px;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.card-dropdown.card-form-portrait.card-size-small .dropdown-menu .card-block {
min-width: 94px;
max-width: 94px;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.card-dropdown.card-form-portrait.card-size-medium .dropdown-menu .card-block {
min-width: 127px;
max-width: 127px;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.card-dropdown.card-form-portrait.card-size-large .dropdown-menu .card-block {
min-width: 160px;
max-width: 160px;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.card-dropdown.card-form-landscape {
/* Minimun and maximum width is added when the Card size "Tiny" with card form
"Landscape" */
/* Minimun and maximum width is added when the Card size "Small" with card form
"Landscape" */
/* Minimun and maximum width is added when the Card size "Medium" with card form
"Landscape" */
/* Minimun and maximum width is added when the Card size "Large" with card form
"Landscape" */
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.card-dropdown.card-form-landscape.card-size-tiny .dropdown-menu .card-block {
min-width: 135px;
max-width: 135px;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.card-dropdown.card-form-landscape.card-size-small .dropdown-menu .card-block {
min-width: 210px;
max-width: 210px;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.card-dropdown.card-form-landscape.card-size-medium .dropdown-menu .card-block {
min-width: 285px;
max-width: 285px;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.card-dropdown.card-form-landscape.card-size-large .dropdown-menu .card-block {
min-width: 360px;
max-width: 360px;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.card-dropdown.card-form-fullwidth {
/* Card size "large" has margin right none because the size of the card is full
width of the screen */
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.card-dropdown.card-form-fullwidth.card-size-tiny .dropdown-menu .card-block, .theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.card-dropdown.card-form-fullwidth.card-size-small .dropdown-menu .card-block, .theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.card-dropdown.card-form-fullwidth.card-size-medium .dropdown-menu .card-block, .theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.card-dropdown.card-form-fullwidth.card-size-large .dropdown-menu .card-block {
min-width: 100%;
width: 100%;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.card-dropdown.card-form-fullwidth.card-overflow-wrap.card-size-large .dropdown-menu .card-block {
margin-right: 0;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li.card-dropdown .dropdown-menu {
width: 100%;
max-height: calc(100vh - 300px);
overflow-y: auto;
}
.theme-boost-union-smartmenu #page-wrapper #page #page-footer .navbar.boost-union-bottom-menu .bottom-navigation .more-nav li:first-child.dropdown .dropdown-menu {
left: 0;
right: auto;
}
/* End of Footer Menu */
/* On small screens (where the bottom bar could be visible). */
@media (max-width: 575.98px) {
/* If the bottom bar is shown. */
body.theme-boost-union-bottombar {
/* The Boost Union footer buttons have to be moved more upwards. */
/* If the footer button is shown. */
}
body.theme-boost-union-bottombar #boost-union-footer-buttons {
bottom: calc(60px + 1rem);
}
body.theme-boost-union-bottombar.theme_boost-union-footerbuttonall.jsenabled, body.theme-boost-union-bottombar.theme_boost-union-footerbuttonmobile.jsenabled {
/* The footer button has to be moved more upwards. */
/* And the Boost Union footer buttons have to be moved even more upwards. */
}
body.theme-boost-union-bottombar.theme_boost-union-footerbuttonall.jsenabled .btn-footer-popover, body.theme-boost-union-bottombar.theme_boost-union-footerbuttonmobile.jsenabled .btn-footer-popover {
bottom: calc(60px + 1rem);
}
body.theme-boost-union-bottombar.theme_boost-union-footerbuttonall.jsenabled #boost-union-footer-buttons, body.theme-boost-union-bottombar.theme_boost-union-footerbuttonmobile.jsenabled #boost-union-footer-buttons {
bottom: calc(60px + 4rem);
}
}
/* On screens between xs and sm (where the bottom bar _and_ the communication button could be visible). */
@media (min-width: 576px) and (max-width: 767.98px) {
/* If the bottom bar is shown. */
/* If the bottom bar is shown and if the communications button is shown. */
body.theme-boost-union-bottombar {
/* The Boost Union footer buttons have to be moved more upwards. */
/* If the footer button is shown. */
}
body.theme-boost-union-bottombar #boost-union-footer-buttons {
bottom: calc(60px + 1rem);
}
body.theme-boost-union-bottombar.theme_boost-union-footerbuttonall.jsenabled, body.theme-boost-union-bottombar.theme_boost-union-footerbuttondesktop.jsenabled {
/* The footer button has to be moved more upwards. */
/* And the Boost Union footer buttons have to be moved even more upwards. */
}
body.theme-boost-union-bottombar.theme_boost-union-footerbuttonall.jsenabled .btn-footer-popover, body.theme-boost-union-bottombar.theme_boost-union-footerbuttondesktop.jsenabled .btn-footer-popover {
bottom: calc(60px + 1rem);
}
body.theme-boost-union-bottombar.theme_boost-union-footerbuttonall.jsenabled #boost-union-footer-buttons, body.theme-boost-union-bottombar.theme_boost-union-footerbuttondesktop.jsenabled #boost-union-footer-buttons {
bottom: calc(60px + 4rem);
}
body.theme-boost-union-bottombar.theme-boost-union-commincourse {
/* The communication button has to be moved more upwards. */
/* The Boost Union footer buttons have to be moved even more upwards.
This has to use !important as the selector above would be more specific otherwise. */
/* If the footer button is shown. */
}
body.theme-boost-union-bottombar.theme-boost-union-commincourse .btn-footer-communication {
bottom: calc(60px + 1rem);
}
body.theme-boost-union-bottombar.theme-boost-union-commincourse #boost-union-footer-buttons {
bottom: calc(60px + 4rem) !important;
/* stylelint-disable-line declaration-no-important */
}
body.theme-boost-union-bottombar.theme-boost-union-commincourse.theme_boost-union-footerbuttonall.jsenabled, body.theme-boost-union-bottombar.theme-boost-union-commincourse.theme_boost-union-footerbuttondesktop.jsenabled {
/* The footer button has to be moved more upwards. */
/* The communication button has to be moved even more upwards. */
/* And the Boost Union footer buttons have to be moved even more upwards.
This has to use !important as the selector above would be more specific otherwise. */
}
body.theme-boost-union-bottombar.theme-boost-union-commincourse.theme_boost-union-footerbuttonall.jsenabled .btn-footer-popover, body.theme-boost-union-bottombar.theme-boost-union-commincourse.theme_boost-union-footerbuttondesktop.jsenabled .btn-footer-popover {
bottom: calc(60px + 1rem);
}
body.theme-boost-union-bottombar.theme-boost-union-commincourse.theme_boost-union-footerbuttonall.jsenabled .btn-footer-communication, body.theme-boost-union-bottombar.theme-boost-union-commincourse.theme_boost-union-footerbuttondesktop.jsenabled .btn-footer-communication {
bottom: calc(60px + 4rem);
}
body.theme-boost-union-bottombar.theme-boost-union-commincourse.theme_boost-union-footerbuttonall.jsenabled #boost-union-footer-buttons, body.theme-boost-union-bottombar.theme-boost-union-commincourse.theme_boost-union-footerbuttondesktop.jsenabled #boost-union-footer-buttons {
bottom: calc(60px + 7rem) !important;
/* stylelint-disable-line declaration-no-important */
}
}
@media (max-width: 767.98px) {
/* The padding for the footer to visible the footer bottom menu because it is in the position style */
/* Boost union footer bottom menu style when the smart menu is enabled */
/* The nav drawer width is extend to full screen in the mobile view when the boost union smart menu is enabled */
/* Drawer content list group when the boost union smart menu is enabled */
body.theme-boost-union-bottombar #page-wrapper #page {
padding-bottom: 75px;
}
body.theme-boost-union-smartmenu .drawer.show {
max-width: none;
width: 100%;
}
body.theme-boost-union-smartmenu .drawer-primary .drawercontent .list-group .list-group-item {
/* The padding left is added to the nav drawer menu dropdown menu in the mobile view */
/* The margin left is added to the dropdown submenu icon for the nav drawer menu in the mobile view */
}
body.theme-boost-union-smartmenu .drawer-primary .drawercontent .list-group .list-group-item .list-group-item-action {
padding-left: 32px;
align-items: baseline;
}
body.theme-boost-union-smartmenu .drawer-primary .drawercontent .list-group .list-group-item .list-group-item .list-group-item-action i {
margin-left: 25px;
}
}
/*=======================================
* General styling
======================================*/
/*---------------------------------------
* Form element: Fontawesome picker
--------------------------------------*/
.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. */
/* Width, height, font size added and margin removed for the Font icon. */
}
.fontawesome-picker .popover-body .fontawesome-icon-suggestions li:hover, .fontawesome-picker .popover-body .fontawesome-icon-suggestions li.selected {
background-color: #f4f4f4;
}
.fontawesome-picker .popover-body .fontawesome-icon-suggestions li .icon {
width: 14px;
height: 14px;
font-size: 16px;
margin: 0;
}
/*---------------------------------------
* Form element: Color picker
--------------------------------------*/
/* Display the color picker box and the text field as column. */
.theme_boost_union-form-colour-picker .felement {
flex-direction: column;
}
/*---------------------------------------
* Settings: Setting pages with item lists
--------------------------------------*/
img.theme_boost_union-sortorderspacer {
width: 1.25em;
}
/*=======================================
* Goodies for designers
======================================*/
/*---------------------------------------
* Mark external and mailto links (manually)
--------------------------------------*/
/* Prepare mixin for external links to allow these styles to be use here as goody and in the
theme_boost_union_get_scss_to_mark_external_links() function as well. */
/* Prepare mixin for mailto links to allow these styles to be use here as goody and in the
theme_boost_union_get_scss_to_mark_mailto_links() function as well. */
/* Provide the styles within a class which can be added to links. */
body.dir-ltr a.externallink::after {
font-family: "Font Awesome 6 Free";
content: "" !important;
/* stylelint-disable-line declaration-no-important */
font-weight: 900;
padding-left: 0.25rem;
}
body.dir-ltr a.mailtolink::before {
font-family: "Font Awesome 6 Free";
content: "" !important;
/* stylelint-disable-line declaration-no-important */
font-weight: 400;
padding-right: 0.25rem;
}
body.dir-rtl a.externallink::before {
font-family: "Font Awesome 6 Free";
content: "" !important;
/* stylelint-disable-line declaration-no-important */
font-weight: 900;
padding-right: 0.25rem;
}
body.dir-rtl a.mailtolink::after {
font-family: "Font Awesome 6 Free";
content: "" !important;
/* stylelint-disable-line declaration-no-important */
font-weight: 400;
padding-left: 0.25rem;
}
/*=======================================
* Supporting third-party plugins
======================================*/
/*---------------------------------------
* Learning Tools
--------------------------------------*/
/* On smaller screens. */
@media (max-width: 767.98px) {
/* Move the learning tools floating button up as soon as the bottom menu is shown. */
body.theme-boost-union-bottombar .learningtools-action-info .floating-button {
bottom: 4rem;
}
}
/*---------------------------------------
* Dash Pro
--------------------------------------*/
/* Style Dash Pro dashboards. */
.path-local-dash-dashboard #page.drawers {
/* Use flex if one of the block regions next to the main content is used. */
/* Remove the margin of a Dash block when used in the outside top region in hero width mode. */
/* The page header makes alignment nearly impossible,
so let's hide it when block regions next to main content are used. */
/* Remove the spacing which was there for the header which we have hidden in the previous rule. */
/* 25-50-25 layout. */
/* 33-67 or 67-33 layout. */
/* On not-so-large screens. */
}
.path-local-dash-dashboard #page.drawers .main-inner-outside-nextmaincontent {
display: flex;
}
.path-local-dash-dashboard #page.drawers #theme-block-region-outside-top.theme-block-region-outside-herowidth .block_dash, .path-local-dash-dashboard #page.drawers #theme-block-region-outside-bottom.theme-block-region-outside-herowidth .block_dash, .path-local-dash-dashboard #page.drawers #theme-block-region-footer.theme-block-region-footer-herowidth .block_dash {
margin: 0;
}
.path-local-dash-dashboard #page.drawers .main-inner-outside-nextmaincontent #page-header {
display: none;
}
.path-local-dash-dashboard #page.drawers .main-inner-outside-nextmaincontent .main-inner {
margin: 0;
padding: 0;
}
.path-local-dash-dashboard #page.drawers .main-inner-outside-left-right > .main-inner {
width: 50%;
max-width: 50%;
}
.path-local-dash-dashboard #page.drawers .main-inner-outside-left-right > section {
width: 25%;
max-width: 25%;
margin-top: calc(0.5rem + 1px);
}
.path-local-dash-dashboard #page.drawers .main-inner-outside-right > .main-inner, .path-local-dash-dashboard #page.drawers .main-inner-outside-left > .main-inner {
width: 67%;
max-width: 67%;
}
.path-local-dash-dashboard #page.drawers .main-inner-outside-left > section, .path-local-dash-dashboard #page.drawers .main-inner-outside-right > section {
width: 33%;
max-width: 33%;
margin-top: calc(0.5rem + 1px);
}
@media (max-width: 1199.98px) {
.path-local-dash-dashboard #page.drawers {
/* This means less than 300px per outside block region. */
/* Stack content vertically. */
/* Main content first, outside block regions later. */
}
.path-local-dash-dashboard #page.drawers .main-inner-outside-nextmaincontent {
display: flex;
flex-direction: column;
}
.path-local-dash-dashboard #page.drawers .main-inner-outside-nextmaincontent > .main-inner {
order: -2;
}
.path-local-dash-dashboard #page.drawers .main-inner-outside-nextmaincontent > section, .path-local-dash-dashboard #page.drawers .main-inner-outside-nextmaincontent > .main-inner {
width: 100%;
max-width: 100%;
}
}
#page {
/** Extra SCSS from theme_boost_get_extra_scss **/
/* Corpo da Página */
background-color: #eee;
}
/* Conceito do Curso */
/** Altera comportamento da div de notas/conceitos quando a largura ultrapassa a página **/
.gradeparent {
overflow-y: scroll;
}
/* Bloco "Resumo dos Cursos" */
/* Acaba com o redimensionamento dos cards. Agora o padrão para as imagens é 280px por 200px. Os cards permanecem responsivos ao ajustar a quantidade por linha. */
#region-main.has-blocks .block_myoverview .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
width: 20rem;
}
body.drawer-open-left .block_myoverview .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
width: 20rem;
}
.block_myoverview .dashboard-card-deck .dashboard-card {
width: 20rem;
margin-left: auto;
margin-right: auto;
}
.dashboard-card-deck .dashboard-card .dashboard-card-img {
height: 11.25rem;
}
/* Reduz um pouco o tamanho dos botões de filtro de cursos */
.block_myoverview .btn-outline-secondary {
padding: 0.55rem 1rem;
font-size: 0.8rem;
}
/* Sobra e feitos para os cards do bloco Resumo dos Cursos */
.block_myoverview .card.dashboard-card:hover {
border-color: #fff;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07), 0 2px 7px 0 rgba(0, 0, 0, 0.01), 0 12px 34px 0 rgba(0, 0, 0, 0.07), 0 22px 74px 0 rgba(0, 0, 0, 0.13);
transition: all 350ms ease;
}
.block_myoverview .card.dashboard-card {
transition: all 350ms ease;
border: 1px solid #e9ecef;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.07);
}
.block_myoverview span.multiline {
white-space: normal;
/*color: darken( $body-color, 30% );*/
}
.block-myoverview [data-region="filter"] {
margin-bottom: 20px;
}
.progress {
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
margin-bottom: 1rem;
}
[data-display="card"] .dashboard-card-deck .dashboard-card .dashboard-card-img {
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}
[data-display="card"] .block .block-cards span.categoryname {
font-size: 0.85rem;
}
[data-display="card"] [data-region="is-favourite"] .fa-star {
position: absolute;
top: 1rem;
padding: 5px;
width: 16px;
background-color: rgba(0, 0, 0, 0.6);
border-radius: 100%;
color: #f4e45f;
text-align: center;
line-height: 1rem;
font-size: 0.75rem;
}
.progress-bar.bar, .progress-bar.progress-bar-info {
background: #5ABE7F;
border-radius: 5px;
}
[data-action="add-favourite"]::before {
font-family: FontAwesome;
content: "";
font-size: 0.75rem;
margin-right: 5px;
}
[data-action="remove-favourite"]::before {
font-family: FontAwesome;
content: "";
font-size: 0.75rem;
margin-right: 5px;
}
[data-action="show-course"]::before {
font-family: FontAwesome;
content: "";
font-size: 0.75rem;
margin-right: 5px;
}
[data-action="hide-course"]::before {
font-family: FontAwesome;
content: "";
font-size: 0.75rem;
margin-right: 5px;
}
/* Visão em lista */
.list-group-item {
border: 1px solid #e9ecef;
}
.block .block-cards a.coursename {
font-weight: 500;
}
.block .block-cards .course-info-container, .block .block-cards .course-listitem, .block .block-cards .course-summaryitem {
padding: 1.25rem !important;
}
#paged-content-container-0 .col-md-2 .d-flex .align-items-center .mb-sm-3 .mb-md-0 {
padding-right: 0px !important;
padding-left: 0px !important;
}
/* mantem tamanho 'fixo' da imagem */
.card-img.dashboard-list-img.mw-100 {
width: 7rem;
height: 3.9375rem;
}
/* Visão em Resumo */
.block .block-cards .course-summaryitem .summaryimage {
width: 5rem;
height: 2.81rem;
margin-right: 1.25rem !important;
}
.course-summaryitem .ml-auto.mt-auto.w-50.p-t-1, .course-summaryitem .mt-auto.w-50.p-t-1.ms-auto {
width: 100% !important;
}
.block .block-cards .course-summaryitem {
background: #fff;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.07);
border: 1px solid #e9ecef;
border-radius: 5px;
margin-bottom: 1.5rem !important;
}
/* Bloco Timeline (Linha do tempo) */
.block-timeline .icon-size-4.d-flex.align-self-top {
margin-right: 10px;
}
.block-timeline .btn-outline-secondary {
padding: 0.55rem 1rem;
font-size: 0.8rem;
}
/* Bloco últimos avisos */
.block_news_items .newlink {
visibility: hidden;
}
.block_news_items .newlink a {
visibility: initial;
width: 100%;
text-align: center;
}
.block_news_items .footer {
visibility: hidden;
margin-top: 20px;
}
.block_news_items .footer a {
visibility: initial;
width: 100%;
text-align: center;
}
/* Bloco Administração: Ajuste na caixa de pesquisa.*/
#adminsearchquery {
height: calc(1.5em + .75rem + 10px);
margin-right: 5px;
}
/* Bloco Cursos: Adiciona espaçamento no botão de todos os cursos */
.block_course_list .footer {
margin-top: 25px;
visibility: hidden;
}
.block_course_list .footer a {
visibility: initial;
width: 100%;
text-align: center;
}
/* Blocos Mensagem ao Professor e People. */
.block_messageteacher li {
list-style: none;
}
.block_messageteacher .userpicture {
width: 45px;
height: 45px;
border-radius: 5px;
}
.block_messageteacher ul {
padding-left: 0px;
}
.block_messageteacher .messageteacher_link span:after {
font: normal normal normal 15px/1 FontAwesome;
content: "\a";
padding-left: 5px;
color: #157aff;
white-space: pre;
}
.block_messageteacher .messageteacher_link span {
color: #000;
position: absolute;
}
.block_people .content .teachers .userpicture {
border-radius: 5px;
}
/* FIM – Ajustes visuais para os Blocos */
/* Ajusta margem para a logo do Moodle no rodapé da página inicial.*/
#page-footer .sitelink {
margin-bottom: 20px;
}
/* Página inicial - visitante */
/** Seção de Suporte Técnico **/
#module-352524 div div div div div div table {
word-break: normal !important;
margin-right: auto;
margin-left: auto;
}
/* footnote - rodapé */
#footnote .row {
justify-content: center;
}
#footnote {
margin-left: -3rem !important;
margin-right: -3rem !important;
background-color: #343a40 !important;
}
.custom-control-input:not(:checked) ~ .custom-control-label::before {
background-color: grey;
}
.custom-control-input:checked ~ .custom-control-label::before {
background-color: #24893d !important;
}
.custom-switch .custom-control-label::after {
background-color: white;
}
.custom-switch .custom-control-label::before {
border-color: white;
}
.custom-control-input:checked ~ .custom-control-label::before {
border-color: white !important;
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
background-color: white !important;
}
body.pagelayout-login #page {
background-image: url(//ifpr.kaptiva.com.br/pluginfile.php/1/theme_boost_union/loginbackgroundimage/1752245628/fundo_login_lapis.jpg);
background-size: cover;
}
/** Extra SCSS from theme_boost_union_get_extra_scss **/
body.pagelayout-login #page {
background-image: none !important;
background-color: transparent !important;
}
body.pagelayout-login {
background-size: cover;
}
body.pagelayout-login.loginbackgroundimage1 {
background-image: url(https://ifpr.kaptiva.com.br/pluginfile.php/1/theme_boost_union/loginbackgroundimage/0/fundo_login_lapis.jpg)}body.pagelayout-login{background-position:left top}body{background-position:left top;background-repeat:no-repeat;background-attachment:fixed}.activity.modtype_lesson .activityiconcontainer.courseicon img,.modchoosercontainer .modicon_lesson.activityiconcontainer img,#page-header .modicon_lesson.activityiconcontainer img{filter:var(--activitycontent)!important}.activity.modtype_lti .activityiconcontainer.courseicon img,.modchoosercontainer .modicon_lti.activityiconcontainer img,#page-header .modicon_lti.activityiconcontainer img{filter:var(--activitycontent)!important}.activity.modtype_scorm .activityiconcontainer.courseicon img,.modchoosercontainer .modicon_scorm.activityiconcontainer img,#page-header .modicon_scorm.activityiconcontainer img{filter:var(--activitycontent)!important}.activity.modtype_questionnaire .activityiconcontainer.courseicon img,.modchoosercontainer .modicon_questionnaire.activityiconcontainer img,#page-header .modicon_questionnaire.activityiconcontainer img{filter:none!important}.activity.modtype_attendance .activityiconcontainer.courseicon img,.modchoosercontainer .modicon_attendance.activityiconcontainer img,#page-header .modicon_attendance.activityiconcontainer img{filter:none!important}.activity.modtype_studentquiz .activityiconcontainer.courseicon img,.modchoosercontainer .modicon_studentquiz.activityiconcontainer img,#page-header .modicon_studentquiz.activityiconcontainer img{filter:none!important}.activity.modtype_choicegroup .activityiconcontainer.courseicon img,.modchoosercontainer .modicon_choicegroup.activityiconcontainer img,#page-header .modicon_choicegroup.activityiconcontainer img{filter:none!important}.activity.modtype_offlinequiz .activityiconcontainer.courseicon img,.modchoosercontainer .modicon_offlinequiz.activityiconcontainer img,#page-header .modicon_offlinequiz.activityiconcontainer img{filter:none!important}.activity.modtype_jitsi .activityiconcontainer.courseicon img,.modchoosercontainer .modicon_jitsi.activityiconcontainer img,#page-header .modicon_jitsi.activityiconcontainer img{filter:none!important}.activity.modtype_organizer .activityiconcontainer.courseicon img,.modchoosercontainer .modicon_organizer.activityiconcontainer img,#page-header .modicon_organizer.activityiconcontainer img{filter:none!important}.activity.modtype_pdfannotator .activityiconcontainer.courseicon img,.modchoosercontainer .modicon_pdfannotator.activityiconcontainer img,#page-header .modicon_pdfannotator.activityiconcontainer img{filter:none!important}.activity.modtype_subcourse .activityiconcontainer.courseicon img,.modchoosercontainer .modicon_subcourse.activityiconcontainer img,#page-header .modicon_subcourse.activityiconcontainer img{filter:none!important}.activity.modtype_geogebra .activityiconcontainer.courseicon img,.modchoosercontainer .modicon_geogebra.activityiconcontainer img,#page-header .modicon_geogebra.activityiconcontainer img{filter:none!important}.activity.modtype_h5pactivity .activityiconcontainer.courseicon img,.modchoosercontainer .modicon_h5pactivity.activityiconcontainer img,#page-header .modicon_h5pactivity.activityiconcontainer img{filter:var(--activitycontent)!important}.activity.modtype_diary .activityiconcontainer.courseicon img,.modchoosercontainer .modicon_diary.activityiconcontainer img,#page-header .modicon_diary.activityiconcontainer img{filter:none!important}.activity.modtype_journal .activityiconcontainer.courseicon img,.modchoosercontainer .modicon_journal.activityiconcontainer img,#page-header .modicon_journal.activityiconcontainer img{filter:none!important}.activity.modtype_board .activityiconcontainer.courseicon img,.modchoosercontainer .modicon_board.activityiconcontainer img,#page-header .modicon_board.activityiconcontainer img{filter:none!important}#theme_boost_union-loginorder .theme_boost_union-loginmethod:first-of-type .login-divider{display:none}