- 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;
}
/** 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/space/quiz/1752943723/navflagged) no-repeat top right;
}
.path-mod-quiz .qnbutton.blocked,
.path-mod-quiz .qnbutton.notyetanswered,
.path-mod-quiz .qnbutton.requiresgrading,
.path-mod-quiz .qnbutton.invalidanswer {
background-color: white;
}
.path-mod-quiz .qnbutton.correct {
background-color: #cfc;
}
.path-mod-quiz .qnbutton.correct .trafficlight {
border-bottom: 3px solid #080;
}
.path-mod-quiz .qnbutton.partiallycorrect {
background-color: #ffa;
}
.path-mod-quiz .qnbutton.notanswered,
.path-mod-quiz .qnbutton.incorrect {
background-color: #fcc;
}
.path-mod-quiz .qnbutton.blocked {
color: #999;
}
.path-mod-quiz .qnbutton.notanswered .trafficlight,
.path-mod-quiz .qnbutton.incorrect .trafficlight {
border-top: 3px solid #800;
}
.path-mod-quiz .othernav {
clear: both;
margin: 0.5em 0;
}
.path-mod-quiz .othernav a,
.path-mod-quiz .othernav input {
display: block;
margin: 0.5em 0;
}
#mod_quiz_navblock.nav-disabled > * {
opacity: .65;
pointer-events: none;
cursor: not-allowed;
}
/** mod quiz mod **/
#page-mod-quiz-mod #id_reviewoptionshdr .fitem {
width: 23%;
margin-left: 10px;
}
#page-mod-quiz-mod #id_reviewoptionshdr fieldset.fgroup {
width: 100%;
text-align: left;
margin-left: 0;
}
#page-mod-quiz-mod #id_reviewoptionshdr .fitem {
float: left;
width: 23%;
clear: none;
}
#page-mod-quiz-mod #id_reviewoptionshdr .fitemtitle {
width: 100%;
font-weight: bold;
text-align: left;
height: 2.5em;
margin-left: 0;
}
#page-mod-quiz-mod #id_reviewoptionshdr fieldset.fgroup {
clear: left;
margin: 0 0 1em;
}
#page-mod-quiz-mod #id_reviewoptionshdr fieldset.fgroup > span {
float: left;
clear: left;
line-height: 1.7;
}
#page-mod-quiz-mod #id_reviewoptionshdr fieldset.fgroup span label {
margin-left: 0.4em;
}
/** Mod quiz view **/
#page-mod-quiz-view .quizinfo,
#page-mod-quiz-view #page .quizgradefeedback {
text-align: center;
}
#page-mod-quiz-view #page .quizattemptsummary td p {
margin-top: 0;
}
#page-mod-quiz-view table.quizattemptsummary tr.bestrow td {
border-color: #bce8f1;
background-color: #d9edf7;
}
table.quizattemptsummary .noreviewmessage {
color: gray;
}
#page-mod-quiz-view .generaltable.quizattemptsummary {
margin-left: auto;
margin-right: auto;
}
#page-mod-quiz-view .generalbox#feedback {
width: 70%;
margin-left: auto;
margin-right: auto;
padding-bottom: 15px;
}
#page-mod-quiz-view .generalbox#feedback h2 {
margin: 0;
}
#page-mod-quiz-view .generalbox#feedback h3 {
text-align: left;
}
#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 {
border-color: #bce8f1;
background-color: #d9edf7;
}
.quizattemptcounts {
clear: left;
text-align: center;
display: inline;
margin-left: 20%;
}
#page-mod-quiz-view .quizattemptcounts {
display: block;
margin-left: 0;
margin-right: 0;
}
/** Mod quiz summary **/
#page-mod-quiz-summary #content {
text-align: center;
}
#page-mod-quiz-summary .questionflag {
vertical-align: text-bottom;
}
#page-mod-quiz-summary #quiz-timer {
text-align: center;
margin-top: 1em;
}
#page-mod-quiz-summary .submitbtns {
margin-top: 1.5em;
}
#page-mod-quiz-edit .section .activity .actions .version-selection {
width: 8em;
padding: 0;
}
@media print {
.quiz-secure-window * {
display: none;
}
}
/** Mod quiz review **/
table.quizreviewsummary {
width: 100%;
}
table.quizreviewsummary th.cell {
padding: 1px 0.5em 1px 1em;
font-weight: bold;
text-align: right;
width: 10em;
background: #f0f0f0;
}
table.quizreviewsummary td.cell {
padding: 1px 1em 1px 0.5em;
text-align: left;
background: #fafafa;
}
/** Mod quiz make comment or override grade popup. **/
#page-mod-quiz-comment .mform {
width: 100%;
}
#page-mod-quiz-comment .mform fieldset {
margin: 0;
border-bottom: none;
}
#page-mod-quiz-comment .que {
margin: 0;
}
/** Mod quiz report **/
#page-mod-quiz-report h2.main {
clear: both;
}
#page-mod-quiz-report div#commands,
#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 .toggleincludeauto {
text-align: center;
}
#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;
width: 80%;
margin: 0.2em auto;
}
#page-mod-quiz-report table#attempts .header,
#page-mod-quiz-report table#attempts .cell {
padding: 4px;
}
#page-mod-quiz-report table#attempts .header .commands {
display: inline;
}
#page-mod-quiz-report table#attempts .picture {
width: 40px;
}
#page-mod-quiz-report table#attempts td {
border-left-width: 1px;
border-right-width: 1px;
border-left-style: solid;
border-right-style: solid;
vertical-align: middle;
}
#page-mod-quiz-report table#attempts .header {
text-align: left;
}
#page-mod-quiz-report table#attempts .picture {
text-align: center;
}
#page-mod-quiz-report table#attempts.grades span.que,
#page-mod-quiz-report table#attempts span.avgcell {
white-space: nowrap;
}
#page-mod-quiz-report table#attempts span.que .requiresgrading {
white-space: normal;
}
#page-mod-quiz-report table#attempts .questionflag {
vertical-align: text-bottom;
padding-left: 6px;
}
#page-mod-quiz-report .graph.flexible-wrap {
text-align: center;
overflow: auto;
}
#page-mod-quiz-report #cachingnotice {
margin-bottom: 1em;
padding: 0.2em;
}
#page-mod-quiz-report #cachingnotice .singlebutton {
margin: 0.5em 0 0;
}
#page-mod-quiz-report .bold .reviewlink {
font-weight: normal;
}
#page-mod-quiz-report tr.lastrowforattempt {
border-bottom: lightgrey solid 0.2em;
}
#page-mod-quiz-report tr.quiz_statistics-summaryrow td.cell {
padding-top: 1px;
padding-bottom: 1px;
border-top: none;
}
/** Mod quiz edit **/
#page-mod-quiz-edit .statusdisplay {
background-color: #ffc;
clear: both;
margin: 0.3em 0;
padding: 1px 10px;
}
#page-mod-quiz-edit .statusdisplay p {
margin: 4px 0;
}
#page-mod-quiz-edit .mod_quiz-edit-top-controls {
position: relative;
}
#page-mod-quiz-edit .mod_quiz-edit-action-buttons {
display: block;
min-height: 2.85em;
}
@media (max-width: 576px) {
#page-mod-quiz-edit .maxgrade {
margin-bottom: 0.6em;
}
#page-mod-quiz-edit .maxgrade .form-control {
display: inline-block;
vertical-align: middle;
}
}
#page-mod-quiz-edit .maxgrade label {
display: inline;
}
#page-mod-quiz-edit .maxgrade input[type="submit"] {
margin: 0;
}
#page-mod-quiz-edit li.activity > div,
#page-mod-quiz-edit li.pagenumber {
position: relative;
}
#page-mod-quiz-edit ul.section li.pagenumber:first-child .add-menu-outer .menu > :last-child,
#page-mod-quiz-edit .last-add-menu .add-menu-outer .menu > :last-child {
display: none;
}
#page-mod-quiz-edit .last-add-menu {
position: relative;
height: 1.5em;
margin: 0 20px;
}
#page-mod-quiz-edit .add-menu-outer {
position: absolute;
right: 0;
}
#page-mod-quiz-edit .slotnumber {
background-color: #d3d3d3;
text-align: center;
margin: 0.1em 0.5em;
min-width: 2em;
display: inline-block;
}
#page-mod-quiz-edit .section-heading {
margin-left: 20px;
margin-bottom: 0;
height: 40px;
}
#page-mod-quiz-edit .section-heading .instancesectioncontainer {
font-size: 24px;
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.2em;
margin: 0.4em;
}
#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: 0;
right: 0;
}
#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 .question_dependency_wrapper .currentlink,
#page-mod-quiz-edit ul.slots li.section li.activity .question_dependency_wrapper .cm-edit-action {
position: relative;
left: 20px;
top: -1em;
}
#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 #categoryquestions .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;
}
#categoryquestions .header {
text-align: center;
padding: 0 2px;
border: 0 none;
vertical-align: top;
}
#categoryquestions .header.checkbox {
vertical-align: bottom;
}
#categoryquestions .header.qtype {
white-space: nowrap;
}
#categoryquestions th .sorters {
font-weight: normal;
font-size: 0.8em;
}
#categoryquestions td.modifiername,
#categoryquestions td.creatorname,
#categoryquestions td.questionlastused {
line-height: 1em;
}
#categoryquestions td.modifiername span.date,
#categoryquestions td.creatorname span.date {
font-weight: normal;
font-size: 0.8em;
}
table#categoryquestions {
width: 100%;
table-layout: fixed;
overflow-x: visible;
}
#categoryquestions .iconcol {
width: 15px;
text-align: center;
padding: 0;
}
#categoryquestions .checkbox {
width: 19px;
text-align: center;
padding: 0;
}
#categoryquestions .editmenu {
width: 5em;
}
#categoryquestions .qtype {
text-align: center;
}
#categoryquestions .qtype {
width: 28px;
padding: 0;
}
#categoryquestions .questiontext {
position: relative;
zoom: 1;
padding-left: 0.3em;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
#categoryquestions .questionname {
white-space: nowrap;
overflow: hidden;
zoom: 1;
position: relative;
}
#categoryquestions .questiontext p {
margin: 0;
}
#page-mod-quiz-edit table#categoryquestions td,
#page-mod-quiz-edit table#categoryquestions th {
overflow: hidden;
white-space: nowrap;
}
.mod_quiz_qbank_dialogue {
width: 80%;
min-height: 200px;
}
.mod_quiz_qbank_dialogue.moodle-dialogue-fullscreen {
width: 100%;
}
.mod_quiz_qbank_dialogue .questionbankloading {
position: absolute;
top: 30px;
bottom: 0;
left: 0;
right: 0;
background: #fff;
text-align: center;
opacity: 0.5;
padding-top: 50px;
}
.mod_quiz_qbank_dialogue #advancedsearch label {
font-size: 100%;
}
.quizquestionlistcontrols {
text-align: center;
}
.categoryinfo {
padding: 0.3em;
}
.path-mod-quiz .gradingdetails {
font-size: small;
}
#page-mod-quiz-edit div#repaginatedialog .mform {
margin-left: auto;
margin-right: auto;
}
#page-mod-quiz-edit div.container div.generalbox {
position: relative;
display: block;
border: 0 none;
margin: 0;
padding: 0;
}
#page-mod-quiz-edit .paging {
margin-top: 0;
margin-bottom: 0;
padding: 0.1em 0.3em;
display: block;
background-color: #ddd;
}
#page-mod-quiz-edit #page-footer {
clear: both;
padding-top: 1em;
}
#page-mod-quiz-edit .categoryinfofield {
font-style: italic;
}
#page-mod-quiz-edit .categorynamefield {
font-weight: bold;
}
#page-mod-quiz-edit .questionsortoptions {
background-color: #ddd;
}
#page-mod-quiz-edit div.questionbank .categorysortopotionscontainer {
padding-top: 0.5em;
margin-top: 0.3em;
}
#page-mod-quiz-edit div.questionbank .categoryquestionscontainer,
.questionbank .categorysortopotionscontainer,
.questionbank .categorypagingbarcontainer,
.questionbank .categoryselectallcontainer {
background-color: #fff;
}
/* Bulk edit actions */
#page-mod-quiz-edit .btn-group.selectmultiplecommand,
#page-mod-quiz-edit .selectmultiplecommandbuttons,
#page-mod-quiz-edit .select-multiple-checkbox {
display: none;
}
#page-mod-quiz-edit.select-multiple .selectmultiplecommand,
#page-mod-quiz-edit.select-multiple .selectmultiplecommandbuttons,
#page-mod-quiz-edit.select-multiple .select-multiple-checkbox {
display: inline-block;
}
#page-mod-quiz-edit.select-multiple input.select-multiple-checkbox[type="checkbox"] {
display: inline;
}
#page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section .activity .editing_move,
#page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section .activity .commands {
display: none;
}
#page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section .page_split_join_wrapper {
display: none;
}
#page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section .activity .actions .editing_delete,
#page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section .activity .actions .editing_maxmark {
display: none;
}
#page-mod-quiz-edit.select-multiple#page-mod-quiz-edit .maxgrade,
#page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .last-add-menu {
display: none;
}
#page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section-heading a,
#page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section-heading form,
#page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section-heading .instanceshufflequestions {
display: none;
}
#page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .edit-toolbar .mb-1 {
display: none;
}
#page-mod-quiz-edit.select-multiple#page-mod-quiz-edit ul.slots li.section li.activity .mod-indent-outer {
padding-left: 3px;
}
#page-mod-quiz-edit .section .summary .iconsmall,
#page-mod-quiz-edit .section .activity .iconsmall {
float: left;
}
/* Base theme needs extra support. */
#page-mod-quiz-edit ul.slots li.section ul.section {
list-style: none;
}
@media (max-width: 576px) {
#page-mod-quiz-edit ul.slots li.section li.activity {
padding-top: 30px;
}
#page-mod-quiz-edit ul.slots li.section li.activity .activityinstance {
top: -30px;
left: 0;
padding-right: 0;
overflow: hidden;
align-items: center;
position: absolute;
width: 100%;
}
}
/** Print formatting for attempt and review pages **/
@media print {
#page-mod-quiz-attempt header.navbar,
#page-mod-quiz-review header.navbar {
display: none;
}
#page-mod-quiz-attempt #dock,
#page-mod-quiz-review #dock {
display: none;
}
#page-mod-quiz-attempt #page #page-header h1,
#page-mod-quiz-review #page #page-header h1 {
display: none;
}
#page-mod-quiz-attempt #region-main,
#page-mod-quiz-review #region-main {
width: 100%;
}
#page-mod-quiz-attempt #block-region-side-pre,
#page-mod-quiz-attempt #block-region-side-post,
#page-mod-quiz-review #block-region-side-pre,
#page-mod-quiz-review #block-region-side-post {
display: none;
}
#page-mod-quiz-attempt #page-footer,
#page-mod-quiz-review #page-footer {
display: none;
}
#page-mod-quiz-attempt .editquestion,
#page-mod-quiz-review .editquestion,
#page-mod-quiz-attempt .questionflag,
#page-mod-quiz-review .questionflag {
display: none;
}
#page-mod-quiz-attempt .submitbtns,
#page-mod-quiz-review .submitbtns {
display: none;
}
#page-mod-quiz-review .que .commentlink {
display: none;
}
#page-mod-quiz-attempt .que,
#page-mod-quiz-review .que {
page-break-inside: avoid;
}
}
.path-mod-resource .resourcecontent {
text-align: center;
}
.path-mod-resource .resourcedetails {
font-size: 0.8em;
color: #555;
}
.resourcelinkdetails {
font-size: 0.8em;
color: #555;
}
.path-mod-scorm .top {
vertical-align: top;
}
.path-mod-scorm .scorm-left {
text-align: left;
}
.path-mod-scorm .scorm-right {
text-align: right;
}
.path-mod-scorm .scoframe {
position: relative;
width: 100%;
height: 100%;
}
.ios #scormpage #scorm_content {
-webkit-overflow-scrolling: touch;
overflow: scroll;
}
#page-mod-scorm-player #scormtop {
position: relative;
width: 100%;
height: 30px;
}
#page-mod-scorm-player #scormbrowse {
position: absolute;
left: 5px;
top: 0;
}
#page-mod-scorm-player #scormnav {
position: absolute;
right: 5px;
text-align: center;
top: 3px;
width: 100%;
}
#page-mod-scorm-player #scormbox {
width: 74%;
height: 100%;
position: absolute;
right: 0;
top: 0;
}
#page-mod-scorm-player #scormpage {
position: relative;
width: 100%;
height: 100%;
}
#page-mod-scorm-player #scormpage #toctree {
position: relative;
width: 100%;
}
#page-mod-scorm-player #tocbox {
position: relative;
left: 0;
width: 100%;
height: 100%;
font-size: 0.8em;
}
#page-mod-scorm-player #toctree {
overflow: visible;
}
#page-mod-scorm-player #tochead {
position: relative;
text-align: center;
top: 3px;
height: 30px;
}
#page-mod-scorm-player #scormpage .scoframe {
border: 0;
}
#page-mod-scorm-player #scormpage #scorm_object {
border: none;
width: 98%;
height: 98%;
}
#page-mod-scorm-player #scormpage #scorm_object.scorm_nav_under_content {
height: 95%;
}
#page-mod-scorm-player #scormpage #scorm_content {
height: 100%;
}
#page-mod-scorm-player #scormpage #scorm_toc {
position: relative;
}
#page-mod-scorm-player #scormpage #scorm_toc_title {
font-size: 1.2em;
font-weight: bold;
}
#page-mod-scorm-player #scormpage #scorm_tree {
border-right: 5px solid rgb(239, 245, 255);
}
#page-mod-scorm-player #scormpage #scorm_navpanel {
text-align: center;
}
#page-mod-scorm-player .toc,
#page-mod-scorm-player .no-toc {
width: 100%;
}
#page-mod-scorm-player .structlist {
list-style-type: none;
white-space: nowrap;
}
#page-mod-scorm-player .structurelist {
position: relative;
list-style-type: none;
width: 96%;
margin: 0;
padding: 0;
}
#page-mod-scorm-player .structurelist ul {
padding-left: 0.5em;
margin-left: 0.5em;
}
#page-mod-scorm-player #scormpage #scorm_toc.disabled,
#page-mod-scorm-player #scormpage #scorm_toc.loading,
#page-mod-scorm-player #scormpage #scorm_toc_toggle.disabled,
#page-mod-scorm-player #scormpage #scorm_toc_toggle.loading {
display: none;
}
#page-mod-scorm-view .structurelist {
list-style-type: none;
white-space: nowrap;
}
#page-mod-scorm-view .structurelist {
list-style-type: none;
white-space: nowrap;
}
#page-mod-scorm-view .exceededmaxattempts {
color: #c00;
}
#page-mod-scorm-player #altfinishlink {
font-size: 140%;
border: 0;
padding: 0;
}
#page-mod-scorm-player #scormmode {
float: left;
border: 0;
}
#page-mod-scorm-player.pagelayout-popup #page-content .region-content {
padding: 0;
}
#page-mod-scorm-player.pagelayout-popup #page-wrapper {
width: 100%;
}
#page-mod-scorm-player .yui-layout-scroll div.yui-layout-bd {
overflow: visible;
}
#page-mod-scorm-player .yui-layout-unit-left div.yui-layout-bd {
overflow: auto;
}
.path-mod-scorm.forcejavascript .toc {
display: none;
}
.path-mod-scorm.forcejavascript #scormpage #tocbox {
display: none;
}
.path-mod-scorm.jsenabled .forcejavascriptmessage {
display: none;
}
.path-mod-scorm.jsenabled .toc {
display: block;
}
.path-mod-scorm.jsenabled #scormpage #tocbox {
display: block;
}
#page-mod-scorm-report-userreporttracks table .c1 {
word-wrap: break-word;
word-break: break-all;
}
#page-mod-scorm-report .scormattemptcounts {
clear: left;
text-align: center;
display: inline;
margin-left: 20%;
}
#page-mod-scorm-player #scormpage span.yui3-treeview-icon {
display: none;
}
#page-mod-scorm-player #scormpage li.yui3-treeview-has-children > div.yui3-treeview-row > span.yui3-treeview-icon {
display: block;
}
#page-mod-scorm-player #scormpage div.yui3-u-1,
#page-mod-scorm-player #scormpage div.yui3-u-3-4,
#page-mod-scorm-player #scormpage div.yui3-u-1-5,
#page-mod-scorm-player #scormpage div.yui3-u-1-24 {
display: inline-block;
*display: inline; /* stylelint-disable-line */
zoom: 1;
letter-spacing: normal;
word-spacing: normal;
vertical-align: top;
text-rendering: auto;
}
#page-mod-scorm-player #scormpage div.yui3-u-1 {
display: block;
}
#page-mod-scorm-player #scormpage div.yui3-u-3-4 {
width: 75%;
}
#page-mod-scorm-player #scormpage div.yui3-u-1-5 {
width: 20%;
}
#page-mod-scorm-player #scormpage div.yui3-u-1-24 {
width: 4.1666%;
}
#page-mod-scorm-player #scormpage div.yui3-g-r {
letter-spacing: normal;
word-spacing: -0.43em;
}
#scorm_layout {
margin-bottom: 50px;
}
/**
* Opera as of 12 on Windows needs word-spacing.
* The ".opera-only" selector is used to prevent actual prefocus styling
* and is not required in markup.
*/
#page-mod-scorm-player .opera-only :-o-prefocus,
#page-mod-scorm-player #scormpage div.yui3-g-r img {
max-width: 100%;
}
.path-mod-survey .smalltext {
font-size: 0.75em;
}
.path-mod-survey .surveytable .rblock label {
display: block;
}
.path-mod-survey .surveytable .foundthat,
.path-mod-survey .surveytable .preferthat {
white-space: nowrap;
}
.path-mod-survey .surveytable .buttoncell {
width: 5%;
}
.path-mod-survey .surveytable .optioncell,
.path-mod-survey .surveytable .questioncell {
width: 50%;
vertical-align: top;
}
.path-mod-survey .surveytable .whitecell {
background-color: white;
}
.path-mod-survey #surveyform th {
font-weight: normal;
text-align: left;
}
.path-mod-survey #surveyform th.hresponse {
text-align: center;
width: 9%;
}
#page-mod-survey-report .fullnamecell {
width: 10%;
vertical-align: top;
white-space: nowrap;
}
.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/space/core/1752943723/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 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/space/mod_workshop/1752943723/userplan/task-todo);
background-position: top left;
background-repeat: no-repeat;
list-style-type: none;
min-height: 16px;
margin: .3em 0;
}
.dir-rtl.path-mod-workshop .userplan dd.phasetasks li {
background-position: top right;
}
.path-mod-workshop .userplan dd.phasetasks li.completed {
background-image: url(/theme/image.php/space/mod_workshop/1752943723/userplan/task-done);
}
.path-mod-workshop .userplan dd.phasetasks li.fail {
background-image: url(/theme/image.php/space/mod_workshop/1752943723/userplan/task-fail);
}
.path-mod-workshop .userplan dd.phasetasks li.info {
background-image: url(/theme/image.php/space/mod_workshop/1752943723/userplan/task-info);
}
.path-mod-workshop .userplan dd.phasetasks .tasks {
list-style: none;
margin: 0;
padding: 0;
}
.path-mod-workshop .userplan dd.phasetasks .title {
padding: 0 10px 0 20px;
}
.dir-rtl.path-mod-workshop .userplan dd.phasetasks .title {
padding: 0 20px 0 10px;
}
.path-mod-workshop .userplan dd.phasetasks .details {
padding: 0 10px 0 25px;
font-size: 80%;
}
.dir-rtl.path-mod-workshop .userplan dd.phasetasks .details {
padding: 0 25px 0 10px;
}
/**
* Assessment - full display
*/
.path-mod-workshop .assessment-full {
border: 1px solid #ddd;
margin: 0 auto 1em auto;
}
.path-mod-workshop .assessment-full .header {
position: relative;
background-color: #ddd;
padding: 3px;
min-height: 35px;
}
.path-mod-workshop .assessment-full .header .title {
font-weight: bold;
}
.path-mod-workshop .assessment-full .header .title,
.path-mod-workshop .assessment-full .header .reviewer,
.path-mod-workshop .assessment-full .header .grade,
.path-mod-workshop .assessment-full .header .weight {
margin: 0 0 0 40px;
}
.path-mod-workshop .assessment-full.anonymous .header .title,
.path-mod-workshop .assessment-full.anonymous .header .reviewer,
.path-mod-workshop .assessment-full.anonymous .header .grade,
.path-mod-workshop .assessment-full.anonymous .header .weight {
margin: 0 0 0 5px;
}
.path-mod-workshop .assessment-full .header .reviewer .picture {
position: absolute;
top: 3px;
left: 3px;
}
.dir-rtl.path-mod-workshop .assessment-full .header .reviewer .picture {
right: 3px;
left: auto;
}
.path-mod-workshop .assessment-full .header .actions {
position: absolute;
top: 5px;
right: 5px;
text-align: right;
}
.path-mod-workshop .assessment-full .header .actions .singlebutton,
.path-mod-workshop .assessment-full .header .actions .singlebutton form,
.path-mod-workshop .assessment-full .header .actions .singlebutton form div {
display: inline;
}
.path-mod-workshop .assessment-full .assessment-form-wrapper,
.path-mod-workshop .assessment-full .overall-feedback-wrapper {
margin-top: 0.5em;
padding: 0 1em;
}
.path-mod-workshop .assessment-summary.graded .singlebutton input[type="submit"],
.path-mod-workshop .example-summary.graded .singlebutton input[type="submit"] {
background-color: #e7f1c3;
}
.path-mod-workshop .assessment-summary.notgraded .singlebutton input[type="submit"],
.path-mod-workshop .example-summary.notgraded .singlebutton input[type="submit"] {
background-color: #ffd3d9;
}
/**
* Overall feedback
*/
.path-mod-workshop .assessment-full .overallfeedback .content,
.path-mod-workshop .assessment-full .overallfeedback .attachments {
padding: 5px 10px;
}
.path-mod-workshop .assessment-full .overallfeedback .attachments .files img.icon {
margin-right: 5px;
}
.path-mod-workshop .assessment-full .overallfeedback .attachments .images div {
display: inline-block;
margin: 5px;
padding: 5px;
border: 1px solid #ddd;
}
/**
* Assessment form
*/
.path-mod-workshop .assessmentform .description {
margin: 0 1em;
}
/**
* Grading report
*/
.path-mod-workshop .grading-report {
width: 100%;
margin: 1em auto 1em auto;
font-size: 80%;
border: 1px solid #ddd;
}
.path-mod-workshop .grading-report .userpicture {
margin: 0 3px;
vertical-align: middle;
}
.path-mod-workshop .grading-report del {
color: red;
font-size: 90%;
text-decoration: line-through;
}
.path-mod-workshop .grading-report ins {
color: green;
font-weight: bold;
text-decoration: underline;
}
.path-mod-workshop .grading-report th {
white-space: normal;
}
.path-mod-workshop .grading-report td {
vertical-align: top;
border: 1px solid #ddd;
}
.path-mod-workshop .grading-report tr.published td.submission {
background-color: #d2ebff;
}
.path-mod-workshop .grading-report tr.published td.submission a {
font-weight: bold;
}
.path-mod-workshop .grading-report .assessmentdetails {
white-space: nowrap;
}
.path-mod-workshop .grading-report .receivedgrade span.grade,
.path-mod-workshop .grading-report .givengrade span.gradinggrade {
font-weight: bold;
}
.path-mod-workshop .grading-report .submissiongrade.cell,
.path-mod-workshop .grading-report .gradinggrade.cell {
text-align: center;
font-size: 200%;
white-space: nowrap;
}
.path-mod-workshop .grading-report .givengrade.null .user,
.path-mod-workshop .grading-report .receivedgrade.null .user {
color: #e00;
}
/**
* Final grades
*/
.path-mod-workshop #workshop-viewlet-yourgrades .finalgrades {
text-align: center;
}
.path-mod-workshop #workshop-viewlet-yourgrades .finalgrades .grade {
border: 1px solid #ddd;
margin: 1em;
padding: 2em;
display: inline-block;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
.path-mod-workshop #workshop-viewlet-yourgrades .finalgrades .grade.submissiongrade {
background-color: #d2ebff;
}
.path-mod-workshop #workshop-viewlet-yourgrades .finalgrades .grade.assessmentgrade {
background-color: #eee;
/*background-color: #e7f1c3;*/
}
.path-mod-workshop #workshop-viewlet-yourgrades .finalgrades .grade .gradevalue {
font-weight: bold;
font-size: x-large;
margin: 10px;
}
/**
* Edit assessment form
*/
#mod-workshop-editform fieldset.fgroup * {
vertical-align: top;
}
/**
* Feedback
*/
.path-mod-workshop .feedback {
border: 1px solid #ddd;
margin: 0 auto 1em auto;
width: 100%;
}
.path-mod-workshop .feedback .header {
position: relative;
background-color: #ddd;
padding: 3px;
min-height: 35px;
}
.path-mod-workshop .feedback .header .title {
margin: 0 0 0 40px;
}
.path-mod-workshop .feedback .header .picture {
position: absolute;
top: 3px;
left: 3px;
}
.path-mod-workshop .feedback .content {
padding: 5px 10px;
}
/**
* Misc
*/
.path-mod-workshop div.buttonsbar {
text-align: center;
}
.path-mod-workshop div.buttonsbar .singlebutton {
display: inline;
}
.path-mod-workshop .toolboxaction {
margin-right: 1em;
}
.path-mod-workshop .toolboxaction,
.path-mod-workshop .toolboxaction .singlebutton,
.path-mod-workshop .toolboxaction .singlebutton form,
.path-mod-workshop .toolboxaction .singlebutton form div {
display: inline;
}
.path-mod-workshop div.buttonwithhelp div {
display: inline;
}
.path-mod-workshop #evaluationmethodchooser {
margin: 2em auto;
text-align: center;
}
.path-mod-workshop .lastmodified {
line-height: 1.0em;
}
.path-mod-workshop .nothingfound {
font-size: 150%;
color: #ff4500;
}
.path-mod-workshop .workshop-risk-dataloss {
vertical-align: text-bottom;
}
.auth_oidc_ucp_indicator h4 {
display: inline-block;
margin-right: 0.5rem;
}
.auth_oidc_ucp_indicator h5 {
display: inline-block;
margin-left: 0.5rem;
}
.auth_oidc_ucp_indicator h5 + span {
display: block;
}
.cert_textarea textarea {
font-family: 'Courier New', Courier, monospace;
}
.path-admin-auth-oidc .warning_header {
border: 1px solid #f00;
background-color: #ffe5e5;
padding: 10px;
margin: 10px 0;
color: #f00;
font-weight: bold;
}
.path-admin-auth-oidc .warning {
color: #f00;
font-weight: bold;
}
.path-admin-auth-oidc .existing_claims {
display: inline-block;
background-color: #f0f0f0;
border: 1px solid #ccc;
padding: 10px;
font-family: 'Courier New', Courier, monospace;
white-space: pre;
}
.path-admin-auth-oidc .not_support_user_sync {
color: #f00;
}
.path-admin-auth-oidc .code {
font-family: 'Courier New', Courier, monospace;
white-space: pre;
}
/* enrol_lti styles */
#registration-tab-content .input-group-append button.btn {
border: solid 1px #8f959e;
}
form#auto_submit {
display: none;
}
#registration-tab-content .input-group-append button.btn span.pix {
padding-left: 0.5rem;
}
.block_accessreview_success,
.block_accessreview.block_accessreview_success.hasinfo {
color: #1e451e;
background: #eff5ef;
box-shadow: 0 0 2px 2px #619a61;
}
.block_accessreview_danger,
.block_accessreview.block_accessreview_danger.hasinfo {
color: #6e211e;
background: #fdf7f7;
box-shadow: 0 0 2px 2px #da6960;
}
.block_accessreview_warning,
.block_accessreview.block_accessreview_warning.hasinfo {
color: #694b21;
background: #fdf2e3;
box-shadow: 0 0 2px 2px #c97a0e;
}
.block_accessreview_table {
border-bottom: 1px solid;
border-color: #eee8e8;
}
.block_accessreview_links {
display: flex;
flex-flow: row;
flex-wrap: wrap;
justify-content: center;
}
.block_accessreview_link {
padding-left: 10px;
padding-right: 10px;
}
.block_accessreview_analysisbutton {
text-align: center;
}
.block_activity_results h1 {
margin: 4px;
font-size: 1.1em;
}
.block_activity_results table.grades {
text-align: left;
width: 100%;
}
.block_activity_results table.grades .number {
text-align: left;
width: 10%;
}
.block_activity_results table.grades .name {
text-align: left;
width: 77%;
}
.block_activity_results table.grades .grade {
text-align: right;
}
.block_blog_tags .s20 {
font-size: 1.5em;
font-weight: bold;
}
.block_blog_tags .s19 {
font-size: 1.5em;
}
.block_blog_tags .s18 {
font-size: 1.4em;
font-weight: bold;
}
.block_blog_tags .s17 {
font-size: 1.4em;
}
.block_blog_tags .s16 {
font-size: 1.3em;
font-weight: bold;
}
.block_blog_tags .s15 {
font-size: 1.3em;
}
.block_blog_tags .s14 {
font-size: 1.2em;
font-weight: bold;
}
.block_blog_tags .s13 {
font-size: 1.2em;
}
.block_blog_tags .s12,
.block_blog_tags .s11 {
font-size: 1.1em;
font-weight: bold;
}
.block_blog_tags .s10,
.block_blog_tags .s9 {
font-size: 1.1em;
}
.block_blog_tags .s8,
.block_blog_tags .s7 {
font-size: 1em;
font-weight: bold;
}
.block_blog_tags .s6,
.block_blog_tags .s5 {
font-size: 1em;
}
.block_blog_tags .s4,
.block_blog_tags .s3 {
font-size: 0.9em;
font-weight: bold;
}
.block_blog_tags .s2,
.block_blog_tags .s1 {
font-size: 0.9em;
}
.block_completion_progress .content {
text-align: left;
}
.block_completion_progress .barContainer {
position: relative;
padding: 0;
clear: both;
}
.block_completion_progress .left-arrow-svg,
.block_completion_progress .right-arrow-svg {
position: absolute;
top: calc(50% - 10px);
display: none;
z-index: 10;
}
.block_completion_progress .left-arrow-svg {
/* rtl:ignore */
left: 5px;
}
.block_completion_progress .right-arrow-svg {
/* rtl:ignore */
right: 5px;
}
.block_completion_progress .triangle-polygon {
fill: rgba(0, 0, 0, 0.3);
stroke: white;
stroke-width: 3px;
}
.block_completion_progress .barRow {
padding: 0;
width: 100%;
margin: 0;
min-height: 1.6rem;
overflow: hidden;
scroll-behavior: smooth;
}
.block_completion_progress .progressBarCell {
height: 1.6rem;
margin: 0;
padding: 0;
text-align: center;
vertical-align: middle;
border-left: solid 1px #e3e3e3;
border-top: solid 1px #e3e3e3;
position: relative;
}
.block_completion_progress .progressBarCell[data-haslink=true] {
cursor: pointer;
}
.block_completion_progress .progressBarCell[data-haslink=not-allowed] {
cursor: not-allowed;
}
.block_completion_progress .barModeScroll .barRowCells {
white-space: nowrap;
}
.block_completion_progress .barModeScroll .progressBarCell {
display: inline-block;
width: 1.6rem;
}
.block_completion_progress .barModeSqueeze .barRowCells {
display: flex;
}
.block_completion_progress .barModeSqueeze .progressBarCell {
display: inline-block;
flex: 1 1 0;
}
.block_completion_progress .barModeWrap .barRowCells {
display: flex;
flex-wrap: wrap;
}
.block_completion_progress .barModeWrap .progressBarCell {
display: inline-block;
flex-grow: 0;
flex-shrink: 0;
flex-basis: inherit; /* Will be computed and declared inline on the .barRow element. */
}
.block_completion_progress .barWithNow .barRowCells {
margin-top: 1.6rem;
}
.block_completion_progress .progressBarCell .nowDiv {
position: absolute;
top: -100%;
white-space: nowrap;
width: 100px;
}
.block_completion_progress .progressBarCell .firstNow {
left: 0;
text-align: left;
}
.block_completion_progress .progressBarCell .firstHalfNow {
left: 100%;
text-align: left;
}
.block_completion_progress .progressBarCell .lastHalfNow {
right: 0;
text-align: right;
}
.block_completion_progress .progressBarCell .nowicon {
width: 15px;
height: 15px;
margin: 0;
padding: 0;
}
.block_completion_progress .barModeScroll .progressBarCell:first-of-type,
.block_completion_progress .barModeSqueeze .progressBarCell:first-of-type {
border-top-left-radius: 0.26rem;
border-bottom-left-radius: 0.26rem;
}
.block_completion_progress .barModeScroll .progressBarCell:last-of-type,
.block_completion_progress .barModeSqueeze .progressBarCell:last-of-type {
border-top-right-radius: 0.26rem;
border-bottom-right-radius: 0.26rem;
border-right: solid 1px #e3e3e3;
}
.block_completion_progress .barWithIcons .progressBarCell::before {
display: inline-block;
content: '';
width: 100%;
height: 100%;
max-width: 16px;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: contain;
}
.block_completion_progress .barWithIcons .progressBarCell.completed::before {
background-image: url(/theme/image.php/space/block_completion_progress/1752943723/tick);
}
.block_completion_progress .barWithIcons .progressBarCell.notCompleted::before {
background-image: url(/theme/image.php/space/block_completion_progress/1752943723/cross);
}
.block_completion_progress .progressEventInfo,
.block_completion_progress .progressPercentage {
font-size: x-small;
text-align: left;
white-space: pre;
overflow: hidden;
padding: 0;
margin: 5px;
}
.block_completion_progress .progressEventInfo {
white-space: pre-wrap;
}
.block_completion_progress .progressEventInfo .iconInInfo,
#fitem_id_config_progressBarIcons .iconOnConfig {
height: 1.2em;
width: 1.2em;
}
#page-blocks-completion_progress-overview .overviewTable {
table-layout: fixed;
}
#page-blocks-completion_progress-overview .overviewTable .col-select {
width: 2rem;
text-align: center;
}
#page-blocks-completion_progress-overview .overviewTable .col-fullname {
width: 20%;
}
#page-blocks-completion_progress-overview .overviewTable .col-timeaccess {
width: 15%;
}
#page-blocks-completion_progress-overview .overviewTable .col-progressbar {
min-width: 200px;
}
#page-blocks-completion_progress-overview .overviewTable .col-progress {
width: 6rem;
text-align: center;
}
.block_completion_progress .progressEventInfo img {
vertical-align: middle;
}
.block_completion_progress .moduleIcon {
float: left;
margin-right: 5px;
max-width: 24px;
}
.block_completion_progress .progressBarHeader {
font-size: 90%;
margin: 0;
padding: 0;
}
.block_completion_progress h3 {
margin-bottom: 0;
}
.block_completion_progress .expectedBy {
margin: 5px auto;
}
.block_completion_progress .overviewButton {
margin: 10px;
text-align: center;
}
#page-blocks-completion_progress-overview .progressoverviewmenus {
margin-bottom: 1rem;
}
#page-blocks-completion_progress-overview .progressoverviewmenus .singleselect + .singleselect {
margin-left: 1rem;
}
.block_course_list .footer {
margin-top: 5px;
}
.block_course_list .content li {
margin-bottom: .3em;
}
.block_course_summary .content {
padding: 10px;
}
.block_course_summary .editbutton {
text-align: right;
}
aside.block-region[data-blockregion="content"] .edwiser_site_monitor .cannot_display_server_usage{display:none}aside.block-region:not([data-blockregion="content"]) .edwiser_site_monitor .server_usage_chart{max-height:400px;display:none}.edwiser_site_monitor .nav-tabs .nav-item .nav-link.esm-outline,.edwiser_site_monitor .nav-tabs .nav-item .nav-link .edwiser_plugins_recommendation .esm-outline{color:#1177d1 !important;border:1px solid #1177d1 !important}.edwiser_site_monitor .nav-tabs .nav-item .nav-link.btn-primary{color:white}.edwiser_site_monitor .esm_legend{display:inline-block;width:10px;height:10px;border-radius:50%;margin-left:0.5rem}.edwiser_site_monitor .server_live_status{position:relative;padding:10px 20px}.edwiser_site_monitor .server_live_status .progress-row{padding:10px 15px}.edwiser_site_monitor .server_live_status .progress-wrap{height:4px;width:100%;border:0px;margin:0px;padding:0px}.edwiser_site_monitor .server_live_status .progress-wrap .usage-progress-bar{height:100%}.edwiser_site_monitor .server_live_status .usage-header{display:inline-block;width:20%;font-size:1.3rem}.edwiser_site_monitor .server_live_status .usage-header i.fa{margin-right:10px}.edwiser_site_monitor .server_live_status .usage-details{display:inline-block;width:79%}.edwiser_site_monitor .server_live_status .usage-details .progress-label{float:right}.edwiser_site_monitor .server_live_status .users{position:relative}.edwiser_site_monitor .server_live_status .users .legends{padding:0}.edwiser_site_monitor .server_live_status .legends{text-align:right;padding-right:15px}.edwiser_site_monitor .server_live_status .legends .legend{display:inline-block;margin:0 0.2rem}.edwiser_site_monitor .server_live_status .legends .legend .color{width:1rem;height:1rem;display:inline-block;vertical-align:middle}.edwiser_site_monitor .server_usage_chart{background:white}.edwiser_site_monitor .server-plugins,.edwiser_site_monitor .has-loader{min-height:4rem;position:relative}.edwiser_site_monitor .server-plugins .server-plugins-list{margin-top:1.2rem}.edwiser_site_monitor .server-plugins .server-plugins-list .generaltable{max-height:30rem;overflow-y:auto}.edwiser_site_monitor .server-plugins .server-plugins-list .plugin-list-refresh{width:100%;text-align:right}.edwiser_site_monitor .server-plugins .server-plugins-list .edwiser-plugin-list{overflow-y:auto;max-height:30rem}.edwiser_site_monitor .has-loader .edwiser-server-monitor-loader{position:absolute;height:100%;width:100%;background:rgba(255,255,255,0.6);top:0}.edwiser_site_monitor .has-loader .edwiser-server-monitor-loader:not(.show){display:none}.edwiser_site_monitor .has-loader .edwiser-server-monitor-loader .edwiser-server-monitor-loading-icon{display:inline-block;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.edwiser_site_monitor .has-loader .edwiser-server-monitor-loader .edwiser-server-monitor-loading-icon .fa{font-size:2rem}.edwiser_site_monitor .generaltable.edwiser tbody tr:not(.edwiser),.edwiser_site_monitor .generaltable.other tbody tr:not(.other),.edwiser_site_monitor .generaltable.update tbody tr:not(.update){display:none}.edwiser_site_monitor .generaltable tbody td a{color:#62a8eb}.edwiser_site_monitor .edwiserpluginupdateinfo .singlebutton{margin:5px 0;padding:0}.edwiser_site_monitor .edwiserpluginupdateinfo .info{display:inline-block}.edwiser_site_monitor .separator:after{content:" | "}.edwiser_site_monitor .tab-content .tab-pane{display:none}.edwiser_site_monitor .tab-content .tab-pane.fade{opacity:0}.edwiser_site_monitor .tab-content .tab-pane.fade.show{opacity:1}.edwiser_site_monitor .tab-content .tab-pane.active{display:block}.edwiser_plugins_recommendation .recommendation-list .recommendation-item .card{margin-bottom:2.143rem}.edwiser_plugins_recommendation .recommendation-list .recommendation-item .card-shadow{box-shadow:0 1px 5px rgba(0,0,0,0.3)}.edwiser_plugins_recommendation .recommendation-list .recommendation-item .card .cover{width:100%;padding:0;border-bottom:none;overflow:hidden}.edwiser_plugins_recommendation .recommendation-list .recommendation-item .card .cover .cover-image{width:100%}.edwiser_plugins_recommendation .recommendation-list .recommendation-item .card .card-header{border:none;box-shadow:none}.edwiser_plugins_recommendation .recommendation-list .recommendation-item .card .card-header:first-child{border-radius:calc(.215rem - 1px) calc(.215rem - 1px) 0 0}.edwiser_plugins_recommendation .recommendation-list .recommendation-item .card .card-block{position:relative;flex:1 1 auto;padding:1.429rem}.edwiser_plugins_recommendation .recommendation-list .recommendation-item .card .card-block+.card-block{padding-top:0}.edwiser_plugins_recommendation .recommendation-list .recommendation-item .card .card-block .card-title{word-break:break-word;margin-top:0;margin-bottom:.858rem}.edwiser_plugins_recommendation .recommendation-list .recommendation-item .card .card-block .card-text:last-child{margin-bottom:0}.edwiser_plugins_recommendation .recommendation-list.blocks{padding:0;margin:0;margin-right:-1.0715rem;margin-left:-1.0715rem;list-style:none}.edwiser_plugins_recommendation .recommendation-list .form-row{display:flex;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}
.block_globalsearch .searchform {
text-align: center;
}
.block_globalsearch .footer {
text-align: center;
}
.block_lp.block .content h3 {
padding: 0;
text-transform: none;
}
.block_lp .sub-content {
padding: 0 15px;
}
.block_lp ul {
list-style: none;
margin: 0;
}
.block_lp ul .more {
padding-top: 10px;
}
#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;
}
.block_microsoft h5 {
font-size: 95%;
text-align: center;
}
.block_microsoft ul {
list-style: none;
padding-left: 0;
margin-left: 0;
}
.block_microsoft ul .servicelink {
background-position: 2px 0;
background-size: 28px;
background-repeat: no-repeat;
background-color: transparent;
display: inline-block;
padding: 4px 4px 4px 40px;
margin: 0.2rem 0;
}
.block_microsoft ul .servicelink:active,
.block_microsoft ul .servicelink:hover,
.block_microsoft ul .servicelink:visited {
text-decoration: none;
}
.block_microsoft .block_microsoft_onedrive {
background-image: url(/theme/image.php/space/block_microsoft/1752943723/onedriveicon);
}
.block_microsoft .block_microsoft_sway {
background-image: url(/theme/image.php/space/block_microsoft/1752943723/sway);
}
.block_microsoft .block_microsoft_msstream {
background-image: url(/theme/image.php/space/block_microsoft/1752943723/msstream);
}
.block_microsoft .block_microsoft_msteams {
background-image: url(/theme/image.php/space/block_microsoft/1752943723/msteams);
}
.block_microsoft .block_microsoft_onenote {
background-image: url(/theme/image.php/space/block_microsoft/1752943723/onenotecolor);
}
.block_microsoft .block_microsoft_outlook {
background-image: url(/theme/image.php/space/block_microsoft/1752943723/outlookcolor);
}
.block_microsoft .block_microsoft_connection {
background-image: url(/theme/image.php/space/block_microsoft/1752943723/o365color);
}
.block_microsoft .block_microsoft_delve {
background-image: url(/theme/image.php/space/block_microsoft/1752943723/delvecolor);
}
.block_microsoft .block_microsoft_forms {
background-image: url(/theme/image.php/space/block_microsoft/1752943723/formscolor);
}
.block_microsoft .block_microsoft_sharepoint {
background-image: url(/theme/image.php/space/block_microsoft/1752943723/sharepointcolor);
}
.block_microsoft .block_microsoft_preferences {
background-image: url(/theme/image.php/space/core/1752943723/i/settings);
}
.block_microsoft .block_microsoft_msasignin {
background-image: url(/theme/image.php/space/block_microsoft/1752943723/msftcolor);
}
.block_microsoft .block_microsoft_downloado365 {
background-image: url(/theme/image.php/space/core/1752943723/i/restore);
}
.block_microsoft .block_microsoft_team {
background-image: url(/theme/image.php/space/block_microsoft/1752943723/msteams);
}
.block_microsoft .block_microsoft_conversations {
background-image: url(/theme/image.php/space/block_microsoft/1752943723/outlookcolor);
}
.block_microsoft .block_microsoft_calendar {
background-image: url(/theme/image.php/space/block_microsoft/1752943723/calendar);
}
.block_microsoft .block_microsoft_notebook {
background-image: url(/theme/image.php/space/block_microsoft/1752943723/onenotecolor);
}
.block_microsoft .block_microsoft_sync {
background-image: url(/theme/image.php/space/core/1752943723/i/settings);
}
.block_microsoft .block_microsoft_reset {
background-image: url(/theme/image.php/space/core/1752943723/t/reset);
}
.block_microsoft .block_microsoft_courserequest {
background-image: url(/theme/image.php/space/block_microsoft/1752943723/courserequest);
}
.block_microsoft hr {
margin: 1rem 0;
}
/* 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_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/space/core/1752943723/t/expanded);
}
.block_navigation .block_tree [aria-expanded="false"] {
background-image: url(/theme/image.php/space/core/1752943723/t/collapsed);
}
.block_navigation .block_tree [aria-expanded="true"].emptybranch {
background-image: url(/theme/image.php/space/core/1752943723/t/collapsed_empty);
}
.block_navigation .block_tree [aria-expanded="false"] p.loading {
background-image: url(/theme/image.php/space/core/1752943723/i/loading_small);
}
/*rtl:raw:
.block_navigation .block_tree [aria-expanded="false"] {background-image: url(/theme/image.php/space/core/1752943723/t/collapsed_rtl);}
.block_navigation .block_tree [aria-expanded="true"].emptybranch {background-image: url(/theme/image.php/space/core/1752943723/t/collapsed_empty_rtl);}
.block_navigation .block_tree [aria-expanded="false"].loading {background-image: url(/theme/image.php/space/core/1752943723/i/loading_small);}
*/
.block_navigation .block_tree [aria-hidden="false"] {
display: block;
}
.block_navigation .block_tree [aria-hidden="true"]:not(.icon) {
display: none;
}
.block_online_users .content .list li.listentry {
clear: both;
}
.block_online_users .content .list li.listentry:not(:first-child) {
padding-top: 3px;
}
.block_online_users .content .list li.listentry .user {
float: left;
position: relative;
}
.block_online_users .content .list li.listentry .otherusers {
margin-left: 1.5rem;
}
.block_online_users .content .list li.listentry .user .userpicture {
vertical-align: text-bottom;
}
.block_online_users .content .list li.listentry .message,
.block_online_users .content .list li.listentry .uservisibility {
float: right;
margin-top: 3px;
}
.block_online_users .content .info {
text-align: center;
}
.block_openai_chat {
position: relative;
}
.block_openai_chat #openai_chat_log {
display: flex;
flex-direction: column;
max-height: 20rem;
overflow-y: scroll;
margin-bottom: 0.5rem;
}
.block_openai_chat #openai_chat_log p {
margin: 0;
}
.block_openai_chat #openai_chat_log a {
color: white;
text-decoration: underline;
}
.block_openai_chat #control_bar {
display: flex;
gap: 0.5rem;
}
.block_openai_chat #control_bar button:hover {
filter: brightness(0.8);
}
.block_openai_chat #control_bar #go {
border-radius: 0 0.5rem 0.5rem 0;
}
.block_openai_chat #control_bar button {
transition: filter 0.2s ease;
border: none;
border-radius: 0.5rem;
width: 2.5rem;
}
.openai_input_submit_btn {
background-color: var(--primary);
color: var(--white);
}
.openai_input_refresh_btn {
background-color: var(--secondary);
color: black;
}
.block_openai_chat .openai_input_popout_btn {
position: absolute;
top: 0.75rem;
right: 0.5rem;
width: 2rem;
height: 2rem;
border-radius: 99rem;
padding: 0.4rem;
display: flex;
border: none;
z-index: 2;
}
.block_openai_chat .openai_input_popout_btn img {
max-width: 1.25rem;
pointer-events: none;
}
.drawercontent {
position: unset;
}
.openai_input_submit_btn_icon,
.openai_input_refresh_btn_icon {
width: 80%;
}
.openai_input_bar {
display: flex;
width: 100%;
}
.block_openai_chat img {
transform: scale(0.7);
}
.block_openai_chat #openai_input,
.openai_input_bar input {
padding: 0.5rem;
border-radius: 0.5rem 0 0 0.5rem;
border: 1px solid gray;
width: 100%;
transition: background 0.4s ease;
}
.block_openai_chat #openai_input.error {
border: 1px solid red;
}
.block_openai_chat .openai_message {
padding: 0.75rem 1rem;
background: #f4f4f4;
border-radius: 0.5rem;
margin-bottom: 1.75rem;
width: fit-content;
max-width: 90%;
animation: block_openai_chat_popup 0.4s cubic-bezier(0.87, 0, 0.13, 1);
position: relative;
}
.block_openai_chat .openai_message:before {
position: absolute;
top: -1.5rem;
left: 0;
color: gray;
opacity: 0;
animation: block_openai_chat_fade-in 0.4s ease 0.4s forwards;
}
.block_openai_chat .openai_message.user {
align-self: flex-end;
text-align: right;
}
.block_openai_chat .openai_message.user:before {
right: 0;
left: unset;
}
.block_openai_chat .openai_message.bot {
background: var(--blue);
color: var(--white);
}
.block_openai_chat .openai_message.loading {
animation: block_openai_chat_thinking 1s ease infinite;
}
.block_openai_chat .openai_message.loading:before {
animation: none;
opacity: 0;
}
.block_openai_chat.disabled,
.block_openai_chat .disabled {
opacity: 0.25;
pointer-events: none;
}
.block_openai_chat.expanded {
position: fixed;
height: 70vh;
width: 30rem;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
outline: 100vw solid #00000029;
z-index: 2;
background-color: white !important;
}
.block_openai_chat.expanded .card-body {
overflow-y: auto;
}
.block_openai_chat.expanded #openai_chat_log {
max-height: unset;
overflow-y: unset;
padding-bottom: 3rem !important;
padding-top: 1rem;
min-height: 2rem;
}
.block_openai_chat.expanded #control_bar {
display: flex;
gap: .5rem;
position: fixed;
bottom: 1rem;
width: calc(100% - 2rem);
}
.block_openai_chat.expanded .openai_message {
width: fit-content !important;
}
.block_openai_chat .recording {
width: 0.5rem;
height: 0.5rem;
background: #ff0000;
position: absolute;
top: 1.5rem;
right: 3rem;
border-radius: 99rem;
filter: opacity(0.5);
animation: block_openai_chat_thinking 3s linear infinite;
}
.block_openai_chat input {
padding: 0.5rem;
border-radius: 0.5rem;
border: 1px solid grey;
}
.block_openai_chat .report_container {
display: flex;
gap: 1rem;
margin-bottom: 1rem;
}
/* dumbass remui styles */
.block_openai_chat.expanded .block-header-wrapper {
padding: 1rem !important;
}
.block_openai_chat.expanded .edw-block-body {
box-shadow: none !important;
}
.block_openai_chat .edw-block-body #popout {
top: 0;
}
.block_openai_chat .edw-block-body .recording {
top: 0.75rem;
}
.block_openai_chat.expanded .edw-block-body #popout {
top: 0.75rem;
}
.block_openai_chat.expanded .edw-block-body .recording {
top: 1.5rem;
}
.block_openai_chat.expanded .edw-block-body #control_bar {
width: calc(100% - 4rem);
}
.block_openai_chat.expanded .block-body-wrapper {
height: calc(100% - 4rem);
overflow: auto;
}
#block-region-side-pre .block_openai_chat.expanded .block-body-wrapper {
margin-left: 0;
margin-right: 0;
padding: 0 2rem;
}
.drawer {
filter: unset !important;
}
@media screen and (max-width: 750px) {
.drawerheader {
pointer-events: none;
}
.drawerheader button {
pointer-events: all;
}
.block_openai_chat.expanded {
transform: unset;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
}
.block_openai_chat.expanded .openai_input_popout_btn {
right: 3rem;
}
.block_openai_chat.expanded .recording {
right: 5.5rem;
}
.block_openai_chat .report_container {
flex-direction: column;
}
}
@keyframes block_openai_chat_popup {
0% {
opacity: 0;
transform: translateY(5px);
}
70% {
opacity: 1;
transform: translateY(-2.5px);
}
85% {
transform: translateY(2.5px);
}
100% {
transform: translateY(0);
}
}
@keyframes block_openai_chat_thinking {
0% {
opacity: 1;
}
50% {
opacity: 0.25;
}
100% {
opacity: 1;
}
}
@keyframes block_openai_chat_fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
/* Rule so that the table tree view works with word-wrap: break-word. */
.block_private_files .content table {
table-layout: fixed;
width: 100%;
}
.block_private_files .content .footer {
padding: 10px 0 0;
margin-top: .5em;
}
.block_private_files ul[role="tree"] {
margin: 0;
padding: 0;
}
.block_private_files ul,
.block_private_files li {
list-style: none;
}
.block_private_files [role="treeitem"] {
padding-left: 22px;
cursor: pointer;
}
.block_private_files [role="treeitem"] p {
margin-bottom: 0;
}
.block_private_files [role="treeitem"][aria-expanded] {
padding-left: 0;
}
.block_private_files [role="treeitem"][aria-expanded="false"] > p::before {
/*rtl:remove*/
content: url(/theme/image.php/space/core/1752943723/t/collapsed);
/*rtl:raw:
content: url(/theme/image.php/space/core/1752943723/t/collapsed_rtl);
*/
vertical-align: sub;
margin-right: 5px;
}
.block_private_files [role="treeitem"][aria-expanded="true"] > p::before {
content: url(/theme/image.php/space/core/1752943723/t/expanded);
vertical-align: sub;
margin-right: 5px;
}
.block_private_files [role="treeitem"]:not([aria-expanded]) {
background-image:
repeating-linear-gradient(
to right,
rgba(0, 0, 0, .5) 0,
rgba(0, 0, 0, .5) 1px,
rgba(255, 255, 255, 0) 1px,
rgba(255, 255, 255, 0) 2px
),
repeating-linear-gradient(
to top,
rgba(0, 0, 0, 0.5) 0,
rgba(0, 0, 0, 0.5) 1px,
rgba(255, 255, 255, 0) 1px,
rgba(255, 255, 255, 0) 2px
);
background-repeat: no-repeat, no-repeat;
/*rtl:remove*/
background-position: left 10px top 50%, left 8px top 0;
/*rtl:raw:
background-position: right 10px top 50%, right 8px top 0;
*/
background-size: 11px 1px, 1px 100%;
}
.block_private_files [role="treeitem"]:not([aria-expanded]):last-child {
background-size: 11px 1px, 1px 50%;
}
.block_private_files [role="group"] {
background-image:
repeating-linear-gradient(
to top,
rgba(0, 0, 0, 0.5) 0,
rgba(0, 0, 0, 0.5) 1px,
rgba(255, 255, 255, 0) 1px,
rgba(255, 255, 255, 0) 2px
);
background-repeat: no-repeat;
background-position: left 8px top 100%;
background-size: 1px 100%;
margin-left: 0;
}
.block_private_files [aria-hidden="true"]:not(.icon) {
display: none;
}
.block_recent_activity .unlist li {
margin-bottom: 1em;
}
.block_recent_activity li .head .date {
float: right;
}
/* RSS Feeds
-------------------------*/
.block_rss_client .list li:first-child {
border-top-width: 0;
}
.block_rss_client .list li {
border-top: 1px solid;
padding: 5px;
}
.block_search_forums .searchform {
text-align: center;
}
.block_search_forums .searchform img {
vertical-align: middle;
}
.block_search_forums .searchform img.resize {
width: 1em;
height: 1.1em;
}
.block_search_forums .invisiblefieldset {
display: block;
}
.block_settings .block_tree ul {
margin-left: 18px;
}
.block_settings .block_tree p.hasicon {
text-indent: -21px;
padding-left: 21px;
}
.block_settings .block_tree p.hasicon img {
width: 16px;
height: 16px;
margin-top: 3px;
margin-right: 5px;
vertical-align: top;
}
.block_settings .block_tree p.hasicon.visibleifjs {
display: block;
}
.block_settings .block_tree .tree_item.branch {
padding-left: 21px;
}
.block_settings .block_tree .tree_item {
cursor: pointer;
margin: 3px 0;
background-position: 0 50%;
background-repeat: no-repeat;
}
.block_settings .block_tree .active_tree_node {
font-weight: bold;
}
.block_settings .block_tree [aria-expanded="true"] {
background-image: url(/theme/image.php/space/core/1752943723/t/expanded);
}
.block_settings .block_tree [aria-expanded="false"] {
background-image: url(/theme/image.php/space/core/1752943723/t/collapsed);
}
.block_settings .block_tree [aria-expanded="true"].emptybranch {
background-image: url(/theme/image.php/space/core/1752943723/t/collapsed_empty);
}
.block_settings .block_tree [aria-expanded="false"] p.loading {
background-image: url(/theme/image.php/space/core/1752943723/i/loading_small);
}
/*rtl:raw:
.block_settings .block_tree [aria-expanded="false"] {background-image: url(/theme/image.php/space/core/1752943723/t/collapsed_rtl);}
.block_settings .block_tree [aria-expanded="true"].emptybranch {background-image: url(/theme/image.php/space/core/1752943723/t/collapsed_empty_rtl);}
.block_settings .block_tree [aria-expanded="false"].loading {background-image: url(/theme/image.php/space/core/1752943723/i/loading_small);}
*/
.block_settings .block_tree [aria-hidden="false"] {
display: block;
}
.block_settings .block_tree [aria-hidden="true"]:not(.icon) {
display: none;
}
.block-calculator-grid {
display: grid;
justify-content: center;
align-content: center;
grid-template-columns: repeat(4, 80px);
grid-template-rows: minmax(80px, auto) repeat(5, 80px);
}
.block-calculator-grid > button {
cursor: pointer;
font-size: 1rem;
border: 1px solid white;
outline: none;
background-color: #f7f7f9;
}
.block-calculator-grid > button:hover {
background-color: lightgrey;
}
.block-calculator-span-two {
grid-column: span 2;
}
.block-calculator-output {
grid-column: 1 / -1;
background-color: rgba(0, 0, 0, .75);
display: flex;
align-items: flex-end;
justify-content: space-around;
flex-direction: column;
padding: 10px;
word-wrap: break-word;
word-break: break-all;
border: 1px solid white;
}
.block-calculator-output .block-calculator-previous-operand {
color: rgba(255, 255, 255, .75);
font-size: 1rem;
}
.block-calculator-output .block-calculator-current-operand {
color: white;
font-size: 1rem;
}
.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/space/block_xp/1752943723/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/space/block_xp/1752943723/1);
}
.block_xp-level.level-2 {
background-image: url(/theme/image.php/space/block_xp/1752943723/2);
}
.block_xp-level.level-3 {
background-image: url(/theme/image.php/space/block_xp/1752943723/3);
}
.block_xp-level.level-4 {
background-image: url(/theme/image.php/space/block_xp/1752943723/4);
}
.block_xp-level.level-5 {
background-image: url(/theme/image.php/space/block_xp/1752943723/5);
}
.block_xp-level.level-6 {
background-image: url(/theme/image.php/space/block_xp/1752943723/6);
}
.block_xp-level.level-7 {
background-image: url(/theme/image.php/space/block_xp/1752943723/7);
}
.block_xp-level.level-8 {
background-image: url(/theme/image.php/space/block_xp/1752943723/8);
}
.block_xp-level.level-9 {
background-image: url(/theme/image.php/space/block_xp/1752943723/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 */
@charset "UTF-8";
.vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
text-align: center;
}
@font-face {
font-family: VideoJS;
src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==) 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-square {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-square:before {
content: "\f10a";
}
.vjs-icon-spinner {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-spinner:before {
content: "\f10b";
}
.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: "\f10c";
}
.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: "\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-share {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-share:before {
content: "\f10f";
}
.vjs-icon-cog {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-cog:before {
content: "\f110";
}
.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: "\f111";
}
.vjs-icon-circle-outline {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-circle-outline:before {
content: "\f112";
}
.vjs-icon-circle-inner-circle {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-circle-inner-circle:before {
content: "\f113";
}
.vjs-icon-hd {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-hd:before {
content: "\f114";
}
.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: "\f115";
}
.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: "\f116";
}
.vjs-icon-facebook {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-facebook:before {
content: "\f117";
}
.vjs-icon-gplus {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-gplus:before {
content: "\f118";
}
.vjs-icon-linkedin {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-linkedin:before {
content: "\f119";
}
.vjs-icon-twitter {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-twitter:before {
content: "\f11a";
}
.vjs-icon-tumblr {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-tumblr:before {
content: "\f11b";
}
.vjs-icon-pinterest {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-pinterest:before {
content: "\f11c";
}
.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: "\f11d";
}
.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: "\f11e";
}
.vjs-icon-next-item {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-next-item:before {
content: "\f11f";
}
.vjs-icon-previous-item {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-previous-item:before {
content: "\f120";
}
.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: "\f121";
}
.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: "\f122";
}
.video-js {
display: 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 {
padding: 0;
margin: 0;
height: 100%;
}
.vjs-full-window .video-js.vjs-fullscreen {
position: fixed;
overflow: hidden;
z-index: 1000;
left: 0;
top: 0;
bottom: 0;
right: 0;
}
.video-js.vjs-fullscreen:not(.vjs-ios-native-fs) {
width: 100% !important;
height: 100% !important;
padding-top: 0 !important;
}
.video-js.vjs-fullscreen.vjs-user-inactive {
cursor: none;
}
.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: 10px;
left: 10px;
padding: 0;
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-centered .vjs-big-play-button {
top: 50%;
left: 50%;
margin-top: -0.81666em;
margin-left: -1.5em;
}
.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
border-color: #fff;
background-color: #73859f;
background-color: rgba(115, 133, 159, 0.5);
transition: all 0s;
}
.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
display: none;
}
.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
display: block;
}
.video-js button {
background: none;
border: none;
color: inherit;
display: inline-block;
font-size: inherit;
line-height: inherit;
text-transform: none;
text-decoration: none;
transition: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.vjs-control .vjs-button {
width: 100%;
height: 100%;
}
.video-js .vjs-control.vjs-close-button {
cursor: pointer;
height: 3em;
position: absolute;
right: 0;
top: 0.5em;
z-index: 2;
}
.video-js .vjs-modal-dialog {
background: rgba(0, 0, 0, 0.8);
background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
overflow: auto;
}
.video-js .vjs-modal-dialog > * {
box-sizing: border-box;
}
.vjs-modal-dialog .vjs-modal-dialog-content {
font-size: 1.2em;
line-height: 1.5;
padding: 20px 24px;
z-index: 1;
}
.vjs-menu-button {
cursor: pointer;
}
.vjs-menu-button.vjs-disabled {
cursor: default;
}
.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
display: none;
}
.vjs-menu .vjs-menu-content {
display: block;
padding: 0;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
overflow: auto;
}
.vjs-menu .vjs-menu-content > * {
box-sizing: border-box;
}
.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
display: none;
}
.vjs-menu li {
list-style: none;
margin: 0;
padding: 0.2em 0;
line-height: 1.4em;
font-size: 1.2em;
text-align: center;
text-transform: lowercase;
}
.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover,
.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
background-color: #73859f;
background-color: rgba(115, 133, 159, 0.5);
}
.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover,
.js-focus-visible .vjs-menu li.vjs-selected:hover {
background-color: #fff;
color: #2B333F;
}
.video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible),
.js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible) {
background: none;
}
.vjs-menu li.vjs-menu-title {
text-align: center;
text-transform: uppercase;
font-size: 1em;
line-height: 2em;
padding: 0;
margin: 0 0 0.3em 0;
font-weight: bold;
cursor: default;
}
.vjs-menu-button-popup .vjs-menu {
display: none;
position: absolute;
bottom: 0;
width: 10em;
left: -3em;
height: 0em;
margin-bottom: 1.5em;
border-top-color: rgba(43, 51, 63, 0.7);
}
.vjs-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,
.video-js.vjs-no-flex .vjs-menu-button-inline {
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-no-flex .vjs-menu-button-inline .vjs-menu {
display: block;
opacity: 1;
position: relative;
width: auto;
}
.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
width: auto;
}
.vjs-menu-button-inline .vjs-menu-content {
width: auto;
height: 100%;
margin: 0;
overflow: hidden;
}
.video-js .vjs-control-bar {
display: none;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 3em;
background-color: #2B333F;
background-color: rgba(43, 51, 63, 0.7);
}
.vjs-has-started .vjs-control-bar,
.vjs-audio-only-mode .vjs-control-bar {
display: flex;
visibility: visible;
opacity: 1;
transition: visibility 0.1s, opacity 0.1s;
}
.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
visibility: visible;
opacity: 0;
pointer-events: none;
transition: visibility 1s, opacity 1s;
}
.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
display: none !important;
}
.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,
.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.vjs-has-started.vjs-no-flex .vjs-control-bar {
display: table;
}
.video-js .vjs-control {
position: relative;
text-align: center;
margin: 0;
padding: 0;
height: 100%;
width: 4em;
flex: none;
}
.video-js .vjs-control.vjs-visible-text {
width: auto;
padding-left: 1em;
padding-right: 1em;
}
.vjs-button > .vjs-icon-placeholder:before {
font-size: 1.8em;
line-height: 1.67;
}
.vjs-button > .vjs-icon-placeholder {
display: block;
}
.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
text-shadow: 0em 0em 1em white;
}
.video-js *:not(.vjs-visible-text) > .vjs-control-text {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.vjs-no-flex .vjs-control {
display: table-cell;
vertical-align: middle;
}
.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;
}
.vjs-no-flex .vjs-progress-control {
width: auto;
}
.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;
top: -0.3333333333em;
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;
}
.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
z-index: 0;
}
.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;
}
.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
display: none;
}
.vjs-mouse-display .vjs-time-tooltip {
color: #fff;
background-color: #000;
background-color: rgba(0, 0, 0, 0.8);
}
.video-js .vjs-slider {
position: relative;
cursor: pointer;
padding: 0;
margin: 0 0.45em 0 0.45em;
/* iOS Safari */
-webkit-touch-callout: none;
/* Safari */
-webkit-user-select: none;
/* Konqueror HTML */
/* Firefox */
-moz-user-select: none;
/* Internet Explorer/Edge */
-ms-user-select: none;
/* Non-prefixed version, currently supported by Chrome and Opera */
user-select: none;
background-color: #73859f;
background-color: rgba(115, 133, 159, 0.5);
}
.video-js .vjs-slider.disabled {
cursor: default;
}
.video-js .vjs-slider:focus {
text-shadow: 0em 0em 1em white;
box-shadow: 0 0 1em #fff;
}
.video-js .vjs-mute-control {
cursor: pointer;
flex: none;
}
.video-js .vjs-volume-control {
cursor: pointer;
margin-right: 1em;
display: flex;
}
.video-js .vjs-volume-control.vjs-volume-horizontal {
width: 5em;
}
.video-js .vjs-volume-panel .vjs-volume-control {
visibility: visible;
opacity: 0;
width: 1px;
height: 1px;
margin-left: -1px;
}
.video-js .vjs-volume-panel {
transition: width 1s;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
visibility: visible;
opacity: 1;
position: relative;
transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
width: 5em;
height: 3em;
margin-right: 0;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
left: -3.5em;
transition: left 0s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
width: 10em;
transition: width 0.1s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
width: 4em;
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
height: 8em;
width: 3em;
left: -3000em;
transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
}
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
width: 5em;
height: 3em;
visibility: visible;
opacity: 1;
position: relative;
transition: none;
}
.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
position: absolute;
bottom: 3em;
left: 0.5em;
}
.video-js .vjs-volume-panel {
display: flex;
}
.video-js .vjs-volume-bar {
margin: 1.35em 0.45em;
}
.vjs-volume-bar.vjs-slider-horizontal {
width: 5em;
height: 0.3em;
}
.vjs-volume-bar.vjs-slider-vertical {
width: 0.3em;
height: 5em;
margin: 1.35em auto;
}
.video-js .vjs-volume-level {
position: absolute;
bottom: 0;
left: 0;
background-color: #fff;
}
.video-js .vjs-volume-level:before {
position: absolute;
font-size: 0.9em;
z-index: 1;
}
.vjs-slider-vertical .vjs-volume-level {
width: 0.3em;
}
.vjs-slider-vertical .vjs-volume-level:before {
top: -0.5em;
left: -0.3em;
z-index: 1;
}
.vjs-slider-horizontal .vjs-volume-level {
height: 0.3em;
}
.vjs-slider-horizontal .vjs-volume-level:before {
top: -0.3em;
right: -0.5em;
}
.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
width: 4em;
}
.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
height: 100%;
}
.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
width: 100%;
}
.video-js .vjs-volume-vertical {
width: 3em;
height: 8em;
bottom: 8em;
background-color: #2B333F;
background-color: rgba(43, 51, 63, 0.7);
}
.video-js .vjs-volume-horizontal .vjs-menu {
left: -2em;
}
.video-js .vjs-volume-tooltip {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.8);
border-radius: 0.3em;
color: #000;
float: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
padding: 6px 8px 8px 8px;
pointer-events: none;
position: absolute;
top: -3.4em;
visibility: hidden;
z-index: 1;
}
.video-js .vjs-volume-control:hover .vjs-volume-tooltip,
.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
display: block;
font-size: 1em;
visibility: visible;
}
.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip,
.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
left: 1em;
top: -12px;
}
.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
font-size: 1em;
}
.video-js .vjs-volume-control .vjs-mouse-display {
display: none;
position: absolute;
width: 100%;
height: 1px;
background-color: #000;
z-index: 1;
}
.video-js .vjs-volume-horizontal .vjs-mouse-display {
width: 1px;
height: 100%;
}
.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
z-index: 0;
}
.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;
}
.video-js.vjs-user-inactive.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
display: none;
}
.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;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: contain;
background-color: #000000;
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 {
display: block;
}
.video-js .vjs-live-control {
display: flex;
align-items: flex-start;
flex: auto;
font-size: 1em;
line-height: 3em;
}
.vjs-no-flex .vjs-live-control {
display: table-cell;
width: auto;
text-align: left;
}
.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;
}
.vjs-no-flex .vjs-seek-to-live-control {
display: table-cell;
width: auto;
text-align: left;
}
.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
display: none;
}
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
cursor: auto;
}
.vjs-seek-to-live-control .vjs-icon-placeholder {
margin-right: 0.5em;
color: #888;
}
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
color: red;
}
.video-js .vjs-time-control {
flex: none;
font-size: 1em;
line-height: 3em;
min-width: 2em;
width: auto;
padding-left: 1em;
padding-right: 1em;
}
.vjs-live .vjs-time-control {
display: none;
}
.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
display: none;
}
.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
display: none;
}
.vjs-time-divider {
display: none;
line-height: 3em;
}
.vjs-live .vjs-time-divider {
display: none;
}
.video-js .vjs-play-control {
cursor: pointer;
}
.video-js .vjs-play-control .vjs-icon-placeholder {
flex: none;
}
.vjs-text-track-display {
position: absolute;
bottom: 3em;
left: 0;
right: 0;
top: 0;
pointer-events: none;
}
.video-js.vjs-controls-disabled .vjs-text-track-display,
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
bottom: 1em;
}
.video-js .vjs-text-track {
font-size: 1.4em;
text-align: center;
margin-bottom: 0.1em;
}
.vjs-subtitles {
color: #fff;
}
.vjs-captions {
color: #fc6;
}
.vjs-tt-cue {
display: block;
}
video::-webkit-media-text-track-display {
transform: translateY(-3em);
}
.video-js.vjs-controls-disabled video::-webkit-media-text-track-display,
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
transform: translateY(-1.5em);
}
.video-js .vjs-picture-in-picture-control {
cursor: pointer;
flex: none;
}
.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control {
display: none;
}
.video-js .vjs-fullscreen-control {
cursor: pointer;
flex: none;
}
.video-js.vjs-audio-only-mode .vjs-fullscreen-control {
display: none;
}
.vjs-playback-rate > .vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.vjs-playback-rate .vjs-playback-rate-value {
pointer-events: none;
font-size: 1.5em;
line-height: 2;
text-align: center;
}
.vjs-playback-rate .vjs-menu {
width: 4em;
left: 0em;
}
.vjs-error .vjs-error-display .vjs-modal-dialog-content {
font-size: 1.4em;
text-align: center;
}
.vjs-error .vjs-error-display:before {
color: #fff;
content: "X";
font-family: Arial, Helvetica, sans-serif;
font-size: 4em;
left: 0;
line-height: 1;
margin-top: -0.5em;
position: absolute;
text-shadow: 0.05em 0.05em 0.1em #000;
text-align: center;
top: 50%;
vertical-align: middle;
width: 100%;
}
.vjs-loading-spinner {
display: none;
position: absolute;
top: 50%;
left: 50%;
margin: -25px 0 0 -25px;
opacity: 0.85;
text-align: left;
border: 6px solid rgba(43, 51, 63, 0.7);
box-sizing: border-box;
background-clip: padding-box;
width: 50px;
height: 50px;
border-radius: 25px;
visibility: hidden;
}
.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
display: block;
-webkit-animation: vjs-spinner-show 0s linear 0.3s forwards;
animation: vjs-spinner-show 0s linear 0.3s forwards;
}
.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
content: "";
position: absolute;
margin: -6px;
box-sizing: inherit;
width: inherit;
height: inherit;
border-radius: inherit;
opacity: 1;
border: inherit;
border-color: transparent;
border-top-color: white;
}
.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
-webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
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: white;
}
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
border-top-color: white;
-webkit-animation-delay: 0.44s;
animation-delay: 0.44s;
}
@keyframes vjs-spinner-show {
to {
visibility: visible;
}
}
@-webkit-keyframes vjs-spinner-show {
to {
visibility: visible;
}
}
@keyframes vjs-spinner-spin {
100% {
transform: rotate(360deg);
}
}
@-webkit-keyframes vjs-spinner-spin {
100% {
-webkit-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;
}
}
@-webkit-keyframes vjs-spinner-fade {
0% {
border-top-color: #73859f;
}
20% {
border-top-color: #73859f;
}
35% {
border-top-color: white;
}
60% {
border-top-color: #73859f;
}
100% {
border-top-color: #73859f;
}
}
.video-js.vjs-audio-only-mode .vjs-captions-button {
display: none;
}
.vjs-chapters-button .vjs-menu ul {
width: 24em;
}
.video-js.vjs-audio-only-mode .vjs-descriptions-button {
display: none;
}
.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
vertical-align: middle;
display: inline-block;
margin-bottom: -0.1em;
}
.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
font-family: VideoJS;
content: "";
font-size: 1.5em;
line-height: inherit;
}
.video-js.vjs-audio-only-mode .vjs-subs-caps-button {
display: none;
}
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
vertical-align: middle;
display: inline-block;
margin-bottom: -0.1em;
}
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
font-family: VideoJS;
content: " ";
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;
}
.video-js.vjs-layout-x-small.vjs-no-flex .vjs-custom-control-spacer {
width: auto;
}
.vjs-modal-dialog.vjs-text-track-settings {
background-color: #2B333F;
background-color: rgba(43, 51, 63, 0.75);
color: #fff;
height: 70%;
}
.vjs-text-track-settings .vjs-modal-dialog-content {
display: table;
}
.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
display: table-cell;
}
.vjs-text-track-settings .vjs-track-settings-controls {
text-align: right;
vertical-align: bottom;
}
@supports (display: grid) {
.vjs-text-track-settings .vjs-modal-dialog-content {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr;
padding: 20px 24px 0px 24px;
}
.vjs-track-settings-controls .vjs-default-button {
margin-bottom: 20px;
}
.vjs-text-track-settings .vjs-track-settings-controls {
grid-column: 1/-1;
}
.vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
grid-template-columns: 1fr;
}
}
.vjs-track-setting > select {
margin-right: 1em;
margin-bottom: 0.5em;
}
.vjs-text-track-settings fieldset {
margin: 5px;
padding: 3px;
border: none;
}
.vjs-text-track-settings fieldset span {
display: inline-block;
}
.vjs-text-track-settings fieldset span > select {
max-width: 7.3em;
}
.vjs-text-track-settings legend {
color: #fff;
margin: 0 0 5px 0;
}
.vjs-text-track-settings .vjs-label {
position: absolute;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
display: block;
margin: 0 0 5px 0;
padding: 0;
border: 0;
height: 1px;
width: 1px;
overflow: hidden;
}
.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
outline-style: solid;
outline-width: medium;
background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);
}
.vjs-track-settings-controls button:hover {
color: rgba(43, 51, 63, 0.75);
}
.vjs-track-settings-controls button {
background-color: #fff;
background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
color: #2B333F;
cursor: pointer;
border-radius: 2px;
}
.vjs-track-settings-controls .vjs-default-button {
margin-right: 1em;
}
@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;
}
@property --percent {
syntax: '
';
inherits: true;
/* stylelint-disable-next-line -- not yet supported in FireFox. */
initial-value: 0;
}
.fc-chart-pie .chart-area .chart-image {
width: auto;
}
.fc-progress-pie {
--color: purple;
--percent: 0;
--size: 150px;
--border: 20px;
--bgcolor: #f0f0f0;
width: var(--size);
aspect-ratio: 1;
position: relative;
display: inline-grid;
margin: 5px;
place-content: center;
font-size: 1.5rem;
font-weight: bold;
}
.fc-progress-pie:before,
.fc-progress-pie:after {
content: "";
position: absolute;
border-radius: 50%;
}
.fc-progress-pie:before {
inset: 0;
background:
radial-gradient(farthest-side, var(--color) 98%, #0000) top/var(--border) var(--border) no-repeat,
conic-gradient(var(--color) calc(var(--percent) * 1%), #0000 0);
-webkit-mask: radial-gradient(farthest-side, #0000 calc(99% - var(--border)), #000 calc(100% - var(--border)));
mask: radial-gradient(farthest-side, #0000 calc(99% - var(--border)), #000 calc(100% - var(--border)));
background-color: var(--bgcolor);
background-size: 0 0, auto;
}
.fc-progress-pie:after {
inset: calc(50% - var(--border) / 2);
background: var(--color);
transform: rotate(calc(var(--percent) * 3.6deg)) translateY(calc(50% - var(--size) / 2));
content: none;
}
.fc-progress-pie.animate {
animation: fc-progress-pie-percent 1s .5s both;
}
@keyframes fc-progress-pie-percent {
from {
--percent: 0;
}
}
kbd {
padding: 0.1rem 0.4rem;
background-color: #eee;
border: 1px solid #b4b4b4;
border-radius: 0.25rem;
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 2px 0 0 rgba(255, 255, 255, 0.7) inset;
color: #333;
white-space: nowrap;
display: inline-block;
}
#glossaryfilteroverlayprogress {
position: fixed;
top: 50%;
width: 100%;
text-align: center;
}
.jsenabled #MathJax_ZoomFrame {
position: absolute;
}
/**
* Filters
*/
.mediaplugin {
display: block;
margin-top: 5px;
margin-bottom: 5px;
text-align: center;
}
.mediaplugin,
.mediaplugin video {
/* Make videos as wide as possible without being wider than their containers */
width: 100%;
max-width: 100%;
}
.mediaplugin > div {
margin: auto;
}
/* This is needed to display videos in an adequate size and without too much space
withing the specific mod assign table views. */
.path-mod-assign .gradingtable .mediaplugin,
.path-mod-assign .submissionsummarytable .mediaplugin {
width: 400px;
height: auto;
}
/* Make media plugin behave properly in mod summaries and labels */
.mod-indent-outer .mediaplugin {
display: table-cell;
}
.jsenabled .tox-tinymce-aux {
z-index: 1000;
}
.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 */
}
}
@media (max-width: 480px) {
.mceToolbar td {
float: left;
display: inline-block;
}
.moodleSkin .mceLayout .mceToolbar .mceWrap {
clear: left;
width: 100%;
height: 4px;
}
.moodleSkin .mceLayout .mceToolbar .mceNoWrap {
clear: none;
width: 0;
}
.o2k7Skin tr.mceLast .mceToolbar tr td.mceWrap,
.o2k7Skin tr.mceFirst .mceToolbar tr td.mceWrap {
margin-left: -3px;
}
}
.mceToolbar td {
box-sizing: content-box;
}
.course-content ul.flexsections {
padding: 0;
margin: 0;
list-style: none;
}
.course-content ul.flexsections li.section {
padding-top: 1rem;
padding-bottom: 1rem;
}
.course-content ul.flexsections li.section .content {
margin: 0;
padding: 0;
}
@media (min-width: 576px) {
.course-content ul.flexsections li.section .summary,
.course-content ul.flexsections li.section .content > .availabilityinfo {
margin-left: 25px;
}
}
.course-content ul.flexsections li.section .left,
.course-content ul.flexsections li.section .right {
padding: 0 6px 0;
text-align: right;
width: auto;
}
@media (max-width: 767.98px) {
body:not(.editing) .course-content ul.flexsections li.section .left,
body:not(.editing) .course-content ul.flexsections li.section .right {
display: none;
}
}
[data-flexsections-accordion="1"] .section-collapsemenu.collapsed .expandall {
display: none;
}
@media (min-width: 768px) {
#page.drawers .flexsections-activity-page-navigate-back {
padding-left: 15px;
padding-right: 15px;
}
}
.format-singleactivity .tree_item.orphaned a {
color: red;
}
#page-report-completion-index table#completion-progress {
margin-top: 20px;
margin-bottom: 30px;
}
#page-report-completion-index .export-actions {
text-align: center;
list-style: none;
}
#page-report-completion-index .criterianame,
#page-report-completion-index .criteriaicon,
#page-report-completion-index .completion-progresscell {
text-align: center;
}
/* Custom CSS for rotated header.. */
#page-report-completion-index .rotated-text-container {
display: inline-block;
width: 16px;
}
/*rtl:begin:ignore*/
#page-report-completion-index .rotated-text {
display: inline-block;
white-space: nowrap;
transform: translate(0, 100%) rotate(-90deg);
transform-origin: 0 0;
vertical-align: middle;
}
#page-report-completion-index .rotated-text:after {
content: "";
float: left;
margin-top: 100%;
}
/*rtl:end:ignore*/
.report-eventlist-name {
color: #888;
font-size: 0.75em;
}
.report-eventlist-datatable-table > div > table {
width: 100%;
}
#page-admin-report-eventlist-index dt {
float: left;
text-align: right;
width: 20em;
}
#page-admin-report-eventlist-index dd {
display: block;
text-align: left;
margin-left: 21em;
}
#page-admin-report-eventlist-index dd + dd {
clear: left;
}
@media (max-width: 767px) {
#page-admin-report-eventlist-index dt {
width: 100%;
text-align: left;
}
#page-admin-report-eventlist-index dd {
margin-left: 0;
}
#page-admin-report-eventlist-index dd + dd {
margin-left: 0;
}
}
#page-report-log-index .info {
margin: 10px;
}
#page-report-log-index .logselectform {
margin: 10px auto;
}
#page-report-log-user .info {
margin: 10px;
text-align: center;
}
#page-report-loglive-index .info {
margin: 10px;
}
table.flexible > tbody > tr:nth-child(n).newrow > td {
background: #d4d4d4;
}
#page-report-outline-index td.numviews {
text-align: right;
}
#page-report-outline-index tr.section {
text-align: center;
}
#page-report-outline-index td.lastaccess {
font-size: 0.8em;
}
#page-report-outline-user .section .content {
margin-left: 30px;
margin-right: 30px;
}
#page-report-outline-user .section h2 {
margin-top: 0;
}
#page-report-outline-user .section {
margin-left: 30px;
margin-right: 30px;
margin-bottom: 20px;
}
#page-report-outline-user .section {
border-width: 1px;
border-style: solid;
padding: 10px;
}
#page-report-participation-index .participationselectform {
margin: 10px auto;
}
#page-report-participation-index .participationselectform label {
margin-left: 15px;
margin-right: 5px;
}
/* Die to css conflicts with form-inline, we have to create a specific class to fix submit button alignment on clean */
#page-report-participation-index .participationselectform input[type="submit"] {
margin-bottom: 0;
}
#page-report-progress-index #completion-progress th,
#page-report-progress-index #completion-progress td {
padding: 2px 2px;
font-weight: normal;
border-right: 1px solid #eee;
}
#page-report-progress-index .progress-actions {
text-align: center;
list-style: none;
}
#page-report-progress-index .completion_pagingbar {
margin: 1em 0;
text-align: center;
}
#page-report-progress-index .completion_prev {
display: inline;
margin-right: 2em;
}
#page-report-progress-index .completion_pagingbar p {
display: inline;
}
#page-report-progress-index .completion_next {
display: inline;
margin-left: 2em;
}
#page-report-progress-index .completion-header,
#page-report-progress-index .completion-progresscell {
text-align: center;
}
/* Custom CSS for rotated header.. */
#page-report-progress-index .rotated-text-container {
display: inline-block;
width: 16px;
}
#page-report-progress-index .rotated-text {
display: inline-block;
white-space: nowrap;
/*rtl:remove*/
transform: translate(0, 100%) rotate(-90deg);
/*rtl:raw:
transform: translate(0, 100%) rotate(90deg);
*/
transform-origin: 0 0;
vertical-align: middle;
}
#page-report-progress-index .rotated-text:after {
content: "";
float: left;
margin-top: 100%;
}
#page-report-progress-index .modicon {
padding-top: 5px;
}
#completion-progress .icon {
margin-left: 0.5rem;
}
#page-report-stats-index .graph {
margin-bottom: 1em;
}
/**
* Container.
*/
.path-grade-report-grader .gradeparent {
position: relative;
}
/**
* Tooltip and overlay.
*/
.path-grade-report-grader .gradeparent .grader-information-tooltip {
min-width: 200px;
}
.path-grade-report-grader .gradeparent .graderreportoverlay {
background-color: white;
width: auto;
padding: 10px;
font-size: 12px;
border: 1px solid #ccc;
border-radius: 4px;
}
/**
* 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;
}
/**
* All the cells.
*/
.path-grade-report-grader .gradeparent .cell {
border: 1px solid #ccc;
border-top-width: 0;
border-left-width: 0;
padding: 4px 5px;
vertical-align: middle;
text-align: right;
white-space: nowrap;
}
/**
* 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;
text-align: left;
}
/**
* The user cells.
*/
.path-grade-report-grader .gradeparent .user.cell {
min-width: 200px;
width: 200px;
white-space: normal;
vertical-align: top;
}
.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: bottom;
}
/**
* The additional user fields.
*/
.path-grade-report-grader .gradeparent .userfield {
font-weight: normal;
text-align: left;
}
/**
* The footer's header.
*/
.path-grade-report-grader .gradeparent .range .header,
.path-grade-report-grader .gradeparent .avg .header {
font-weight: bold;
}
/**
* The footer's floating cells.
*/
.path-grade-report-grader .gradeparent .avg.floating .cell {
border-top-width: 1px;
}
/**
* The footer's cells.
*/
.path-grade-report-grader .gradeparent .avg .cell {
text-align: right;
max-width: 200px;
text-overflow: ellipsis;
overflow: hidden;
}
/**
* 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 {
margin-left: 3px;
}
.path-grade-report-grader .gradeparent .gradevalue {
display: inline-block;
}
.path-grade-report-grader .gradeparent tr:nth-child(n) td.overridden:nth-child(n) {
/* Made very specific to override the default stripped style of the table. */
background-color: #efd9a4;
}
.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.
*/
.path-grade-report-grader .gradeparent select {
text-overflow: ellipsis;
min-width: 8rem;
width: 100%;
}
.path-grade-report-grader .gradeparent .text {
border: 1px solid #666;
width: auto;
margin: 0;
padding: 0;
text-align: center;
}
.path-grade-report-grader .gradeparent .quickfeedback {
border: 1px dashed #000;
width: auto;
margin: 0;
padding: 0;
margin-left: 10px;
}
.path-grade-report-grader .yui3-overlay {
border: 0;
background: none;
background-color: inherit;
min-width: 200px;
}
.path-grade-report-grader .yui3-overlay {
background-color: white;
width: auto;
padding: 10px;
font-size: 12px;
border: 1px solid #ccc;
border-radius: 4px;
}
@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.reporttable form div.singleview_buttons,
.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 .singleview_buttons {
padding: 10px 0;
}
.path-grade-report-singleview div.reporttable h2 {
text-align: left;
}
.path-grade-report-singleview .overrideexcludecheck {
width: 14.75px;
height: 12px;
color: #2ca14f;
}
.path-grade-report-singleview .report-navigation .container {
max-width: 1060px;
margin-left: 0;
}
.path-grade-report-singleview .zero-state img {
width: 185px;
}
.path-grade-report-singleview .reporttable thead th,
.path-grade-report-singleview .reporttable thead td {
white-space: nowrap;
border: none;
}
.path-grade-report-singleview .reporttable tbody tr,
.path-grade-report-singleview .reporttable tbody tr:nth-of-type(odd),
.path-grade-report-singleview .reporttable tbody tr:hover {
color: inherit;
background-color: white;
border-top: none;
border-bottom: 1px solid #dee2e6;
}
.path-grade-report-singleview .reporttable tbody th,
.path-grade-report-singleview .reporttable tbody td.range {
white-space: nowrap;
font-weight: normal;
}
.path-grade-report-singleview .reporttable tbody th > * {
display: inline-block;
vertical-align: middle;
margin: 0 2px;
}
.path-grade-report-singleview .itemnav {
font-size: small;
display: inline;
padding-bottom: 0.5em;
}
.path-grade-report-singleview .itemnav.previtem {
float: left;
}
.path-grade-report-singleview div.nextitem {
float: right;
}
.path-grade-report-singleview .reporttable {
width: 100%;
}
.path-grade-report-singleview .reporttable .generaltable th,
.path-grade-report-singleview .reporttable .generaltable td {
text-align: left;
vertical-align: middle;
border: none;
}
.path-grade-report-singleview div.reporttable form div.singleview_bulk {
display: inline-block;
text-align: left;
margin-bottom: 1em;
}
.path-grade-report-singleview .singleview_bulk div > *,
.path-grade-report-singleview .singleview_bulk fieldset > * {
display: inline-block;
vertical-align: middle;
margin: 0;
}
.path-grade-report-singleview .singleselect select,
.path-grade-report-singleview div.reporttable form .singleview_bulk select,
.path-grade-report-singleview div.reporttable form .singleview_bulk input {
margin-left: 10px;
margin-right: 10px;
}
#bulkinsertmodal {
width: 181px;
height: 39px;
top: 309px;
border-radius: 4px;
}
.path-grade-report-singleview .singleview_bulk > fieldset {
display: block;
}
.path-grade-report-singleview div.reporttable form .singleview_bulk > div.enable {
margin-bottom: 0.5em;
text-align: left;
}
.searchresultitemscontainer {
max-height: 150px;
height: 150px;
overflow: auto;
}
.path-grade-report-singleview .search-widget[data-searchtype="user"] .userinitials {
width: 40px;
height: 40px;
}
.path-grade-report-singleview .reporttable .gradeitem span.small {
font-size: 70%;
}
.path-grade-report-singleview .reporttable div.categoryitem .gradeitemheader,
.path-grade-report-singleview .reporttable div.courseitem .gradeitemheader {
font-weight: bold;
}
.path-grade-report-user #graded_users_selector {
float: right;
margin-bottom: 5px;
}
.path-grade-report-user .view_users_selector {
clear: both;
float: right;
margin-bottom: 5px;
}
.path-grade-report-user #graded_users_selector .singleselect label,
.path-grade-report-user .view_users_selector .singleselect label {
display: inline-block;
}
.path-grade-report-user .user-grade,
.grade-report-user .user-grade {
width: 100%;
}
.path-grade-report-user .user-grade thead th,
.grade-report-user .user-grade thead th {
vertical-align: bottom;
border: none;
text-align: left;
background-color: #f8f9fa;
}
.path-grade-report-user .user-grade td,
.grade-report-user .user-grade td {
min-width: 4.5em;
background-color: #f8f9fa;
border: none;
vertical-align: middle;
}
.path-grade-report-user .user-grade .b1l,
.grade-report-user .user-grade .b1l {
padding: 0;
width: 24px;
min-width: 24px;
}
.path-grade-report-user .user-grade tbody .column-itemname,
.grade-report-user .user-grade tbody .column-itemname {
padding-left: 24px;
padding-right: 8px;
}
.path-grade-report-user .user-grade .column-itemname.baggt,
.path-grade-report-user .user-grade .column-itemname.baggb,
.grade-report-user .user-grade .column-itemname.baggt,
.grade-report-user .user-grade .column-itemname.baggb {
padding-left: 0;
}
.path-grade-report-user .user-grade .column-itemname .itemicon,
.grade-report-user .user-grade .column-itemname .itemicon {
font-size: 18px;
width: 18px;
height: 18px;
}
.path-grade-report-user .user-grade .baggt,
.path-grade-report-user .user-grade .baggb,
.grade-report-user .user-grade .baggt,
.grade-report-user .user-grade .baggb {
font-weight: bold;
background-color: #f8f9fa;
border: none;
}
.path-grade-report-user .user-report-container,
.grade-report-user .user-report-container {
margin: 20px 0 30px 0;
padding: 10px 10px;
background-color: #f8f9fa;
}
.path-grade-report-user .user-grade tbody tr,
.grade-report-user .user-grade tbody tr {
background-color: #f8f9fa;
}
.path-grade-report-user .user-grade tbody tr:hover,
.grade-report-user .user-grade tbody tr:hover {
color: inherit;
background-color: #f8f9fa;
}
.path-grade-report-user .user-grade tbody tr.spacer,
.grade-report-user .user-grade tbody tr.spacer {
height: 0.5rem;
}
.path-grade-report-user .user-grade td.item,
.grade-report-user .user-grade td.item {
background-color: white;
border-top: 1px solid #dee2e6;
border-bottom: 1px solid #dee2e6;
}
.path-grade-report-user .user-grade th.column-itemname:not(.header,.category,.baggt,.baggb),
.grade-report-user .user-grade th.column-itemname:not(.header,.category,.baggt,.baggb) {
background-color: white;
font-weight: normal;
border-bottom: 1px solid #dee2e6;
}
.path-grade-report-user .user-grade th.category,
.grade-report-user .user-grade th.category {
background-color: white;
border: 1px solid #dee2e6;
padding-left: 10px;
font-weight: bold;
}
.path-grade-report-user .user-grade th.category a[aria-expanded="true"] .expanded,
.path-grade-report-user .user-grade th.category a[aria-expanded="false"] .collapsed,
.grade-report-user .user-grade th.category a[aria-expanded="true"] .expanded,
.grade-report-user .user-grade th.category a[aria-expanded="false"] .collapsed {
display: none;
}
.path-grade-report-user .user-grade th.category a.toggle-category,
.grade-report-user .user-grade th.category a.toggle-category {
height: 24px;
width: 24px;
font-size: 12px;
line-height: 24px;
margin-right: 3px;
}
.path-grade-report-user .user-grade th.category a.toggle-category i,
.grade-report-user .user-grade th.category a.toggle-category i {
font-size: 12px;
width: 12px;
height: 12px;
color: #1d2125;
margin: 0;
}
.path-grade-report-user .user-grade .column-itemname .small,
.grade-report-user .user-grade .column-itemname .small {
font-size: 70%;
}
.path-grade-report-user .user-grade tr[data-hidden="true"],
.grade-report-user .user-grade tr[data-hidden="true"] {
display: none;
}
.path-grade-report-user .user-grade .category div,
.grade-report-user .user-grade .category div {
min-height: 30px;
align-items: center;
}
.path-grade-report-user .search-widget[data-searchtype="user"] .userinitials {
width: 40px;
height: 40px;
}
.path-grade-report-user .user-navigation .container {
max-width: 767px;
}
.path-grade-report-user .view-user-selector label {
display: block;
font-size: 80%;
margin: 0;
}
.path-grade-report-user .view-user-selector .dropdown-toggle {
padding: 0;
font-weight: bold;
}
.path-grade-report-user .zero-state img {
width: 185px;
}
@media print {
.path-grade-report-user .user-grade th.category,
.grade-report-user .user-grade th.category {
border-left: none;
border-right: none;
}
.path-grade-report-user .user-grade th.category a.toggle-category,
.grade-report-user .user-grade th.category a.toggle-category
.path-grade-report-user #page-footer {
display: none;
}
}
.gradingform_guide-regrade {
padding: 10px;
background: #fdd;
border: 1px solid #f00;
margin-bottom: 10px;
}
.gradingform_guide-restored {
padding: 10px;
background: #ffd;
border: 1px solid #ff0;
margin-bottom: 10px;
}
.gradingform_guide-error {
color: red;
font-weight: bold;
}
.gradingform_guide_editform .status {
font-weight: normal;
text-transform: uppercase;
font-size: 60%;
padding: 0.25em;
border: 1px solid #eee;
}
.gradingform_guide_editform .status.ready {
background-color: #e7f1c3;
border-color: #aea;
}
.gradingform_guide_editform .status.draft {
background-color: #f3f2aa;
border-color: #ee2;
}
.gradingform_guide.editor .criterion .controls,
.gradingform_guide .criterion .description,
.gradingform_guide .criterion .remark {
vertical-align: top;
}
.gradingform_guide.editor .criterion .controls,
.gradingform_guide.editor .criterion .description,
.gradingform_guide.editor .criterion .remark {
padding: 3px;
}
.gradingform_guide .criteria {
height: 100%;
}
.gradingform_guide .criterion {
border: 1px solid #ddd;
overflow: hidden;
}
.gradingform_guide .criterion.even {
background: #f0f0f0;
}
.gradingform_guide .criterion .description {
width: 100%;
}
.gradingform_guide .criterion .description .criterionmaxscore input {
width: 20px;
}
.gradingform_guide .criterion .description .criterionname {
font-weight: bold;
}
.gradingform_guide .criterion label {
font-weight: bold;
padding-right: 5px;
}
.gradingform_guide .plainvalue.empty {
font-style: italic;
color: #aaa;
}
.gradingform_guide .plainvalue.editname {
font-weight: bold;
}
/* Make invisible the buttons 'Move up' for the first criterion and 'Move down' for
the last, because those buttons will make no change */
.gradingform_guide.editor .criterion.first.last .controls .delete input,
.gradingform_guide.editor .criterion.first .controls .moveup input,
.gradingform_guide.editor .criterion.last .controls .movedown input {
display: none;
}
/* replace buttons with images */
.gradingform_guide.editor .delete input,
.gradingform_guide.editor .moveup input,
.gradingform_guide.editor .movedown input {
text-indent: -1000em;
cursor: pointer;
border: none;
}
.gradingform_guide.editor .criterion .controls .delete input {
width: 20px;
height: 16px;
background: transparent url(/theme/image.php/space/core/1752943723/t/delete) no-repeat center top;
margin-top: 4px;
}
.gradingform_guide.editor .moveup input {
width: 20px;
height: 15px;
background: transparent url(/theme/image.php/space/core/1752943723/t/up) no-repeat center top;
margin-top: 4px;
}
.gradingform_guide.editor .movedown input {
width: 20px;
height: 15px;
background: transparent url(/theme/image.php/space/core/1752943723/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/space/core/1752943723/t/add) no-repeat;
display: block;
color: #555;
font-weight: bold;
text-decoration: none;
}
.gradingform_guide.editor .addcriterion input,
.gradingform_guide.editor .addcomment input {
background-position: left 5px top 8px;
height: 30px;
line-height: 29px;
margin-bottom: 14px;
padding-left: 20px;
padding-right: 10px;
}
.gradingform_guide .options .optionsheading {
font-weight: bold;
font-size: 1.1em;
padding-bottom: 5px;
}
.gradingform_guide .options .option {
padding-bottom: 2px;
}
.gradingform_guide .options .option label {
margin-left: 5px;
}
.gradingform_guide .options .option .value {
margin-left: 5px;
font-weight: bold;
}
.gradingform_guide .criterion .description.error {
background: #fdd;
}
/* special classes for elements created by guideeditor.js */
.gradingform_guide.editor .hiddenelement {
display: none;
}
.gradingform_guide.editor .pseudotablink {
background-color: transparent;
border: 0 solid;
height: 1px;
width: 1px;
color: transparent;
padding: 0;
margin: 0;
position: relative;
float: right;
}
.jsenabled .gradingform_guide .markingguidecomment {
cursor: pointer;
}
.jsenabled .gradingform_guide .markingguidecomment:before {
content: url(/theme/image.php/space/core/1752943723/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/space/core/1752943723/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/space/core/1752943723/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/space/core/1752943723/t/delete) no-repeat center;
}
.gradingform_rubric.editor .moveup input {
width: 24px;
height: 24px;
background: transparent url(/theme/image.php/space/core/1752943723/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/space/core/1752943723/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/space/core/1752943723/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;
}
/* Comment text area size to maximum */
.question-comment-view .comment-ctrl .comment-area {
max-width: none;
width: 100%;
}
#categoryquestions td.questionlastused span.date {
font-weight: 400;
font-size: .8em;
}
.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;
}
/* Plugin setup */
.turnitinsim_features {
position: relative;
}
.turnitinsim_features,
.turnitinsim_ferpa {
border: 1px solid #db4221;
padding: 10px;
margin-bottom: 10px;
}
.turnitinsim_features .turnitinsim_featurelist {
float: left;
margin-top: 0;
margin-right: 32px;
}
.turnitinsim_features h4 {
margin-top: 0;
}
.turnitinsim_features p {
clear: both;
margin-bottom: 0;
}
.turnitinsim_setup_download_links .mdl-align {
text-align: left;
}
.turnitinsim_setup_download_links .mdl-align label {
width: 320px;
}
/* EULA */
.turnitinsim_eulacontainer,
#turnitinsim_eulaaccepted,
#turnitinsim_eulanotrequired {
border: 1px solid #db4221;
padding: 10px;
text-align: center;
margin-bottom: 10px;
}
.turnitinsim_eulacontainer,
#turnitinsim_eulaaccepted,
#turnitinsim_eulanotrequired,
#turnitinsim_eula_accept {
margin-right: 5px;
}
/* Icons in get_links */
.turnitinsim_status {
white-space: nowrap;
}
.turnitinsim_links .turnitinsim_status .tii_icon {
width: 20px;
height: 20px;
padding-right: 4px;
position: relative;
top: 3px;
}
.turnitinsim_links .turnitinsim_status .turnitinsim_or_score {
min-width: 32px;
font-size: 12px;
display: inline-block;
text-align: center;
padding: 2px 4px;
cursor: pointer;
}
.turnitinsim_links .clear {
clear: both;
}
.turnitinsim_links .turnitinsim_resubmit_link,
.turnitinsim_links .turnitinsim_status_text_eula {
cursor: pointer;
}
/* Define OR score colours */
.turnitinsim_links .turnitinsim_status .turnitinsim_or_score_colour_0 {
background: #3552b7;
color: #fff;
}
.turnitinsim_links .turnitinsim_status .turnitinsim_or_score_colour_10 {
background: #617b8d;
color: #fff;
}
.turnitinsim_links .turnitinsim_status .turnitinsim_or_score_colour_20 {
background: #a1b556;
}
.turnitinsim_links .turnitinsim_status .turnitinsim_or_score_colour_30 {
background: #dae235;
}
.turnitinsim_links .turnitinsim_status .turnitinsim_or_score_colour_40 {
background: #edac28;
}
.turnitinsim_links .turnitinsim_status .turnitinsim_or_score_colour_50 {
background: #edd42f;
}
.turnitinsim_links .turnitinsim_status .turnitinsim_or_score_colour_60 {
background: #ecad28;
}
.turnitinsim_links .turnitinsim_status .turnitinsim_or_score_colour_70 {
background: #e15a21;
color: #fff;
}
.turnitinsim_links .turnitinsim_status .turnitinsim_or_score_colour_80 {
background: #e05a21;
color: #fff;
}
.turnitinsim_links .turnitinsim_status .turnitinsim_or_score_colour_90 {
background: #dc4321;
color: #fff;
}
.turnitinsim_links .turnitinsim_status .turnitinsim_or_score_colour_100 {
background: #db4221;
color: #fff;
}
.form-group .form-inline .form-check-inline.form-check-label.fitem.turnitinsim_settings_radio {
margin-right: 0;
}
.turnitinsim_loadingLogo {
width: 250px;
display: inline-block;
}
.turnitinsim_Loading {
text-align: center;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 168px;
margin: auto;
}
.turnitinsim_Loading_Circles {
margin-top: 40px;
}
.turnitinsim_Loading_Circle-1 {
animation-delay: -0.32s;
margin-right: 7px;
}
.turnitinsim_Loading_Circle-1,
.turnitinsim_Loading_Circle-2,
.turnitinsim_Loading_Circle-3 {
background-color: #BAD8EE;
animation-name: turnitinsim_three-bubbles;
animation-duration: 2s;
animation-iteration-count: infinite;
border-radius: 100%;
display: inline-block;
}
.turnitinsim_Loading_Circle-2 {
width: 24px;
height: 24px;
animation-delay: -0.16s;
}
.turnitinsim_Loading_Circle-3 {
margin-left: 7px;
}
.turnitinsim_Loading_Circle-1,
.turnitinsim_Loading_Circle-3 {
width: 16px;
height: 16px;
opacity: 0.5;
margin-bottom: 3px;
}
@keyframes turnitinsim_three-bubbles {
0%, 80%, 100% {
transform: scale(0);
}
40% {
transform: scale(1);
}
}
.admin_presets_error {
color: red;
text-align: center;
}
.admin_presets_success {
color: green;
text-align: center;
}
.adminpreset_appdescription {
font-size: small;
margin-top: 40px;
margin-bottom: 20px;
}
#page-admin-tool-behat-index .steps-definitions {
margin: 1rem auto;
}
#page-admin-tool-behat-index .steps-definitions .step {
margin: 1rem 0 0 0;
border: 1px solid #eee;
padding: 1rem;
}
#page-admin-tool-behat-index .steps-definitions .stepdescription {
font-style: italic;
}
#page-admin-tool-behat-index .steps-definitions .stepcontent {
margin: 1rem 0;
}
#page-admin-tool-behat-index .steps-definitions .steptype {
color: #1467a6;
margin-right: 1ex;
}
#page-admin-tool-behat-index .steps-definitions .stepapipath {
font-family: monospace;
font-size: smaller;
}
#page-admin-tool-behat-index .steps-definitions .stepregex {
color: #060;
}
#page-admin-tool-behat-index .steprequiredfields {
font-weight: bold;
font-size: 1em;
margin-top: 1em;
}
.tool_brickfield_floatprinticon {
margin-top: -30px;
float: right;
}
.tool_brickfield_analysisbutton {
width: 100%;
text-align: center;
}
/* Advanced Page CSS */
#tool_brickifeld_advanced_page {
margin: 20px 20px 20px 10px;
}
.tool_brickfield_banner_heading {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
}
.tool_brickfield_banner_heading > img {
height: 50px;
}
.tool_brickfield_banner > p {
text-align: center;
}
.tool_brickfield_grid_heading {
font-family: 'Varela Round', Sans-serif;
font-size: 20px;
font-weight: 400;
color: #040d29;
padding-bottom: 4px;
}
.tool_brickfield_grid_content {
color: #040d29;
font-size: 16px;
line-height: 1.4em;
}
.tool_brickfield_grid_heading > img {
height: 30px;
padding-right: 16px;
}
.tool_brickfield_grid {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 20px 20px 30px;
}
.tool_brickfield_grid > div {
margin: 10px;
padding: 20px;
flex-basis: 30%;
border: 1px solid grey;
max-width: 500px;
min-width: 250px;
flex-grow: 4;
border-radius: 15px 15px 15px 50px;
}
.tool_brickfield_grid_heading {
display: flex;
}
.tool_brickfield_footer > a {
font-size: 18px;
letter-spacing: 1px;
color: #fff;
background-color: #4054b2;
border-radius: 5px;
padding: 15px 50px;
transition: 0.3s;
margin-bottom: 20px;
}
.tool_brickfield_footer {
text-align: center;
}
.tool_brickfield_footer > a:hover {
color: #fff;
background-color: #253687;
text-decoration: none;
}
.tool_brickfield_footer > p {
margin-bottom: 25px;
}
.path-admin-tool-capability .comparisontable {
margin-top: 150px;
}
.path-admin-tool-capability .comparisontable th,
.path-admin-tool-capability .comparisontable td {
vertical-align: middle;
padding: 0.4em 0.5em 0.3em;
}
.path-admin-tool-capability .comparisontable thead th {
vertical-align: bottom;
background: none;
}
.path-admin-tool-capability .comparisontable thead th div {
position: relative;
}
.path-admin-tool-capability .comparisontable thead th div > a {
position: absolute;
top: -1.75em;
left: 1em;
width: 150px;
text-align: left;
margin-bottom: 1em;
text-indent: -1.45em;
-webkit-transform-origin: top left;
-moz-transform-origin: top left;
-ms-transform-origin: top left;
-o-transform-origin: top left;
-webkit-transform: rotate(315deg);
-moz-transform: rotate(315deg);
-ms-transform: rotate(315deg);
-o-transform: rotate(315deg);
}
.path-admin-tool-capability .comparisontable tbody th {
background-color: #eee;
text-align: right;
border: 1px solid #dfdfdf;
}
.path-admin-tool-capability .comparisontable tbody th span {
display: block;
color: #666;
font-size: 80%;
}
.path-admin-tool-capability .comparisontable tbody td {
border: 1px solid #dfdfdf;
}
.path-admin-tool-capability .comparisontable .inherit {
color: #666;
}
.path-admin-tool-capability .comparisontable .allow {
background-color: #060;
font-weight: bold;
color: white;
}
.path-admin-tool-capability .comparisontable .prevent {
background-color: #ad6704;
font-weight: bold;
color: white;
}
.path-admin-tool-capability .comparisontable .prohibit {
background-color: #800;
font-weight: bold;
color: white;
}
/* Template editor */
#page-admin-tool-certificate-template [data-region="pdf"] {
clear: both;
position: relative;
}
#page-admin-tool-certificate-template [data-region="pdf"] > * {
position: absolute;
}
#page-admin-tool-certificate-template [data-region="pdf"] [data-region="pdfelement"] {
display: inline-block;
word-wrap: break-word;
text-decoration: none;
}
#page-admin-tool-certificate-template [data-region="pdf"]:not(.recalculated) [data-region="pdfelement"],
#page-admin-tool-certificate-template [data-region="pdf"]:not(.recalculated) * {
opacity: 0;
}
#page-admin-tool-certificate-template [data-region="template"] .ws-toggle .collapsed-icon-container {
display: none;
}
#page-admin-tool-certificate-template [data-region="template"] .ws-toggle .expanded-icon-container {
display: inline-block;
}
#page-admin-tool-certificate-template [data-region="template"] .ws-toggle.collapsed .collapsed-icon-container {
display: inline-block;
}
#page-admin-tool-certificate-template [data-region="template"] .ws-toggle.collapsed .expanded-icon-container {
display: none;
}
/* Elements refpoint */
#page-admin-tool-certificate-template [data-region="pdf"] [data-region="pdfelement"][data-refpoint]:before {
background-image: url(/theme/image.php/space/tool_certificate/1752943723/target);
background-repeat: no-repeat;
content: "";
display: block;
float: left;
height: 9px;
width: 100%;
background-position: left top;
margin: -4px -5px -5px -4px;
}
#page-admin-tool-certificate-template [data-region="pdf"] [data-region="pdfelement"][data-refpoint="1"]:before {
background-position: center top;
margin: -4px 0 -5px 0;
}
#page-admin-tool-certificate-template [data-region="pdf"] [data-region="pdfelement"][data-refpoint="2"]:before {
background-position: right top;
margin: -4px -5px -5px 4px;
}
/* Page margins */
#page-admin-tool-certificate-template [data-region="pdf"] .verticalline {
width: 1px;
}
#page-admin-tool-certificate-template [data-region="pdf"] .horizontalline {
height: 1px;
}
#page-admin-tool-certificate-template [data-region="pdf"] .dottedline {
border-left: 1px dotted black;
}
#page-admin-tool-certificate-template [data-region="pdf"] .solidline {
border-left: 1px solid black;
border-top: 1px solid black;
line-height: normal;
}
#page-admin-tool-certificate-template #region-main {
overflow: visible;
}
#page-admin-tool-certificate-template .modal-dialog .modal-header [data-action="hide"] {
display: none;
}
.nav-pills .nav-pills {
margin-left: 1rem;
}
.data-registry > .top-nav > * {
margin-right: 0.5rem;
}
/*Extra attribute selection to have preference over bs2's .moodle-actionmenu[data-enhance] */
.data-registry > .top-nav > .singlebutton,
.data-registry > .top-nav > .moodle-actionmenu[data-owner='dataregistry-actions'] {
display: inline-block;
}
.data-registry .context-tree {
height: 70vh;
overflow-y: scroll;
}
[data-region="data-requests-table"] .moodle-actionmenu {
min-width: 150px;
}
.context-level-view {
margin: 1em;
}
/**
* Styles for admin tool page.
*/
/* Fix bad default table wrap (caused by the long mimetype field). */
.path-admin-tool-filetypes .generaltable .c0,
.path-admin-tool-filetypes .generaltable .c1,
.path-admin-tool-filetypes .generaltable .c2,
.path-admin-tool-filetypes .generaltable th {
white-space: nowrap;
}
/* Formatting for deleted lines. */
.path-admin-tool-filetypes .generaltable .deleted .c0 img {
opacity: 0.2;
}
.path-admin-tool-filetypes .generaltable .deleted .c0 span {
text-decoration: line-through;
}
/* Custom types show bold */
.path-admin-tool-filetypes .generaltable .nonstandard {
font-weight: bold;
}
#page-admin-tool-installaddon-index #installfromrepobox {
text-align: center;
padding-top: 2em;
padding-bottom: 2em;
}
#page-admin-tool-installaddon-index #installfromrepobox .singlebutton {
display: inline-block;
}
#page-admin-tool-installaddon-index #installfromrepobox .singlebutton input[type=submit] {
padding: 1em;
}
#page-admin-tool-langimport-index .langimport {
margin: auto;
float: none;
width: 100%;
}
#page-admin-tool-langimport-index #menuuninstalllang,
#page-admin-tool-langimport-index #menupack {
height: 300px;
}
.path-admin-tool-lp [data-region="managecompetencies"] ul li,
.path-admin-tool-lp [data-region="plans"] ul li,
.path-admin-tool-lp [data-region="competencymovetree"] ul li,
.path-admin-tool-lp [data-region="competencylinktree"] ul li,
.path-badges [data-region="competencylinktree"] ul li {
list-style-type: none;
}
.path-admin-tool-lp .progresstext {
display: inline-block;
vertical-align: top;
}
.path-admin-tool-lp .progress {
width: 100%;
display: inline-block;
}
.path-admin-tool-lp .progress .bar {
min-width: 3em;
}
.path-admin-tool-lp [data-region="managecompetencies"] ul[data-enhance="tree"],
.path-admin-tool-lp [data-region="plans"] ul[data-enhance="tree"],
.path-admin-tool-lp [data-region="competencylinktree"] ul[data-enhance="linktree"],
.path-badges [data-region="competencylinktree"] ul[data-enhance="linktree"],
.path-admin-tool-lp [data-region="competencymovetree"] ul[data-enhance="movetree"] {
border: 1px solid #ccc;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
transition: border linear .2s, box-shadow linear .2s;
border-radius: 4px;
padding-left: 20px;
padding-right: 20px;
margin-left: 10px;
margin-right: 10px;
}
.path-admin-tool-lp [data-region="managecompetencies"] ul,
.path-admin-tool-lp [data-region="plans"] ul,
.path-admin-tool-lp [data-region="competencylinktree"] ul,
.path-badges [data-region="competencylinktree"] ul,
.path-admin-tool-lp [data-region="competencymovetree"] ul {
cursor: pointer;
}
.path-admin-tool-lp [data-region="competencylinktree"] ul li > span,
.path-badges [data-region="competencylinktree"] ul li > span,
.path-admin-tool-lp [data-region="competencymovetree"] ul li > span,
.path-admin-tool-lp [data-region="plans"] ul li > span,
.path-admin-tool-lp [data-region="managecompetencies"] ul li > span {
padding-top: 2px;
padding-bottom: 2px;
padding-left: 4px;
padding-right: 4px;
border-radius: 4px;
}
.path-admin-tool-lp [data-region="competencylinktree"] ul [aria-selected="true"] > span,
.path-badges [data-region="competencylinktree"] ul [aria-selected="true"] > span,
.path-admin-tool-lp [data-region="competencymovetree"] ul [aria-selected="true"] > span,
.path-admin-tool-lp [data-region="plans"] ul [aria-selected="true"] > span,
.path-admin-tool-lp [data-region="managecompetencies"] ul [aria-selected="true"] > span {
background-color: #dfdfdf;
}
.path-admin-tool-lp [data-region="competencylinktree"] ul [tabindex="0"] > span,
.path-badges [data-region="competencylinktree"] ul [tabindex="0"] > span,
.path-admin-tool-lp [data-region="competencymovetree"] ul [tabindex="0"] > span,
.path-admin-tool-lp [data-region="plans"] ul [tabindex="0"] > span,
.path-admin-tool-lp [data-region="managecompetencies"] ul [tabindex="0"] > span {
border: 2px solid #0070a8;
}
.path-admin-tool-lp [data-region="filtercompetencies"] input {
margin-left: 10px;
}
.path-admin-tool-lp [data-region="link-buttons"],
.path-admin-tool-lp [data-region="move-buttons"] {
text-align: center;
}
.path-admin-tool-lp [data-region="competencylinktree"] > ul,
.path-badges [data-region="competencylinktree"] > ul {
overflow-y: auto;
height: 400px;
}
.path-admin-tool-lp span.currentdragtarget {
border: 1px dashed;
}
.path-admin-tool-lp .competencyactionsmenu {
display: inline-block;
vertical-align: text-top;
}
.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-base"] {
display: table;
width: 100%;
}
.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-outcome"],
.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-type"] {
display: table-row;
}
.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-outcome"] label,
.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-type"] label {
padding-right: 10px;
}
.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-outcome"] label,
.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-outcome"] select,
.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-type"] label,
.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-type"] select {
display: table-cell;
}
.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-outcome"] select,
.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-type"] select,
.path-admin-tool-lp [data-region="competencylinktree"] select,
.path-badges [data-region="competencylinktree"] select {
width: 100%;
}
.path-admin-tool-lp [data-region] .generaltable.fullwidth {
clear: both;
}
.path-admin-tool-lp .competency-rule-points {
margin-top: 10px;
max-height: 300px;
overflow-y: auto;
}
.path-admin-tool-lp .competency-rule-points table input {
margin-bottom: 0;
}
.path-admin-tool-lp .competency-rule-points tr[data-competency] th {
font-weight: normal;
}
.path-admin-tool-lp .competency-rule-points input[type="number"] {
width: 50px;
}
.competency-heading {
margin-bottom: 15px;
}
.competency-heading h4 {
margin: 0;
}
/** Styles required for menubar js */
.tool-lp-menu {
margin: 0;
}
.tool-lp-menu li {
float: left;
position: relative;
list-style-type: none;
white-space: nowrap;
}
.tool-lp-sub-menu {
position: absolute;
list-style: none;
margin: 0;
top: -10px;
}
.tool-lp-sub-menu li {
float: none;
}
.tool-lp-menu .tool-lp-sub-menu[aria-hidden=false] {
display: block;
}
.tool-lp-menu ul[aria-hidden=true] {
display: none;
}
.tool-lp-menu .caret {
margin: 8px;
}
.tool-lp-menu.tool-lp-menu-open-left .tool-lp-sub-menu {
left: auto;
right: 0;
}
/** This highlighting is copied from bootstrap - but can be overridden by a theme */
.tool-lp-menu .tool-lp-sub-menu .menu-focus a {
color: #fff;
text-decoration: none;
background-color: #00699e;
background-image: linear-gradient(to bottom, #0070a8, #005f8f);
background-repeat: repeat-x;
}
/** check box and radio button on configure scale dialogue */
input[type="radio"].tool_lp_scale_default,
input[type="checkbox"].tool_lp_scale_proficient {
margin-top: 0;
}
/** User evidence */
.user-evidence-documents {
margin: 10px 20px;
list-style: none;
}
.user-evidence-competencies,
.user-evidence-documents li {
margin-bottom: 5px;
word-break: break-all;
}
[data-region="user-evidence-list"] .user-evidence-competencies,
[data-region="user-evidence-list"] .user-evidence-documents {
margin: 0;
list-style: none;
}
.user-competency-course-navigation select {
display: none;
}
.user-competency-course-navigation span {
max-width: 100%;
overflow: hidden;
}
/** Competency grader */
.competency-grader textarea {
width: 100%;
max-width: 100%;
box-sizing: border-box;
}
.path-admin-tool-lp #region-main {
overflow-x: visible;
}
#page-admin-tool-messageinbound-index .handler-function {
display: block;
padding: 0 0.5em;
color: #888;
font-size: 0.75em;
}
#page-admin-tool-messageinbound-index .state,
#page-admin-tool-messageinbound-index .edit {
text-align: center;
}
/**
* Styles for admin tool mobile.
*/
#page-admin-tool-mobile-subscription dl dt {
clear: both;
display: inline-block;
width: 40%;
min-width: 100px;
vertical-align: top;
padding-top: 1px;
}
#page-admin-tool-mobile-subscription dl dd {
display: inline-block;
width: 59%;
margin-left: 1%;
vertical-align: top;
padding-top: 1px;
}
#page-admin-tool-mobile-subscription dl.list-narrow dt {
width: 30%;
}
#page-admin-tool-mobile-subscription dl.list-narrow dd {
width: 69%;
}
#page-admin-tool-mobile-subscription progress {
width: 100%;
}
/* jquery-eu-cookie-law-popup styles */
.eupopup-container {
background-color: rgba(25, 25, 25, 0.9);
color: #efefef;
padding: 5px 20px;
font-size: 12px;
line-height: 1.2em;
text-align: center;
display: none;
z-index: 9999999;
}
.eupopup-container .eupopup-body a {
color: #fff;
text-decoration: underline;
}
.behat-site .eupopup-container-bottom {
position: relative;
}
.eupopup-container-bottom {
position: fixed;
bottom: 0;
left: 0;
right: 0;
}
.eupopup-closebutton {
font-size: 16px;
font-weight: 100;
line-height: 1;
color: #a2a2a2;
opacity: 0.2;
position: absolute;
font-family: helvetica, arial, verdana, sans-serif;
top: 0;
right: 0;
padding: 5px 10px;
}
.eupopup-buttons {
padding: 7px 0 5px 0;
}
.eupopup-button {
margin: 0 10px;
}
.eupopup-button:hover,
.eupopup-button:focus {
text-decoration: underline;
color: #f6a21d;
}
/* tool_policy styles */
.eupopup-body li {
display: inline;
}
.eupopup-body li:before {
content: ",";
}
.eupopup-body li:first-child:before {
content: "";
}
.eupopup-body ul {
padding: 0;
margin: 0 0 3px;
}
.eupopup-closebutton:hover,
.eupopup-closebutton:active {
text-decoration: none;
}
.eupopup-head {
font-size: 1.2em;
font-weight: bold;
padding: 7px;
}
.eupopup-button_1 {
font-weight: bold;
font-size: 14px;
}
.eupopup-button_2 {
display: none;
}
.eupopup-button {
color: #f6a21d;
}
.policy-heading .policy-viewdoc-buttons {
text-align: center;
margin: 15px;
}
#page-admin-tool-policy-acceptances .colselect {
width: 35px;
}
/* tool_profiling styles */
.path-admin-tool-profiling .profilingruntable .label {
font-weight: bold;
}
.path-admin-tool-profiling .profiling_worse {
color: red;
}
.path-admin-tool-profiling .profiling_better {
color: green;
}
.path-admin-tool-profiling .profiling_same {
color: dimgrey;
}
.path-admin-tool-profiling .profiling_important,
.path-admin-tool-profiling .flexible .referencerun {
font-weight: bold;
}
.path-admin-tool-profiling .flexible {
margin-left: auto;
margin-right: auto;
}
#page-admin-tool-task-scheduledtasks .task-class,
#page-admin-tool-task-runningtasks .task-class {
display: block;
padding: 0 0.5em;
color: #888;
font-size: 0.75em;
}
#page-admin-tool-task-scheduledtasks input[type=text] {
/*rtl:ignore*/
direction: ltr;
}
#page-admin-tool-task-scheduledtasks .task-runnow,
#page-admin-tool-task-scheduledtasks .task-clearfaildelay {
font-size: 0.75em;
}
[data-region="displaytemplateexample"] {
border-radius: 4px;
border: 1px inset #e3e3e3;
padding: 1em;
}
div[data-flexitour="backdrop"] {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
span[data-flexitour="container"] .modal-dialog {
max-width: 400px;
}
span[data-flexitour="container"] .modal-dialog .modal-content .modal-header {
border-bottom: 0;
}
span[data-flexitour="container"] .modal-dialog .modal-content .modal-header.minimal,
span[data-flexitour="container"] .modal-dialog .modal-content .modal-footer.minimal {
padding-top: 0;
padding-bottom: 0;
}
span[data-flexitour="container"] .modal-dialog .modal-content .modal-footer {
justify-content: flex-start;
border-top: 0;
}
span[data-flexitour="container"].orphan {
position: absolute;
}
span[data-flexitour="container"].orphan div[data-role="arrow"] {
display: none;
}
body div[data-flexitour="step-background-fader"],
body div[data-flexitour="step-background"] {
position: absolute;
background: inherit;
background-image: none;
}
div[data-flexitour="step-background-fader"],
[data-flexitour="step-backdrop"] > td,
[data-flexitour="step-backdrop"] {
position: relative;
}
span[data-flexitour="container"].orphan div[data-role="arrow"] {
display: none;
}
.path-admin-local-usertours .stepcreator .input-append {
font-size: inherit;
}
.tour-actions > ul {
margin-left: auto;
margin-right: auto;
text-align: center;
}
.tour-actions > ul > li {
background-color: #f5f5f5;
}
.tour-actions > ul {
margin-left: auto;
margin-right: auto;
text-align: center;
}
.tour-actions > ul > li {
background-color: #f5f5f5;
border-radius: 6px;
border: 1px solid #ccc;
display: inline-block;
height: 9em;
margin: .5em;
text-align: center;
width: 13em;
}
.tour-actions > ul > li > a {
height: 100%;
display: block;
padding: 1em;
}
@media (max-width: 575.98px) {
span[data-flexitour="container"] {
margin-left: 10px;
}
span[data-flexitour="container"] .modal-content {
overflow-y: initial;
}
span[data-flexitour="container"].orphan {
margin-left: 5px;
margin-right: 5px;
}
}
.bs-stepper .step-trigger.disabled,
.bs-stepper .step-trigger:disabled {
opacity:1;
}
/* Definicion de variables para los colores del chatbot */
:root {
--bot-color: rgb(77, 162, 222);
--bot-button-color: rgb(50, 55, 174);
--bot-text-color: rgb(255, 255, 255);
--user-selected-color: 50, 55, 174;
--option-color: 97, 101, 209;
--background-dark: 211, 211, 211;
--background-light: 238, 238, 238;
--letter-color: 255, 255, 255;
--title-color: 0, 0, 0;
}
.row-chat{
display: flex;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
/* Estilos del sidenav */
.sidenav {
height: 60vh;
max-width: 500px;
width: 70vw;
position: fixed;
bottom: 21%;
right: 115px;
background-color: rgb(238, 238, 238);
overflow-x: hidden;
overflow-y: hidden;
z-index: 1020;
border-radius: 15px 15px 0 15px;
}
.sidenav .open {
box-shadow: 0 -10px 10px rgba(0, 0, 0, 0.25);
}
.hidden {
display: none;
}
.sidenav a {
padding: 2px 2px 2px 2px;
text-decoration: none;
font-size: 12px;
transition: 0.3s;
}
.sidenav:before {
content: "";
width: 0px;
height: 0px;
position: fixed;
border-left: 15px solid transparent;
border-right: 15px solid rgb(238, 238, 238);
border-top: 15px solid rgb(238, 238, 238);
border-bottom: 15px solid transparent;
bottom: 18%;
right: 80px;
z-index: -1;
}
.sidenav li a:hover,
.sidenav li a:focus {
color: rgb(255, 255, 255);
}
.sidenav .closebtn {
position: absolute;
right: 25px;
font-size: 24px;
color: rgb(77, 77, 77) !important;
text-decoration: none;
background: -webkit-linear-gradient(rgb(97, 101, 209), var(--bot-color));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.sidenav .closebtn:hover {
color: rgba(0, 0, 0, 0.8);
}
/* Estilos para el boton del chatbot */
.help-center-main-heading {
background-color: rgb(211, 211, 211);
color: rgb(77, 77, 77);
position: static;
}
.help-center-main-heading .image {
width: 50px ;
height: 50px;
background-image: url(/theme/image.php/space/local_elsa/1752943723/Logo);
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 50px 50px;
}
.help-center-main-heading h3 {
display: inline;
padding-top: 10px;
padding-left: 9px;
font-weight: bolder;
background: -webkit-linear-gradient(rgb(97, 101, 209), rgb(50, 55, 174));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.help-center-input{
position: static;
bottom: 0;
padding: 5px;
}
.help-center-input input{
border-radius: 10px;
border-color: rgb(97,101,209);
border-width: 2px;
}
#helpbox {
position: fixed;
top: 80%;
right: 15px;
width: 100px;
height: 100px;
padding: 5px;
background-size: cover;
background-color: rgb(238, 238, 238);
text-align: center;
border-radius: 50%;
z-index: 2;
box-shadow: -4px 0px 8px rgba(0, 0, 0, 0.4);
}
.helpboxMove {
width: 100px !important;
height: 100px !important;
background-image: url(/theme/image.php/space/local_elsa/1752943723/Logo) !important;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 100px 100px !important;
}
.helpboxQuiet {
width: 100px !important;
height: 100px !important;
background-image: url(/theme/image.php/space/local_elsa/1752943723/Logo) !important;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 100px 100px !important;
}
#helpbox:active {
background-color: rgb(97, 101, 209);
color: rgb(238, 238, 238);
transform: translateY(4px);
}
.messageText {
height: 40px;
text-align: center;
padding: 10px;
font-weight: bold;
position: fixed;
bottom: 21%;
right: 115px;
background-color: rgb(238, 238, 238);
z-index: 1020;
border-radius: 15px 15px 0 15px;
}
/* Estilo para el texto del chatbot*/
#flowchat {
overflow-y: scroll;
height: calc(60vh - 100px);
padding-bottom: 10px;
}
ul.chat-window {
width: 100%;
margin-top: 0;
padding: 20px;
list-style: none;
margin: 0;
box-sizing: border-box;
}
ul.chat-window > li .text {
box-sizing: border-box;
margin-bottom: 10px;
border-radius: 10px;
padding: 10px 15px;
line-height: 20px;
}
ul.chat-window > li.bot .text {
background-color: var(--bot-color);
color: var(--bot-text-color);
float: left;
}
ul.chat-window > li {
clear: both;
max-width: 80%;
box-sizing: border-box;
white-space: normal;
}
ul.chat-window > li.user {
float: right;
}
ul.chat-window > li.bot {
float: left;
}
ul.chat-window > li.user .text {
background-color: var(--bot-button-color);
color: var(--bot-text-color);
}
ul.chat-window > li.user .text a {
font-size: 14.81px;
}
ul.chat-window > li.user .text a:focus {
outline: none;
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
ul.chat-window > li.options {
margin-top: 10px;
list-style: none;
max-width: 100%;
width: 100%;
float: left;
text-align: right;
}
ul.chat-window > li.options > ul {
margin-top: 0;
padding: 0;
list-style: none;
margin-top: 10px;
}
ul.chat-window > li.options > ul > li {
background: var(--bot-button-color);
width: 75%;
text-align: center;
border-radius: 10px;
padding: 10px 10px;
display: inline-block;
cursor: pointer;
margin-left: 10px;
margin-bottom: 10px;
color: var(--bot-text-color);
}
ul.chat-window > li.options > ul > li a {
font-size: 14.81px;
color: var(--bot-text-color);
margin: 0px;
display: block;
width: 100%;
}
.typing-indicator {
background-color: #e6e7ed;
will-change: transform;
width: auto;
border-radius: 50px;
padding: 10px;
display: table;
margin: 0;
margin-left: 10px;
position: relative;
-webkit-animation: 2s bulge infinite ease-out;
animation: 2s bulge infinite ease-out;
}
.typing-indicator::before,
.typing-indicator::after {
content: "";
position: absolute;
bottom: -2px;
left: -2px;
height: 20px;
width: 20px;
border-radius: 50%;
background-color: #e6e7ed;
}
.typing-indicator::after {
height: 10px;
width: 10px;
left: -10px;
bottom: -10px;
}
.typing-indicator span {
height: 8px;
width: 8px;
float: left;
margin: 0 1px;
background-color: #9e9ea1;
display: block;
border-radius: 50%;
opacity: 0.4;
}
.typing-indicator span:nth-of-type(1) {
-webkit-animation: 1s blink infinite 0.3333s;
animation: 1s blink infinite 0.3333s;
}
.typing-indicator span:nth-of-type(2) {
-webkit-animation: 1s blink infinite 0.6666s;
animation: 1s blink infinite 0.6666s;
}
.typing-indicator span:nth-of-type(3) {
-webkit-animation: 1s blink infinite 0.9999s;
animation: 1s blink infinite 0.9999s;
}
@-webkit-keyframes blink {
50% {
opacity: 1;
}
}
@keyframes blink {
50% {
opacity: 1;
}
}
@-webkit-keyframes bulge {
50% {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
}
@keyframes bulge {
50% {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
}
.text-vertically-wrapper {
white-space: nowrap;
}
/*Estilos Para Menú Desplegable Navbar*/
.popover-region-localMessage .popover-region-container {
width: 250px;
height: auto;
max-height: 500px;
overflow-y: auto;
}
.popover-region-localMessage:not(.collapsed) .count-container {
display: none;
}
.popover-region-localMessage .popover-region-header-container {
box-sizing: border-box;
padding: 0.5em 0.5em 0.5em 1em;
line-height: 1;
height: 2em;
}
.popover-region-localMessage .popover-region-header-text {
font-size: inherit;
line-height: 1em;
font-weight: bold;
}
a.localMessage-navbar-menu-compose-link {
margin-right: 0.5em;
}
a.localMessage-navbar-menu-item {
display: block;
box-sizing: border-box;
width: 100%;
line-height: 1.5;
padding: 0.5em 1em;
border-bottom: 1px solid #e2e2e2;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #2b2d2f;
}
a.localMessage-navbar-menu-item > .icon {
margin-right: 0.2em;
color: inherit;
}
a.localMessage-navbar-menu-item:first-of-type > .icon {
margin-left: 0;
}
a.localMessage-navbar-menu-item:focus,
a.localMessage-navbar-menu-item:hover {
color: #2b2d2f;
text-decoration: none;
background-color: #f5f5f5;
}
a.localMessage-navbar-menu-item:last-child {
border-bottom: 0;
}
a.localMessage-navbar-menu-item .badge {
float: right;
font-size: 0.75em;
margin-left: 0.25em;
margin-top: 0.25em;
line-height: 1;
padding: 0.25em 0.4em;
}
.localMessage-navbar-menu-item-active {
font-weight: bold;
}
a.localMessage-navbar-menu-item {
display: block;
box-sizing: border-box;
width: 100%;
line-height: 1.5;
padding: 0.5em 1em;
border-bottom: 1px solid #e2e2e2;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #2b2d2f;
}
a.localMessage-navbar-menu-item > .icon {
margin-right: 0.2em;
color: inherit;
}
a.localMessage-navbar-menu-item:first-of-type > .icon {
margin-left: 0;
}
a.localMessage-navbar-menu-item:focus,
a.localMessage-navbar-menu-item:hover {
color: #2b2d2f;
text-decoration: none;
background-color: #f5f5f5;
}
a.localMessage-navbar-menu-item:last-child {
border-bottom: 0;
}
a.localMessage-navbar-menu-item .badge {
float: right;
font-size: 0.75em;
margin-left: 0.25em;
margin-top: 0.25em;
line-height: 1;
padding: 0.25em 0.4em;
}
.localMessage-navbar-menu-item-active {
font-weight: bold;
}
/* scrollbar */
#flowchat::-webkit-scrollbar {
width: 0.5em;
}
#flowchat::-webkit-scrollbar-track {
background-color: rgb(238, 238, 238);
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
#flowchat::-webkit-scrollbar-thumb {
background-color: var(--bot-button-color);
outline: 0.01em solid rgb(211, 211, 211);
border-radius: 0.25em;
}
#flowchat::-webkit-scrollbar-thumb:hover {
background-color: var(--bot-button-color);
}
.local_o365_statusmessage.alert {
margin-bottom: 0.25rem;
}
.local_o365_statusmessage img {
margin-right: 0.25rem;
}
.local_o365_statusmessage span,
.local_o365_statusmessage a {
vertical-align: middle;
}
#local_o365_admin-verifysetup button.refreshperms {
margin: 0 0 0.75rem;
}
.local_o365_adminsetting_verifysetup_results section {
margin-bottom: 1rem;
}
.local_o365_adminsetting_verifysetup_results section h5 {
margin: 0 0 0.25rem;
}
.local_o365_ucp_index .connectionstatus {
float: right;
width: 14rem;
padding: 0.5rem;
}
.local_o365_ucp_index .connectionstatus img {
float: left;
padding: 0.25rem;
}
.local_o365_ucp_index .connectionstatus small {
font-weight: bold;
font-size: 0.8rem;
}
.local_o365_ucp_index .connectionstatus img.smallicon {
width: 12px;
height: 12px;
}
.local_o365_ucp_index .local_o365_features {
margin-right: 16rem;
}
.local_o365_ucp_index .local_o365_features > div {
margin-bottom: 1rem;
}
.local_o365_ucp_index .local_o365_features > div a,
.local_o365_ucp_index .local_o365_features > div b {
background-position: 2px 0;
background-size: 28px;
background-repeat: no-repeat;
background-color: transparent;
display: inline-block;
padding: 4px 4px 4px 40px;
}
.local_o365_ucp_index .local_o365_features .local_o365_feature_connection a,
.local_o365_ucp_index .local_o365_features .local_o365_feature_connection b {
background-image: url(/theme/image.php/space/local_o365/1752943723/o365color);
}
.local_o365_ucp_index .local_o365_features .local_o365_feature_calendar a,
.local_o365_ucp_index .local_o365_features .local_o365_feature_calendar b {
background-image: url(/theme/image.php/space/local_o365/1752943723/outlookcolor);
}
.local_o365_ucp_index .local_o365_features .local_o365_feature_onenote a,
.local_o365_ucp_index .local_o365_features .local_o365_feature_onenote b {
background-image: url(/theme/image.php/space/local_o365/1752943723/onenotecolor);
}
.local_o365_ucp_featurepage h3.local_o365_featureheader {
background-position: center left;
background-size: 28px;
background-repeat: no-repeat;
background-color: transparent;
padding: 4px 4px 4px 35px;
}
.local_o365_ucp_featurepage h3.local_o365_featureheader.local_o365_feature_calendar {
background-image: url(/theme/image.php/space/local_o365/1752943723/outlookcolor);
}
.local_o365_ucp_featurepage h3.local_o365_featureheader.local_o365_feature_onenote {
background-image: url(/theme/image.php/space/local_o365/1752943723/onenotecolor);
}
.local_o365_ucp_featurepage.local_o365_feature_connection h3.local_o365_featureheader {
background-image: url(/theme/image.php/space/local_o365/1752943723/o365color);
}
.local_o365_ucp_featurepage.local_o365_feature_connection div.connectionstatus {
margin: 2rem 0;
}
.local_o365_ucp_featurepage.local_o365_feature_connection div.local_o365_connectionoption {
margin: 0 0 1rem;
padding: 1rem;
}
.local_o365_ucp_featurepage.local_o365_feature_connection div.local_o365_connectionoption h4 {
margin-top: 0;
}
.local_o365_o365toollink {
margin-bottom: 1rem;
}
.local_o365_matchqueuetoolbar {
margin: 0.75rem 0 0.5rem 0;
}
table.local_o365_matchqueue {
width: 100%;
}
table.local_o365_matchqueue td,
table.local_o365_matchqueue th {
padding: 0.25rem 0.5rem;
vertical-align: top;
}
table.local_o365_matchqueue td:first-child,
table.local_o365_matchqueue th:first-child {
width: 1.5rem;
text-align: center;
}
/* Display spinner while course data is syncing. */
.local_o365_spinner {
margin: 0 0 1em 1em;
display: none;
}
/* Teams tab configuration page. */
select#id_local_o365_teams_course select::-webkit-scrollbar {
width: 6px;
}
select#id_local_o365_teams_course::-webkit-scrollbar-track {
box-shadow: inset 0 0 0 grey;
border-radius: 0;
}
select#id_local_o365_teams_course::-webkit-scrollbar-thumb {
background: rgba(50, 50, 50, .3);
border-radius: 10px;
}
select#id_local_o365_teams_course::-webkit-scrollbar-thumb:hover {
background: rgba(100, 100, 100, .5);
}
select#id_local_o365_teams_course > option:hover {
background-color: #6264a7;
color: white;
}
select#id_local_o365_teams_course:focus option:checked {
background: #6264a7 linear-gradient(0deg, #6264a7 0%, #6264a7 100%);
color: white;
}
select#id_local_o365_teams_course {
overflow: auto;
width: 100%;
max-height: 270px;
overflow-x: hidden;
border-color: #f1f1f1;
color: #484644;
}
select#id_local_o365_teams_course:focus {
outline-offset: 0;
outline: none;
}
select#id_local_o365_teams_course option {
padding-top: 10px;
padding-left: 20px;
padding-bottom: 10px;
font-size: 15px;
}
form#local_o365_course_list label {
font-size: 13px;
}
form#local_o365_course_list {
font-family: "Segoe UI", "Helvetica Neue", "Apple Color Emoji", "Segoe UI Emoji", Helvetica, Arial, sans-serif;
}
/* Teams tab page. */
#id_local_o365_teams_tab_name {
background-color: #f0f2f4;
border: 0;
padding: 8px 8px 8px 12px;
width: 100%;
margin-bottom: 20px;
color: #484644;
font-size: 15px;
}
/* Teams tab manual login. */
div.local_o365_manual_login {
display: none;
margin: auto;
width: 300px;
height: 300px;
position: absolute;
top: 100px;
left: 0;
right: 0;
}
button.local_o365_manual_login_button {
font-family: "Segoe UI", "Helvetica Neue", "Apple Color Emoji", "Segoe UI Emoji", Helvetica, Arial, sans-serif;
display: block;
width: 200px;
background: #6264a7;
border: 0.125rem solid;
border-color: transparent;
border-radius: 0.1875rem;
box-sizing: border-box;
cursor: pointer;
height: 2rem;
min-width: 6rem;
padding: 0.25rem;
white-space: nowrap;
-webkit-box-shadow: unset;
box-shadow: unset;
color: #fff;
margin: 5px;
}
button.local_o365_manual_login_button:not(:disabled):not(.disabled):active {
background: #a6a7dc;
border-color: transparent;
color: #201f1f;
}
button.local_o365_manual_login_button:hover,
button.local_o365_manual_login_button.enabled {
background: #464775;
border-color: transparent;
color: #fff;
}
.local_o365_acp_option {
vertical-align: top;
margin-right: 10px;
}
.local_o365_settings_manifest_container {
margin: 40px 0 20px 0;
}
.local_o365_settings_teams_banner_part_1 {
margin: 30px 40px 0 40px;
text-align: center;
}
.local_o365_settings_teams_app_img {
width: 100%;
margin-bottom: 30px;
}
.local_o365_settings_moodle_app_id_img {
margin-left: auto;
margin-right: auto;
display: block;
}
.local_o365_settings_moodle_app_id {
background-color: yellow;
}
.local_o365_settings_teams_horizontal_spacer {
margin-left: 80px;
}
.local_o365_settings_teams_h4_spacer {
margin: 20px 0 30px 0;
border-top: 1px solid #e9ecef;
padding-top: 10px;
}
.support_user_identifier_change_case_detail {
font-weight: normal;
font-size: 0.8rem;
}
.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 img {
height: auto;
}
.assignfeedback_editpdf_menu li button {
margin: 0;
background: none;
}
.assignfeedback_editpdf_widget .pageheader button:hover {
background-color: #ebebeb;
background-image: radial-gradient(ellipse at center, #fff 60%, #dfdfdf 100%);
}
.assignfeedback_editpdf_widget .pageheader button.assignfeedback_editpdf_selectedbutton:hover,
.assignfeedback_editpdf_widget .pageheader button.assignfeedback_editpdf_selectedbutton {
background-color: #dfdfdf;
background-image: radial-gradient(ellipse at center, #fff 40%, #dfdfdf 100%);
}
.assignfeedback_editpdf_widget .commentdrawable img {
padding: 1px;
}
.assignfeedback_editpdf_widget .commentdrawable a {
float: right;
position: relative;
left: -17px;
top: 2px;
height: 14px;
background-color: white;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
line-height: 14px;
}
.assignfeedback_editpdf_widget .commentdrawable textarea {
padding: 4px;
padding-right: 20px;
resize: none;
overflow: hidden;
color: black;
border: 2px solid #ccc;
border-radius: 4px;
font-size: 16px;
font-family: helvetica;
min-height: 1.2em;
}
.assignfeedback_editpdf_widget .commentdrawable textarea:focus {
outline: thin dotted #333;
outline-color: -webkit-focus-ring-color;
outline-width: 5px;
outline-style: auto;
outline-offset: -2px;
}
.assignfeedback_editpdf_widget .commentdrawable {
display: flex;
z-index: 52;
height: 0;
}
.assignfeedback_editpdf_widget .annotation {
z-index: 51;
}
.assignfeedback_editpdf_widget .deleteannotationbutton {
z-index: 51;
}
.assignfeedback_editpdf_widget .commentdrawable label {
display: inline-block;
}
.assignfeedback_editpdf_widget .commentdrawable svg {
display: none;
}
.assignfeedback_editpdf_widget .commentdrawable.commentcollapsed {
z-index: auto;
width: 24px;
}
.assignfeedback_editpdf_widget .commentdrawable.commentcollapsed textarea,
.assignfeedback_editpdf_widget .commentdrawable.commentcollapsed a {
display: none;
}
.assignfeedback_editpdf_widget .commentdrawable.commentcollapsed svg {
display: inline-block;
width: 24px;
height: 24px;
}
.assignfeedback_editpdf_widget .drawingcanvas .loading .progressbarlabel {
text-align: center;
}
.hideoverflow {
overflow: hidden;
position: relative;
}
@media (max-width: 960px) {
.assignfeedback_editpdf_widget .pageheader {
height: 104px;
}
.assignfeedback_editpdf_widget .drawingregion {
top: 104px;
}
}
@media (max-width: 767px) {
.assignfeedback_editpdf_widget .drawingregion {
position: relative;
margin-bottom: 1em;
top: 0;
max-height: 312px;
}
.assignfeedback_editpdf_widget .pageheader {
height: auto;
}
}
@media (max-width: 480px) {
.assignfeedback_editpdf_widget .pageheader {
padding-left: 5px;
padding-right: 5px;
}
}
#page-mod-quiz-report #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;
}
body.lb-disable-scrolling {
overflow: hidden;
}
.lightboxOverlay {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
background-color: black;
/* stylelint-disable */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* stylelint-enable */
opacity: 0.8;
display: none;
}
.lightbox {
position: absolute;
left: 0;
width: 100%;
z-index: 10000;
text-align: center;
line-height: 0;
font-weight: normal;
outline: none;
}
.lightbox .lb-image {
display: block;
height: auto;
max-width: inherit;
max-height: none;
border-radius: 3px;
/* Image border */
border: 4px solid white;
}
.lightbox a img {
border: none;
}
.lb-outerContainer {
position: relative;
*zoom: 1;
width: 250px;
height: 250px;
margin: 0 auto;
border-radius: 4px;
/* Background color behind image.
This is visible during transitions. */
background-color: white;
}
.lb-outerContainer:after {
content: "";
display: table;
clear: both;
}
.lb-loader {
position: absolute;
top: 43%;
left: 0;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
.lb-cancel {
display: block;
width: 32px;
height: 32px;
margin: 0 auto;
background: url(../../../../mod/quiz/accessrule/proctoring/pix/loading.gif) no-repeat;
}
.lb-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
.lb-container > .nav {
left: 0;
}
.lb-nav a {
outline: none;
/* stylelint-disable */
background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);
/* stylelint-enable */
}
.lb-prev,
.lb-next {
height: 100%;
cursor: pointer;
display: block;
}
.lb-nav a.lb-prev {
width: 34%;
left: 0;
float: left;
background: url(../../../../mod/quiz/accessrule/proctoring/pix/prev.png) left 48% no-repeat;
/* stylelint-disable */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
/* stylelint-enable */
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-prev:hover {
/* stylelint-disable */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
/* stylelint-enable */
opacity: 1;
}
.lb-nav a.lb-next {
width: 64%;
right: 0;
float: right;
background: url(../../../../mod/quiz/accessrule/proctoring/pix/next.png) right 48% no-repeat;
/* stylelint-disable */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
/* stylelint-enable */
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-next:hover {
/* stylelint-disable */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
/* stylelint-enable */
opacity: 1;
}
.lb-dataContainer {
margin: 0 auto;
padding-top: 5px;
*zoom: 1;
width: 100%;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.lb-dataContainer:after {
content: "";
display: table;
clear: both;
}
.lb-data {
padding: 0 4px;
color: #ccc;
}
.lb-data .lb-details {
width: 85%;
float: left;
text-align: left;
line-height: 1.1em;
}
.lb-data .lb-caption {
font-size: 13px;
font-weight: bold;
line-height: 1em;
}
.lb-data .lb-caption a {
color: #4ae;
}
.lb-data .lb-number {
display: block;
clear: left;
padding-bottom: 1em;
font-size: 12px;
color: #999;
}
.lb-data .lb-close {
display: block;
float: right;
width: 30px;
height: 30px;
background: url(../../../../mod/quiz/accessrule/proctoring/pix/close.png) top right no-repeat;
text-align: right;
outline: none;
/* stylelint-disable */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
/* stylelint-enable */
opacity: 0.7;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.lb-data .lb-close:hover {
cursor: pointer;
/* stylelint-disable */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
/* stylelint-enable */
opacity: 1;
}
/*
.moodle-dialogue-hd{
max-height: calc(100vh - 10px);
overflow-y: auto;
}
.moodle-dialogue{
width: 900px !important;
}
*/
.loadingspinner {
pointer-events: none;
width: 1.5em;
height: 1.5em;
border: 0.4em solid transparent;
border-color: #eee;
border-top-color: #3E67EC;
border-radius: 50%;
animation: loadingspin 1s linear infinite;
display: none;
}
@keyframes loadingspin {
100% {
transform: rotate(360deg)
}
}
.proctoring_report_overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
background-color: rgba(0, 0, 0, 0.4);
display: flex;
}
.proctoring_report_overlay_container {
position: relative;
display: inline-block;
}
@media (max-width: 430px) {
.moodle-dialogue-base .moodle-dialogue.mod_quiz_preflight_popup {
width: 90vw; /* Responsive width */
max-height: 80vh; /* Restrict max height to ensure visibility */
}
}
/* user image is not uploaded warning */
.custom-warning-message {
font-size: 1.1em;
color: #a94442; /* Adjust the color as needed */
font-weight: bold;
}
.custom-upload-link {
color: #337ab7; /* Adjust to your theme color */
font-weight: bold;
text-decoration: underline;
}
.custom-upload-link:hover {
color: #23527c; /* Slightly darker shade for hover effect */
}
/* 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_fontawesomepicker_button .dropdown-menu {
list-style-type: none;
-webkit-columns: 3;
-moz-columns: 3;
columns: 3;
list-style-position: inside;
}
.atto_fontawesomepicker_button .dropdown-menu li a {
padding-left: 21px;
padding-right: 21px;
margin-left: 3px;
margin-right: 3px;
border: 1px solid lightgrey;
display: flex;
justify-content: center;
}
.atto_fontawesomepicker_button .dropdown-menu li a:empty {
border: none;
pointer-events: none;
cursor: default;
text-decoration: none;
height: 24px;
}
.atto_fontawesomepicker_button .dropdown-menu li a i {
color: lightgrey !important;
}
.atto_fontawesomepicker_button .dropdown-menu li a:hover {
background-color: grey;
text-decoration: none;
}
.atto_fontawesomepicker_button .dropdown-menu li a:nth-of-type(1) {
margin-top: 0;
}
#fontawesomepickercustom_setting #searchcontainer {
width : 100%;
}
#fontawesomepickercustom_setting #searchbar {
display : flex;
margin-bottom : 5px;
margin-top : 10px;
}
#fontawesomepickercustom_setting #searchbar input {
flex: auto;
font-size: 30px;
padding-left : 5px;
}
#fontawesomepickercustom_setting #searchbar div {
padding : 5px
}
#fontawesomepickercustom_setting #choices, #selected {
width : 100%;
display: grid;
grid-row-gap : 5px;
grid-column-gap : 5px;
grid-template-columns: repeat(auto-fill, 100px);
padding : 5px;
}
#fontawesomepickercustom_setting #choices {
border-top : none;
overflow-y: scroll;
}
#fontawesomepickercustom_setting #choices .icon, #fontawesomepickercustom_setting #selected .icon {
height : 100px;
display : flex;
justify-content : flex-end;
align-items : center;
align-self: baseline;
flex-direction : column;
color : grey;
position : relative;
width: 100%;
padding-bottom: 5px;
}
#fontawesomepickercustom_setting #choices span, #fontawesomepickercustom_setting #selected span {
font-size: 12px;
text-align: center;
line-height: 12px;
margin-top: 5px;
}
#fontawesomepickercustom_setting #choices .icon:hover {
background-color : #c5c9ca;
cursor : pointer;
}
#fontawesomepickercustom_setting #choices .icon.selected:hover {
background-color : inherit;
cursor : initial;
}
#fontawesomepickercustom_setting .icon .actionremove {
width: 30px;
height: 30px;
color : red;
position: absolute;
top: 0;
right: 0;
}
#fontawesomepickercustom_setting .icon .actionremove:hover {
cursor: pointer;
}
#fontawesomepickercustom_setting .icon .actionselected {
width: 30px;
height: 30px;
color : green;
position: absolute;
top: 0;
right: 0;
}
#fontawesomepickercustom_setting ~ .form-defaultinfo {
display: none;
}
.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;
}
.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/space/atto_h5p/1752943723/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_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;
}
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_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_recordrtc,
.tiny_recordrtc div {
font-weight: normal;
line-height: 40px;
padding: 3px 0 3px 0;
}
.tiny_recordrtc .alert {
line-height: 40px;
text-align: center;
}
.tiny_recordrtc audio {
display: block;
width: 100%;
}
@media screen and (max-width: 670px) {
.tiny_recordrtc video {
display: block;
height: auto;
margin: 0 auto;
width: 100%;
}
}
@media screen and (min-width: 671px) {
.tiny_recordrtc video {
display: block;
height: 480px;
margin: 0 auto;
width: 640px;
}
}
.tiny_recordrtc #start-stop,
.tiny_recordrtc #upload {
white-space: normal;
}
.tiny_recordrtc video {
border-radius: 8px;
}
#tinymce_managefiles_manageform.hasunusedfiles .managefilesstatus {
display: none;
}
#tinymce_managefiles_manageform.hasmissingfiles .managefilesstatus {
display: inline;
}
#tinymce_managefiles_manageform #id_deletefiles {
display: none;
}
#tinymce_managefiles_manageform.hasunusedfiles #id_deletefiles {
display: block;
}
#tinymce_managefiles_manageform #id_deletefiles .felement.fcheckbox {
display: none;
}
#tinymce_managefiles_manageform #id_deletefiles .felement.fcheckbox.isunused {
display: block;
}
@charset "UTF-8";
/** Pre-SCSS from theme_space_get_pre_scss **/
/*!
* Bootstrap v4.6.0 (https://getbootstrap.com/)
* Copyright 2011-2021 The Bootstrap Authors
* Copyright 2011-2021 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
:root {
--blue: #406CD2;
--purple: #D0C6F0;
--red: #ef1010;
--orange: #4c2101;
--yellow: #F7B742;
--green: #027654;
--white: #fff;
--gray: #626262;
--gray-dark: #434343;
--primary-color-100: #eee8e7;
--primary-color-200: #ddd1cf;
--primary-color-300: #ccbab8;
--primary-color-400: #ab8c88;
--primary-color-500: #784741;
--primary-color-600: #561911;
--primary-color-700: #340f0a;
--primary-color-800: #2b0d09;
--primary-color-900: #1a0805;
--gray-100: #F5F5F5;
--gray-200: #EEEEEE;
--gray-300: #E1E1E1;
--gray-400: #D8D8D8;
--gray-500: #b2b2b2;
--gray-600: #626262;
--gray-700: #525151;
--gray-800: #434343;
--gray-900: #212121;
--primary: #561911;
--secondary: #626262;
--success: #561911;
--info: #406CD2;
--warning: #F7B742;
--danger: #ef1010;
--light: #626262;
--dark: #212121;
--breakpoint-xs: 0;
--breakpoint-sm: 320px;
--breakpoint-md: 768px;
--breakpoint-lmd: 1000px;
--breakpoint-lg: 1200px;
--breakpoint-xl: 1600px;
--breakpoint-xxl: 3000px;
--font-family-sans-serif: "Arial", system-ui, -apple-system, "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: "Poppins", sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212121;
text-align: left;
background-color: #fff;
}
@media (max-width: 767.98px) {
body {
font-size: 14px;
}
}
body.theme-dark {
color: #E8EAED;
background-color: #191a1e;
}
[tabindex="-1"]:focus:not(:focus-visible) {
outline-offset: 2px;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
.hr-xsmall {
width: 30px;
margin-left: auto;
margin-right: auto;
}
.hr-small {
width: 30px;
margin: 30px auto;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: 0.5rem;
}
p {
margin-top: 0;
margin-bottom: 1rem;
}
p:only-child {
margin-bottom: 0;
}
abbr[title], abbr[data-original-title] {
cursor: help;
border-bottom: 0;
}
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 {
font-weight: bolder;
}
small {
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: #561911;
text-decoration: none;
background-color: transparent;
transition: all 0.2s ease-in-out;
word-break: break-word;
}
a:hover {
color: #561911;
}
.theme-dark a:hover {
color: #ab8c88;
}
.theme-dark a {
color: #ab8c88;
}
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: 1rem;
}
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: #525151;
text-align: left;
caption-side: bottom;
}
.theme-dark caption {
color: #9AA0A6;
}
th {
text-align: inherit;
text-align: -webkit-match-parent;
}
label {
display: inline-block;
margin-bottom: 0.5rem;
font-weight: 500;
}
button {
border-radius: 0;
}
button:focus:not(:focus-visible) {
outline-offset: 2px;
}
:focus-visible {
outline: 2px solid rgba(64, 108, 210, 0.9);
outline-offset: 2px;
}
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;
}
input[type="radio"] {
margin: 10px;
}
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;
font-size: 0.875rem;
font-weight: 700;
line-height: inherit;
color: inherit;
white-space: normal;
}
progress {
vertical-align: baseline;
}
::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-year-field {
padding: 0;
}
::-webkit-inner-spin-button {
height: auto;
}
[type="search"] {
outline-offset: -2px;
-webkit-appearance: textfield;
}
/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
direction: ltr;
}
*/
::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
padding: 0;
}
::file-selector-button {
font: inherit;
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
output {
display: inline-block;
}
iframe {
border: 0;
}
summary {
display: list-item;
cursor: pointer;
}
progress {
vertical-align: baseline;
}
[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.5;
color: #212121;
}
.theme-dark h1, .theme-dark h2, .theme-dark h3, .theme-dark h4, .theme-dark h5, .theme-dark h6, .theme-dark .h1, .theme-dark .h2, .theme-dark .h3, .theme-dark .h4, .theme-dark .h5, .theme-dark .h6 {
color: #F5F5F5;
}
h5, h6, .h5, .h6 {
color: #555353;
}
.theme-dark h5, .theme-dark h6, .theme-dark .h5, .theme-dark .h6 {
color: #9AA0A6;
}
.yui3-widget-modal h5, .yui3-widget-modal h6, .yui3-widget-modal .h5, .yui3-widget-modal .h6 {
color: #212121;
}
.theme-dark .yui3-widget-modal h5, .theme-dark .yui3-widget-modal h6, .theme-dark .yui3-widget-modal .h5, .theme-dark .yui3-widget-modal .h6 {
color: #F5F5F5;
}
h1, .h1 {
font-size: 2.75rem;
margin-bottom: 1.5rem;
}
@media (max-width: 767.98px) {
h1, .h1 {
font-size: 2rem;
}
}
.page-content--maintenance h1, .page-content--maintenance .h1 {
font-size: 1rem;
font-family: "Poppins", sans-serif;
color: #434343;
}
h2, .h2 {
font-size: 1.5rem;
}
@media (max-width: 767.98px) {
h2, .h2 {
font-size: 1.5rem;
}
}
h3, .h3 {
font-size: 1.125rem;
}
@media (max-width: 767.98px) {
h3, .h3 {
font-size: 1.15rem;
}
}
h4, .h4 {
font-size: 1rem;
}
@media (max-width: 767.98px) {
h4, .h4 {
font-size: 1rem;
}
}
h5, .h5 {
font-size: 0.875rem;
}
@media (max-width: 767.98px) {
h5, .h5 {
font-size: 0.85rem;
}
}
h6, .h6 {
font-size: 0.75rem;
margin-bottom: 0;
}
@media (max-width: 767.98px) {
h6, .h6 {
font-size: 0.75rem;
}
}
h2 .btn {
margin-left: 0.35rem;
}
h2 .btn:hover {
text-decoration: none;
}
h2 + h3 {
margin-top: 1.5rem;
}
#page-admin-tool-lp-editplan h2 + h3 {
margin-top: 1rem;
margin-bottom: 1rem;
}
h2 + .nav-tabs {
margin-top: 2rem !important;
}
h3 + fieldset {
margin-top: 20px;
}
.lead-1, .mod_introbox, .lead-2, .lead-3, .lead-4 {
font-weight: 500;
color: #212121;
line-height: 1.3;
}
.theme-dark .lead-1, .theme-dark .mod_introbox, .theme-dark .lead-2, .theme-dark .lead-3, .theme-dark .lead-4 {
color: #E8EAED;
}
.lead-1, .mod_introbox {
font-size: 3rem;
}
@media (max-width: 767.98px) {
.lead-1, .mod_introbox {
font-size: 2rem;
}
}
.lead-2 {
font-size: 2.5rem;
}
@media (max-width: 767.98px) {
.lead-2 {
font-size: 1.5rem;
}
}
.lead-3 {
font-size: 2rem;
}
@media (max-width: 767.98px) {
.lead-3 {
font-size: 1rem;
}
}
.lead-4 {
font-size: 1.5rem;
}
@media (max-width: 767.98px) {
.lead-4 {
font-size: 0.85rem;
}
}
.display-1, .display-2, .display-3, .display-4 {
color: #212121;
}
.theme-dark .display-1, .theme-dark .display-2, .theme-dark .display-3, .theme-dark .display-4 {
color: #E8EAED;
}
.display-1 {
font-size: 4rem;
font-weight: 700;
line-height: 1.5;
}
@media (max-width: 767.98px) {
.display-1 {
font-size: 3rem;
}
}
.display-2 {
font-size: 3.5rem;
font-weight: 700;
line-height: 1.5;
}
@media (max-width: 767.98px) {
.display-2 {
font-size: 2rem;
}
}
.display-3 {
font-size: 2.5rem;
font-weight: 700;
line-height: 1.5;
}
@media (max-width: 767.98px) {
.display-3 {
font-size: 1.5rem;
}
}
.display-4 {
font-size: 1rem;
font-weight: 700;
line-height: 1.5;
}
@media (max-width: 767.98px) {
.display-4 {
font-size: 1rem;
}
}
hr {
margin-top: 1rem;
margin-bottom: 1rem;
border: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.theme-dark hr {
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
small, .small, .text-small {
font-size: 0.75rem;
font-weight: 400;
}
.modified {
margin: 30px auto 0;
padding: 10px 20px 10px 40px;
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.1265 6.87348C14.2952 4.04217 9.70478 4.04217 6.87348 6.87348C4.04217 9.70478 4.04217 14.2952 6.87348 17.1265C9.70478 19.9578 14.2952 19.9578 17.1265 17.1265C17.7603 16.4927 18.2522 15.7708 18.6023 15.0001' stroke='%236B6B6B' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M19.25 19.25V15.75C19.25 15.1977 18.8023 14.75 18.25 14.75H14.75' stroke='%236B6B6B' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
background-size: 16px;
background-repeat: no-repeat;
background-position: 13px;
background-color: #F5F5F5;
font-size: 0.75rem;
color: #434343;
}
mark, .mark {
padding: 0.2em;
background-color: #fcf8e3;
}
.theme-dark mark, .theme-dark .mark {
background-color: #fcf8e3;
}
ul[type="disc"] {
margin: 0 10px;
padding: 0 24px;
}
.list-unstyled {
margin: 20px 0;
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;
}
.list-styled {
margin: 1rem;
padding-left: 0;
}
.list-styled li {
list-style: none;
padding-top: 0.25rem;
padding-left: 1.5rem;
padding-bottom: 0.25rem;
margin-bottom: 0.25rem;
position: relative;
color: #434343;
}
.theme-dark .list-styled li {
color: #aeb3b8;
}
.theme-dark .rui-card--colorized .list-styled li {
color: #434343;
}
.list-styled li:before {
content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23212121' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M5.75 12.8665L8.33995 16.4138C9.15171 17.5256 10.8179 17.504 11.6006 16.3715L18.25 6.75'%3E%3C/path%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-size: 14px;
position: absolute;
top: calc(50% - 6px);
left: 0;
width: 20px;
height: 20px;
}
.theme-dark .list-styled li:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M5.75 12.8665L8.33995 16.4138C9.15171 17.5256 10.8179 17.504 11.6006 16.3715L18.25 6.75'%3E%3C/path%3E%3C/svg%3E%0A");
}
.user-evidence-documents {
margin: 1rem 1.25rem;
padding-left: 0;
}
.user-evidence-documents li {
list-style: none;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
margin-bottom: 0.25rem;
}
.user-evidence-documents li .rui-icon {
margin-right: 0.35rem;
}
.user-evidence-documents li a {
font-size: 0.875rem;
font-weight: 500;
color: #434343;
}
.theme-dark .user-evidence-documents li a {
color: #aeb3b8;
}
.initialism {
font-size: 90%;
text-transform: uppercase;
}
.blockquote {
margin-bottom: 1rem;
font-size: 1.25rem;
}
.blockquote-footer {
display: block;
font-size: 0.75rem;
color: #626262;
}
.theme-dark .blockquote-footer {
color: #3C4043;
}
.blockquote-footer::before {
content: "— ";
}
.rui-typo-quote {
margin-bottom: 10px;
font-size: 1.875rem;
line-height: 1.3;
font-weight: 400;
color: #212121;
}
.theme-dark .rui-typo-quote {
color: #E8EAED;
}
.rui-typo-quote-author, .rui-typo-quote-author-light {
display: block;
font-size: 1rem;
}
.rui-typo-quote-author {
font-weight: 700;
color: #212121;
}
.theme-dark .rui-typo-quote-author {
color: #E8EAED;
}
.rui-typo-quote-author-light {
color: #555353;
}
.theme-dark .rui-typo-quote-author-light {
color: #9AA0A6;
}
.rui-pre {
max-width: 100%;
width: 100%;
white-space: pre-wrap;
overflow: auto;
position: relative;
}
.rui-pre code {
background-color: transparent;
color: #434343;
white-space: normal;
}
.theme-dark .rui-pre code {
color: #aeb3b8;
}
.rui-pre button {
position: absolute;
top: 5px;
right: 5px;
}
.font-weight-medium {
font-weight: 500;
}
.list-unstyled--special {
padding: 5px;
margin: 0 10px;
font-size: 0.875rem;
}
.list-unstyled--special li {
margin-left: 12px;
padding: 2px 0;
}
.list-unstyled--special li a:hover {
color: #561911;
}
.text-light {
color: #555353;
}
.text-size-xl {
font-size: 1.875rem;
line-height: 1.3;
}
@media (max-width: 767.98px) {
.text-size-xl {
font-size: 1.125rem;
}
}
.text-size-lg {
font-size: 1.125rem;
line-height: 1.4;
}
@media (max-width: 767.98px) {
.text-size-lg {
font-size: 1rem;
}
}
.text-size-base {
font-size: 1rem;
}
@media (max-width: 767.98px) {
.text-size-base {
font-size: 0.938rem;
}
}
.text-size-md {
font-size: 0.938rem;
}
@media (max-width: 767.98px) {
.text-size-md {
font-size: 0.875rem;
}
}
.text-size-sm {
font-size: 0.875rem;
}
@media (max-width: 767.98px) {
.text-size-sm {
font-size: 0.75rem;
}
}
.text-size-xs {
font-size: 0.75rem;
}
@media (max-width: 767.98px) {
.text-size-xs {
font-size: 0.6rem;
}
}
.rui-text--gradient, .theme-dark .rui-text--gradient {
background-image: linear-gradient(140deg, #ddd1cf 13%, #561911 84%);
color: #561911;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.rui-text--gradient .btn, .theme-dark .rui-text--gradient .btn {
-webkit-background-clip: initial;
background-clip: initial;
-webkit-text-fill-color: initial;
}
.rui-text--white, .theme-dark .rui-text--white {
color: #fff;
}
.rui-text--black, .theme-dark .rui-text--black {
color: #212121;
}
.rui-text--weight-normal {
font-weight: 400;
}
.rui-text--weight-medium {
font-weight: 500;
}
.rui-text--weight-bold {
font-weight: 700;
}
.rui-text--opacity {
opacity: 0.7;
}
.underline--anim, .list-unstyled li a, .rui-footer-content a, .rui-footer-copy a, .rui-footer-block--3 a, .rui-footer-btns a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, ul:not([class]) li a, ol:not([class]) li a, p a, .breadcrumb-item a, #plugins-check-page .pluginupdateinfo .info a, #plugins-control-panel .pluginupdateinfo .info a {
position: relative;
text-decoration: none;
}
.underline--anim:after, .list-unstyled li a:after, .rui-footer-content a:after, .rui-footer-copy a:after, .rui-footer-block--3 a:after, .rui-footer-btns a:after, h1 a:after, h2 a:after, h3 a:after, h4 a:after, h5 a:after, h6 a:after, ul:not([class]) li a:after, ol:not([class]) li a:after, p a:after, .breadcrumb-item a:after, #plugins-check-page .pluginupdateinfo .info a:after, #plugins-control-panel .pluginupdateinfo .info a:after {
content: "";
background-color: #561911;
width: 0;
height: 1px;
position: absolute;
top: auto;
bottom: -3px;
right: 0;
transition: width 350ms ease-in-out;
}
.theme-dark .underline--anim:after, .theme-dark .list-unstyled li a:after, .list-unstyled li .theme-dark a:after, .theme-dark .rui-footer-content a:after, .rui-footer-content .theme-dark a:after, .theme-dark .rui-footer-copy a:after, .rui-footer-copy .theme-dark a:after, .theme-dark .rui-footer-block--3 a:after, .rui-footer-block--3 .theme-dark a:after, .theme-dark .rui-footer-btns a:after, .rui-footer-btns .theme-dark a:after, .theme-dark h1 a:after, h1 .theme-dark a:after, .theme-dark h2 a:after, h2 .theme-dark a:after, .theme-dark h3 a:after, h3 .theme-dark a:after, .theme-dark h4 a:after, h4 .theme-dark a:after, .theme-dark h5 a:after, h5 .theme-dark a:after, .theme-dark h6 a:after, h6 .theme-dark a:after, .theme-dark ul:not([class]) li a:after, ul:not([class]) li .theme-dark a:after, .theme-dark ol:not([class]) li a:after, ol:not([class]) li .theme-dark a:after, .theme-dark p a:after, p .theme-dark a:after, .theme-dark .breadcrumb-item a:after, .breadcrumb-item .theme-dark a:after, .theme-dark #plugins-check-page .pluginupdateinfo .info a:after, #plugins-check-page .pluginupdateinfo .info .theme-dark a:after, .theme-dark #plugins-control-panel .pluginupdateinfo .info a:after, #plugins-control-panel .pluginupdateinfo .info .theme-dark a:after {
background-color: #ab8c88;
}
.underline--anim:hover, .list-unstyled li a:hover, .rui-footer-content a:hover, .rui-footer-copy a:hover, .rui-footer-block--3 a:hover, .rui-footer-btns a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, ul:not([class]) li a:hover, ol:not([class]) li a:hover, p a:hover, .breadcrumb-item a:hover, #plugins-check-page .pluginupdateinfo .info a:hover, #plugins-control-panel .pluginupdateinfo .info a:hover {
text-decoration: none;
}
.underline--anim:hover:after, .list-unstyled li a:hover:after, .rui-footer-content a:hover:after, .rui-footer-copy a:hover:after, .rui-footer-block--3 a:hover:after, .rui-footer-btns a:hover:after, h1 a:hover:after, h2 a:hover:after, h3 a:hover:after, h4 a:hover:after, h5 a:hover:after, h6 a:hover:after, ul:not([class]) li a:hover:after, ol:not([class]) li a:hover:after, p a:hover:after, .breadcrumb-item a:hover:after, #plugins-check-page .pluginupdateinfo .info a:hover:after, #plugins-control-panel .pluginupdateinfo .info a:hover:after {
width: 100%;
right: auto;
left: 0;
}
ol.list li, ul.list li {
padding: 3px 0;
}
ul, ol {
margin-left: 1rem;
padding-left: 20px;
text-align: left;
}
.img-fluid {
max-width: 100%;
height: auto;
}
.img-thumbnail {
padding: 0.25rem;
background-color: #fff;
border: 1px solid #E1E1E1;
border-radius: 5px;
max-width: 100%;
height: auto;
}
.figure {
display: inline-block;
}
.figure-img {
margin-bottom: 0.5rem;
line-height: 1;
}
.figure-caption {
font-size: 90%;
color: #626262;
}
code {
padding: 0.35rem 0.45rem;
background-color: rgba(147, 100, 10, 0.2);
border-radius: 3px;
font-size: 0.75rem;
font-weight: 500;
color: #212121;
line-height: 2;
word-wrap: break-word;
}
.theme-dark code {
background-color: rgba(255, 255, 255, 0.2);
color: #000;
}
a > code {
color: inherit;
}
kbd {
padding: 0.2rem 0.4rem;
font-size: 0.75rem;
color: #fff;
background-color: #212121;
border-radius: 3px;
}
.theme-dark kbd {
color: #080909;
}
kbd kbd {
padding: 0;
font-size: 100%;
font-weight: 700;
}
pre {
display: block;
font-size: 0.75rem;
color: #212121;
}
.theme-dark pre {
color: #E8EAED;
}
pre code {
font-size: inherit;
color: inherit;
word-break: normal;
}
.CodeMirror-wrap pre, .theme-dark .CodeMirror-wrap pre {
color: inherit;
}
.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: 320px) {
.container, .container-sm {
max-width: 100%;
}
}
@media (min-width: 768px) {
.container, .container-sm, .container-md {
max-width: 100%;
}
}
@media (min-width: 1200px) {
.container, .container-sm, .container-md, .container-lmd, .container-lg {
max-width: 960px;
}
}
@media (min-width: 1600px) {
.container, .container-sm, .container-md, .container-lmd, .container-lg, .container-xl {
max-width: 1140px;
}
}
.row {
display: flex;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters > .col, .no-gutters > [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-lmd-1, .col-lmd-2, .col-lmd-3, .col-lmd-4, .col-lmd-5, .col-lmd-6, .col-lmd-7, .col-lmd-8, .col-lmd-9, .col-lmd-10, .col-lmd-11, .col-lmd-12, .col-lmd, .col-lmd-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, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl, .col-xxl-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: 320px) {
.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: 1000px) {
.col-lmd {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.row-cols-lmd-1 > * {
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-lmd-2 > * {
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-lmd-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.row-cols-lmd-4 > * {
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-lmd-5 > * {
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-lmd-6 > * {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-lmd-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-lmd-1 {
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.col-lmd-2 {
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.col-lmd-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-lmd-4 {
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.col-lmd-5 {
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.col-lmd-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-lmd-7 {
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.col-lmd-8 {
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.col-lmd-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-lmd-10 {
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.col-lmd-11 {
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.col-lmd-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-lmd-first {
order: -1;
}
.order-lmd-last {
order: 13;
}
.order-lmd-0 {
order: 0;
}
.order-lmd-1 {
order: 1;
}
.order-lmd-2 {
order: 2;
}
.order-lmd-3 {
order: 3;
}
.order-lmd-4 {
order: 4;
}
.order-lmd-5 {
order: 5;
}
.order-lmd-6 {
order: 6;
}
.order-lmd-7 {
order: 7;
}
.order-lmd-8 {
order: 8;
}
.order-lmd-9 {
order: 9;
}
.order-lmd-10 {
order: 10;
}
.order-lmd-11 {
order: 11;
}
.order-lmd-12 {
order: 12;
}
.offset-lmd-0 {
margin-left: 0;
}
.offset-lmd-1 {
margin-left: 8.33333333%;
}
.offset-lmd-2 {
margin-left: 16.66666667%;
}
.offset-lmd-3 {
margin-left: 25%;
}
.offset-lmd-4 {
margin-left: 33.33333333%;
}
.offset-lmd-5 {
margin-left: 41.66666667%;
}
.offset-lmd-6 {
margin-left: 50%;
}
.offset-lmd-7 {
margin-left: 58.33333333%;
}
.offset-lmd-8 {
margin-left: 66.66666667%;
}
.offset-lmd-9 {
margin-left: 75%;
}
.offset-lmd-10 {
margin-left: 83.33333333%;
}
.offset-lmd-11 {
margin-left: 91.66666667%;
}
}
@media (min-width: 1200px) {
.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: 1600px) {
.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%;
}
}
@media (min-width: 3000px) {
.col-xxl {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.row-cols-xxl-1 > * {
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-xxl-2 > * {
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-xxl-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.row-cols-xxl-4 > * {
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-xxl-5 > * {
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-xxl-6 > * {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-xxl-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-xxl-1 {
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.col-xxl-2 {
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.col-xxl-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-xxl-4 {
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.col-xxl-5 {
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.col-xxl-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-xxl-7 {
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.col-xxl-8 {
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.col-xxl-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-xxl-10 {
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.col-xxl-11 {
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.col-xxl-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-xxl-first {
order: -1;
}
.order-xxl-last {
order: 13;
}
.order-xxl-0 {
order: 0;
}
.order-xxl-1 {
order: 1;
}
.order-xxl-2 {
order: 2;
}
.order-xxl-3 {
order: 3;
}
.order-xxl-4 {
order: 4;
}
.order-xxl-5 {
order: 5;
}
.order-xxl-6 {
order: 6;
}
.order-xxl-7 {
order: 7;
}
.order-xxl-8 {
order: 8;
}
.order-xxl-9 {
order: 9;
}
.order-xxl-10 {
order: 10;
}
.order-xxl-11 {
order: 11;
}
.order-xxl-12 {
order: 12;
}
.offset-xxl-0 {
margin-left: 0;
}
.offset-xxl-1 {
margin-left: 8.33333333%;
}
.offset-xxl-2 {
margin-left: 16.66666667%;
}
.offset-xxl-3 {
margin-left: 25%;
}
.offset-xxl-4 {
margin-left: 33.33333333%;
}
.offset-xxl-5 {
margin-left: 41.66666667%;
}
.offset-xxl-6 {
margin-left: 50%;
}
.offset-xxl-7 {
margin-left: 58.33333333%;
}
.offset-xxl-8 {
margin-left: 66.66666667%;
}
.offset-xxl-9 {
margin-left: 75%;
}
.offset-xxl-10 {
margin-left: 83.33333333%;
}
.offset-xxl-11 {
margin-left: 91.66666667%;
}
}
.table-sm th, .table-sm td {
padding: 0.3rem;
font-size: 11px;
}
.table-sm td {
font-size: 0.875rem;
}
.table-bordered {
border: 1px solid #E1E1E1;
}
.theme-dark .table-bordered {
border-color: #2E3134;
}
.table-bordered th, .table-bordered td {
border: 1px solid #E1E1E1;
}
.theme-dark .table-bordered th, .theme-dark .table-bordered td {
border-color: #2E3134;
}
.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.025);
}
.table-hover tbody tr:hover {
color: #212121;
background-color: rgba(0, 0, 0, 0.075);
}
.theme-dark .table-hover tbody tr:hover {
color: #E8EAED;
background-color: rgba(255, 255, 255, 0.075);
}
.table-primary-color-100, .table-primary-color-100 > th, .table-primary-color-100 > td {
background-color: #faf9f8;
}
.table-primary-color-100 th, .table-primary-color-100 td, .table-primary-color-100 thead th, .table-primary-color-100 tbody + tbody {
border-color: #f6f3f3;
}
.table-hover .table-primary-color-100:hover {
background-color: #efece9;
}
.table-hover .table-primary-color-100:hover > td, .table-hover .table-primary-color-100:hover > th {
background-color: #efece9;
}
.table-primary-color-200, .table-primary-color-200 > th, .table-primary-color-200 > td {
background-color: #f5f2f2;
}
.table-primary-color-200 th, .table-primary-color-200 td, .table-primary-color-200 thead th, .table-primary-color-200 tbody + tbody {
border-color: #ede7e6;
}
.table-hover .table-primary-color-200:hover {
background-color: #eae4e4;
}
.table-hover .table-primary-color-200:hover > td, .table-hover .table-primary-color-200:hover > th {
background-color: #eae4e4;
}
.table-primary-color-300, .table-primary-color-300 > th, .table-primary-color-300 > td {
background-color: #f1eceb;
}
.table-primary-color-300 th, .table-primary-color-300 td, .table-primary-color-300 thead th, .table-primary-color-300 tbody + tbody {
border-color: #e4dbda;
}
.table-hover .table-primary-color-300:hover {
background-color: #e7dedc;
}
.table-hover .table-primary-color-300:hover > td, .table-hover .table-primary-color-300:hover > th {
background-color: #e7dedc;
}
.table-primary-color-400, .table-primary-color-400 > th, .table-primary-color-400 > td {
background-color: #e7dfde;
}
.table-primary-color-400 th, .table-primary-color-400 td, .table-primary-color-400 thead th, .table-primary-color-400 tbody + tbody {
border-color: #d3c3c1;
}
.table-hover .table-primary-color-400:hover {
background-color: #dcd1cf;
}
.table-hover .table-primary-color-400:hover > td, .table-hover .table-primary-color-400:hover > th {
background-color: #dcd1cf;
}
.table-primary-color-500, .table-primary-color-500 > th, .table-primary-color-500 > td {
background-color: #d9cbca;
}
.table-primary-color-500 th, .table-primary-color-500 td, .table-primary-color-500 thead th, .table-primary-color-500 tbody + tbody {
border-color: #b99f9c;
}
.table-hover .table-primary-color-500:hover {
background-color: #cebcbb;
}
.table-hover .table-primary-color-500:hover > td, .table-hover .table-primary-color-500:hover > th {
background-color: #cebcbb;
}
.table-primary-color-600, .table-primary-color-600 > th, .table-primary-color-600 > td {
background-color: #d0bfbc;
}
.table-primary-color-600 th, .table-primary-color-600 td, .table-primary-color-600 thead th, .table-primary-color-600 tbody + tbody {
border-color: #a78783;
}
.table-hover .table-primary-color-600:hover {
background-color: #c5b1ad;
}
.table-hover .table-primary-color-600:hover > td, .table-hover .table-primary-color-600:hover > th {
background-color: #c5b1ad;
}
.table-primary-color-700, .table-primary-color-700 > th, .table-primary-color-700 > td {
background-color: #c6bcba;
}
.table-primary-color-700 th, .table-primary-color-700 td, .table-primary-color-700 thead th, .table-primary-color-700 tbody + tbody {
border-color: #958280;
}
.table-hover .table-primary-color-700:hover {
background-color: #baaeac;
}
.table-hover .table-primary-color-700:hover > td, .table-hover .table-primary-color-700:hover > th {
background-color: #baaeac;
}
.table-primary-color-800, .table-primary-color-800 > th, .table-primary-color-800 > td {
background-color: #c4bbba;
}
.table-primary-color-800 th, .table-primary-color-800 td, .table-primary-color-800 thead th, .table-primary-color-800 tbody + tbody {
border-color: #91817f;
}
.table-hover .table-primary-color-800:hover {
background-color: #b8adac;
}
.table-hover .table-primary-color-800:hover > td, .table-hover .table-primary-color-800:hover > th {
background-color: #b8adac;
}
.table-primary-color-900, .table-primary-color-900 > th, .table-primary-color-900 > td {
background-color: #bfbab9;
}
.table-primary-color-900 th, .table-primary-color-900 td, .table-primary-color-900 thead th, .table-primary-color-900 tbody + tbody {
border-color: #887f7d;
}
.table-hover .table-primary-color-900:hover {
background-color: #b3adac;
}
.table-hover .table-primary-color-900:hover > td, .table-hover .table-primary-color-900:hover > th {
background-color: #b3adac;
}
.table-gray-100, .table-gray-100 > th, .table-gray-100 > td {
background-color: #fcfcfc;
}
.table-gray-100 th, .table-gray-100 td, .table-gray-100 thead th, .table-gray-100 tbody + tbody {
border-color: #fafafa;
}
.table-hover .table-gray-100:hover {
background-color: #efefef;
}
.table-hover .table-gray-100:hover > td, .table-hover .table-gray-100:hover > th {
background-color: #efefef;
}
.table-gray-200, .table-gray-200 > th, .table-gray-200 > td {
background-color: #fafafa;
}
.table-gray-200 th, .table-gray-200 td, .table-gray-200 thead th, .table-gray-200 tbody + tbody {
border-color: #f6f6f6;
}
.table-hover .table-gray-200:hover {
background-color: #ededed;
}
.table-hover .table-gray-200:hover > td, .table-hover .table-gray-200:hover > th {
background-color: #ededed;
}
.table-gray-300, .table-gray-300 > th, .table-gray-300 > td {
background-color: #f7f7f7;
}
.table-gray-300 th, .table-gray-300 td, .table-gray-300 thead th, .table-gray-300 tbody + tbody {
border-color: #efefef;
}
.table-hover .table-gray-300:hover {
background-color: #eaeaea;
}
.table-hover .table-gray-300:hover > td, .table-hover .table-gray-300:hover > th {
background-color: #eaeaea;
}
.table-gray-400, .table-gray-400 > th, .table-gray-400 > td {
background-color: #f4f4f4;
}
.table-gray-400 th, .table-gray-400 td, .table-gray-400 thead th, .table-gray-400 tbody + tbody {
border-color: #ebebeb;
}
.table-hover .table-gray-400:hover {
background-color: #e7e7e7;
}
.table-hover .table-gray-400:hover > td, .table-hover .table-gray-400:hover > th {
background-color: #e7e7e7;
}
.table-gray-500, .table-gray-500 > th, .table-gray-500 > td {
background-color: #e9e9e9;
}
.table-gray-500 th, .table-gray-500 td, .table-gray-500 thead th, .table-gray-500 tbody + tbody {
border-color: #d7d7d7;
}
.table-hover .table-gray-500:hover {
background-color: gainsboro;
}
.table-hover .table-gray-500:hover > td, .table-hover .table-gray-500:hover > th {
background-color: gainsboro;
}
.table-gray-600, .table-gray-600 > th, .table-gray-600 > td {
background-color: lightgray;
}
.table-gray-600 th, .table-gray-600 td, .table-gray-600 thead th, .table-gray-600 tbody + tbody {
border-color: #adadad;
}
.table-hover .table-gray-600:hover {
background-color: #c6c6c6;
}
.table-hover .table-gray-600:hover > td, .table-hover .table-gray-600:hover > th {
background-color: #c6c6c6;
}
.table-gray-700, .table-gray-700 > th, .table-gray-700 > td {
background-color: #cfcece;
}
.table-gray-700 th, .table-gray-700 td, .table-gray-700 thead th, .table-gray-700 tbody + tbody {
border-color: #a5a5a5;
}
.table-hover .table-gray-700:hover {
background-color: #c2c1c1;
}
.table-hover .table-gray-700:hover > td, .table-hover .table-gray-700:hover > th {
background-color: #c2c1c1;
}
.table-gray-800, .table-gray-800 > th, .table-gray-800 > td {
background-color: #cacaca;
}
.table-gray-800 th, .table-gray-800 td, .table-gray-800 thead th, .table-gray-800 tbody + tbody {
border-color: #9d9d9d;
}
.table-hover .table-gray-800:hover {
background-color: #bdbdbd;
}
.table-hover .table-gray-800:hover > td, .table-hover .table-gray-800:hover > th {
background-color: #bdbdbd;
}
.table-gray-900, .table-gray-900 > th, .table-gray-900 > td {
background-color: #c1c1c1;
}
.table-gray-900 th, .table-gray-900 td, .table-gray-900 thead th, .table-gray-900 tbody + tbody {
border-color: #8c8c8c;
}
.table-hover .table-gray-900:hover {
background-color: #b4b4b4;
}
.table-hover .table-gray-900:hover > td, .table-hover .table-gray-900:hover > th {
background-color: #b4b4b4;
}
.table-primary, .table-primary > th, .table-primary > td {
background-color: #d0bfbc;
}
.table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody {
border-color: #a78783;
}
.table-hover .table-primary:hover {
background-color: #c5b1ad;
}
.table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th {
background-color: #c5b1ad;
}
.table-secondary, .table-secondary > th, .table-secondary > td {
background-color: lightgray;
}
.table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody {
border-color: #adadad;
}
.table-hover .table-secondary:hover {
background-color: #c6c6c6;
}
.table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th {
background-color: #c6c6c6;
}
.table-success, .table-success > th, .table-success > td {
background-color: #d0bfbc;
}
.table-success th, .table-success td, .table-success thead th, .table-success tbody + tbody {
border-color: #a78783;
}
.table-hover .table-success:hover {
background-color: #c5b1ad;
}
.table-hover .table-success:hover > td, .table-hover .table-success:hover > th {
background-color: #c5b1ad;
}
.table-info, .table-info > th, .table-info > td {
background-color: #cad6f2;
}
.table-info th, .table-info td, .table-info thead th, .table-info tbody + tbody {
border-color: #9cb3e8;
}
.table-hover .table-info:hover {
background-color: #b6c6ed;
}
.table-hover .table-info:hover > td, .table-hover .table-info:hover > th {
background-color: #b6c6ed;
}
.table-warning, .table-warning > th, .table-warning > td {
background-color: #fdebca;
}
.table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody + tbody {
border-color: #fbda9d;
}
.table-hover .table-warning:hover {
background-color: #fce2b1;
}
.table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th {
background-color: #fce2b1;
}
.table-danger, .table-danger > th, .table-danger > td {
background-color: #fbbcbc;
}
.table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody {
border-color: #f78383;
}
.table-hover .table-danger:hover {
background-color: #faa4a4;
}
.table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th {
background-color: #faa4a4;
}
.table-light, .table-light > th, .table-light > td {
background-color: lightgray;
}
.table-light th, .table-light td, .table-light thead th, .table-light tbody + tbody {
border-color: #adadad;
}
.table-hover .table-light:hover {
background-color: #c6c6c6;
}
.table-hover .table-light:hover > td, .table-hover .table-light:hover > th {
background-color: #c6c6c6;
}
.table-dark, .table-dark > th, .table-dark > td {
background-color: #c1c1c1;
}
.table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody {
border-color: #8c8c8c;
}
.table-hover .table-dark:hover {
background-color: #b4b4b4;
}
.table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th {
background-color: #b4b4b4;
}
.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-light th {
color: #525151;
background-color: #EEEEEE;
border-color: #E1E1E1;
}
@media (max-width: 319.98px) {
.table-responsive-sm {
display: block;
width: 100%;
overflow-x: auto;
overflow-y: 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;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.table-responsive-md > .table-bordered {
border: 0;
}
}
@media (max-width: 999.98px) {
.table-responsive-lmd {
display: block;
width: 100%;
overflow-x: auto;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.table-responsive-lmd > .table-bordered {
border: 0;
}
}
@media (max-width: 1199.98px) {
.table-responsive-lg {
display: block;
width: 100%;
overflow-x: auto;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.table-responsive-lg > .table-bordered {
border: 0;
}
}
@media (max-width: 1599.98px) {
.table-responsive-xl {
display: block;
width: 100%;
overflow-x: auto;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.table-responsive-xl > .table-bordered {
border: 0;
}
}
@media (max-width: 2999.98px) {
.table-responsive-xxl {
display: block;
width: 100%;
overflow-x: auto;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.table-responsive-xxl > .table-bordered {
border: 0;
}
}
.table-responsive {
display: block;
width: 100%;
overflow-x: auto;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.table-responsive > .table-bordered {
border: 0;
}
.table-responsive table {
width: max-content;
min-width: 100%;
}
.table .img-fluid {
max-width: 200px;
}
.form-control, select[size], select[multiple], .comment-area textarea, textarea.quickgrade, [type="text"], [name="subject"], .path-mod-assign [data-region="grade-panel"] .gradingform_rubric .criterion .remark textarea, .usp-search-field, #email_email {
display: inline-block;
width: 100%;
height: calc(1.5em + 1.5rem + 2px);
padding: 0.75rem 1.25rem;
font-size: 0.875rem;
font-weight: 400;
line-height: 1.5;
color: #434343;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #D8D8D8;
box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.11);
border-radius: 5px;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-control, select[size], select[multiple], .comment-area textarea, textarea.quickgrade, [type="text"], [name="subject"], .path-mod-assign [data-region="grade-panel"] .gradingform_rubric .criterion .remark textarea, .usp-search-field, #email_email {
transition: none;
}
}
.theme-dark .form-control, .theme-dark select[size], .theme-dark select[multiple], .theme-dark .comment-area textarea, .theme-dark textarea.quickgrade, .theme-dark [type="text"], .theme-dark [name="subject"], .theme-dark .path-mod-assign [data-region="grade-panel"] .gradingform_rubric .criterion .remark textarea, .theme-dark .usp-search-field, .theme-dark #email_email {
color: #aeb3b8 !important;
background-color: #17181B;
border: 1px solid #2E3134;
}
.form-control::-ms-expand, select[size]::-ms-expand, select[multiple]::-ms-expand, .comment-area textarea::-ms-expand, textarea.quickgrade::-ms-expand, [type="text"]::-ms-expand, [name="subject"]::-ms-expand, .path-mod-assign [data-region="grade-panel"] .gradingform_rubric .criterion .remark textarea::-ms-expand, .usp-search-field::-ms-expand, #email_email::-ms-expand {
background-color: transparent;
border: 0;
}
.form-control:-moz-focusring, select[size]:-moz-focusring, select[multiple]:-moz-focusring, .comment-area textarea:-moz-focusring, textarea.quickgrade:-moz-focusring, [type="text"]:-moz-focusring, [name="subject"]:-moz-focusring, .path-mod-assign [data-region="grade-panel"] .gradingform_rubric .criterion .remark textarea:-moz-focusring, .usp-search-field:-moz-focusring, #email_email:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #434343;
}
.theme-dark .form-control:-moz-focusring, .theme-dark select[size]:-moz-focusring, .theme-dark select[multiple]:-moz-focusring, .theme-dark .comment-area textarea:-moz-focusring, .theme-dark textarea.quickgrade:-moz-focusring, .theme-dark [type="text"]:-moz-focusring, .theme-dark [name="subject"]:-moz-focusring, .theme-dark .path-mod-assign [data-region="grade-panel"] .gradingform_rubric .criterion .remark textarea:-moz-focusring, .theme-dark .usp-search-field:-moz-focusring, .theme-dark #email_email:-moz-focusring {
text-shadow: 0 0 0 #aeb3b8;
}
.form-control:focus, select[size]:focus, select[multiple]:focus, .comment-area textarea:focus, textarea.quickgrade:focus, [type="text"]:focus, [name="subject"]:focus, .path-mod-assign [data-region="grade-panel"] .gradingform_rubric .criterion .remark textarea:focus, .usp-search-field:focus, #email_email:focus {
color: #434343;
background-color: #fff;
border-color: #ddd1cf;
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(86, 25, 17, 0.3);
}
.theme-dark .form-control:focus, .theme-dark select[size]:focus, .theme-dark select[multiple]:focus, .theme-dark .comment-area textarea:focus, .theme-dark textarea.quickgrade:focus, .theme-dark [type="text"]:focus, .theme-dark [name="subject"]:focus, .theme-dark .path-mod-assign [data-region="grade-panel"] .gradingform_rubric .criterion .remark textarea:focus, .theme-dark .usp-search-field:focus, .theme-dark #email_email:focus {
color: #aeb3b8;
background-color: #17181B;
border-color: #561911;
}
.form-control::placeholder, select[size]::placeholder, select[multiple]::placeholder, .comment-area textarea::placeholder, textarea.quickgrade::placeholder, [type="text"]::placeholder, [name="subject"]::placeholder, .path-mod-assign [data-region="grade-panel"] .gradingform_rubric .criterion .remark textarea::placeholder, .usp-search-field::placeholder, #email_email::placeholder {
color: #626262;
opacity: 1;
}
.theme-dark .form-control::placeholder, .theme-dark select[size]::placeholder, .theme-dark select[multiple]::placeholder, .theme-dark .comment-area textarea::placeholder, .theme-dark textarea.quickgrade::placeholder, .theme-dark [type="text"]::placeholder, .theme-dark [name="subject"]::placeholder, .theme-dark .path-mod-assign [data-region="grade-panel"] .gradingform_rubric .criterion .remark textarea::placeholder, .theme-dark .usp-search-field::placeholder, .theme-dark #email_email::placeholder {
color: #3C4043;
}
.form-control:disabled, .form-control[readonly], select[size]:disabled, select[size][readonly], select[multiple]:disabled, select[multiple][readonly], .comment-area textarea:disabled, .comment-area textarea[readonly], textarea.quickgrade:disabled, textarea.quickgrade[readonly], [type="text"]:disabled, [type="text"][readonly], [name="subject"]:disabled, [name="subject"][readonly], .path-mod-assign [data-region="grade-panel"] .gradingform_rubric .criterion .remark textarea:disabled, .path-mod-assign [data-region="grade-panel"] .gradingform_rubric .criterion .remark textarea[readonly], .usp-search-field:disabled, .usp-search-field[readonly], #email_email:disabled, #email_email[readonly] {
background-color: #EEEEEE;
opacity: 1;
}
.theme-dark .form-control:disabled, .theme-dark .form-control[readonly], .theme-dark select[size]:disabled, .theme-dark select[size][readonly], .theme-dark select[multiple]:disabled, .theme-dark select[multiple][readonly], .theme-dark .comment-area textarea:disabled, .theme-dark .comment-area textarea[readonly], .theme-dark textarea.quickgrade:disabled, .theme-dark textarea.quickgrade[readonly], .theme-dark [type="text"]:disabled, .theme-dark [type="text"][readonly], .theme-dark [name="subject"]:disabled, .theme-dark [name="subject"][readonly], .theme-dark .path-mod-assign [data-region="grade-panel"] .gradingform_rubric .criterion .remark textarea:disabled, .theme-dark .path-mod-assign [data-region="grade-panel"] .gradingform_rubric .criterion .remark textarea[readonly], .theme-dark .usp-search-field:disabled, .theme-dark .usp-search-field[readonly], .theme-dark #email_email:disabled, .theme-dark #email_email[readonly] {
opacity: 0.7;
background-color: #191a1e;
}
input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control {
appearance: none;
}
select[size] option, select[multiple] option, select.form-control option {
padding: 0.5rem;
margin-bottom: 0.25rem;
border-radius: 5px;
font-size: 0.875rem;
white-space: break-spaces;
}
select[size] option::before, select[multiple] option::before, select.form-control option::before {
display: none;
}
select[size] option[disabled="disabled"], select[multiple] option[disabled="disabled"], select.form-control option[disabled="disabled"] {
display: none;
}
select[size] option:last-child, select[multiple] option:last-child, select.form-control option:last-child {
margin-bottom: 0;
}
select[size]:focus::-ms-value, select[multiple]:focus::-ms-value, select.form-control:focus::-ms-value {
color: #434343;
background-color: #fff;
}
.theme-dark select[size]:focus::-ms-value, .theme-dark select[multiple]:focus::-ms-value, .theme-dark select.form-control:focus::-ms-value {
color: #aeb3b8 !important;
background-color: #17181B;
}
.form-control-file, .form-control-range {
display: block;
width: 100%;
}
.col-form-label {
margin-bottom: 0;
font-size: inherit;
font-weight: 500;
line-height: 1.5;
}
.col-form-label label {
display: inline-flex;
align-items: center;
}
.col-form-label label .rui-icon-container {
margin: 0 0.35rem;
}
.col-form-label label .rui-icon-container .icon {
width: 20px;
height: 20px;
}
.col-form-label-lg {
padding-top: calc(1rem + 1px);
padding-bottom: calc(1rem + 1px);
font-size: 1rem;
font-weight: 500;
line-height: 1.5;
}
.col-form-label-sm {
padding-top: calc(0.6rem + 1px);
padding-bottom: calc(0.6rem + 1px);
font-size: 0.8125rem;
font-weight: 500;
line-height: 1.5;
}
.form-control-plaintext {
display: block;
width: 100%;
padding: 0.75rem 0;
margin-bottom: 0;
font-size: 0.875rem;
line-height: 1.5;
color: #212121;
background-color: transparent;
border: solid transparent;
border-width: 1px 0;
}
.theme-dark .form-control-plaintext {
color: #E8EAED;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
padding-right: 0;
padding-left: 0;
}
.form-control-lg {
height: calc(1.5em + 2rem + 2px);
padding: 1rem 1.75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: 40px;
}
select.form-control[size], select.form-control[multiple] {
height: auto;
}
textarea.form-control {
width: 100%;
height: auto;
}
.form-inline textarea.form-control {
width: 100%;
}
.form-group {
margin: 0.35rem 0;
align-items: center;
position: relative;
}
.form-group label {
font-size: 0.875rem;
font-weight: 500;
}
.form-group-btns {
display: inline-flex;
gap: 10px;
flex-wrap: wrap;
}
.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: 0.5rem;
}
.form-check + .form-group {
margin-left: 0.75rem !important;
}
.form-check-input {
position: relative;
margin-top: 0.3rem;
margin-left: -0.5rem;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
color: #525151;
}
.theme-dark .form-check-input[disabled] ~ .form-check-label, .theme-dark .form-check-input:disabled ~ .form-check-label {
color: #9AA0A6;
}
.form-check-label {
margin-bottom: 0;
font-weight: 500;
font-size: 0.875rem;
}
.form-check-label label {
padding: 2px;
}
.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;
margin-bottom: 0;
}
.valid-feedback {
display: none;
width: 100%;
margin-top: 0.25rem;
font-size: 0.75rem;
color: #561911;
}
.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.75rem;
line-height: 1.5;
color: #fff;
background-color: rgba(86, 25, 17, 0.9);
border-radius: 5px;
}
.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: #561911;
padding-right: calc(1.5em + 1.5rem) !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='%23561911' 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.375rem) center;
background-size: calc(0.75em + 0.75rem) calc(0.75em + 0.75rem);
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
border-color: #561911;
box-shadow: 0 0 0 0.2rem rgba(86, 25, 17, 0.25);
}
.was-validated select.form-control:valid, select.form-control.is-valid {
padding-right: 5rem !important;
background-position: right 2.5rem center;
}
.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
padding-right: calc(1.5em + 1.5rem);
background-position: top calc(0.375em + 0.375rem) right calc(0.375em + 0.375rem);
}
.was-validated .custom-select:valid, .custom-select.is-valid {
border-color: #561911;
padding-right: calc(0.75em + 3.375rem) !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='%23434343' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 10px 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='%23561911' 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 2.25rem / calc(0.75em + 0.75rem) calc(0.75em + 0.75rem) no-repeat;
}
.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
border-color: #561911;
box-shadow: 0 0 0 0.2rem rgba(86, 25, 17, 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
color: #561911;
}
.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: #561911;
}
.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
border-color: #561911;
}
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
border-color: #812519;
background-color: #812519;
}
.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(86, 25, 17, 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: #561911;
}
.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
border-color: #561911;
}
.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
border-color: #561911;
box-shadow: 0 0 0 0.2rem rgba(86, 25, 17, 0.25);
}
.invalid-feedback {
display: none;
width: 100%;
margin-top: 0.25rem;
font-size: 0.75rem;
color: #ef1010;
}
.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.75rem;
line-height: 1.5;
color: #fff;
background-color: rgba(239, 16, 16, 0.9);
border-radius: 5px;
}
.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: #ef1010;
padding-right: calc(1.5em + 1.5rem) !important;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ef1010' 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='%23ef1010' stroke='none'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right calc(0.375em + 0.375rem) center;
background-size: calc(0.75em + 0.75rem) calc(0.75em + 0.75rem);
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
border-color: #ef1010;
box-shadow: 0 0 0 0.2rem rgba(239, 16, 16, 0.25);
}
.was-validated select.form-control:invalid, select.form-control.is-invalid {
padding-right: 5rem !important;
background-position: right 2.5rem center;
}
.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
padding-right: calc(1.5em + 1.5rem);
background-position: top calc(0.375em + 0.375rem) right calc(0.375em + 0.375rem);
}
.was-validated .custom-select:invalid, .custom-select.is-invalid {
border-color: #ef1010;
padding-right: calc(0.75em + 3.375rem) !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='%23434343' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 10px 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='%23ef1010' 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='%23ef1010' stroke='none'/%3e%3c/svg%3e") center right 2.25rem / calc(0.75em + 0.75rem) calc(0.75em + 0.75rem) no-repeat;
}
.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
border-color: #ef1010;
box-shadow: 0 0 0 0.2rem rgba(239, 16, 16, 0.25);
}
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
color: #ef1010;
}
.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: #ef1010;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
border-color: #ef1010;
}
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
border-color: #f24040;
background-color: #f24040;
}
.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(239, 16, 16, 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: #ef1010;
}
.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
border-color: #ef1010;
}
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
border-color: #ef1010;
box-shadow: 0 0 0 0.2rem rgba(239, 16, 16, 0.25);
}
.form-inline {
display: flex;
flex-flow: row wrap;
align-items: center;
}
.form-inline .form-check {
width: 100%;
}
.form-inline select, .form-inline input {
margin-right: 0.25rem;
}
.form-inline + h2 {
margin-top: 2rem;
}
@media (min-width: 320px) {
.form-inline label {
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 0;
font-weight: 500;
}
.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 .custom-select {
width: auto;
max-width: 260px;
}
.form-inline .form-check {
display: flex;
align-items: center;
justify-content: flex-start;
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;
line-height: 1.2;
}
.form-inline .custom-switch {
line-height: 1.6;
}
.form-inline .custom-control-label {
margin-bottom: 0;
}
}
/* THEME */
.checkbox .form-check {
width: max-content;
max-width: 100%;
padding: 0.75rem 1rem;
margin: 0;
align-items: center;
display: inline-flex;
background-color: #F5F5F5;
border-radius: 5px;
font-size: 0.875rem;
}
.theme-dark .checkbox .form-check {
background-color: #121215;
}
.checkbox .form-check .btn-link, .checkbox .form-check [data-fieldtype="submit"] a, [data-fieldtype="submit"] .checkbox .form-check a, .checkbox .form-check .cancel a, .cancel .checkbox .form-check a, .checkbox .form-check #page-mod-quiz-report .gradetheselink, #page-mod-quiz-report .checkbox .form-check .gradetheselink {
margin-left: 0.5rem;
}
.checkbox .form-check label {
display: inline-flex;
align-items: center;
margin: 0;
}
.checkbox .form-check label a {
margin: 0 10px;
color: #561911;
}
.theme-dark .checkbox .form-check label a {
color: #ab8c88;
}
#page-user-contactsitesupport .mform .form-control {
width: 100%;
}
.theme-dark [data-fieldtype="passwordunmask"] img {
filter: invert(1);
}
.mform > .form-group {
margin: 20px 0 0 0;
}
.fdate_time_selector .custom-control {
width: 100%;
margin: 5px 0;
}
.btn {
flex-wrap: wrap;
}
.btn.disabled, .btn:disabled {
opacity: 0.35;
}
.btn:not(:disabled):not(.disabled) {
cursor: pointer;
}
.btn + .btn {
margin-left: 0.35rem;
}
.btn .icon {
margin: 0 0.35rem;
width: auto;
height: auto;
font-size: 0.875rem;
}
.theme-dark .btn .icon {
filter: invert(1) contrast(0.3);
}
a.btn:after {
display: none;
}
.btn, .collapseexpand, .actions p a, .backlink a, .addtagcoll a, .resettable a, #page-admin-grade-edit-letter-index .main-content .mdl-align a, .moreless-toggler, .ajax-contact-button, #message-user-button, .search-results .result-context-info a, .tool_dataprivacy-expand-all, [data-fieldtype="submit"] a, .path-admin-tag .addstandardtags a, .edit-link a, #core-cache-rescan-definitions a, .continuebutton a, .tour-actions > ul > li > a, .gradereport_history_usp .usp-finish input, .gradereport_history_usp .usp-search input[type="submit"], #siteconfiglink a, .cancel a, .forum-post-footer a, .comment-area .fd a, #enterlink a, .allcoursegrades a, .reportlink a, .gradingform_guide.editor .addcriterion input, .gradingform_guide.editor .addcomment input, .gradingform_rubric.editor .addlevel input, .path-tag .tagarea .controls .exclusivemode, .addbloglink a, .notesgroup p a, .progress-actions a, .path-mod-glossary .printicon, .rui-form-element-group a, #page-mod-quiz-report .toggleincludeauto a, #page-mod-quiz-report .gradetheselink, .mod_quiz-next-nav, .rui-quizattemptcounts a, .rui-quizattemptsummary .c3 a, .mod_quiz-prev-nav, #page-mod-quiz-report .bold .reviewlink, .categorypagingbarcontainer .paging a, .page_split_join, .midpad a, .wiki_right a, #enabletemplateeditor, .path-auth-oauth2 .main-content h2 + a, #addcontrols input, #removecontrols input, #page-mod-forum-index .subscription .helplink:nth-of-type(1) a, #page-mod-forum-index .subscription .helplink:nth-of-type(2) a, #page-mod-forum-view .subscription .helplink a, .createstep, .endtestlink, .webservicestokenui + a, .chart-table-expand a, .export-actions a, .que .comment a, .path-mod-quiz .othernav a:not(.mod_quiz-next-nav), .modal-footer a:not(.btn-primary), #page-grade-edit-letter-index .mdl-align a, #page-mod-feedback-complete [align="center"] a, .commentlink a, .quizsummaryofattempt .c0 a, #changenumsections a, .itemnav a, #page-enrol-index .main-content [type="submit"], .rui-pre button, .pick.template, .action.remove, .helpdoclink a, #resetpagetour, .que .info .questionflag a, .path-mod-attendance .attbtn a, .section-collapsemenu, .path-mod-booking #gotop, .path-mod-booking #goenrol, .path-mod-booking #searchButton, .path-mod-booking #buttonclear, .course-content-header a, .course-content-footer a, .addcomponent {
padding: 0.75rem 1.25rem;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 0.875rem;
font-weight: 500;
line-height: 1.5;
border-radius: 5px;
text-align: center;
vertical-align: middle;
user-select: none;
word-break: break-word;
max-width: 100%;
white-space: normal;
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) {
.btn, .collapseexpand, .actions p a, .backlink a, .addtagcoll a, .resettable a, #page-admin-grade-edit-letter-index .main-content .mdl-align a, .moreless-toggler, .ajax-contact-button, #message-user-button, .search-results .result-context-info a, .tool_dataprivacy-expand-all, [data-fieldtype="submit"] a, .path-admin-tag .addstandardtags a, .edit-link a, #core-cache-rescan-definitions a, .continuebutton a, .tour-actions > ul > li > a, .gradereport_history_usp .usp-finish input, .gradereport_history_usp .usp-search input[type="submit"], #siteconfiglink a, .cancel a, .forum-post-footer a, .comment-area .fd a, #enterlink a, .allcoursegrades a, .reportlink a, .gradingform_guide.editor .addcriterion input, .gradingform_guide.editor .addcomment input, .gradingform_rubric.editor .addlevel input, .path-tag .tagarea .controls .exclusivemode, .addbloglink a, .notesgroup p a, .progress-actions a, .path-mod-glossary .printicon, .rui-form-element-group a, #page-mod-quiz-report .toggleincludeauto a, #page-mod-quiz-report .gradetheselink, .mod_quiz-next-nav, .rui-quizattemptcounts a, .rui-quizattemptsummary .c3 a, .mod_quiz-prev-nav, #page-mod-quiz-report .bold .reviewlink, .categorypagingbarcontainer .paging a, .page_split_join, .midpad a, .wiki_right a, #enabletemplateeditor, .path-auth-oauth2 .main-content h2 + a, #addcontrols input, #removecontrols input, #page-mod-forum-index .subscription .helplink:nth-of-type(1) a, #page-mod-forum-index .subscription .helplink:nth-of-type(2) a, #page-mod-forum-view .subscription .helplink a, .createstep, .endtestlink, .webservicestokenui + a, .chart-table-expand a, .export-actions a, .que .comment a, .path-mod-quiz .othernav a:not(.mod_quiz-next-nav), .modal-footer a:not(.btn-primary), #page-grade-edit-letter-index .mdl-align a, #page-mod-feedback-complete [align="center"] a, .commentlink a, .quizsummaryofattempt .c0 a, #changenumsections a, .itemnav a, #page-enrol-index .main-content [type="submit"], .rui-pre button, .pick.template, .action.remove, .helpdoclink a, #resetpagetour, .que .info .questionflag a, .path-mod-attendance .attbtn a, .section-collapsemenu, .path-mod-booking #gotop, .path-mod-booking #goenrol, .path-mod-booking #searchButton, .path-mod-booking #buttonclear, .course-content-header a, .course-content-footer a, .addcomponent {
transition: none;
}
}
.btn:hover, .collapseexpand:hover, .actions p a:hover, .backlink a:hover, .addtagcoll a:hover, .resettable a:hover, #page-admin-grade-edit-letter-index .main-content .mdl-align a:hover, .moreless-toggler:hover, .ajax-contact-button:hover, #message-user-button:hover, .search-results .result-context-info a:hover, .tool_dataprivacy-expand-all:hover, [data-fieldtype="submit"] a:hover, .path-admin-tag .addstandardtags a:hover, .edit-link a:hover, #core-cache-rescan-definitions a:hover, .continuebutton a:hover, .tour-actions > ul > li > a:hover, .gradereport_history_usp .usp-finish input:hover, .gradereport_history_usp .usp-search input[type="submit"]:hover, #siteconfiglink a:hover, .cancel a:hover, .forum-post-footer a:hover, .comment-area .fd a:hover, #enterlink a:hover, .allcoursegrades a:hover, .reportlink a:hover, .gradingform_guide.editor .addcriterion input:hover, .gradingform_guide.editor .addcomment input:hover, .gradingform_rubric.editor .addlevel input:hover, .path-tag .tagarea .controls .exclusivemode:hover, .addbloglink a:hover, .notesgroup p a:hover, .progress-actions a:hover, .path-mod-glossary .printicon:hover, .rui-form-element-group a:hover, #page-mod-quiz-report .toggleincludeauto a:hover, #page-mod-quiz-report .gradetheselink:hover, .mod_quiz-next-nav:hover, .rui-quizattemptcounts a:hover, .rui-quizattemptsummary .c3 a:hover, .mod_quiz-prev-nav:hover, #page-mod-quiz-report .bold .reviewlink:hover, .categorypagingbarcontainer .paging a:hover, .page_split_join:hover, .midpad a:hover, .wiki_right a:hover, #enabletemplateeditor:hover, .path-auth-oauth2 .main-content h2 + a:hover, #addcontrols input:hover, #removecontrols input:hover, #page-mod-forum-index .subscription .helplink:nth-of-type(1) a:hover, #page-mod-forum-index .subscription .helplink:nth-of-type(2) a:hover, #page-mod-forum-view .subscription .helplink a:hover, .createstep:hover, .endtestlink:hover, .webservicestokenui + a:hover, .chart-table-expand a:hover, .export-actions a:hover, .que .comment a:hover, .path-mod-quiz .othernav a:not(.mod_quiz-next-nav):hover, .modal-footer a:not(.btn-primary):hover, #page-grade-edit-letter-index .mdl-align a:hover, #page-mod-feedback-complete [align="center"] a:hover, .commentlink a:hover, .quizsummaryofattempt .c0 a:hover, #changenumsections a:hover, .itemnav a:hover, #page-enrol-index .main-content [type="submit"]:hover, .rui-pre button:hover, .pick.template:hover, .action.remove:hover, .helpdoclink a:hover, #resetpagetour:hover, .que .info .questionflag a:hover, .path-mod-attendance .attbtn a:hover, .section-collapsemenu:hover, .path-mod-booking #gotop:hover, .path-mod-booking #goenrol:hover, .path-mod-booking #searchButton:hover, .path-mod-booking #buttonclear:hover, .course-content-header a:hover, .course-content-footer a:hover, .addcomponent:hover {
color: #212121;
text-decoration: none;
}
.btn .icon, .collapseexpand .icon, .actions p a .icon, .backlink a .icon, .addtagcoll a .icon, .resettable a .icon, #page-admin-grade-edit-letter-index .main-content .mdl-align a .icon, .moreless-toggler .icon, .ajax-contact-button .icon, #message-user-button .icon, .search-results .result-context-info a .icon, .tool_dataprivacy-expand-all .icon, [data-fieldtype="submit"] a .icon, .path-admin-tag .addstandardtags a .icon, .edit-link a .icon, #core-cache-rescan-definitions a .icon, .continuebutton a .icon, .tour-actions > ul > li > a .icon, .gradereport_history_usp .usp-finish input .icon, .gradereport_history_usp .usp-search input[type="submit"] .icon, #siteconfiglink a .icon, .cancel a .icon, .forum-post-footer a .icon, .comment-area .fd a .icon, #enterlink a .icon, .allcoursegrades a .icon, .reportlink a .icon, .gradingform_guide.editor .addcriterion input .icon, .gradingform_guide.editor .addcomment input .icon, .gradingform_rubric.editor .addlevel input .icon, .path-tag .tagarea .controls .exclusivemode .icon, .addbloglink a .icon, .notesgroup p a .icon, .progress-actions a .icon, .path-mod-glossary .printicon .icon, .rui-form-element-group a .icon, #page-mod-quiz-report .toggleincludeauto a .icon, #page-mod-quiz-report .gradetheselink .icon, .mod_quiz-next-nav .icon, .rui-quizattemptcounts a .icon, .rui-quizattemptsummary .c3 a .icon, .mod_quiz-prev-nav .icon, #page-mod-quiz-report .bold .reviewlink .icon, .categorypagingbarcontainer .paging a .icon, .page_split_join .icon, .midpad a .icon, .wiki_right a .icon, #enabletemplateeditor .icon, .path-auth-oauth2 .main-content h2 + a .icon, #addcontrols input .icon, #removecontrols input .icon, #page-mod-forum-index .subscription .helplink:nth-of-type(1) a .icon, #page-mod-forum-index .subscription .helplink:nth-of-type(2) a .icon, #page-mod-forum-view .subscription .helplink a .icon, .createstep .icon, .endtestlink .icon, .webservicestokenui + a .icon, .chart-table-expand a .icon, .export-actions a .icon, .que .comment a .icon, .path-mod-quiz .othernav a:not(.mod_quiz-next-nav) .icon, .modal-footer a:not(.btn-primary) .icon, #page-grade-edit-letter-index .mdl-align a .icon, #page-mod-feedback-complete [align="center"] a .icon, .commentlink a .icon, .quizsummaryofattempt .c0 a .icon, #changenumsections a .icon, .itemnav a .icon, #page-enrol-index .main-content [type="submit"] .icon, .rui-pre button .icon, .pick.template .icon, .action.remove .icon, .helpdoclink a .icon, #resetpagetour .icon, .que .info .questionflag a .icon, .path-mod-attendance .attbtn a .icon, .section-collapsemenu .icon, .path-mod-booking #gotop .icon, .path-mod-booking #goenrol .icon, .path-mod-booking #searchButton .icon, .path-mod-booking #buttonclear .icon, .course-content-header a .icon, .course-content-footer a .icon, .addcomponent .icon {
margin: 0 0.25rem;
width: 18px;
height: 18px;
}
.btn-icon {
padding: 0;
min-width: 40px;
height: 40px;
max-height: 40px;
border-radius: 5px;
justify-content: center;
}
.btn-icon .icon {
margin: 1px;
}
.btn-icon--sm {
padding: 0;
min-width: 30px;
height: 30px;
max-height: 30px;
border-radius: 5px;
line-height: 1;
}
a.btn.disabled, fieldset:disabled a.btn {
pointer-events: none;
}
.btn-primary, .addtagcoll a, .path-admin-tag .addstandardtags a, .gradereport_history_usp .usp-finish input, #siteconfiglink a, .forum-post-footer a, .rui-submissionaction .singlebutton .btn, #enterlink p:nth-of-type(1) a, .mod_quiz-next-nav, .addbloglink a, #addcontrols input, #page-mod-forum-index .subscription .helplink:nth-of-type(1) a, #page-mod-forum-view .subscription .helplink a, .midpad a, .createstep, #enterlink p:nth-of-type(2) a, .webservicestokenui + a, .rui-pre button, .last-add-menu .dropdown-btn {
background-color: #561911;
border: 1px solid transparent;
color: #eee8e7;
}
.btn-primary img, .addtagcoll a img, .path-admin-tag .addstandardtags a img, .gradereport_history_usp .usp-finish input img, #siteconfiglink a img, .forum-post-footer a img, .rui-submissionaction .singlebutton .btn img, #enterlink p:nth-of-type(1) a img, .mod_quiz-next-nav img, .addbloglink a img, #addcontrols input img, #page-mod-forum-index .subscription .helplink:nth-of-type(1) a img, #page-mod-forum-view .subscription .helplink a img, .midpad a img, .createstep img, #enterlink p:nth-of-type(2) a img, .webservicestokenui + a img, .rui-pre button img, .last-add-menu .dropdown-btn img {
filter: invert(100%);
}
.btn-primary:hover, .addtagcoll a:hover, .path-admin-tag .addstandardtags a:hover, .gradereport_history_usp .usp-finish input:hover, #siteconfiglink a:hover, .forum-post-footer a:hover, .rui-submissionaction .singlebutton .btn:hover, #enterlink p:nth-of-type(1) a:hover, .mod_quiz-next-nav:hover, .addbloglink a:hover, #addcontrols input:hover, #page-mod-forum-index .subscription .helplink:nth-of-type(1) a:hover, #page-mod-forum-view .subscription .helplink a:hover, .midpad a:hover, .createstep:hover, #enterlink p:nth-of-type(2) a:hover, .webservicestokenui + a:hover, .rui-pre button:hover, .last-add-menu .dropdown-btn:hover {
background-color: #340f0a;
border: 1px solid transparent;
color: #eee8e7;
}
.theme-dark .btn-primary:hover, .theme-dark .addtagcoll a:hover, .addtagcoll .theme-dark a:hover, .theme-dark .path-admin-tag .addstandardtags a:hover, .path-admin-tag .addstandardtags .theme-dark a:hover, .theme-dark .gradereport_history_usp .usp-finish input:hover, .gradereport_history_usp .usp-finish .theme-dark input:hover, .theme-dark #siteconfiglink a:hover, #siteconfiglink .theme-dark a:hover, .theme-dark .forum-post-footer a:hover, .forum-post-footer .theme-dark a:hover, .theme-dark .rui-submissionaction .singlebutton .btn:hover, .rui-submissionaction .singlebutton .theme-dark .btn:hover, .theme-dark #enterlink p:nth-of-type(1) a:hover, #enterlink p:nth-of-type(1) .theme-dark a:hover, .theme-dark .mod_quiz-next-nav:hover, .theme-dark .addbloglink a:hover, .addbloglink .theme-dark a:hover, .theme-dark #addcontrols input:hover, #addcontrols .theme-dark input:hover, .theme-dark #page-mod-forum-index .subscription .helplink:nth-of-type(1) a:hover, #page-mod-forum-index .subscription .helplink:nth-of-type(1) .theme-dark a:hover, .theme-dark #page-mod-forum-view .subscription .helplink a:hover, #page-mod-forum-view .subscription .helplink .theme-dark a:hover, .theme-dark .midpad a:hover, .midpad .theme-dark a:hover, .theme-dark .createstep:hover, .theme-dark #enterlink p:nth-of-type(2) a:hover, #enterlink p:nth-of-type(2) .theme-dark a:hover, .theme-dark .webservicestokenui + a:hover, .theme-dark .rui-pre button:hover, .rui-pre .theme-dark button:hover, .theme-dark .last-add-menu .dropdown-btn:hover, .last-add-menu .theme-dark .dropdown-btn:hover {
background-color: #340f0a;
color: #eee8e7;
}
.theme-dark .btn-primary, .theme-dark .addtagcoll a, .addtagcoll .theme-dark a, .theme-dark .path-admin-tag .addstandardtags a, .path-admin-tag .addstandardtags .theme-dark a, .theme-dark .gradereport_history_usp .usp-finish input, .gradereport_history_usp .usp-finish .theme-dark input, .theme-dark #siteconfiglink a, #siteconfiglink .theme-dark a, .theme-dark .forum-post-footer a, .forum-post-footer .theme-dark a, .theme-dark .rui-submissionaction .singlebutton .btn, .rui-submissionaction .singlebutton .theme-dark .btn, .theme-dark #enterlink p:nth-of-type(1) a, #enterlink p:nth-of-type(1) .theme-dark a, .theme-dark .mod_quiz-next-nav, .theme-dark .addbloglink a, .addbloglink .theme-dark a, .theme-dark #addcontrols input, #addcontrols .theme-dark input, .theme-dark #page-mod-forum-index .subscription .helplink:nth-of-type(1) a, #page-mod-forum-index .subscription .helplink:nth-of-type(1) .theme-dark a, .theme-dark #page-mod-forum-view .subscription .helplink a, #page-mod-forum-view .subscription .helplink .theme-dark a, .theme-dark .midpad a, .midpad .theme-dark a, .theme-dark .createstep, .theme-dark #enterlink p:nth-of-type(2) a, #enterlink p:nth-of-type(2) .theme-dark a, .theme-dark .webservicestokenui + a, .theme-dark .rui-pre button, .rui-pre .theme-dark button, .theme-dark .last-add-menu .dropdown-btn, .last-add-menu .theme-dark .dropdown-btn {
background-color: #561911;
color: #eee8e7;
}
.btn-secondary, .collapseexpand, .actions p a, .backlink a, #page-admin-grade-edit-letter-index .main-content .mdl-align a, .moreless-toggler, .search-results .result-context-info a, .tool_dataprivacy-expand-all, .edit-link a, #core-cache-rescan-definitions a, .continuebutton a, .tour-actions > ul > li > a, .gradereport_history_usp .usp-search input[type="submit"], .comment-area .fd a[id*=post], .allcoursegrades a, .addlinks a, #page-grade-grading-manage .actions .action, .gradingform_rubric.editor .addlevel input, .path-tag .tagarea .controls .exclusivemode, .notesgroup p a, #page-report-progress-index .progress-actions a, .path-mod-glossary .printicon, .rui-form-element-group a, .mod_quiz-prev-nav, .categorypagingbarcontainer .paging a, .page_split_join, .path-mod-wiki .printicon, .path-auth-oauth2 .main-content h2 + a, #page-mod-forum-index .subscription .helplink:nth-of-type(2) a, .rui-contentbank-view-btns .btn, .chart-table-expand a, .export-actions a, .modal-footer a:not(.btn-primary), .commentlink a, .itemnav a, .que .comment a, .btn-inverse, .pick.template, .action.remove, .helpdoclink a, .path-mod-attendance .attbtn a, #feedback_dragarea .dropdown-btn, .section-collapsemenu, .pagenumber .dropdown-btn, .path-mod-booking #gotop, .path-mod-booking #goenrol, .path-mod-booking #searchButton, .path-mod-booking #buttonclear, .ajax-contact-button, #message-user-button, .course-content-header a, .course-content-footer a, .addcomponent {
background-color: #F5F5F5;
border: 1px solid transparent;
color: #212121;
}
.theme-dark .btn-secondary, .theme-dark .collapseexpand, .theme-dark .actions p a, .actions p .theme-dark a, .theme-dark .backlink a, .backlink .theme-dark a, .theme-dark #page-admin-grade-edit-letter-index .main-content .mdl-align a, #page-admin-grade-edit-letter-index .main-content .mdl-align .theme-dark a, .theme-dark .moreless-toggler, .theme-dark .search-results .result-context-info a, .search-results .result-context-info .theme-dark a, .theme-dark .tool_dataprivacy-expand-all, .theme-dark .edit-link a, .edit-link .theme-dark a, .theme-dark #core-cache-rescan-definitions a, #core-cache-rescan-definitions .theme-dark a, .theme-dark .continuebutton a, .continuebutton .theme-dark a, .theme-dark .tour-actions > ul > li > a, .theme-dark .gradereport_history_usp .usp-search input[type="submit"], .gradereport_history_usp .usp-search .theme-dark input[type="submit"], .theme-dark .comment-area .fd a[id*=post], .comment-area .fd .theme-dark a[id*=post], .theme-dark .allcoursegrades a, .allcoursegrades .theme-dark a, .theme-dark .addlinks a, .addlinks .theme-dark a, .theme-dark #page-grade-grading-manage .actions .action, #page-grade-grading-manage .actions .theme-dark .action, .theme-dark .gradingform_rubric.editor .addlevel input, .gradingform_rubric.editor .addlevel .theme-dark input, .theme-dark .path-tag .tagarea .controls .exclusivemode, .path-tag .tagarea .controls .theme-dark .exclusivemode, .theme-dark .notesgroup p a, .notesgroup p .theme-dark a, .theme-dark #page-report-progress-index .progress-actions a, #page-report-progress-index .progress-actions .theme-dark a, .theme-dark .path-mod-glossary .printicon, .path-mod-glossary .theme-dark .printicon, .theme-dark .rui-form-element-group a, .rui-form-element-group .theme-dark a, .theme-dark .mod_quiz-prev-nav, .theme-dark .categorypagingbarcontainer .paging a, .categorypagingbarcontainer .paging .theme-dark a, .theme-dark .page_split_join, .theme-dark .path-mod-wiki .printicon, .path-mod-wiki .theme-dark .printicon, .theme-dark .path-auth-oauth2 .main-content h2 + a, .path-auth-oauth2 .main-content .theme-dark h2 + a, .theme-dark #page-mod-forum-index .subscription .helplink:nth-of-type(2) a, #page-mod-forum-index .subscription .helplink:nth-of-type(2) .theme-dark a, .theme-dark .rui-contentbank-view-btns .btn, .rui-contentbank-view-btns .theme-dark .btn, .theme-dark .chart-table-expand a, .chart-table-expand .theme-dark a, .theme-dark .export-actions a, .export-actions .theme-dark a, .theme-dark .modal-footer a:not(.btn-primary), .modal-footer .theme-dark a:not(.btn-primary), .theme-dark .commentlink a, .commentlink .theme-dark a, .theme-dark .itemnav a, .itemnav .theme-dark a, .theme-dark .que .comment a, .que .comment .theme-dark a, .theme-dark .btn-inverse, .theme-dark .pick.template, .theme-dark .action.remove, .theme-dark .helpdoclink a, .helpdoclink .theme-dark a, .theme-dark .path-mod-attendance .attbtn a, .path-mod-attendance .attbtn .theme-dark a, .theme-dark #feedback_dragarea .dropdown-btn, #feedback_dragarea .theme-dark .dropdown-btn, .theme-dark .section-collapsemenu, .theme-dark .pagenumber .dropdown-btn, .pagenumber .theme-dark .dropdown-btn, .theme-dark .path-mod-booking #gotop, .path-mod-booking .theme-dark #gotop, .theme-dark .path-mod-booking #goenrol, .path-mod-booking .theme-dark #goenrol, .theme-dark .path-mod-booking #searchButton, .path-mod-booking .theme-dark #searchButton, .theme-dark .path-mod-booking #buttonclear, .path-mod-booking .theme-dark #buttonclear, .theme-dark .ajax-contact-button, .theme-dark #message-user-button, .theme-dark .course-content-header a, .course-content-header .theme-dark a, .theme-dark .course-content-footer a, .course-content-footer .theme-dark a, .theme-dark .addcomponent {
background-color: #282A2D;
color: #E8EAED;
}
.btn-secondary:hover, .collapseexpand:hover, .actions p a:hover, .backlink a:hover, #page-admin-grade-edit-letter-index .main-content .mdl-align a:hover, .moreless-toggler:hover, .search-results .result-context-info a:hover, .tool_dataprivacy-expand-all:hover, .edit-link a:hover, #core-cache-rescan-definitions a:hover, .continuebutton a:hover, .tour-actions > ul > li > a:hover, .gradereport_history_usp .usp-search input[type="submit"]:hover, .comment-area .fd a[id*=post]:hover, .allcoursegrades a:hover, .addlinks a:hover, #page-grade-grading-manage .actions .action:hover, .gradingform_rubric.editor .addlevel input:hover, .path-tag .tagarea .controls .exclusivemode:hover, .notesgroup p a:hover, #page-report-progress-index .progress-actions a:hover, .path-mod-glossary .printicon:hover, .rui-form-element-group a:hover, .mod_quiz-prev-nav:hover, .categorypagingbarcontainer .paging a:hover, .page_split_join:hover, .path-mod-wiki .printicon:hover, .path-auth-oauth2 .main-content h2 + a:hover, #page-mod-forum-index .subscription .helplink:nth-of-type(2) a:hover, .rui-contentbank-view-btns .btn:hover, .chart-table-expand a:hover, .export-actions a:hover, .modal-footer a:not(.btn-primary):hover, .commentlink a:hover, .itemnav a:hover, .que .comment a:hover, .btn-inverse:hover, .pick.template:hover, .action.remove:hover, .helpdoclink a:hover, .path-mod-attendance .attbtn a:hover, #feedback_dragarea .dropdown-btn:hover, .section-collapsemenu:hover, .pagenumber .dropdown-btn:hover, .path-mod-booking #gotop:hover, .path-mod-booking #goenrol:hover, .path-mod-booking #searchButton:hover, .path-mod-booking #buttonclear:hover, .ajax-contact-button:hover, #message-user-button:hover, .course-content-header a:hover, .course-content-footer a:hover, .addcomponent:hover {
background-color: #EEEEEE;
border: 1px solid transparent;
color: #212121;
}
.theme-dark .btn-secondary:hover, .theme-dark .collapseexpand:hover, .theme-dark .actions p a:hover, .actions p .theme-dark a:hover, .theme-dark .backlink a:hover, .backlink .theme-dark a:hover, .theme-dark #page-admin-grade-edit-letter-index .main-content .mdl-align a:hover, #page-admin-grade-edit-letter-index .main-content .mdl-align .theme-dark a:hover, .theme-dark .moreless-toggler:hover, .theme-dark .search-results .result-context-info a:hover, .search-results .result-context-info .theme-dark a:hover, .theme-dark .tool_dataprivacy-expand-all:hover, .theme-dark .edit-link a:hover, .edit-link .theme-dark a:hover, .theme-dark #core-cache-rescan-definitions a:hover, #core-cache-rescan-definitions .theme-dark a:hover, .theme-dark .continuebutton a:hover, .continuebutton .theme-dark a:hover, .theme-dark .tour-actions > ul > li > a:hover, .theme-dark .gradereport_history_usp .usp-search input[type="submit"]:hover, .gradereport_history_usp .usp-search .theme-dark input[type="submit"]:hover, .theme-dark .comment-area .fd a[id*=post]:hover, .comment-area .fd .theme-dark a[id*=post]:hover, .theme-dark .allcoursegrades a:hover, .allcoursegrades .theme-dark a:hover, .theme-dark .addlinks a:hover, .addlinks .theme-dark a:hover, .theme-dark #page-grade-grading-manage .actions .action:hover, #page-grade-grading-manage .actions .theme-dark .action:hover, .theme-dark .gradingform_rubric.editor .addlevel input:hover, .gradingform_rubric.editor .addlevel .theme-dark input:hover, .theme-dark .path-tag .tagarea .controls .exclusivemode:hover, .path-tag .tagarea .controls .theme-dark .exclusivemode:hover, .theme-dark .notesgroup p a:hover, .notesgroup p .theme-dark a:hover, .theme-dark #page-report-progress-index .progress-actions a:hover, #page-report-progress-index .progress-actions .theme-dark a:hover, .theme-dark .path-mod-glossary .printicon:hover, .path-mod-glossary .theme-dark .printicon:hover, .theme-dark .rui-form-element-group a:hover, .rui-form-element-group .theme-dark a:hover, .theme-dark .mod_quiz-prev-nav:hover, .theme-dark .categorypagingbarcontainer .paging a:hover, .categorypagingbarcontainer .paging .theme-dark a:hover, .theme-dark .page_split_join:hover, .theme-dark .path-mod-wiki .printicon:hover, .path-mod-wiki .theme-dark .printicon:hover, .theme-dark .path-auth-oauth2 .main-content h2 + a:hover, .path-auth-oauth2 .main-content .theme-dark h2 + a:hover, .theme-dark #page-mod-forum-index .subscription .helplink:nth-of-type(2) a:hover, #page-mod-forum-index .subscription .helplink:nth-of-type(2) .theme-dark a:hover, .theme-dark .rui-contentbank-view-btns .btn:hover, .rui-contentbank-view-btns .theme-dark .btn:hover, .theme-dark .chart-table-expand a:hover, .chart-table-expand .theme-dark a:hover, .theme-dark .export-actions a:hover, .export-actions .theme-dark a:hover, .theme-dark .modal-footer a:not(.btn-primary):hover, .modal-footer .theme-dark a:not(.btn-primary):hover, .theme-dark .commentlink a:hover, .commentlink .theme-dark a:hover, .theme-dark .itemnav a:hover, .itemnav .theme-dark a:hover, .theme-dark .que .comment a:hover, .que .comment .theme-dark a:hover, .theme-dark .btn-inverse:hover, .theme-dark .pick.template:hover, .theme-dark .action.remove:hover, .theme-dark .helpdoclink a:hover, .helpdoclink .theme-dark a:hover, .theme-dark .path-mod-attendance .attbtn a:hover, .path-mod-attendance .attbtn .theme-dark a:hover, .theme-dark #feedback_dragarea .dropdown-btn:hover, #feedback_dragarea .theme-dark .dropdown-btn:hover, .theme-dark .section-collapsemenu:hover, .theme-dark .pagenumber .dropdown-btn:hover, .pagenumber .theme-dark .dropdown-btn:hover, .theme-dark .path-mod-booking #gotop:hover, .path-mod-booking .theme-dark #gotop:hover, .theme-dark .path-mod-booking #goenrol:hover, .path-mod-booking .theme-dark #goenrol:hover, .theme-dark .path-mod-booking #searchButton:hover, .path-mod-booking .theme-dark #searchButton:hover, .theme-dark .path-mod-booking #buttonclear:hover, .path-mod-booking .theme-dark #buttonclear:hover, .theme-dark .ajax-contact-button:hover, .theme-dark #message-user-button:hover, .theme-dark .course-content-header a:hover, .course-content-header .theme-dark a:hover, .theme-dark .course-content-footer a:hover, .course-content-footer .theme-dark a:hover, .theme-dark .addcomponent:hover {
background-color: #2E3134;
color: #aeb3b8;
}
.btn-success, #id_savevalues, #changenumsections a, .rui-quizattemptsummary .c3 a, .quizsummaryofattempt .c0 a, #page-enrol-index .main-content [type="submit"] {
background-color: #EAF4DD;
border: 1px solid transparent;
color: #027654;
}
.btn-success:hover, #id_savevalues:hover, #changenumsections a:hover, .rui-quizattemptsummary .c3 a:hover, .quizsummaryofattempt .c0 a:hover, #page-enrol-index .main-content [type="submit"]:hover {
background-color: #D1ECC0;
border: 1px solid transparent;
color: #087159;
}
.theme-dark .btn-success:hover, .theme-dark #id_savevalues:hover, .theme-dark #changenumsections a:hover, #changenumsections .theme-dark a:hover, .theme-dark .rui-quizattemptsummary .c3 a:hover, .rui-quizattemptsummary .c3 .theme-dark a:hover, .theme-dark .quizsummaryofattempt .c0 a:hover, .quizsummaryofattempt .c0 .theme-dark a:hover, .theme-dark #page-enrol-index .main-content [type="submit"]:hover, #page-enrol-index .main-content .theme-dark [type="submit"]:hover {
background-color: #087159;
color: #EAF4DD;
}
.theme-dark .btn-success, .theme-dark #id_savevalues, .theme-dark #changenumsections a, #changenumsections .theme-dark a, .theme-dark .rui-quizattemptsummary .c3 a, .rui-quizattemptsummary .c3 .theme-dark a, .theme-dark .quizsummaryofattempt .c0 a, .quizsummaryofattempt .c0 .theme-dark a, .theme-dark #page-enrol-index .main-content [type="submit"], #page-enrol-index .main-content .theme-dark [type="submit"] {
background-color: #005742;
color: #EAF4DD;
}
.btn-danger, .resettable a, #resetpagetour {
background-color: #feeded;
border: 1px solid transparent;
color: #910808;
}
.btn-danger:hover, .resettable a:hover, #resetpagetour:hover {
background-color: #fbc8c8;
border: 1px solid transparent;
color: #910808;
}
.theme-dark .btn-danger:hover, .theme-dark .resettable a:hover, .resettable .theme-dark a:hover, .theme-dark #resetpagetour:hover {
background-color: #c03f4e;
color: #fff;
}
.theme-dark .btn-danger, .theme-dark .resettable a, .resettable .theme-dark a, .theme-dark #resetpagetour {
background-color: #aa2b3a;
color: #fff;
}
.btn-warning {
background-color: #FDF6EA;
border: 1px solid #FDF6EA;
color: #212121;
}
.btn-warning:hover {
background-color: #FFF1D5;
border: 1px solid transparent;
color: #212121;
}
.btn-info, #page-mod-quiz-report .toggleincludeauto a, .reportlink a, #page-mod-quiz-report .bold .reviewlink, #enabletemplateeditor, .endtestlink, .rui-contentbank-view-btns .btn.active, .rui-quizattemptcounts a, #page-mod-feedback-complete [align="center"] a, #id_saverubricdraft, #id_saveguidedraft, .que .info .questionflag a, .path-mod-quiz .othernav a:not(.mod_quiz-next-nav) {
background-color: #eee8e7;
border: 1px solid transparent;
color: #561911;
}
.theme-dark .btn-info, .theme-dark #page-mod-quiz-report .toggleincludeauto a, #page-mod-quiz-report .toggleincludeauto .theme-dark a, .theme-dark .reportlink a, .reportlink .theme-dark a, .theme-dark #page-mod-quiz-report .bold .reviewlink, #page-mod-quiz-report .bold .theme-dark .reviewlink, .theme-dark #enabletemplateeditor, .theme-dark .endtestlink, .theme-dark .rui-contentbank-view-btns .btn.active, .rui-contentbank-view-btns .theme-dark .btn.active, .theme-dark .rui-quizattemptcounts a, .rui-quizattemptcounts .theme-dark a, .theme-dark #page-mod-feedback-complete [align="center"] a, #page-mod-feedback-complete [align="center"] .theme-dark a, .theme-dark #id_saverubricdraft, .theme-dark #id_saveguidedraft, .theme-dark .que .info .questionflag a, .theme-dark .path-mod-quiz .othernav a:not(.mod_quiz-next-nav) {
background-color: #202124;
color: #fff;
}
.btn-info:hover, #page-mod-quiz-report .toggleincludeauto a:hover, .reportlink a:hover, #page-mod-quiz-report .bold .reviewlink:hover, #enabletemplateeditor:hover, .endtestlink:hover, .rui-contentbank-view-btns .btn.active:hover, .rui-quizattemptcounts a:hover, #page-mod-feedback-complete [align="center"] a:hover, #id_saverubricdraft:hover, #id_saveguidedraft:hover, .que .info .questionflag a:hover, .path-mod-quiz .othernav a:not(.mod_quiz-next-nav):hover {
background-color: #ddd1cf;
border: 1px solid transparent;
color: #2b0d09;
}
.theme-dark .btn-info:hover, .theme-dark #page-mod-quiz-report .toggleincludeauto a:hover, #page-mod-quiz-report .toggleincludeauto .theme-dark a:hover, .theme-dark .reportlink a:hover, .reportlink .theme-dark a:hover, .theme-dark #page-mod-quiz-report .bold .reviewlink:hover, #page-mod-quiz-report .bold .theme-dark .reviewlink:hover, .theme-dark #enabletemplateeditor:hover, .theme-dark .endtestlink:hover, .theme-dark .rui-contentbank-view-btns .btn.active:hover, .rui-contentbank-view-btns .theme-dark .btn.active:hover, .theme-dark .rui-quizattemptcounts a:hover, .rui-quizattemptcounts .theme-dark a:hover, .theme-dark #page-mod-feedback-complete [align="center"] a:hover, #page-mod-feedback-complete [align="center"] .theme-dark a:hover, .theme-dark #id_saverubricdraft:hover, .theme-dark #id_saveguidedraft:hover, .theme-dark .que .info .questionflag a:hover, .theme-dark .path-mod-quiz .othernav a:not(.mod_quiz-next-nav):hover {
background-color: #282A2D;
color: #fff;
}
.btn-light {
background-color: #fff;
border: 1px solid transparent;
color: #000;
}
.theme-dark .btn-light {
background-color: #191a1e;
color: #fff;
}
.btn-light:hover {
background-color: #eee8e7;
border: 1px solid transparent;
color: #340f0a;
}
.theme-dark .btn-light:hover {
background-color: #340f0a;
color: #eee8e7;
}
.btn-dark {
background-color: #212121;
mix-blend-mode: luminosity;
border: 1px solid transparent;
color: #F5F5F5;
}
.theme-dark .btn-dark {
background-color: #000;
color: #fff;
}
.btn-dark:hover {
background-color: #525151;
border: 1px solid transparent;
color: #F5F5F5;
}
.theme-dark .btn-dark:hover {
background-color: #212121;
color: #F5F5F5;
}
.btn-outline-primary, #page-grade-edit-letter-index .mdl-align a, #enterlink p:nth-of-type(3) a, #id_submitbutton2 {
color: #561911;
background-color: transparent;
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(3px);
border: 1px solid #ccbab8;
}
.btn-outline-primary:hover, #page-grade-edit-letter-index .mdl-align a:hover, #enterlink p:nth-of-type(3) a:hover, #id_submitbutton2:hover {
color: #eee8e7;
background-color: #561911;
border-color: #340f0a;
}
.theme-dark .btn-outline-primary, .theme-dark #page-grade-edit-letter-index .mdl-align a, .theme-dark #enterlink p:nth-of-type(3) a, .theme-dark #id_submitbutton2 {
color: #ab8c88;
border: 1px solid #ab8c88;
}
.btn-outline-secondary, .comment-area .fd a[id*=cancel], .visibleifjs .btn, .gradingform_guide.editor .addcriterion input, .gradingform_guide.editor .addcomment input {
color: #434343;
background-color: transparent;
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(3px);
border: 1px solid #E1E1E1;
}
.theme-dark .btn-outline-secondary, .theme-dark .comment-area .fd a[id*=cancel], .comment-area .fd .theme-dark a[id*=cancel], .theme-dark .visibleifjs .btn, .visibleifjs .theme-dark .btn, .theme-dark .gradingform_guide.editor .addcriterion input, .gradingform_guide.editor .addcriterion .theme-dark input, .theme-dark .gradingform_guide.editor .addcomment input, .gradingform_guide.editor .addcomment .theme-dark input {
color: #9AA0A6;
border: 1px solid #3C4043;
}
.btn-outline-secondary:hover, .comment-area .fd a[id*=cancel]:hover, .visibleifjs .btn:hover, .gradingform_guide.editor .addcriterion input:hover, .gradingform_guide.editor .addcomment input:hover {
color: #434343;
background-color: #F5F5F5;
border-color: #EEEEEE;
}
.theme-dark .btn-outline-secondary:hover, .theme-dark .comment-area .fd a[id*=cancel]:hover, .comment-area .fd .theme-dark a[id*=cancel]:hover, .theme-dark .visibleifjs .btn:hover, .visibleifjs .theme-dark .btn:hover, .theme-dark .gradingform_guide.editor .addcriterion input:hover, .gradingform_guide.editor .addcriterion .theme-dark input:hover, .theme-dark .gradingform_guide.editor .addcomment input:hover, .gradingform_guide.editor .addcomment .theme-dark input:hover {
color: #aeb3b8;
background-color: #121215;
border-color: #121215;
}
.btn-outline-danger, #removecontrols input, .rui-assign-btns .singlebutton:nth-child(2) .btn, .ajax-contact-button[data-is-contact="1"], #page-badges-mybadges #fgroup_id_searchgroup #id_clearsearch {
color: #910808;
background-color: transparent;
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(3px);
border: 1px solid #fbc8c8;
}
.theme-dark .btn-outline-danger, .theme-dark #removecontrols input, #removecontrols .theme-dark input, .theme-dark .rui-assign-btns .singlebutton:nth-child(2) .btn, .rui-assign-btns .singlebutton:nth-child(2) .theme-dark .btn, .theme-dark .ajax-contact-button[data-is-contact="1"], .theme-dark #page-badges-mybadges #fgroup_id_searchgroup #id_clearsearch {
color: #d03434;
border: 1px solid #d03434;
}
.btn-outline-danger:hover, #removecontrols input:hover, .rui-assign-btns .singlebutton:nth-child(2) .btn:hover, .ajax-contact-button[data-is-contact="1"]:hover, #page-badges-mybadges #fgroup_id_searchgroup #id_clearsearch:hover {
color: #910808;
background-color: #feeded;
border-color: #fbc8c8;
}
.theme-dark .btn-outline-danger:hover, .theme-dark #removecontrols input:hover, #removecontrols .theme-dark input:hover, .theme-dark .rui-assign-btns .singlebutton:nth-child(2) .btn:hover, .rui-assign-btns .singlebutton:nth-child(2) .theme-dark .btn:hover, .theme-dark .ajax-contact-button[data-is-contact="1"]:hover, .theme-dark #page-badges-mybadges #fgroup_id_searchgroup #id_clearsearch:hover {
color: #fbc8c8;
background-color: #d03434;
border-color: #d03434;
}
.btn-outline-success {
color: #027654;
background-color: transparent;
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(3px);
border: 1px solid #D1ECC0;
}
.btn-outline-success:hover {
color: #027654;
background-color: #EAF4DD;
border-color: #D1ECC0;
}
.theme-dark .btn-outline-success:hover {
color: #EAF4DD;
background-color: #0a6457;
border-color: #0a6457;
}
.theme-dark .btn-outline-success {
color: #0a6457;
border-color: #0a6457;
}
.btn-outline-warning {
color: #212121;
background-color: transparent;
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(3px);
border: 1px solid #FFEBC7;
}
.btn-outline-warning:hover {
color: #212121;
background-color: #FDF6EA;
border-color: #FFF1D5;
}
.theme-dark .btn-outline-warning:hover {
color: #E8EAED;
}
.theme-dark .btn-outline-warning {
color: #E8EAED;
}
.btn-outline-light {
color: #fff;
background-color: transparent;
border: 1px solid #fff;
}
.btn-outline-light:hover {
color: #000;
background-color: #fff;
border-color: rgba(255, 255, 255, 0.9);
}
.btn-outline-dark {
color: #000;
background-color: transparent;
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(3px);
border: 1px solid #000;
}
.btn-outline-dark:hover {
color: #fff;
background-color: #000;
border-color: rgba(0, 0, 0, 0.9);
}
.btn-link, [data-fieldtype="submit"] a, .cancel a, #page-mod-quiz-report .gradetheselink {
display: inline-flex;
align-items: center;
background-color: transparent;
border: none;
font-size: 0.8125rem;
font-weight: 500;
color: #561911;
text-decoration: none;
}
.theme-dark .btn-link, .theme-dark [data-fieldtype="submit"] a, [data-fieldtype="submit"] .theme-dark a, .theme-dark .cancel a, .cancel .theme-dark a, .theme-dark #page-mod-quiz-report .gradetheselink, #page-mod-quiz-report .theme-dark .gradetheselink {
color: #ab8c88;
}
.btn-link:hover, [data-fieldtype="submit"] a:hover, .cancel a:hover, #page-mod-quiz-report .gradetheselink:hover {
color: #561911;
text-decoration: none;
}
.theme-dark .btn-link:hover, .theme-dark [data-fieldtype="submit"] a:hover, [data-fieldtype="submit"] .theme-dark a:hover, .theme-dark .cancel a:hover, .cancel .theme-dark a:hover, .theme-dark #page-mod-quiz-report .gradetheselink:hover, #page-mod-quiz-report .theme-dark .gradetheselink:hover {
color: #ab8c88;
}
.btn-link:focus, [data-fieldtype="submit"] a:focus, .cancel a:focus, #page-mod-quiz-report .gradetheselink:focus, .btn-link.focus, [data-fieldtype="submit"] a.focus, .cancel a.focus, #page-mod-quiz-report .focus.gradetheselink {
text-decoration: none;
}
.btn-link:disabled, [data-fieldtype="submit"] a:disabled, .cancel a:disabled, #page-mod-quiz-report .gradetheselink:disabled, .btn-link.disabled, [data-fieldtype="submit"] a.disabled, .cancel a.disabled, #page-mod-quiz-report .disabled.gradetheselink {
color: #626262;
pointer-events: none;
}
.btn-link .rui-icon-container, [data-fieldtype="submit"] a .rui-icon-container, .cancel a .rui-icon-container, #page-mod-quiz-report .gradetheselink .rui-icon-container {
display: inline-flex;
align-items: center;
}
.btn-link--clean {
background-color: transparent;
border: 0;
padding: 0;
font-weight: 500;
color: #561911;
}
.theme-dark .btn-link--clean {
color: #ab8c88;
}
.btn-link--clean:hover {
color: #561911;
}
.theme-dark .btn-link--clean:hover {
color: #ab8c88;
}
.btn-lg, .btn-group-lg > .btn {
padding: 1rem 1.75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: 5px;
}
.btn-xs, #page-mod-quiz-edit .mod_quiz-edit-action-buttons .btn {
padding: 0.25rem 0.85rem;
font-size: 0.8rem;
}
.btn-sm, .btn-group-sm > .btn, .search-results .result-context-info a, .forum-post-footer a, .comment-area .fd a, .rui-assign-btns .singlebutton .btn, .visibleifjs .btn, #enterlink p:nth-of-type(3) a, .reportoption .btn, .allcoursegrades a, .availability-list .btn, .addlinks a, .reportlink a, .notesgroup .footer a, #page-report-progress-index .progress-actions a, #page-mod-quiz-report .gradetheselink, .rui-quizattemptsummary .c3 a, .rui-submitbtns--back .btn, .mod_quiz-prev-nav, .mod_quiz-next-nav, #page-mod-quiz-report .bold .reviewlink, #page-mod-quiz-edit .add-menu-outer .btn, .categorypagingbarcontainer .paging a, .page_split_join, .path-mod-wiki .printicon, #enabletemplateeditor, .path-auth-oauth2 .main-content h2 + a, #page-mod-forum-index .subscription .helplink:nth-of-type(1) a, #page-mod-forum-index .subscription .helplink:nth-of-type(2) a, #page-mod-forum-view .subscription .helplink a, .endtestlink, .export-actions a, .path-mod-quiz .othernav a:not(.mod_quiz-next-nav), .resettable a, #page-grade-edit-letter-index .mdl-align a, #page-mod-feedback-complete [align="center"] a, .commentlink a, .quizsummaryofattempt .c0 a, .itemnav a, .que .comment a, .course-content .collapsible-actions a, #settingsMenu .btn-secondary, #settingsMenu .collapseexpand, #settingsMenu .actions p a, .actions p #settingsMenu a, #settingsMenu .backlink a, .backlink #settingsMenu a, #settingsMenu #page-admin-grade-edit-letter-index .main-content .mdl-align a, #page-admin-grade-edit-letter-index .main-content .mdl-align #settingsMenu a, #settingsMenu .moreless-toggler, #settingsMenu .search-results .result-context-info a, .search-results .result-context-info #settingsMenu a, #settingsMenu .tool_dataprivacy-expand-all, #settingsMenu .edit-link a, .edit-link #settingsMenu a, #settingsMenu #core-cache-rescan-definitions a, #core-cache-rescan-definitions #settingsMenu a, #settingsMenu .continuebutton a, .continuebutton #settingsMenu a, #settingsMenu .tour-actions > ul > li > a, #settingsMenu .gradereport_history_usp .usp-search input[type="submit"], .gradereport_history_usp .usp-search #settingsMenu input[type="submit"], #settingsMenu .comment-area .fd a[id*=post], .comment-area .fd #settingsMenu a[id*=post], #settingsMenu .allcoursegrades a, .allcoursegrades #settingsMenu a, #settingsMenu .addlinks a, .addlinks #settingsMenu a, #settingsMenu #page-grade-grading-manage .actions .action, #page-grade-grading-manage .actions #settingsMenu .action, #settingsMenu .gradingform_rubric.editor .addlevel input, .gradingform_rubric.editor .addlevel #settingsMenu input, #settingsMenu .path-tag .tagarea .controls .exclusivemode, .path-tag .tagarea .controls #settingsMenu .exclusivemode, #settingsMenu .notesgroup p a, .notesgroup p #settingsMenu a, #settingsMenu #page-report-progress-index .progress-actions a, #page-report-progress-index .progress-actions #settingsMenu a, #settingsMenu .path-mod-glossary .printicon, .path-mod-glossary #settingsMenu .printicon, #settingsMenu .rui-form-element-group a, .rui-form-element-group #settingsMenu a, #settingsMenu .mod_quiz-prev-nav, #settingsMenu .categorypagingbarcontainer .paging a, .categorypagingbarcontainer .paging #settingsMenu a, #settingsMenu .page_split_join, #settingsMenu .path-mod-wiki .printicon, .path-mod-wiki #settingsMenu .printicon, #settingsMenu .path-auth-oauth2 .main-content h2 + a, .path-auth-oauth2 .main-content #settingsMenu h2 + a, #settingsMenu #page-mod-forum-index .subscription .helplink:nth-of-type(2) a, #page-mod-forum-index .subscription .helplink:nth-of-type(2) #settingsMenu a, #settingsMenu .rui-contentbank-view-btns .btn, .rui-contentbank-view-btns #settingsMenu .btn, #settingsMenu .chart-table-expand a, .chart-table-expand #settingsMenu a, #settingsMenu .export-actions a, .export-actions #settingsMenu a, #settingsMenu .modal-footer a:not(.btn-primary), .modal-footer #settingsMenu a:not(.btn-primary), #settingsMenu .commentlink a, .commentlink #settingsMenu a, #settingsMenu .itemnav a, .itemnav #settingsMenu a, #settingsMenu .que .comment a, .que .comment #settingsMenu a, #settingsMenu .btn-inverse, #settingsMenu .pick.template, #settingsMenu .action.remove, #settingsMenu .helpdoclink a, .helpdoclink #settingsMenu a, #settingsMenu .path-mod-attendance .attbtn a, .path-mod-attendance .attbtn #settingsMenu a, #settingsMenu #feedback_dragarea .dropdown-btn, #feedback_dragarea #settingsMenu .dropdown-btn, #settingsMenu .section-collapsemenu, #settingsMenu .pagenumber .dropdown-btn, .pagenumber #settingsMenu .dropdown-btn, #settingsMenu .path-mod-booking #gotop, .path-mod-booking #settingsMenu #gotop, #settingsMenu .path-mod-booking #goenrol, .path-mod-booking #settingsMenu #goenrol, #settingsMenu .path-mod-booking #searchButton, .path-mod-booking #settingsMenu #searchButton, #settingsMenu .path-mod-booking #buttonclear, .path-mod-booking #settingsMenu #buttonclear, #settingsMenu .ajax-contact-button, #settingsMenu #message-user-button, #settingsMenu .course-content-header a, .course-content-header #settingsMenu a, #settingsMenu .course-content-footer a, .course-content-footer #settingsMenu a, #settingsMenu .addcomponent, .rui-pre button, .helpdoclink a, .que .info .questionflag a, #sticky-footer .col-auto .btn, .section-collapsemenu, #page-admin-roles-define .buttons .btn, .path-mod-booking #gotop, .path-mod-booking #goenrol, .path-mod-booking #searchButton, .path-mod-booking #buttonclear, .ajax-contact-button, #message-user-button, .course-content-header a, .course-content-footer a, .addcomponent {
padding: 0.6rem 1rem;
font-size: 0.8125rem;
}
.btn-submit {
border: none;
}
.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%;
}
.ajax-contact-button, #toggle-contact-button, #message-user-button {
padding: 8px 10px !important;
margin-left: 0.5rem;
}
.ajax-contact-button .icon, #toggle-contact-button .icon, #message-user-button .icon {
margin: 0;
padding: 0;
background-color: transparent;
}
@media (max-width: 767.98px) {
#page-message-output-popup-notifications #message-user-button {
margin-left: 0;
}
}
.ajax-contact-button {
margin-left: 0.35rem;
}
.ajax-contact-button .icon {
margin-right: 0.25rem;
}
.moreless-toggler, .card-body .footer a {
width: 100%;
}
.card-body .footer a {
display: block;
width: 100%;
padding: 0.85rem 1.25rem;
margin: 15px 0 2px;
border-radius: 5px;
font-size: 0.75rem;
font-weight: 500;
background-color: #F5F5F5;
color: #555353;
text-align: center;
}
.theme-dark .card-body .footer a {
background-color: #121215;
color: #9AA0A6;
}
.card-body .footer a:hover {
background-color: #eee8e7;
color: #561911;
text-decoration: none;
}
.theme-dark .card-body .footer a:hover {
background-color: #17181B;
color: #9AA0A6;
}
.path-mod-quiz .othernav a:not(.mod_quiz-next-nav) {
display: block;
width: 100%;
}
.backlink a {
padding-left: 50px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23212121' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M10.25 6.75L4.75 12L10.25 17.25'%3E%3C/path%3E%3Cpath stroke='%23212121' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M19.25 12H5'%3E%3C/path%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-size: 24px;
background-position: 12px;
}
.theme-dark .backlink a {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M10.25 6.75L4.75 12L10.25 17.25'%3E%3C/path%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M19.25 12H5'%3E%3C/path%3E%3C/svg%3E%0A");
}
.path-mod-wiki .printicon {
padding-left: 40px;
background-position: 15px;
}
.rui-form-element-group a .icon {
opacity: 0.7;
}
.rui-form-element-group a[data-toggle="popover"] {
margin-right: 0.5rem;
}
[data-role="deletecategory"] {
margin: 1px;
padding: 10px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 40px;
background-color: #feeded;
color: #910808;
font-size: 0.75rem;
transition: all 0.2s ease-in-out;
}
[data-role="deletecategory"]:hover {
background-color: #fbc8c8;
color: #910808;
}
[data-role="deletecategory"] .icon {
width: auto;
height: auto;
font-size: 0.75rem;
}
#page-admin-user-profile-index .main-content h2 {
width: 100%;
display: inline-flex;
align-items: center;
}
#page-admin-user-profile-index .main-content h2 a:hover {
text-decoration: none;
}
#page-admin-user-profile-index .main-content h2 .icon:not(.spacer) {
margin: 1px;
padding: 10px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 40px;
background-color: #EEEEEE;
font-size: 0.75rem;
color: #434343;
transition: all 0.2s ease-in-out;
}
#page-admin-user-profile-index .main-content h2 .icon:not(.spacer).fa-trash {
background-color: #feeded;
color: #910808;
}
#page-admin-user-profile-index .main-content h2 .icon:not(.spacer):hover {
background-color: #D4DEF8;
color: #0642CD;
}
#page-admin-user-profile-index .main-content h2 .icon:not(.spacer):hover.fa-trash {
background-color: #910808;
color: #feeded !important;
}
[data-groupname="buttonar"], .rui-sticky-btns, .form-buttons {
position: sticky;
bottom: 20px;
z-index: 1020;
}
.mod_quiz_preflight_popup [data-groupname="buttonar"], .mod_quiz_preflight_popup .rui-sticky-btns, .mod_quiz_preflight_popup .form-buttons {
position: relative;
bottom: 0;
}
@media (max-width: 767.98px) {
[data-groupname="buttonar"], .rui-sticky-btns, .form-buttons {
bottom: 60px;
}
}
#page-report-progress-index .progress-actions {
margin: 30px auto 0;
padding: 0;
text-align: left;
}
#page-report-progress-index .progress-actions li {
display: inline-flex;
margin-right: 0.35rem;
margin-bottom: 0.5rem;
}
#page-report-progress-index .progress-actions li:last-child {
margin-bottom: 0;
}
.path-mod-glossary .printicon {
padding-left: 40px;
background-position: 15px !important;
}
.path-mod-glossary .glossarypost .commands {
display: block;
margin-bottom: 20px;
}
.path-mod-glossary .glossarypost .commands a {
padding: 10px;
margin: 2px;
border-radius: 5px;
background: #F5F5F5;
}
.theme-dark.path-mod-glossary .glossarypost .commands a {
background-color: #121215;
}
.theme-dark.path-mod-glossary .glossarypost .commands a img.icon {
filter: invert(1);
}
.rui-show-sidebar {
position: absolute;
top: 0;
right: 60px;
}
.btn-special-icon, h2 .btn .icon, #page-mod-quiz-edit .section .activity .actions .icon, .questioncategories a .icon, .path-mod-assign #page-content [data-region="grade-panel"] [data-region="popout-button"] .icon {
padding: 10px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 40px;
background-color: #EEEEEE;
font-size: 0.75rem;
color: #434343;
transition: all 0.2s ease-in-out;
}
.btn-special-icon--hover, h2 .btn:hover .icon, .questioncategories a:hover .icon, .path-mod-assign #page-content [data-region="grade-panel"] [data-region="popout-button"] a:hover .icon {
background-color: #D4DEF8;
color: #0642CD;
}
.btn--disabled {
opacity: 0.3;
cursor: not-allowed;
}
.editing_groupsnone, .editing_groupsseparate, .editing_groupsvisible {
display: inline-flex;
margin-left: 10px;
padding: 10px 15px;
border-radius: 40px;
font-size: 13px;
font-weight: 500;
}
@media (max-width: 767.98px) {
.editing_groupsnone, .editing_groupsseparate, .editing_groupsvisible {
margin-top: 10px;
margin-left: 0;
white-space: break-spaces;
}
}
.editing_groupsnone .rui-icon-container, .editing_groupsseparate .rui-icon-container, .editing_groupsvisible .rui-icon-container {
padding: 0 !important;
margin: 0 !important;
background-color: transparent !important;
}
.editing_groupsnone .icon, .editing_groupsseparate .icon, .editing_groupsvisible .icon {
width: 17px;
height: 17px;
margin-right: 0.5rem !important;
}
.editing_groupsnone .dropdown-item--text, .editing_groupsseparate .dropdown-item--text, .editing_groupsvisible .dropdown-item--text {
display: inline-flex !important;
}
.editing_groupsnone {
background-color: #feeded;
color: #ca0d0d;
}
.editing_groupsnone:hover {
background-color: #fbc8c8;
color: #910808;
}
.editing_groupsnone .icon {
color: #ef1010 !important;
}
.editing_groupsseparate {
background-color: #fff;
color: #212121;
}
.editing_groupsseparate:hover {
background-color: #EEEEEE;
color: #434343;
}
.editing_groupsseparate .icon {
color: #434343 !important;
}
.editing_groupsvisible {
background-color: #EAF4DD;
color: #087159;
}
.editing_groupsvisible:hover {
background-color: #D1ECC0;
color: #027654;
}
.editing_groupsvisible .icon {
color: #027654 !important;
}
.helplink a .icon {
height: 18px;
}
.rui-footer-btns {
display: inline-flex;
align-items: center;
flex-wrap: wrap;
}
@media (max-width: 767.98px) {
.rui-footer-btns {
display: block;
}
}
.rui-footer-btns div {
display: flex;
}
.rui-footer-btns a {
margin-right: 0.5rem;
font-size: 0.75rem;
font-weight: 500;
color: #212121;
}
.theme-dark .rui-footer-btns a {
color: #9AA0A6;
}
.rui-footer-btns a:hover {
color: #561911;
}
.theme-dark .rui-footer-btns a:hover {
color: #ab8c88;
}
@media (max-width: 767.98px) {
.rui-footer-btns a {
width: 100%;
margin-right: 0;
margin-bottom: 0.35rem;
}
}
.rui-footer-btns a img {
display: none;
}
.course-content .collapsible-actions a.collapseall, .course-content .collapsible-actions a.expandall {
padding-left: 26px;
background-position: 5px !important;
background-size: 18px;
}
.btn--darkmode {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border: none;
border-radius: 5px;
color: #665e4f;
background-color: #fff0d6;
}
.theme-dark .btn--darkmode {
background-color: #4a350d;
color: #FFC457;
}
.btn--darkmode div {
padding: 10px;
}
.btn--darkmode:hover {
background-color: #212121;
color: #F5F5F5;
}
.theme-dark .btn--darkmode:hover {
background-color: #282A2D;
}
@media (max-width: 767.98px) {
.btn--text {
display: none;
}
}
.btn svg {
pointer-events: none;
}
#id_parentcompetencybutton {
display: inline-flex;
}
.rui-debug div {
position: relative;
}
.btn--name + .btn--icon, .btn--icon + .btn--name {
margin-left: 0.5rem;
}
.helpdoclink a .icon {
display: none;
}
.btn.dropdown-toggle {
border: 0;
}
.dropdown-btn.btn-primary, .addtagcoll a.dropdown-btn, .path-admin-tag .addstandardtags a.dropdown-btn, .gradereport_history_usp .usp-finish input.dropdown-btn, #siteconfiglink a.dropdown-btn, .forum-post-footer a.dropdown-btn, .rui-submissionaction .singlebutton .dropdown-btn.btn, #enterlink p:nth-of-type(1) a.dropdown-btn, .dropdown-btn.mod_quiz-next-nav, .addbloglink a.dropdown-btn, #addcontrols input.dropdown-btn, #page-mod-forum-index .subscription .helplink:nth-of-type(1) a.dropdown-btn, #page-mod-forum-view .subscription .helplink a.dropdown-btn, .midpad a.dropdown-btn, .dropdown-btn.createstep, #enterlink p:nth-of-type(2) a.dropdown-btn, .webservicestokenui + a.dropdown-btn, .rui-pre button.dropdown-btn, .last-add-menu .dropdown-btn {
color: #fff;
}
.btn-insight {
border-radius: 5px;
}
/* File manager, cancel button border fix */
.fp-dlg-butcancel {
border: 0;
}
.course-content-header a, .course-content-footer a {
padding-left: 3px;
}
.theme-dark .course-content-header a .icon, .theme-dark .course-content-footer a .icon {
filter: invert(1);
}
.notesgroup p a:after {
display: none;
}
.groupmode-information {
padding: 4px 10px 4px 4px;
display: inline-flex;
flex-wrap: wrap;
width: max-content;
max-width: 100%;
}
.theme-dark .groupmode-information .icon {
filter: invert(1);
}
.btn--completion {
padding: 0 6px;
height: 30px;
border-radius: 30px;
}
.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;
}
}
.dropup, .dropright, .dropdown, .dropleft {
position: relative;
}
.dropdown-toggle {
white-space: nowrap;
}
.dropdown-toggle::after {
display: inline-block;
margin-left: 5px;
vertical-align: 2.55px;
content: "";
border-top: 3px solid;
border-right: 3px solid transparent;
border-bottom: 0;
border-left: 3px solid transparent;
}
.dropdown-toggle:empty::after {
margin-left: 0;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
right: auto;
max-width: 280px;
z-index: 1230;
display: none;
float: left;
min-width: 90px;
padding: 0.35rem 0.35rem;
margin: 0.125rem 0 0;
font-size: 0.875rem;
color: #EEEEEE;
text-align: left;
list-style: none;
background-color: #212121;
background-clip: padding-box;
border-radius: 5px;
box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
}
.rui-course-card .dropdown-menu {
max-width: 195px;
}
.dropdown-menu .border-top, .dropdown-menu .border-bottom {
border-color: #434343 !important;
}
.block-controls .dropdown-menu {
padding: 5px;
margin: 2px;
}
.theme-dark .dropdown-menu {
color: #E8EAED;
background-color: #121215;
border: 1px solid #2E3134;
}
.dropdown-menu li {
margin-bottom: 0.35rem;
}
.dropdown-menu li:last-of-type {
margin-bottom: 0;
}
.dropdown-menu-left {
right: auto;
left: 0;
}
.dropdown-menu-right {
right: 0;
left: auto;
}
@media (min-width: 320px) {
.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: 1000px) {
.dropdown-menu-lmd-left {
right: auto;
left: 0;
}
.dropdown-menu-lmd-right {
right: 0;
left: auto;
}
}
@media (min-width: 1200px) {
.dropdown-menu-lg-left {
right: auto;
left: 0;
}
.dropdown-menu-lg-right {
right: 0;
left: auto;
}
}
@media (min-width: 1600px) {
.dropdown-menu-xl-left {
right: auto;
left: 0;
}
.dropdown-menu-xl-right {
right: 0;
left: auto;
}
}
@media (min-width: 3000px) {
.dropdown-menu-xxl-left {
right: auto;
left: 0;
}
.dropdown-menu-xxl-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: 5px;
vertical-align: 2.55px;
content: "";
border-top: 0;
border-right: 3px solid transparent;
border-bottom: 3px solid;
border-left: 3px 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: 5px;
vertical-align: 2.55px;
content: "";
border-top: 3px solid transparent;
border-right: 0;
border-bottom: 3px solid transparent;
border-left: 3px 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: 5px;
vertical-align: 2.55px;
content: "";
}
.dropleft .dropdown-toggle::after {
display: none;
}
.dropleft .dropdown-toggle::before {
display: inline-block;
margin-right: 5px;
vertical-align: 2.55px;
content: "";
border-top: 3px solid transparent;
border-right: 3px solid;
border-bottom: 3px 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.35rem -0.35rem;
overflow: hidden;
border-top: 1px solid #434343;
}
.theme-dark .dropdown-divider {
height: 0;
margin: 0.35rem -0.35rem;
overflow: hidden;
border-top: 1px solid #202124;
}
.dropdown-divider + .dropdown-divider {
display: none;
}
input.dropdown-item {
background-color: transparent;
}
.dropdown-menu a, .dropdown-menu .dropdown-item {
display: flex;
align-items: center;
width: 100%;
max-width: 290px;
padding: 0.4rem 0.75rem;
margin-bottom: 2px;
clear: both;
font-size: 0.75rem;
font-weight: 500;
color: #EEEEEE;
text-align: inherit;
/*word-break: normal;
white-space: break-spaces;*/
white-space: normal;
border: 0;
border-radius: 5px;
background-blend-mode: hard-light;
}
.dropdown-menu a:last-child, .dropdown-menu .dropdown-item:last-child {
margin-bottom: 0;
}
.dropdown-menu a[disabled=disabled], .dropdown-menu .dropdown-item[disabled=disabled] {
opacity: 0.5;
background-color: #434343;
}
.rui-course-card .dropdown-menu a, .rui-course-card .dropdown-menu .dropdown-item {
min-width: 180px;
}
.theme-dark .dropdown-menu a, .theme-dark .dropdown-menu .dropdown-item {
color: #E8EAED;
}
.dropdown-menu a.ml-4, .dropdown-menu .dropdown-item.ml-4 {
width: calc(100% - 1.875rem);
}
.dropdown-menu a:not(.hidden), .dropdown-menu .dropdown-item:not(.hidden) {
display: flex;
}
.dropdown-menu a .icon, .dropdown-menu .dropdown-item .icon {
margin-right: 7px;
width: 16px;
height: 16px;
color: inherit;
opacity: 0.6;
filter: invert(1);
}
.dropdown-menu a .rui-icon, .dropdown-menu .dropdown-item .rui-icon {
line-height: 1;
}
.dropdown-menu a.hidden, .dropdown-menu .dropdown-item.hidden {
display: none;
}
.dropdown-menu a.active, .dropdown-menu a:hover, .dropdown-menu .dropdown-item.active, .dropdown-menu .dropdown-item:hover {
color: #F5F5F5;
text-decoration: none;
background-color: #434343;
}
.theme-dark .dropdown-menu a.active, .theme-dark .dropdown-menu a:hover, .theme-dark .dropdown-menu .dropdown-item.active, .theme-dark .dropdown-menu .dropdown-item:hover {
color: #E8EAED;
background-color: #2d333b;
}
.dropdown-menu a.active .icon, .dropdown-menu a:hover .icon, .dropdown-menu .dropdown-item.active .icon, .dropdown-menu .dropdown-item:hover .icon {
filter: invert(1);
}
.dropdown-menu a.active a, .dropdown-menu a:active a, .dropdown-menu .dropdown-item.active a, .dropdown-menu .dropdown-item:active a {
color: #b2b2b2;
text-decoration: none;
background-color: #434343;
}
.dropdown-menu a.active .icon, .dropdown-menu a:active .icon, .dropdown-menu .dropdown-item.active .icon, .dropdown-menu .dropdown-item:active .icon {
filter: invert(1);
}
.dropdown-menu a:after, .dropdown-menu .dropdown-item:after {
display: none;
}
.dropdown-menu a[aria-current="true"], .dropdown-menu .dropdown-item[aria-current="true"] {
position: relative;
display: flex;
align-items: center;
color: #b2b2b2;
text-decoration: none;
background-color: #434343;
margin-bottom: 0.15rem;
}
.theme-dark .dropdown-menu a[aria-current="true"], .theme-dark .dropdown-menu .dropdown-item[aria-current="true"] {
color: #E8EAED;
background-color: #17181B;
}
.dropdown-menu a.disabled a, .dropdown-menu a:disabled a, .dropdown-menu .dropdown-item.disabled a, .dropdown-menu .dropdown-item:disabled a {
opacity: 0.5;
color: #525151;
pointer-events: none;
background-color: transparent;
}
.theme-dark .dropdown-menu a.disabled a, .theme-dark .dropdown-menu a:disabled a, .theme-dark .dropdown-menu .dropdown-item.disabled a, .theme-dark .dropdown-menu .dropdown-item:disabled a {
color: #282A2D;
}
.dropdown-menu .atto_menuentry a {
display: block;
width: 100%;
margin-bottom: 0.25rem;
padding: 0.4rem 0.75rem;
clear: both;
font-size: 0.938rem;
font-weight: 500;
color: #EEEEEE;
text-align: inherit;
white-space: nowrap;
border: 0;
border-radius: 5px;
}
.theme-dark .dropdown-menu .atto_menuentry a {
color: #E8EAED;
}
.dropdown-menu .atto_menuentry a:hover {
color: #F5F5F5;
text-decoration: none;
background-color: #434343;
}
.theme-dark .dropdown-menu .atto_menuentry a:hover {
color: #E8EAED;
background-color: #2d333b;
}
.dropdown-menu.show {
display: block;
min-height: max-content;
width: max-content;
max-width: 300px;
}
.dir-rtl .usermenu .dropdown-menu.show {
display: block;
left: 30px !important;
}
.dropdown-header {
display: block;
padding: 0.35rem 1rem;
margin: 0 -5px 5px;
font-size: 0.75rem;
font-weight: 500;
color: #b2b2b2;
white-space: nowrap;
border-bottom: 1px solid #434343;
}
.theme-dark .dropdown-header {
color: #9AA0A6;
border-bottom: 1px solid #202124;
}
.dropdown .dropdown-item-text {
max-width: calc(100% - 30px);
}
.dropdown-btn {
padding: 0.75rem 1.25rem;
font-size: 0.875rem;
line-height: 1.5;
border-radius: 5px;
font-weight: 500;
color: #212121;
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) {
.dropdown-btn {
transition: none;
}
}
.action-menu-trigger .dropdown-btn, #category-listing .dropdown-btn {
padding: 7px;
}
.action-menu-trigger .dropdown-btn:after, #category-listing .dropdown-btn:after {
display: none;
}
.theme-dark .dropdown-btn {
color: #E8EAED;
}
.main-nav-container .dropdown-btn {
background-color: transparent;
color: #434343;
}
.theme-dark .main-nav-container .dropdown-btn {
background-color: transparent;
color: #aeb3b8;
}
.dropdown-btn:hover {
background-color: #F5F5F5;
color: #212121;
text-decoration: none;
}
.theme-dark .dropdown-btn:hover {
background-color: #202124;
color: #E8EAED;
}
.dropdown-btn .icon {
margin: 0;
width: 24px;
height: 24px;
}
#course-category-listings .dropdown-btn .icon {
display: inline-flex;
align-items: center;
width: 16px;
height: 16px;
}
.dropdown-user {
width: 300px;
max-width: 300px;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
font-size: 1rem;
font-weight: 500;
color: #F5F5F5;
}
.theme-dark .dropdown-user {
color: #E8EAED;
}
.dropdown-user .meta.viewingas, .dropdown-user .meta.role {
position: relative;
display: block;
background-color: #D1ECC0;
padding: 9px 14px;
margin: 5px 0 0;
border-radius: 5px;
font-size: 0.75rem;
line-height: 1.3;
color: #005742;
text-align: center;
}
.meta.loginfailures {
padding: 3px 8px;
background-color: #FDF6EA;
border-radius: 5px;
font-size: 0.75rem;
white-space: normal;
line-height: 1.3;
color: #C3850C;
}
.dropdown-user-meta:not(:empty) {
margin: 5px 0 0;
white-space: normal;
}
.dropdown-user-meta:not(:empty) .badge-xs:empty {
display: none;
}
.dropdown-user-nick {
margin: 15px 0 5px;
white-space: normal;
font-size: 0.75rem;
line-height: 1;
color: rgba(245, 245, 245, 0.8);
}
.dropdown-user-mail {
display: block;
width: 100%;
font-size: 0.75rem;
font-weight: 400;
color: rgba(245, 245, 245, 0.8);
}
.theme-dark .dropdown-user-mail {
color: rgba(232, 234, 237, 0.8);
}
.dropdown-user-wrapper {
padding: 10px 12px;
display: flex;
flex-wrap: wrap;
}
.rui-fullname {
width: 100%;
font-size: 0.875rem;
white-space: normal;
word-break: break-all;
}
.dropdown-item.aabtn.menu-action .dropdown-item--text {
display: none;
}
.dropdown-item--text {
max-width: 200px;
}
.dropdown .tool-lp-menu-item {
padding: 0;
}
.dropdown .tool-lp-menu-item a {
font-weight: 500;
color: #F5F5F5;
}
.dropdown .tool-lp-menu-item a:hover {
text-decoration: none;
}
.dropdown .tool-lp-menu-item a .icon {
padding: 0;
}
.dropdown-menu .text-muted, .dropdown-menu .block .minicalendar td.weekend, .block .minicalendar .dropdown-menu td.weekend, .collapsecolumndropdown .text-muted, .collapsecolumndropdown .block .minicalendar td.weekend, .block .minicalendar .collapsecolumndropdown td.weekend {
color: #9AA0A6;
}
.choicelist .icon {
filter: invert(1);
}
.option-selected-bg {
background-color: #434343;
}
.theme-dark .option-selected-bg {
background-color: #17181B;
}
.option-description {
color: rgba(245, 245, 245, 0.8);
}
.theme-dark .option-description {
color: rgba(232, 234, 237, 0.8);
}
.btn-group, .btn-group-vertical {
position: relative;
display: inline-flex;
align-items: center;
}
.btn-group > .btn, .btn-group-vertical > .btn {
position: relative;
flex: 1 1 auto;
}
.btn-group > .btn:hover, .btn-group-vertical > .btn:hover {
z-index: 1;
}
.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active {
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), .btn-group > .btn-group:not(:first-child) {
margin-left: -1px;
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group > .btn:first-child {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.btn-group > .btn:last-child {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.dropdown-toggle-split {
padding-right: 0.9375rem;
padding-left: 0.9375rem;
}
.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 {
padding-right: 0.75rem;
padding-left: 0.75rem;
}
.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
padding-right: 1.3125rem;
padding-left: 1.3125rem;
}
.btn-group-vertical {
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.btn-group-vertical > .btn, .btn-group-vertical > .btn-group {
width: 100%;
}
.btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) {
margin-top: -1px;
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn {
margin-bottom: 0;
}
.btn-group-toggle > .btn input[type="radio"], .btn-group-toggle > .btn input[type="checkbox"], .btn-group-toggle > .btn-group > .btn input[type="radio"], .btn-group-toggle > .btn-group > .btn 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(:last-child), .input-group > .custom-select:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.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::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::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-append .btn {
position: relative;
z-index: 2;
}
.input-group-prepend .btn:focus, .input-group-append .btn:focus {
z-index: 3;
}
.input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn {
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.75rem 1.25rem;
margin-bottom: 0;
font-size: 0.875rem;
font-weight: 400;
line-height: 1.5;
color: #434343;
text-align: center;
white-space: nowrap;
background-color: #EEEEEE;
border: 1px solid #D8D8D8;
border-radius: 5px;
}
.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 + 2rem + 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, .input-group-lg > .input-group-append > .btn {
padding: 1rem 1.75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: 40px;
}
.input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select {
height: 36px;
}
.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, .input-group-sm > .input-group-append > .btn {
padding: 0.6rem 1rem;
font-size: 0.8125rem;
line-height: 1.5;
border-radius: 3px;
}
.input-group-lg > .custom-select, .input-group-sm > .custom-select {
padding-right: 2.25rem;
}
.input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn, .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, .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), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child), .input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn: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-width: 30px;
min-height: 16px;
line-height: 21px;
padding-left: 23px;
padding-right: 0;
margin-right: 10px;
print-color-adjust: exact;
}
.simplesearchform .custom-control {
margin: 10px 16px;
}
.custom-control--xs .custom-control-label {
font-size: 0.688rem;
line-height: 2;
color: #555353;
}
.theme-dark .custom-control--xs .custom-control-label {
color: #9AA0A6;
}
.custom-control-inline {
display: inline-flex;
margin-right: 1rem;
}
.custom-control-inline input[type="radio"] {
margin: 0;
}
.custom-control-input {
position: absolute;
left: 0;
z-index: -1;
width: 1.25rem;
height: 1.375rem;
opacity: 0;
}
.custom-control-input.custom-control-input--xs {
width: 25px;
height: 16px;
}
.custom-control-input:checked ~ .custom-control-label::before {
color: #ab8c88;
border-color: #ab8c88;
background-color: rgba(171, 140, 136, 0.3);
}
.custom-control-input:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 0.2rem rgba(86, 25, 17, 0.3);
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
border-color: #ddd1cf;
}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
color: #561911;
background-color: white;
border-color: white;
}
.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
color: #626262;
}
.theme-dark .custom-control-input[disabled] ~ .custom-control-label, .theme-dark .custom-control-input:disabled ~ .custom-control-label {
color: #3C4043;
}
.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before {
background-color: #EEEEEE;
border-color: #EEEEEE;
}
.theme-dark .custom-control-input[disabled] ~ .custom-control-label::before, .theme-dark .custom-control-input:disabled ~ .custom-control-label::before {
background-color: #121215;
border-color: #121215;
}
.custom-control-label {
position: relative;
margin-bottom: 0;
max-width: 280px;
vertical-align: top;
font-size: 0.875rem;
}
.custom-control-label::before {
position: absolute;
top: 0;
left: -30px;
display: block;
width: 1.25rem;
height: 1.25rem;
pointer-events: none;
content: "";
background-color: transparent;
border: #b2b2b2 solid 2px;
}
.theme-dark .custom-control-label::before {
border-color: #2E3134;
}
.custom-control-label::after {
position: absolute;
top: 0;
left: -30px;
display: block;
width: 1.25rem;
height: 1.25rem;
content: "";
background: 50% / 50% 50% no-repeat;
}
.custom-switch.custom-control--xs .custom-control-label::after {
width: 8px;
height: 8px;
top: 7px;
left: -28px;
}
.custom-switch.custom-control--xs .custom-control-label::before {
width: 22px;
height: 16px;
top: 3px;
left: -32px;
}
.custom-switch .custom-control-input.custom-control-input--xs:checked ~ .custom-control-label::after {
transform: translateX(6px);
}
.dir-rtl .custom-switch .custom-control-input.custom-control-input--xs:checked ~ .custom-control-label::after {
transform: translateX(-6px);
}
.custom-switch.custom-control--xs {
padding-left: 37px;
}
.custom-checkbox .custom-control-label::before {
border-radius: 5px;
}
.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='%23ab8c88' 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: #eee8e7;
background-color: #eee8e7;
}
.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='%23ab8c88' d='M0 2h4'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
background-color: #E1E1E1;
}
.theme-dark .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
background-color: rgba(86, 25, 17, 0.5) !important;
}
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
background-color: #E1E1E1;
}
.theme-dark .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
background-color: rgba(86, 25, 17, 0.5) !important;
}
.custom-radio {
margin: 5px 0;
}
.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='%23ab8c88'/%3e%3c/svg%3e");
}
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
background-color: #E1E1E1;
}
.theme-dark .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
background-color: rgba(86, 25, 17, 0.5);
}
.custom-switch {
padding-left: 2.6875rem;
}
.custom-switch .custom-control-input {
width: 35px;
height: 20px;
}
.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.125rem + 2px);
left: calc(-2.6875rem + 4px);
width: calc(1.25rem - 8px);
height: calc(1.25rem - 8px);
background-color: #b2b2b2;
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);
}
#admin-closecustomalert .custom-switch .custom-control-input:checked ~ .custom-control-label::after, #admin-hideforgotpassword .custom-switch .custom-control-input:checked ~ .custom-control-label::after, #admin-hidecourseindexnav .custom-switch .custom-control-input:checked ~ .custom-control-label::after, #admin-turnoffdashboardlink .custom-switch .custom-control-input:checked ~ .custom-control-label::after, #admin-hidedetails .custom-switch .custom-control-input:checked ~ .custom-control-label::after, [id^="admin-turnoffsidebar"] .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
background-color: #f81212;
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::before {
background-color: #ab8c88;
}
#admin-closecustomalert .custom-switch .custom-control-input:checked ~ .custom-control-label::before, #admin-hideforgotpassword .custom-switch .custom-control-input:checked ~ .custom-control-label::before, #admin-hidecourseindexnav .custom-switch .custom-control-input:checked ~ .custom-control-label::before, #admin-turnoffdashboardlink .custom-switch .custom-control-input:checked ~ .custom-control-label::before, #admin-hidedetails .custom-switch .custom-control-input:checked ~ .custom-control-label::before, [id^="admin-turnoffsidebar"] .custom-switch .custom-control-input:checked ~ .custom-control-label::before {
background-color: #ffb7b7;
border-color: #ffb7b7;
}
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
background-color: #E1E1E1;
}
.theme-dark .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
background-color: rgba(86, 25, 17, 0.5);
}
.custom-select, select.quickgrade {
display: inline-block;
width: 100%;
max-width: 220px;
height: calc(1.5em + 1.5rem + 2px);
padding: 0.75rem 2.25rem 0.75rem 1.25rem;
font-size: 0.875rem;
font-weight: 400;
line-height: 1.5;
color: #434343;
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='%23434343' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 10px center / 8px 10px no-repeat;
border: 1px solid #D8D8D8;
border-radius: 5px;
appearance: none;
}
.theme-dark .custom-select, .theme-dark select.quickgrade {
color: #aeb3b8;
background: #17181B 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='%23aeb3b8' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 10px center / 8px 10px no-repeat;
border-color: #2E3134;
}
.custom-select:focus, select.quickgrade:focus {
border-color: #ddd1cf;
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(86, 25, 17, 0.3);
}
.custom-select:focus::-ms-value, select.quickgrade:focus::-ms-value {
color: #434343;
background-color: #fff;
}
.theme-dark .custom-select:focus::-ms-value, .theme-dark select.quickgrade:focus::-ms-value {
color: #aeb3b8;
background-color: #17181B;
}
.custom-select[multiple], .custom-select[size]:not([size="1"]), select.quickgrade[multiple], select.quickgrade[size]:not([size="1"]) {
height: auto;
padding-right: 1.25rem;
background-image: none;
}
.custom-select:disabled, select.quickgrade:disabled {
color: #626262;
background-color: #EEEEEE;
}
.theme-dark .custom-select:disabled, .theme-dark select.quickgrade:disabled {
color: #3C4043;
background-color: #17181B;
}
.custom-select::-ms-expand, select.quickgrade::-ms-expand {
display: none;
}
.custom-select:-moz-focusring, select.quickgrade:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #434343;
}
.custom-select-sm {
height: 36px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 1rem;
font-size: 0.75rem;
font-size: 0.8125rem;
}
.custom-select-lg {
height: calc(1.5em + 2rem + 2px);
padding-top: 1rem;
padding-bottom: 1rem;
padding-left: 1.75rem;
font-size: 1rem;
}
.custom-file {
position: relative;
display: inline-block;
width: 100%;
height: calc(1.5em + 1.5rem + 2px);
margin-bottom: 0;
}
.custom-file-input {
position: relative;
z-index: 2;
width: 100%;
height: calc(1.5em + 1.5rem + 2px);
margin: 0;
overflow: hidden;
opacity: 0;
}
.custom-file-input:focus ~ .custom-file-label {
border-color: #ddd1cf;
box-shadow: 0 0 0 0.2rem rgba(86, 25, 17, 0.3);
}
.theme-dark .custom-file-input:focus ~ .custom-file-label {
border-color: #561911;
}
.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label {
background-color: #EEEEEE;
}
.theme-dark .custom-file-input[disabled] ~ .custom-file-label, .theme-dark .custom-file-input:disabled ~ .custom-file-label {
background-color: #191a1e;
}
.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 + 1.5rem + 2px);
padding: 0.75rem 1.25rem;
overflow: hidden;
font-weight: 400;
line-height: 1.5;
color: #434343;
background-color: #fff;
border: 1px solid #D8D8D8;
border-radius: 5px;
}
.theme-dark .custom-file-label {
color: #aeb3b8;
background-color: #17181B;
}
.custom-file-label::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
z-index: 3;
display: block;
height: calc(1.5em + 1.5rem);
padding: 0.75rem 1.25rem;
line-height: 1.5;
color: #434343;
content: "Browse";
background-color: #EEEEEE;
border-left: inherit;
border-radius: 0 5px 5px 0;
}
.theme-dark .custom-file-label::after {
color: #aeb3b8;
}
.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(86, 25, 17, 0.3);
}
.custom-range:focus::-moz-range-thumb {
box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(86, 25, 17, 0.3);
}
.custom-range:focus::-ms-thumb {
box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(86, 25, 17, 0.3);
}
.custom-range::-moz-focus-outer {
border: 0;
}
.custom-range::-webkit-slider-thumb {
width: 1rem;
height: 1rem;
margin-top: -0.25rem;
background-color: #eee8e7;
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: white;
}
.custom-range::-webkit-slider-runnable-track {
width: 100%;
height: 0.5rem;
color: transparent;
cursor: pointer;
background-color: #E1E1E1;
border-color: transparent;
border-radius: 1rem;
}
.theme-dark .custom-range::-webkit-slider-runnable-track {
background-color: #202124;
}
.custom-range::-moz-range-thumb {
width: 1rem;
height: 1rem;
background-color: #eee8e7;
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: white;
}
.custom-range::-moz-range-track {
width: 100%;
height: 0.5rem;
color: transparent;
cursor: pointer;
background-color: #E1E1E1;
border-color: transparent;
border-radius: 1rem;
}
.theme-dark .custom-range::-moz-range-track {
background-color: #202124;
}
.custom-range::-ms-thumb {
width: 1rem;
height: 1rem;
margin-top: 0;
margin-right: 0.2rem;
margin-left: 0.2rem;
background-color: #eee8e7;
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: white;
}
.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: #E1E1E1;
border-radius: 1rem;
}
.theme-dark .custom-range::-ms-fill-lower {
background-color: #202124;
}
.custom-range::-ms-fill-upper {
margin-right: 15px;
background-color: #E1E1E1;
border-radius: 1rem;
}
.theme-dark .custom-range::-ms-fill-upper {
background-color: #202124;
}
.custom-range:disabled::-webkit-slider-thumb {
background-color: #b2b2b2;
}
.theme-dark .custom-range:disabled::-webkit-slider-thumb {
background-color: #2E3134;
}
.custom-range:disabled::-webkit-slider-runnable-track {
cursor: default;
}
.custom-range:disabled::-moz-range-thumb {
background-color: #b2b2b2;
}
.theme-dark .custom-range:disabled::-moz-range-thumb {
background-color: #2E3134;
}
.custom-range:disabled::-moz-range-track {
cursor: default;
}
.custom-range:disabled::-ms-thumb {
background-color: #b2b2b2;
}
.theme-dark .custom-range:disabled::-ms-thumb {
background-color: #2E3134;
}
.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-left: 0;
margin-bottom: 0;
list-style: none;
}
.nav-link:hover, .nav-link:focus {
text-decoration: none;
}
.nav-link.disabled {
color: #b2b2b2;
pointer-events: none;
cursor: default;
}
.theme-dark .nav-link.disabled {
color: #2E3134;
}
.nav-tabs {
padding: 0;
margin: 0;
font-size: 0.938rem;
font-weight: 500;
}
.nav-tabs + .nav-tabs {
margin-top: 0.25rem;
}
.nav-tabs .nav-item {
display: flex;
}
.nav-tabs .nav-item:focus {
outline: none;
box-shadow: none;
}
.nav-tabs .nav-item:last-child {
margin-right: 0;
}
.nav-tabs .nav-link {
padding: 8px 16px;
display: inline-flex;
position: relative;
border-radius: 5px;
font-weight: 500;
color: #212121;
transition: all 0.2s ease-in-out;
}
.theme-dark .nav-tabs .nav-link {
color: #E8EAED;
}
.nav-tabs .nav-link:hover {
background-color: #561911;
color: #eee8e7;
text-decoration: none;
}
.theme-dark .nav-tabs .nav-link:hover {
color: #ab8c88;
}
.nav-tabs .nav-link:hover:before {
opacity: 1;
}
.nav-tabs .nav-link.active::before {
opacity: 0;
}
.nav-tabs .nav-link.disabled {
color: #b2b2b2;
opacity: 0.4;
}
.theme-dark .nav-tabs .nav-link.disabled {
color: #2E3134;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
background-color: #ddd1cf;
color: #561911;
}
.nav-tabs .nav-link.active:hover, .nav-tabs .nav-item.show .nav-link:hover {
background-color: #561911;
color: #eee8e7;
}
.theme-dark .nav-tabs .nav-link.active, .theme-dark .nav-tabs .nav-item.show .nav-link {
background-color: #080909;
color: #aeb3b8;
}
.dropdown .nav-item {
margin-right: 0 !important;
}
.nav-pills .nav-link {
border-radius: 5px;
color: #561911;
font-weight: 500;
}
.theme-dark .nav-pills .nav-link {
color: #ddd1cf;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
color: #212121;
background-color: #eee8e7;
}
.theme-dark .nav-pills .nav-link.active, .theme-dark .nav-pills .show > .nav-link {
color: #E8EAED;
background-color: #2b0d09;
}
.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 > .tab-pane .list-unstyled {
line-height: 2;
}
.tab-content > .active {
display: block;
padding: 0;
}
/* Space Theme */
@media (max-width: 999.98px) {
.main-nav-container-overflow {
overflow-x: auto;
overflow-y: hidden;
}
}
.main-nav-container .header-link-item {
padding: 0.65rem 0;
margin-right: 1rem;
}
.nav-column {
margin: 0;
padding: 0 20px 0 0;
border-right: 1px solid #E1E1E1;
}
.theme-dark .nav-column {
border-right: 1px solid #2E3134;
}
@media (max-width: 767.98px) {
.nav-column {
padding: 0;
border-right: none;
}
}
.nav-column li a {
padding: 16px 0;
display: block;
border-bottom: 1px solid #E1E1E1;
color: #212121;
font-weight: 500;
position: relative;
}
.theme-dark .nav-column li a {
border-bottom: 1px solid #2E3134;
color: #E8EAED;
}
@media (max-width: 767.98px) {
.nav-column li a {
padding: 16px;
}
}
.nav-column li a.active, .nav-column li a:hover {
color: #561911;
border-color: #561911;
}
.theme-dark .nav-column li a.active, .theme-dark .nav-column li a:hover {
color: #9AA0A6;
border-color: #3C4043;
}
.nav-column li a.active:before, .nav-column li a:hover:before {
content: "";
background-color: rgba(86, 25, 17, 0.05);
position: absolute;
z-index: -1;
width: calc(100% + 12px);
top: 4px;
bottom: 4px;
left: -6px;
border-radius: 5px;
}
.theme-dark .nav-column li a.active:before, .theme-dark .nav-column li a:hover:before {
background-color: #282A2D;
}
.nav-column li a:after {
display: none;
}
.rui-tabs .nav-item a {
display: flex;
align-items: center;
display: inline-flex;
flex-direction: column;
align-items: center;
justify-content: center;
border-radius: 30px;
}
.rui-tabs .nav-item a.focus, .rui-tabs .nav-item a:focus {
position: relative;
}
.rui-tabs .nav-tabs {
background-color: #F5F5F5;
border-radius: 5px;
}
@media (min-width: 1200px) {
.rui-tabs .nav-tabs {
margin-left: 0;
}
}
@media (max-width: 999.98px) {
.rui-tabs .nav-tabs {
margin: 0 auto;
}
}
@media (min-width: 768px) {
.rui-tabs .nav-tabs {
width: max-content;
max-width: 100%;
}
}
@media (max-width: 767.98px) {
.rui-tabs .nav-tabs {
width: 100%;
padding: 10px;
}
}
.theme-dark .rui-tabs .nav-tabs {
background-color: #06090c;
}
.rui-tabs .nav-tabs a {
padding: 7px 16px;
display: inline-flex;
position: relative;
border-radius: 5px;
font-weight: 500;
color: #212121;
transition: all 0.2s ease-in-out;
}
.theme-dark .rui-tabs .nav-tabs a {
color: #E8EAED;
}
.rui-tabs .nav-tabs a:hover {
background-color: #561911;
color: #eee8e7;
text-decoration: none;
}
.theme-dark .rui-tabs .nav-tabs a:hover {
color: #ab8c88;
}
.rui-tabs .nav-tabs a:hover:before {
opacity: 1;
}
.rui-tabs .nav-tabs a.active::before {
opacity: 0;
}
.rui-tabs .nav-tabs a.disabled {
color: #b2b2b2;
opacity: 0.4;
}
.theme-dark .rui-tabs .nav-tabs a.disabled {
color: #2E3134;
}
.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.40625rem;
padding-bottom: 0.40625rem;
margin-right: 25px;
font-size: 1.125rem;
line-height: inherit;
white-space: nowrap;
}
.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-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.125rem;
line-height: 1;
background-color: transparent;
border: 1px solid transparent;
border-radius: 5px;
}
.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: no-repeat center center;
background-size: 100% 100%;
}
@media (max-width: 319.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: 320px) {
.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: 999.98px) {
.navbar-expand-lmd > .container, .navbar-expand-lmd > .container-fluid, .navbar-expand-lmd > .container-sm, .navbar-expand-lmd > .container-md, .navbar-expand-lmd > .container-lg, .navbar-expand-lmd > .container-xl {
padding-right: 0;
padding-left: 0;
}
}
@media (min-width: 1000px) {
.navbar-expand-lmd {
flex-flow: row nowrap;
justify-content: flex-start;
}
.navbar-expand-lmd .navbar-nav {
flex-direction: row;
}
.navbar-expand-lmd .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-lmd .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.navbar-expand-lmd > .container, .navbar-expand-lmd > .container-fluid, .navbar-expand-lmd > .container-sm, .navbar-expand-lmd > .container-md, .navbar-expand-lmd > .container-lg, .navbar-expand-lmd > .container-xl {
flex-wrap: nowrap;
}
.navbar-expand-lmd .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-lmd .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-lmd .navbar-toggler {
display: none;
}
}
@media (max-width: 1199.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: 1200px) {
.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: 1599.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: 1600px) {
.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;
}
}
@media (max-width: 2999.98px) {
.navbar-expand-xxl > .container, .navbar-expand-xxl > .container-fluid, .navbar-expand-xxl > .container-sm, .navbar-expand-xxl > .container-md, .navbar-expand-xxl > .container-lg, .navbar-expand-xxl > .container-xl {
padding-right: 0;
padding-left: 0;
}
}
@media (min-width: 3000px) {
.navbar-expand-xxl {
flex-flow: row nowrap;
justify-content: flex-start;
}
.navbar-expand-xxl .navbar-nav {
flex-direction: row;
}
.navbar-expand-xxl .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-xxl .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.navbar-expand-xxl > .container, .navbar-expand-xxl > .container-fluid, .navbar-expand-xxl > .container-sm, .navbar-expand-xxl > .container-md, .navbar-expand-xxl > .container-lg, .navbar-expand-xxl > .container-xl {
flex-wrap: nowrap;
}
.navbar-expand-xxl .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-xxl .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-xxl .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;
}
.editing .block_with_controls {
min-height: 320px;
}
.card {
margin-bottom: 1rem;
padding: 0;
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid #E1E1E1;
border-radius: 5px;
}
.theme-dark .card {
background-color: #191a1e;
border: 1px solid #2E3134;
}
.card.block_recentlyaccessedcourses {
border: 0;
}
.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: 4px;
border-top-right-radius: 4px;
}
.card > .list-group:last-child {
border-bottom-width: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.card:last-of-type {
margin-bottom: 0;
}
.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 1.25rem;
}
.block_html .card-body, .block_recentlyaccessedcourses .card-body {
padding: 0;
}
.card-title {
margin-bottom: 1rem;
font-size: 0.875rem;
font-weight: 700;
color: #212121;
}
.theme-dark .card-title {
color: #9AA0A6;
}
.card-subtitle {
margin-top: -0.625rem;
margin-bottom: 0;
}
.card-text {
font-size: 0.75rem;
color: #434343;
}
.theme-dark .card-text {
color: #aeb3b8;
}
.card-text:last-child {
margin-bottom: 0;
}
.card-link:hover {
text-decoration: none;
}
.card-link + .card-link {
margin-left: 1.25rem;
}
.card-header {
padding: 1.25rem 1.25rem;
margin-bottom: 0;
}
#course-category-listings .card-header {
padding-bottom: 0;
font-size: 0.875rem;
font-weight: 500;
}
.card-header:first-child {
border-radius: 4px 4px 0 0;
}
.card-footer {
padding: 1.25rem 1.25rem;
border-top: 1px solid #E1E1E1;
}
.theme-dark .card-footer {
border-top: 1px solid #2E3134;
}
.card-footer:last-child {
border-radius: 0 0 4px 4px;
}
#data-listview-content .card-footer {
padding: 0;
}
.card .footer br {
display: none;
}
.card-header-tabs {
margin-right: -0.625rem;
margin-bottom: -1.25rem;
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: 4px;
}
.card-img, .card-img-top, .card-img-bottom {
flex-shrink: 0;
width: 100%;
}
.card-img, .card-img-top {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.card-img, .card-img-bottom {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.card-deck .card {
margin-bottom: 15px;
}
@media (min-width: 320px) {
.card-deck {
display: flex;
flex-flow: row wrap;
margin-right: -15px;
margin-left: -15px;
}
.card-deck .card {
flex: 1 0 0%;
margin-right: 15px;
margin-bottom: 0;
margin-left: 15px;
}
}
.card-group > .card {
margin-bottom: 15px;
}
@media (min-width: 320px) {
.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: 1.25rem;
}
@media (min-width: 320px) {
.card-columns {
column-count: 3;
column-gap: 1.25rem;
orphans: 1;
widows: 1;
}
.card-columns .card {
display: inline-block;
width: 100%;
}
}
.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;
}
.block_html {
padding: 0;
border: none;
border-radius: 0;
}
.theme-dark .block_html {
border: none;
}
.theme-dark .block_html .card-body {
padding: 0;
}
@media (min-width: 1000px) {
.rui-breadcrumbs {
margin-top: 18px;
margin-bottom: 16px;
}
}
@media (max-width: 999.98px) {
.rui-breadcrumbs {
margin-top: 10px;
margin-bottom: 10px;
}
}
@media (max-width: 767.98px) {
.uses-drawers .rui-breadcrumbs {
width: calc(100% - 70px);
margin-left: auto;
margin-right: auto;
}
}
.breadcrumb, .coursefilesbreadcrumb {
display: flex;
flex-wrap: wrap;
padding: 0 2px;
margin: 0;
z-index: 0;
font-size: 0.75rem;
list-style: none;
}
@media (max-width: 767.98px) {
.breadcrumb, .coursefilesbreadcrumb {
width: max-content;
}
}
.breadcrumbs-container {
width: 100%;
}
@media (max-width: 767.98px) {
.breadcrumbs-container {
overflow-x: auto;
padding: 10px 0;
margin: 0 auto;
}
}
#page-course-edit .breadcrumbs-container {
width: 100%;
}
.breadcrumb--in-content {
margin: 0;
}
.breadcrumb-item {
display: flex;
color: #626262;
}
.theme-dark .breadcrumb-item a:hover {
color: #ab8c88;
}
.theme-dark .breadcrumb-item:after {
background-color: #aeb3b8;
}
.theme-dark .breadcrumb-item {
color: #9AA0A6;
}
.breadcrumb-item .text-truncate, .breadcrumb-item .dropdown .dropdown-item-text, .dropdown .breadcrumb-item .dropdown-item-text, .breadcrumb-item .block_private_files .ygtvcontent div, .block_private_files .ygtvcontent .breadcrumb-item div, .breadcrumb-item .block_private_files [id^="private_files_tree"] a, .block_private_files [id^="private_files_tree"] .breadcrumb-item a, .breadcrumb-item #blocks-dashboardleftblock .block-myoverview .dropdown span, #blocks-dashboardleftblock .block-myoverview .dropdown .breadcrumb-item span, .breadcrumb-item #blocks-dashboardleftblock .block-myoverview .btn span, #blocks-dashboardleftblock .block-myoverview .btn .breadcrumb-item span, .breadcrumb-item #blocks-dashboardrightblock .block-myoverview .dropdown span, #blocks-dashboardrightblock .block-myoverview .dropdown .breadcrumb-item span, .breadcrumb-item #blocks-dashboardrightblock .block-myoverview .btn span, #blocks-dashboardrightblock .block-myoverview .btn .breadcrumb-item span {
max-width: 300px;
}
.breadcrumb-item + .breadcrumb-item {
padding-left: 0.5rem;
}
.breadcrumb-item + .breadcrumb-item::before {
display: inline-flex;
align-items: center;
padding-right: 0.5rem;
color: #626262;
content: "-";
}
.theme-dark .breadcrumb-item + .breadcrumb-item::before {
color: #3C4043;
}
.breadcrumb--in-content .breadcrumb-item {
max-width: 300px;
}
.breadcrumb--in-content .breadcrumb-item a:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23626262' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6.75 15.25V6.75H15.25'%3E%3C/path%3E%3Cpath stroke='%23626262' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7 7L17.25 17.25'%3E%3C/path%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: 0;
background-size: 18px;
width: 17px;
height: 17px;
}
.theme-dark .breadcrumb--in-content .breadcrumb-item a:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%239AA0A6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6.75 15.25V6.75H15.25'%3E%3C/path%3E%3Cpath stroke='%239AA0A6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7 7L17.25 17.25'%3E%3C/path%3E%3C/svg%3E%0A");
}
.breadcrumb-item + .breadcrumb-item:hover::before {
text-decoration: underline;
}
.breadcrumb-item + .breadcrumb-item:hover::before {
text-decoration: none;
}
.breadcrumb-item.active {
color: #525151;
}
.theme-dark .breadcrumb-item.active {
color: #9AA0A6;
}
.breadcrumb-item .breadcrumbs-textonly {
margin: 0.25rem 0;
display: grid;
}
.breadcrumb-item a {
position: relative;
display: inline-flex;
z-index: 1;
margin: 0.25rem 0;
color: #626262;
font-weight: 500;
}
.theme-dark .breadcrumb-item a {
color: #9AA0A6;
}
.breadcrumb-item a .text-truncate, .breadcrumb-item a .dropdown .dropdown-item-text, .dropdown .breadcrumb-item a .dropdown-item-text, .breadcrumb-item a .block_private_files .ygtvcontent div, .block_private_files .ygtvcontent .breadcrumb-item a div, .breadcrumb-item a .block_private_files [id^="private_files_tree"] a, .block_private_files [id^="private_files_tree"] .breadcrumb-item a a, .breadcrumb-item a #blocks-dashboardleftblock .block-myoverview .dropdown span, #blocks-dashboardleftblock .block-myoverview .dropdown .breadcrumb-item a span, .breadcrumb-item a #blocks-dashboardleftblock .block-myoverview .btn span, #blocks-dashboardleftblock .block-myoverview .btn .breadcrumb-item a span, .breadcrumb-item a #blocks-dashboardrightblock .block-myoverview .dropdown span, #blocks-dashboardrightblock .block-myoverview .dropdown .breadcrumb-item a span, .breadcrumb-item a #blocks-dashboardrightblock .block-myoverview .btn span, #blocks-dashboardrightblock .block-myoverview .btn .breadcrumb-item a span {
display: inline-block;
max-width: 200px;
}
.breadcrumb-item a:hover {
color: #561911;
text-decoration: none;
}
.pagination, .comment-paging {
margin: 1rem 0;
display: flex;
padding-left: 0;
list-style: none;
border-radius: 5px;
}
.page-link, .comment-paging a {
position: relative;
display: flex;
padding: 0.5rem 0.75rem;
margin-left: 1px;
line-height: 1.5;
font-weight: 500;
color: #434343;
border-radius: 5px;
}
.theme-dark .page-link, .theme-dark .comment-paging a {
color: #aeb3b8;
}
.page-link:hover, .comment-paging a:hover {
z-index: 2;
color: #561911;
text-decoration: none;
background-color: #eee8e7;
}
.theme-dark .page-link:hover, .theme-dark .comment-paging a:hover {
color: #D4DEF8;
background-color: #00309F;
}
.page-link:focus, .comment-paging a:focus {
z-index: 3;
}
.page-item.active .page-link {
z-index: 3;
color: #434343;
background-color: #EEEEEE;
}
.theme-dark .page-item.active .page-link {
color: #aeb3b8;
background-color: #121215;
}
.page-item.disabled .page-link {
color: #D8D8D8;
pointer-events: none;
cursor: auto;
background-color: #fff;
border-color: #E1E1E1;
opacity: 0.3;
}
.theme-dark .page-item.disabled .page-link {
color: #282A2D;
background-color: #191a1e;
border-color: #202124;
}
.comment-pagination {
margin-bottom: 1rem;
}
.curpage {
color: #434343;
background-color: #EEEEEE;
}
.theme-dark .curpage {
color: #aeb3b8;
background-color: #121215;
}
.pagination-lg .page-link {
padding: 0.75rem 1.5rem;
font-size: 1.125rem;
line-height: 1.5;
}
.pagination-lg .page-item:first-child .page-link {
border-top-left-radius: 40px;
border-bottom-left-radius: 40px;
}
.pagination-lg .page-item:last-child .page-link {
border-top-right-radius: 40px;
border-bottom-right-radius: 40px;
}
.pagination-sm .page-link {
margin: 0;
padding: 4px 10px;
font-size: 0.75rem;
min-width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 30px !important;
}
.initialsdropdown .initialbarlabel {
color: #E8EAED;
}
.theme-dark .initialsdropdown .initialbarlabel {
color: #E8EAED;
}
.dropdown-menu .initialsdropdown .page-item.active .page-link {
background-color: #434343;
color: #EEEEEE;
}
.theme-dark .dropdown-menu .initialsdropdown .page-item.active .page-link {
background-color: #2d333b;
color: #E8EAED;
}
.initialbar {
padding-bottom: 10px;
margin-bottom: 10px;
}
.dropdown-menu .initialbar {
border-bottom: 1px solid #434343;
}
.theme-dark .dropdown-menu .initialbar {
border-color: #434343;
}
.initialbar:last-of-type {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: 0;
}
.initialbargroups ul.pagination-sm {
margin: 0 !important;
display: flex;
flex-wrap: wrap;
}
.initialbar + .rui-title-container {
margin-top: 30px !important;
}
.badge {
display: inline-flex;
align-items: center;
flex-wrap: wrap;
justify-content: center;
padding: 0.35rem 0.85rem;
font-size: 0.75rem;
font-weight: 500;
vertical-align: baseline;
border-radius: 40px;
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;
}
}
.badge strong, .badge span {
margin-left: 2px;
margin-right: 2px;
}
.dir-rtl .badge {
border: none !important;
}
a.badge:hover, a.badge:focus {
text-decoration: none;
}
.badge a {
color: inherit;
}
.badge + .badge {
margin-left: 0.35rem;
}
.badge:empty, .badge:after {
display: none;
}
.badge .bage--remove-icon {
font-size: 0.6875rem;
}
.badge img {
width: 14px;
height: 14px;
}
.badge .icon {
width: 14px;
height: 14px;
font-size: 0.75rem;
}
.badge-sq {
display: inline-flex;
align-items: center;
padding: 0.35rem 0.85rem;
font-size: 0.75rem;
font-weight: 500;
vertical-align: baseline;
border-radius: 5px;
}
.badge-sq a {
font-weight: 700;
color: inherit;
opacity: 0.7;
margin-left: 0.35rem;
}
.badge-sm {
display: inline-flex;
align-items: center;
flex-wrap: wrap;
padding: 0.3rem 0.85rem;
font-size: 0.75rem;
font-weight: 500;
vertical-align: baseline;
border-radius: 40px;
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-sm {
transition: none;
}
}
a.badge-sm:hover, a.badge-sm:focus {
text-decoration: none;
}
.badge-sm a {
color: inherit;
}
.badge-sm:empty {
display: none;
}
.badge-sm .bage--remove-icon {
font-size: 0.6875rem;
}
.badge-sm .icon {
width: auto;
height: auto;
font-size: 0.75rem;
}
.badge-xs {
padding: 3px 8px;
border-radius: 5px;
font-size: 11px;
font-weight: 500;
}
.btn .badge {
position: relative;
top: -1px;
}
.badge-pill {
padding-right: 0.6em;
padding-left: 0.6em;
border-radius: 10rem;
}
.badge-primary, .rui-backup-progress .backup_stage.backup_stage_current {
background-color: #eee8e7;
color: #340f0a;
}
.theme-dark .badge-primary, .theme-dark .rui-backup-progress .backup_stage.backup_stage_current, .rui-backup-progress .theme-dark .backup_stage.backup_stage_current {
background-color: #561911;
color: #eee8e7;
}
.badge-secondary {
background-color: #eee8e7;
color: #561911;
}
.theme-dark .badge-secondary {
background-color: #121215;
color: #aeb3b8;
}
.badge-success {
background-color: #EAF4DD;
color: #027654;
}
.theme-dark .badge-success {
background-color: #0a6457;
color: #EAF4DD;
}
.badge-danger {
background-color: #feeded;
color: #ca0d0d;
}
.theme-dark .badge-danger {
background-color: #B13A3A;
color: #feeded;
}
.badge-warning {
background-color: #FFF1D5;
color: #212121;
}
.theme-dark .badge-warning {
background-color: #7E6E4E;
color: #FDF6EA;
}
.badge-info, .loginfo {
background-color: #EEF8FF;
color: #406CD2;
}
.theme-dark .badge-info, .theme-dark .loginfo {
background-color: #525ea9;
color: #EEF8FF;
}
.badge-light, .form-defaultinfo, .rui-backup-progress .backup_stage {
background-color: #F5F5F5;
color: #525151;
}
.theme-dark .badge-light, .theme-dark .form-defaultinfo, .theme-dark .rui-backup-progress .backup_stage, .rui-backup-progress .theme-dark .backup_stage {
background-color: #202124;
color: #aeb3b8;
}
.badge-dark {
background-color: #000;
color: #fff;
}
.theme-dark .badge-dark {
background-color: #000;
color: #fff;
}
.badge-link, .rui-backup-progress .backup_stage {
cursor: pointer;
transition: all 0.2s ease-in-out;
}
.badge-link:hover, .rui-backup-progress .backup_stage:hover {
text-decoration: none;
}
.badge-link:before, .rui-backup-progress .backup_stage:before {
display: none;
}
.badge-link a:hover, .rui-backup-progress .backup_stage a:hover {
text-decoration: none;
opacity: 0.8;
}
.badge h5 {
color: inherit;
}
.loginfo {
margin-top: 1rem;
display: inline-flex;
align-items: center;
flex-wrap: wrap;
padding: 0.35rem 1.25rem;
font-size: 0.75rem;
font-weight: 500;
vertical-align: baseline;
border-radius: 40px;
}
#page-badges-mybadges #fgroup_id_searchgroup .col-md-3 {
display: none;
}
.rui-badge-box {
padding: 20px;
margin-bottom: 30px;
border-radius: 5px;
border: 1px solid #E1E1E1;
position: relative;
}
.theme-dark .rui-badge-box {
border: 1px solid #2E3134;
}
.rui-badge-box:last-child, .rui-badge-box:only-child {
margin-bottom: 0;
}
.rui-badge-not-available {
border: 1px solid #f9a3a3;
}
.rui-badge-overview-actions {
margin: 0 -20px 20px;
padding: 0 20px 20px;
border-bottom: 1px solid #E1E1E1;
}
.theme-dark .rui-badge-overview-actions {
border-bottom: 1px solid #2E3134;
}
.badge-icon + .badge-name {
margin-left: 0.5rem;
}
a.badge {
transition: all 0.2s ease-in-out;
}
a.badge:hover {
opacity: 0.6;
}
.badge--label {
width: calc(100% - 24px);
}
.accordion-button {
position: relative;
display: flex;
align-items: center;
width: 100%;
padding: 1rem 1.25rem;
font-size: 1rem;
font-weight: 700;
color: #212121;
text-align: left;
background-color: #fff;
border: 0;
border-radius: 0;
overflow-anchor: none;
transition: all 350ms ease;
}
@media (prefers-reduced-motion: reduce) {
.accordion-button {
transition: none;
}
}
.theme-dark .accordion-button {
background-color: #191a1e;
color: #E8EAED;
}
.accordion-button:not(.collapsed) {
color: #561911;
background-color: #eee8e7;
}
.theme-dark .accordion-button:not(.collapsed) {
color: #eee8e7;
background-color: #340f0a;
}
.accordion-button:not(.collapsed)::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23561911'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
transform: rotate(-180deg);
}
.theme-dark .accordion-button:not(.collapsed)::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23E8EAED'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.accordion-button::after {
flex-shrink: 0;
width: 1.25rem;
height: 1.25rem;
margin-left: auto;
content: "";
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212121'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-size: 1.25rem;
transition: transform 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.accordion-button::after {
transition: none;
}
}
.theme-dark .accordion-button::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23E8EAED'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.accordion-button:hover {
z-index: 2;
}
.accordion-button:focus {
z-index: 3;
border-color: #ddd1cf;
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(86, 25, 17, 0.3);
}
.theme-dark .accordion-button:focus {
border-color: #561911;
}
.accordion-header {
margin-bottom: 0;
line-height: 1.5;
}
.accordion-item {
background-color: #fff;
border: 1px solid #E1E1E1;
}
.theme-dark .accordion-item {
background-color: #191a1e;
border: 1px solid #2E3134;
}
.accordion-item:first-of-type {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.accordion-item:first-of-type .accordion-button {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.accordion-item:not(:first-of-type) {
border-top: 0;
}
.accordion-item:last-of-type {
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.accordion-item:last-of-type .accordion-button.collapsed {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.accordion-item:last-of-type .accordion-collapse {
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.accordion-body {
padding: 1rem 1.25rem;
}
.accordion-flush .accordion-collapse {
border-width: 0;
}
.accordion-flush .accordion-item {
border-right: 0;
border-left: 0;
border-radius: 0;
}
.accordion-flush .accordion-item:first-child {
border-top: 0;
}
.accordion-flush .accordion-item:last-child {
border-bottom: 0;
}
.accordion-flush .accordion-item .accordion-button {
border-radius: 0;
}
.alert, #page-mod-choice-view #notice p {
position: relative;
margin: 1rem 0;
padding: 0.55rem 1.25rem;
border: 1px solid transparent;
border-radius: 5px;
font-size: 0.875rem;
font-weight: 500;
}
#page-maintenance .alert, #page-maintenance #page-mod-choice-view #notice p, #page-mod-choice-view #notice #page-maintenance p {
width: max-content;
max-width: 100%;
}
.alert p, #page-mod-choice-view #notice p p {
margin-top: 0.25rem;
margin-bottom: 0.25rem;
}
.alert p:last-child, #page-mod-choice-view #notice p p:last-child {
margin-top: 0;
margin-bottom: 0;
}
.alert label, #page-mod-choice-view #notice p label {
margin-bottom: 0;
color: inherit;
}
.alert h1, #page-mod-choice-view #notice p h1, .alert h2, #page-mod-choice-view #notice p h2, .alert h3, #page-mod-choice-view #notice p h3, .alert h4, #page-mod-choice-view #notice p h4, .alert h5, #page-mod-choice-view #notice p h5 {
color: inherit;
}
.alert + .alert, #page-mod-choice-view #notice p + .alert, #page-mod-choice-view #notice .alert + p, #page-mod-choice-view #notice p + p {
margin-top: 5px;
}
.alert .close, #page-mod-choice-view #notice p .close, .alert .yui3-skin-sam .yui3-button.closebutton, .yui3-skin-sam .alert .yui3-button.closebutton, #page-mod-choice-view #notice p .yui3-skin-sam .yui3-button.closebutton, .yui3-skin-sam #page-mod-choice-view #notice p .yui3-button.closebutton {
background-color: #fff;
}
.alert .notification_aicon, #page-mod-choice-view #notice p .notification_aicon {
width: 18px;
height: 18px;
}
.alert .notification-block-close, #page-mod-choice-view #notice p .notification-block-close {
position: absolute;
top: 10px;
right: 10px;
}
.alert:first-of-type, #page-mod-choice-view #notice p:first-of-type {
margin-top: 0;
}
h2 + .alert, #page-mod-choice-view #notice h2 + p {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.alert--close {
padding-right: 40px;
}
.alert--close .close, .alert--close .yui3-skin-sam .yui3-button.closebutton, .yui3-skin-sam .alert--close .yui3-button.closebutton {
margin: 0;
}
.alert-heading {
color: inherit;
}
.alert-link {
font-weight: 700;
}
.alert-dismissible {
padding-right: 3.3125rem;
}
.alert-dismissible .close, .alert-dismissible .yui3-skin-sam .yui3-button.closebutton, .yui3-skin-sam .alert-dismissible .yui3-button.closebutton {
position: absolute;
top: 0;
right: 0;
z-index: 2;
padding: 0.55rem 1.25rem;
color: inherit;
}
.alert-primary {
background-color: #EEF8FF;
color: #032574;
}
.theme-dark .alert-primary {
background-color: #335094;
color: #EEF8FF;
}
.alert-secondary {
background-color: #F5F5F5;
color: #212121;
}
.theme-dark .alert-secondary {
background-color: #121215;
color: #E8EAED;
}
.alert-success {
background-color: #EAF4DD;
color: #043a2d;
}
.theme-dark .alert-success {
background-color: #0a6457;
color: #EAF4DD;
}
.que .validationerror, .alert-danger {
background-color: #feeded;
color: #680505;
}
.theme-dark .que .validationerror, .theme-dark .alert-danger {
background-color: #B13A3A;
color: #feeded;
}
.alert-warning, #page-mod-choice-view #notice p {
background-color: #FDF6EA;
color: #93640A;
}
.theme-dark .alert-warning, .theme-dark #page-mod-choice-view #notice p, #page-mod-choice-view #notice .theme-dark p {
background-color: #7E6E4E;
color: #FDF6EA;
}
.theme-dark .alert-warning a, .theme-dark #page-mod-choice-view #notice p a, #page-mod-choice-view #notice .theme-dark p a {
color: #FFF1D5;
}
.alert-info {
background-color: #EEF8FF;
color: #032574;
}
.theme-dark .alert-info {
background-color: #525ea9;
color: #dde1f8;
}
.theme-dark .alert-info a {
color: #EEF8FF;
}
.alert-light {
background-color: #F5F5F5;
color: #212121;
}
.theme-dark .alert-light {
background-color: #212121;
color: #E8EAED;
}
.theme-dark .alert-light .icon {
filter: invert(1);
}
.alert-dark {
background-color: #212121;
color: #F5F5F5;
}
.theme-dark .alert-dark {
background-color: #E8EAED;
color: #121215;
}
@keyframes progress-bar-stripes {
from {
background-position: 16px 0;
}
to {
background-position: 0 0;
}
}
.progress, .rui-progress {
display: flex;
height: 16px;
overflow: hidden;
line-height: 0;
font-size: 0.75rem;
background-color: #D4DEF8;
border-radius: 10px;
}
.theme-dark .progress, .theme-dark .rui-progress {
background-color: #282A2D;
}
.rui-course-card-progress-bar .progress, .rui-course-card-progress-bar .rui-progress {
height: 0.5rem;
}
.rui-progress-bar, .progress-bar {
display: flex;
flex-direction: column;
justify-content: center;
overflow: hidden;
color: #fff;
text-align: center;
white-space: nowrap;
background: #406CD2;
background: linear-gradient(90deg, #406cd2 0%, #5fb86b 100%);
transition: width 0.6s ease;
border-radius: 30px;
}
@media (prefers-reduced-motion: reduce) {
.rui-progress-bar, .progress-bar {
transition: none;
}
}
.progress-bar .sr-only {
display: block !important;
width: max-content;
overflow: initial;
margin: 0;
font-size: 11px;
font-weight: 500;
clip: auto;
padding: 6px;
}
.format-remuiformat .progress-bar .sr-only {
display: none !important;
}
.rui-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: 16px 16px;
}
.rui-progress-bar-animated {
animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion: reduce) {
.rui-progress-bar-animated {
animation: none;
}
}
.rui-progress--value--100 {
left: auto !important;
right: 5px;
}
.rui-course-progressbar:hover {
text-decoration: none;
}
.rui-progress-count {
margin: 0 0 0 10px;
display: inline-flex;
align-items: center;
font-size: 0.75rem;
font-weight: 500;
color: #561911;
}
.theme-dark .rui-progress-count {
color: #fff;
}
.rui-progress-count .rui-progress-count-total {
margin-left: 0.25rem;
opacity: 0.6;
}
.media {
display: flex;
align-items: flex-start;
}
.media-body {
flex: 1;
}
.media-details {
font-size: 0.75rem;
color: #434343;
}
.theme-dark .media-details {
color: #aeb3b8;
}
.media-details a {
font-weight: 500;
color: #434343;
}
.theme-dark .media-details a {
color: #aeb3b8;
}
.list-group {
display: flex;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
border-radius: 5px;
}
.list-group-item-action {
width: 100%;
color: #525151;
text-align: inherit;
}
.theme-dark .list-group-item-action {
color: #9AA0A6;
}
.list-group-item-action:hover, .list-group-item-action:focus {
z-index: 1;
color: #525151;
text-decoration: none;
border-bottom: 1px solid #ccbab8;
}
.theme-dark .list-group-item-action:hover, .theme-dark .list-group-item-action:focus {
color: #9AA0A6;
border-bottom: 1px solid #ccbab8;
}
.list-group-item-action:active {
color: #212121;
background-color: #EEEEEE;
}
.theme-dark .list-group-item-action:active {
color: #E8EAED;
background-color: #17181B;
}
.list-group-item {
position: relative;
display: block;
padding: 0.75rem 1.25rem;
word-break: keep-all;
}
.list-group-item:last-child {
border-bottom: none;
}
.list-group-item.disabled, .list-group-item:disabled {
color: #626262;
pointer-events: none;
background-color: #fff;
}
.theme-dark .list-group-item.disabled, .theme-dark .list-group-item:disabled {
color: #3C4043;
background-color: #191a1e;
}
.list-group-item.active {
z-index: 2;
color: #561911;
background-color: #eee8e7;
}
.theme-dark .list-group-item.active {
color: #ddd1cf;
background-color: #2b0d09;
}
.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: 5px;
border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child {
border-top-right-radius: 5px;
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: 320px) {
.list-group-horizontal-sm {
flex-direction: row;
}
.list-group-horizontal-sm > .list-group-item:first-child {
border-bottom-left-radius: 5px;
border-top-right-radius: 0;
}
.list-group-horizontal-sm > .list-group-item:last-child {
border-top-right-radius: 5px;
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: 5px;
border-top-right-radius: 0;
}
.list-group-horizontal-md > .list-group-item:last-child {
border-top-right-radius: 5px;
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: 1000px) {
.list-group-horizontal-lmd {
flex-direction: row;
}
.list-group-horizontal-lmd > .list-group-item:first-child {
border-bottom-left-radius: 5px;
border-top-right-radius: 0;
}
.list-group-horizontal-lmd > .list-group-item:last-child {
border-top-right-radius: 5px;
border-bottom-left-radius: 0;
}
.list-group-horizontal-lmd > .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal-lmd > .list-group-item + .list-group-item {
border-top-width: 1px;
border-left-width: 0;
}
.list-group-horizontal-lmd > .list-group-item + .list-group-item.active {
margin-left: -1px;
border-left-width: 1px;
}
}
@media (min-width: 1200px) {
.list-group-horizontal-lg {
flex-direction: row;
}
.list-group-horizontal-lg > .list-group-item:first-child {
border-bottom-left-radius: 5px;
border-top-right-radius: 0;
}
.list-group-horizontal-lg > .list-group-item:last-child {
border-top-right-radius: 5px;
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: 1600px) {
.list-group-horizontal-xl {
flex-direction: row;
}
.list-group-horizontal-xl > .list-group-item:first-child {
border-bottom-left-radius: 5px;
border-top-right-radius: 0;
}
.list-group-horizontal-xl > .list-group-item:last-child {
border-top-right-radius: 5px;
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;
}
}
@media (min-width: 3000px) {
.list-group-horizontal-xxl {
flex-direction: row;
}
.list-group-horizontal-xxl > .list-group-item:first-child {
border-bottom-left-radius: 5px;
border-top-right-radius: 0;
}
.list-group-horizontal-xxl > .list-group-item:last-child {
border-top-right-radius: 5px;
border-bottom-left-radius: 0;
}
.list-group-horizontal-xxl > .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal-xxl > .list-group-item + .list-group-item {
border-top-width: 1px;
border-left-width: 0;
}
.list-group-horizontal-xxl > .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;
}
.close, .yui3-skin-sam .yui3-button.closebutton {
position: absolute;
top: 5px;
right: 5px;
padding: 0;
margin: 5px;
width: 30px;
height: 30px;
background-color: #F5F5F5;
color: #434343;
border-radius: 60px;
line-height: 1;
transition: all 0.2s ease-in-out;
}
.theme-dark .close, .theme-dark .yui3-skin-sam .yui3-button.closebutton, .yui3-skin-sam .theme-dark .yui3-button.closebutton {
background-color: #121215;
color: #aeb3b8;
}
.close:hover, .yui3-skin-sam .yui3-button.closebutton:hover {
background-color: #ef1010;
}
.close:hover:before, .yui3-skin-sam .yui3-button.closebutton:hover:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23feeded' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M17.25 6.75L6.75 17.25'/%3E%3Cpath stroke='%23feeded' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M6.75 6.75L17.25 17.25'/%3E%3C/svg%3E%0A");
}
.close:before, .yui3-skin-sam .yui3-button.closebutton:before {
content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23434343' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M17.25 6.75L6.75 17.25'/%3E%3Cpath stroke='%23434343' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M6.75 6.75L17.25 17.25'/%3E%3C/svg%3E%0A");
background-size: 20px;
background-position: center;
background-repeat: no-repeat;
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0;
}
.theme-dark .close:before, .theme-dark .yui3-skin-sam .yui3-button.closebutton:before, .yui3-skin-sam .theme-dark .yui3-button.closebutton:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23aeb3b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M17.25 6.75L6.75 17.25'/%3E%3Cpath stroke='%23aeb3b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M6.75 6.75L17.25 17.25'/%3E%3C/svg%3E%0A");
}
.close:hover, .yui3-skin-sam .yui3-button.closebutton:hover {
color: #434343;
text-decoration: none;
}
.theme-dark .close:hover, .theme-dark .yui3-skin-sam .yui3-button.closebutton:hover, .yui3-skin-sam .theme-dark .yui3-button.closebutton:hover {
color: #aeb3b8;
}
.close:not(:disabled):not(.disabled):hover, .yui3-skin-sam .yui3-button.closebutton:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus, .yui3-skin-sam .yui3-button.closebutton:not(:disabled):not(.disabled):focus {
opacity: 0.75;
}
button.close, .yui3-skin-sam button.yui3-button.closebutton {
border: 0;
}
a.close.disabled, .yui3-skin-sam a.disabled.yui3-button.closebutton {
pointer-events: none;
}
.toast {
flex-basis: 340px;
max-width: 340px;
font-size: 0.875rem;
color: #212121;
background-color: #FFF1D5;
background-clip: padding-box;
box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
opacity: 0;
border-radius: 5px;
position: relative;
}
.theme-dark .toast {
color: #E8EAED;
background-color: #C3850C;
}
.toast:not(:last-child) {
margin-bottom: 16px;
}
.toast.showing {
opacity: 1;
}
.toast.show {
display: block;
opacity: 1;
}
.toast.hide {
display: none;
}
.toast .close, .toast .yui3-skin-sam .yui3-button.closebutton, .yui3-skin-sam .toast .yui3-button.closebutton {
color: #212121;
}
.theme-dark .toast .close, .theme-dark .toast .yui3-skin-sam .yui3-button.closebutton, .yui3-skin-sam .theme-dark .toast .yui3-button.closebutton {
color: #E8EAED;
}
.toast-header {
display: flex;
align-items: center;
padding: 16px 16px;
color: #212121;
border-top-left-radius: calc(0.25rem - 1px);
border-top-right-radius: calc(0.25rem - 1px);
}
.theme-dark .toast-header {
color: #E8EAED;
}
.toast-body {
padding: 16px;
}
.modal-open {
overflow: hidden;
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
}
.modal {
position: fixed;
top: 0;
left: 0;
z-index: 1252;
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:focus {
outline: none;
}
.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;
overflow-y: scroll;
scrollbar-width: thin;
scrollbar-color: #626262 #F5F5F5;
}
.modal-dialog-scrollable .modal-body::-webkit-scrollbar {
width: 6px;
}
.modal-dialog-scrollable .modal-body::-webkit-scrollbar-track {
background: #F5F5F5;
border-radius: 20px;
}
.modal-dialog-scrollable .modal-body::-webkit-scrollbar-thumb {
background-color: #626262;
border-radius: 20px;
border: 0;
}
.modal-dialog-scrollable .modal-body::-webkit-scrollbar-thumb:hover {
background-color: #525151;
}
.theme-dark .modal-dialog-scrollable .modal-body {
scrollbar-width: thin;
scrollbar-color: #626262 #121215;
}
.theme-dark .modal-dialog-scrollable .modal-body::-webkit-scrollbar {
width: 6px;
}
.theme-dark .modal-dialog-scrollable .modal-body::-webkit-scrollbar-track {
background: #121215;
border-radius: 20px;
}
.theme-dark .modal-dialog-scrollable .modal-body::-webkit-scrollbar-thumb {
background-color: #626262;
border-radius: 20px;
border: 0;
}
.theme-dark .modal-dialog-scrollable .modal-body::-webkit-scrollbar-thumb:hover {
background-color: #525151;
}
.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 #E1E1E1;
border-radius: 5px;
outline: 0;
}
.theme-dark .modal-content {
background-color: #191a1e;
border-color: #2E3134;
}
.modal-backdrop {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 1055;
background-color: #000;
}
.modal-backdrop.fade {
opacity: 0;
}
.modal-backdrop.show {
opacity: 0.5;
}
.theme-dark .modal-backdrop {
border-color: #fff;
}
.modal-header {
display: flex;
align-items: flex-start;
justify-content: space-between;
padding: 15px 16px;
border-bottom: 1px solid #E1E1E1;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
position: relative;
min-height: 48px;
}
.theme-dark .modal-header {
border-color: #2E3134;
}
.modal-title {
max-width: 85%;
margin-bottom: 0;
font-family: "Poppins", sans-serif;
font-size: 0.875rem;
font-weight: 700;
color: #212121;
line-height: 1.5;
}
.theme-dark .modal-title {
color: #E8EAED;
}
.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 #E1E1E1;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.modal-footer > * {
margin: 0.25rem;
}
.theme-dark .modal-footer {
border-color: #2E3134;
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}
@media (min-width: 320px) {
.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: 420px;
}
}
@media (min-width: 320px) and (max-width: 767.98px) {
.modal-sm {
max-width: 300px;
}
}
@media (min-width: 1200px) {
.modal-lg, .modal-xl {
max-width: 800px;
}
}
@media (min-width: 1600px) {
.modal-xl {
max-width: 1140px;
}
}
.tooltip {
position: absolute;
z-index: 10001;
display: block;
margin: 0;
font-family: "Poppins", sans-serif;
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
white-space: normal;
line-break: auto;
font-size: 0.75rem;
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;
}
.theme-dark .bs-tooltip-top .arrow::before, .theme-dark .bs-tooltip-auto[x-placement^="top"] .arrow::before {
border-top-color: #000;
}
.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"], .dir-rtl .bs-tooltip-auto[x-placement^="left"] {
padding: 0 0.4rem;
}
.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow, .dir-rtl .bs-tooltip-auto[x-placement^="left"] .arrow {
left: 0;
width: 0.4rem;
height: 0.8rem;
}
.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before, .dir-rtl .bs-tooltip-auto[x-placement^="left"] .arrow::before {
right: 0;
border-width: 0.4rem 0.4rem 0.4rem 0;
border-right-color: #000;
}
.theme-dark .bs-tooltip-right .arrow::before, .theme-dark .bs-tooltip-auto[x-placement^="right"] .arrow::before, .theme-dark .dir-rtl .bs-tooltip-auto[x-placement^="left"] .arrow::before, .dir-rtl .theme-dark .bs-tooltip-auto[x-placement^="left"] .arrow::before {
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;
}
.theme-dark .bs-tooltip-bottom .arrow::before, .theme-dark .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
border-bottom-color: #000;
}
.bs-tooltip-left, .dir-rtl .bs-tooltip-auto[x-placement^="right"], .bs-tooltip-auto[x-placement^="left"] {
padding: 0 0.4rem;
}
.bs-tooltip-left .arrow, .dir-rtl .bs-tooltip-auto[x-placement^="right"] .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
right: 0;
width: 0.4rem;
height: 0.8rem;
}
.bs-tooltip-left .arrow::before, .dir-rtl .bs-tooltip-auto[x-placement^="right"] .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;
}
.theme-dark .bs-tooltip-left .arrow::before, .theme-dark .dir-rtl .bs-tooltip-auto[x-placement^="right"] .arrow::before, .dir-rtl .theme-dark .bs-tooltip-auto[x-placement^="right"] .arrow::before, .theme-dark .bs-tooltip-auto[x-placement^="left"] .arrow::before {
border-left-color: #000;
}
.tooltip-inner {
max-width: 200px;
padding: 0.25rem 0.5rem;
color: #fff;
text-align: center;
background-color: #000;
border-radius: 5px;
}
.theme-dark .tooltip-inner {
color: #E8EAED;
background-color: #000;
}
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 10000;
display: block;
max-width: 276px;
font-family: "Poppins", sans-serif;
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
white-space: normal;
line-break: auto;
font-size: 0.875rem;
word-wrap: break-word;
background-color: #434343;
box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
border-radius: 5px;
}
.theme-dark .popover {
background-color: #202124;
}
.popover .arrow {
position: absolute;
display: block;
width: 1rem;
height: 0.5rem;
margin: 0 5px;
}
.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: transparent;
}
.theme-dark .bs-popover-top > .arrow::before, .theme-dark .bs-popover-auto[x-placement^="top"] > .arrow::before {
border-top-color: transparent;
}
.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: #434343;
}
.theme-dark .bs-popover-top > .arrow::after, .theme-dark .bs-popover-auto[x-placement^="top"] > .arrow::after {
border-top-color: #202124;
}
.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: 5px 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: transparent;
}
.theme-dark .bs-popover-right > .arrow::before, .theme-dark .bs-popover-auto[x-placement^="right"] > .arrow::before {
border-right-color: transparent;
}
.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: #434343;
}
.theme-dark .bs-popover-right > .arrow::after, .theme-dark .bs-popover-auto[x-placement^="right"] > .arrow::after {
border-right-color: #202124;
}
.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: transparent;
}
.theme-dark .bs-popover-bottom > .arrow::before, .theme-dark .bs-popover-auto[x-placement^="bottom"] > .arrow::before {
border-bottom-color: transparent;
}
.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: #434343;
}
.theme-dark .bs-popover-bottom > .arrow::after, .theme-dark .bs-popover-auto[x-placement^="bottom"] > .arrow::after {
border-bottom-color: #202124;
}
.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 #191a1e;
}
.theme-dark .bs-popover-bottom .popover-header::before, .theme-dark .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
border-bottom: 1px solid #202124;
}
.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: 5px 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: transparent;
}
.theme-dark .bs-popover-left > .arrow::before, .theme-dark .bs-popover-auto[x-placement^="left"] > .arrow::before {
border-left-color: transparent;
}
.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: #434343;
}
.theme-dark .bs-popover-left > .arrow::after, .theme-dark .bs-popover-auto[x-placement^="left"] > .arrow::after {
border-left-color: #202124;
}
.popover-header {
padding: 0.95rem 0.95rem 0;
margin-bottom: 0;
font-size: 0.75rem;
font-weight: 500;
color: #E8EAED;
opacity: 0.7;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.theme-dark .popover-header {
color: #E8EAED;
}
.popover-header:empty {
display: none;
}
.popover-body {
padding: 20px;
font-size: 0.75rem;
overflow: hidden;
color: #EEEEEE;
}
.theme-dark .popover-body {
color: #E8EAED;
}
.popover-body .event-icon {
display: block;
}
.popover-body .event-icon .icon {
width: 40px;
height: 40px;
}
.popover-body div {
width: auto;
display: flex;
align-content: center;
align-items: center;
margin-bottom: 0.5rem;
}
.popover-body div:last-of-type {
margin-bottom: 0;
}
.popover-body .no-overflow {
width: 100%;
display: flex;
flex-wrap: wrap;
}
.popover-body p {
margin: 0;
}
.popover-body ul {
padding-left: 30px;
margin-top: 10px;
margin-bottom: 0;
font-size: 11px;
opacity: 0.7;
}
.popover-body ul li {
margin-bottom: 5px;
}
.popover-body ul li:last-child {
margin-bottom: 0;
}
.popover-body a {
padding: 3px 6px;
background-color: transparent;
display: inline-flex;
align-items: center;
font-size: 0.75rem;
font-weight: 500;
background-color: #525151;
color: #EEEEEE;
border-radius: 5px;
}
.theme-dark .popover-body a {
color: #E8EAED;
}
.popover-body a:hover {
background-color: #626262;
color: #EEEEEE;
text-decoration: none;
}
.popover-body a .icon {
margin-right: 0.25rem;
}
.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%;
color: #fff;
text-align: center;
opacity: 0.5;
transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
.carousel-control-prev, .carousel-control-next {
transition: none;
}
}
.theme-dark .carousel-control-prev, .theme-dark .carousel-control-next {
color: #080909;
}
.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;
}
.theme-dark .carousel-control-prev:hover, .theme-dark .carousel-control-prev:focus, .theme-dark .carousel-control-next:hover, .theme-dark .carousel-control-next:focus {
color: #080909;
}
.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;
}
}
.theme-dark .carousel-indicators li {
background-color: #080909;
}
.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;
}
.theme-dark .carousel-caption {
color: #080909;
}
@keyframes spinner-border {
to {
transform: rotate(360deg);
}
}
.spinner-border {
display: inline-block;
width: 2rem;
height: 2rem;
vertical-align: text-bottom;
border: 0.25em solid #212121;
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: text-bottom;
background-color: #212121;
border-radius: 50%;
opacity: 0;
animation: 0.75s linear infinite spinner-grow;
}
.theme-dark .spinner-grow {
background-color: #E8EAED;
}
.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 {
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-color-100 {
background-color: #eee8e7 !important;
}
a.bg-primary-color-100:hover, a.bg-primary-color-100:focus, button.bg-primary-color-100:hover, button.bg-primary-color-100:focus {
background-color: #d9cbc9 !important;
}
.bg-primary-color-200 {
background-color: #ddd1cf !important;
}
a.bg-primary-color-200:hover, a.bg-primary-color-200:focus, button.bg-primary-color-200:hover, button.bg-primary-color-200:focus {
background-color: #c8b4b1 !important;
}
.bg-primary-color-300 {
background-color: #ccbab8 !important;
}
a.bg-primary-color-300:hover, a.bg-primary-color-300:focus, button.bg-primary-color-300:hover, button.bg-primary-color-300:focus {
background-color: #b79d9a !important;
}
.bg-primary-color-400 {
background-color: #ab8c88 !important;
}
a.bg-primary-color-400:hover, a.bg-primary-color-400:focus, button.bg-primary-color-400:hover, button.bg-primary-color-400:focus {
background-color: #966f6a !important;
}
.bg-primary-color-500 {
background-color: #784741 !important;
}
a.bg-primary-color-500:hover, a.bg-primary-color-500:focus, button.bg-primary-color-500:hover, button.bg-primary-color-500:focus {
background-color: #57332f !important;
}
.bg-primary-color-600 {
background-color: #561911 !important;
}
a.bg-primary-color-600:hover, a.bg-primary-color-600:focus, button.bg-primary-color-600:hover, button.bg-primary-color-600:focus {
background-color: #2b0d09 !important;
}
.bg-primary-color-700 {
background-color: #340f0a !important;
}
a.bg-primary-color-700:hover, a.bg-primary-color-700:focus, button.bg-primary-color-700:hover, button.bg-primary-color-700:focus {
background-color: #090302 !important;
}
.bg-primary-color-800 {
background-color: #2b0d09 !important;
}
a.bg-primary-color-800:hover, a.bg-primary-color-800:focus, button.bg-primary-color-800:hover, button.bg-primary-color-800:focus {
background-color: #010000 !important;
}
.bg-primary-color-900 {
background-color: #1a0805 !important;
}
a.bg-primary-color-900:hover, a.bg-primary-color-900:focus, button.bg-primary-color-900:hover, button.bg-primary-color-900:focus {
background-color: black !important;
}
.bg-gray-100 {
background-color: #F5F5F5 !important;
}
a.bg-gray-100:hover, a.bg-gray-100:focus, button.bg-gray-100:hover, button.bg-gray-100:focus {
background-color: gainsboro !important;
}
.bg-gray-200 {
background-color: #EEEEEE !important;
}
a.bg-gray-200:hover, a.bg-gray-200:focus, button.bg-gray-200:hover, button.bg-gray-200:focus {
background-color: #d5d5d5 !important;
}
.bg-gray-300 {
background-color: #E1E1E1 !important;
}
a.bg-gray-300:hover, a.bg-gray-300:focus, button.bg-gray-300:hover, button.bg-gray-300:focus {
background-color: #c8c8c8 !important;
}
.bg-gray-400 {
background-color: #D8D8D8 !important;
}
a.bg-gray-400:hover, a.bg-gray-400:focus, button.bg-gray-400:hover, button.bg-gray-400:focus {
background-color: #bfbfbf !important;
}
.bg-gray-500 {
background-color: #b2b2b2 !important;
}
a.bg-gray-500:hover, a.bg-gray-500:focus, button.bg-gray-500:hover, button.bg-gray-500:focus {
background-color: #999 !important;
}
.bg-gray-600 {
background-color: #626262 !important;
}
a.bg-gray-600:hover, a.bg-gray-600:focus, button.bg-gray-600:hover, button.bg-gray-600:focus {
background-color: #494949 !important;
}
.bg-gray-700 {
background-color: #525151 !important;
}
a.bg-gray-700:hover, a.bg-gray-700:focus, button.bg-gray-700:hover, button.bg-gray-700:focus {
background-color: #383838 !important;
}
.bg-gray-800 {
background-color: #434343 !important;
}
a.bg-gray-800:hover, a.bg-gray-800:focus, button.bg-gray-800:hover, button.bg-gray-800:focus {
background-color: #2a2a2a !important;
}
.bg-gray-900 {
background-color: #212121 !important;
}
a.bg-gray-900:hover, a.bg-gray-900:focus, button.bg-gray-900:hover, button.bg-gray-900:focus {
background-color: #080808 !important;
}
.bg-primary {
background-color: #561911 !important;
}
a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus {
background-color: #2b0d09 !important;
}
.bg-secondary {
background-color: #626262 !important;
}
a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus {
background-color: #494949 !important;
}
.bg-success {
background-color: #561911 !important;
}
a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus {
background-color: #2b0d09 !important;
}
.bg-info {
background-color: #406CD2 !important;
}
a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus {
background-color: #2b54b4 !important;
}
.bg-warning {
background-color: #F7B742 !important;
}
a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus {
background-color: #f5a411 !important;
}
.bg-danger {
background-color: #ef1010 !important;
}
a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus {
background-color: #bf0d0d !important;
}
.bg-light {
background-color: #626262 !important;
}
a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus {
background-color: #494949 !important;
}
.bg-dark {
background-color: #212121 !important;
}
a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus {
background-color: #080808 !important;
}
.bg-white {
background-color: #fff !important;
}
.theme-dark .bg-white {
background-color: #191a1e !important;
}
.bg-transparent {
background-color: transparent !important;
}
.border {
border: 1px solid #E1E1E1 !important;
}
.border-top {
border-top: 1px solid #E1E1E1 !important;
}
.border-right {
border-right: 1px solid #E1E1E1 !important;
}
.border-bottom {
border-bottom: 1px solid #E1E1E1 !important;
}
.border-left {
border-left: 1px solid #E1E1E1 !important;
}
.theme-dark .border {
border: 1px solid #2E3134 !important;
}
.theme-dark .border-top {
border-top: 1px solid #2E3134 !important;
}
.theme-dark .border-right {
border-right: 1px solid #2E3134 !important;
}
.theme-dark .border-bottom {
border-bottom: 1px solid #2E3134 !important;
}
.theme-dark .border-left {
border-left: 1px solid #2E3134 !important;
}
.border-0 {
border: 0 !important;
}
.border-top-0 {
border-top: 0 !important;
}
.border-right-0 {
border-right: 0 !important;
}
.border-bottom-0 {
border-bottom: 0 !important;
}
.border-left-0 {
border-left: 0 !important;
}
.border-primary-color-100 {
border-color: #eee8e7 !important;
}
.border-primary-color-200 {
border-color: #ddd1cf !important;
}
.border-primary-color-300 {
border-color: #ccbab8 !important;
}
.border-primary-color-400 {
border-color: #ab8c88 !important;
}
.border-primary-color-500 {
border-color: #784741 !important;
}
.border-primary-color-600 {
border-color: #561911 !important;
}
.border-primary-color-700 {
border-color: #340f0a !important;
}
.border-primary-color-800 {
border-color: #2b0d09 !important;
}
.border-primary-color-900 {
border-color: #1a0805 !important;
}
.border-gray-100 {
border-color: #F5F5F5 !important;
}
.border-gray-200 {
border-color: #EEEEEE !important;
}
.border-gray-300 {
border-color: #E1E1E1 !important;
}
.border-gray-400 {
border-color: #D8D8D8 !important;
}
.border-gray-500 {
border-color: #b2b2b2 !important;
}
.border-gray-600 {
border-color: #626262 !important;
}
.border-gray-700 {
border-color: #525151 !important;
}
.border-gray-800 {
border-color: #434343 !important;
}
.border-gray-900 {
border-color: #212121 !important;
}
.border-primary {
border-color: #561911 !important;
}
.border-secondary {
border-color: #626262 !important;
}
.border-success {
border-color: #561911 !important;
}
.border-info {
border-color: #406CD2 !important;
}
.border-warning {
border-color: #F7B742 !important;
}
.border-danger {
border-color: #ef1010 !important;
}
.border-light {
border-color: #626262 !important;
}
.border-dark {
border-color: #212121 !important;
}
.border-white {
border-color: #fff !important;
}
.rounded-sm {
border-radius: 3px !important;
}
.rounded {
border-radius: 5px !important;
}
.rounded-top {
border-top-left-radius: 5px !important;
border-top-right-radius: 5px !important;
}
.rounded-right {
border-top-right-radius: 5px !important;
border-bottom-right-radius: 5px !important;
}
.rounded-bottom {
border-bottom-right-radius: 5px !important;
border-bottom-left-radius: 5px !important;
}
.rounded-left {
border-top-left-radius: 5px !important;
border-bottom-left-radius: 5px !important;
}
.rounded-lg {
border-radius: 40px !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: 320px) {
.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: 1000px) {
.d-lmd-none {
display: none !important;
}
.d-lmd-inline {
display: inline !important;
}
.d-lmd-inline-block {
display: inline-block !important;
}
.d-lmd-block {
display: block !important;
}
.d-lmd-table {
display: table !important;
}
.d-lmd-table-row {
display: table-row !important;
}
.d-lmd-table-cell {
display: table-cell !important;
}
.d-lmd-flex {
display: flex !important;
}
.d-lmd-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 1200px) {
.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: 1600px) {
.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 (min-width: 3000px) {
.d-xxl-none {
display: none !important;
}
.d-xxl-inline {
display: inline !important;
}
.d-xxl-inline-block {
display: inline-block !important;
}
.d-xxl-block {
display: block !important;
}
.d-xxl-table {
display: table !important;
}
.d-xxl-table-row {
display: table-row !important;
}
.d-xxl-table-cell {
display: table-cell !important;
}
.d-xxl-flex {
display: flex !important;
}
.d-xxl-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 {
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: 320px) {
.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: 1000px) {
.flex-lmd-row {
flex-direction: row !important;
}
.flex-lmd-column {
flex-direction: column !important;
}
.flex-lmd-row-reverse {
flex-direction: row-reverse !important;
}
.flex-lmd-column-reverse {
flex-direction: column-reverse !important;
}
.flex-lmd-wrap {
flex-wrap: wrap !important;
}
.flex-lmd-nowrap {
flex-wrap: nowrap !important;
}
.flex-lmd-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-lmd-fill {
flex: 1 1 auto !important;
}
.flex-lmd-grow-0 {
flex-grow: 0 !important;
}
.flex-lmd-grow-1 {
flex-grow: 1 !important;
}
.flex-lmd-shrink-0 {
flex-shrink: 0 !important;
}
.flex-lmd-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-lmd-start {
justify-content: flex-start !important;
}
.justify-content-lmd-end {
justify-content: flex-end !important;
}
.justify-content-lmd-center {
justify-content: center !important;
}
.justify-content-lmd-between {
justify-content: space-between !important;
}
.justify-content-lmd-around {
justify-content: space-around !important;
}
.align-items-lmd-start {
align-items: flex-start !important;
}
.align-items-lmd-end {
align-items: flex-end !important;
}
.align-items-lmd-center {
align-items: center !important;
}
.align-items-lmd-baseline {
align-items: baseline !important;
}
.align-items-lmd-stretch {
align-items: stretch !important;
}
.align-content-lmd-start {
align-content: flex-start !important;
}
.align-content-lmd-end {
align-content: flex-end !important;
}
.align-content-lmd-center {
align-content: center !important;
}
.align-content-lmd-between {
align-content: space-between !important;
}
.align-content-lmd-around {
align-content: space-around !important;
}
.align-content-lmd-stretch {
align-content: stretch !important;
}
.align-self-lmd-auto {
align-self: auto !important;
}
.align-self-lmd-start {
align-self: flex-start !important;
}
.align-self-lmd-end {
align-self: flex-end !important;
}
.align-self-lmd-center {
align-self: center !important;
}
.align-self-lmd-baseline {
align-self: baseline !important;
}
.align-self-lmd-stretch {
align-self: stretch !important;
}
}
@media (min-width: 1200px) {
.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: 1600px) {
.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;
}
}
@media (min-width: 3000px) {
.flex-xxl-row {
flex-direction: row !important;
}
.flex-xxl-column {
flex-direction: column !important;
}
.flex-xxl-row-reverse {
flex-direction: row-reverse !important;
}
.flex-xxl-column-reverse {
flex-direction: column-reverse !important;
}
.flex-xxl-wrap {
flex-wrap: wrap !important;
}
.flex-xxl-nowrap {
flex-wrap: nowrap !important;
}
.flex-xxl-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-xxl-fill {
flex: 1 1 auto !important;
}
.flex-xxl-grow-0 {
flex-grow: 0 !important;
}
.flex-xxl-grow-1 {
flex-grow: 1 !important;
}
.flex-xxl-shrink-0 {
flex-shrink: 0 !important;
}
.flex-xxl-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-xxl-start {
justify-content: flex-start !important;
}
.justify-content-xxl-end {
justify-content: flex-end !important;
}
.justify-content-xxl-center {
justify-content: center !important;
}
.justify-content-xxl-between {
justify-content: space-between !important;
}
.justify-content-xxl-around {
justify-content: space-around !important;
}
.align-items-xxl-start {
align-items: flex-start !important;
}
.align-items-xxl-end {
align-items: flex-end !important;
}
.align-items-xxl-center {
align-items: center !important;
}
.align-items-xxl-baseline {
align-items: baseline !important;
}
.align-items-xxl-stretch {
align-items: stretch !important;
}
.align-content-xxl-start {
align-content: flex-start !important;
}
.align-content-xxl-end {
align-content: flex-end !important;
}
.align-content-xxl-center {
align-content: center !important;
}
.align-content-xxl-between {
align-content: space-between !important;
}
.align-content-xxl-around {
align-content: space-around !important;
}
.align-content-xxl-stretch {
align-content: stretch !important;
}
.align-self-xxl-auto {
align-self: auto !important;
}
.align-self-xxl-start {
align-self: flex-start !important;
}
.align-self-xxl-end {
align-self: flex-end !important;
}
.align-self-xxl-center {
align-self: center !important;
}
.align-self-xxl-baseline {
align-self: baseline !important;
}
.align-self-xxl-stretch {
align-self: stretch !important;
}
}
.float-left {
float: left !important;
}
.float-right {
float: right !important;
}
.float-none {
float: none !important;
}
@media (min-width: 320px) {
.float-sm-left {
float: left !important;
}
.float-sm-right {
float: right !important;
}
.float-sm-none {
float: none !important;
}
}
@media (min-width: 768px) {
.float-md-left {
float: left !important;
}
.float-md-right {
float: right !important;
}
.float-md-none {
float: none !important;
}
}
@media (min-width: 1000px) {
.float-lmd-left {
float: left !important;
}
.float-lmd-right {
float: right !important;
}
.float-lmd-none {
float: none !important;
}
}
@media (min-width: 1200px) {
.float-lg-left {
float: left !important;
}
.float-lg-right {
float: right !important;
}
.float-lg-none {
float: none !important;
}
}
@media (min-width: 1600px) {
.float-xl-left {
float: left !important;
}
.float-xl-right {
float: right !important;
}
.float-xl-none {
float: none !important;
}
}
@media (min-width: 3000px) {
.float-xxl-left {
float: left !important;
}
.float-xxl-right {
float: right !important;
}
.float-xxl-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: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px !important;
}
.shadow {
box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px !important;
}
.shadow-lg {
box-shadow: rgba(0, 0, 0, 0.15) 0 15px 25px, rgba(0, 0, 0, 0.05) 0 5px 10px, rgba(0, 0, 0, 0.12) 0 2px 3px !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, .mx-0 {
margin-right: 0 !important;
}
.mb-0, .my-0 {
margin-bottom: 0 !important;
}
.ml-0, .mx-0 {
margin-left: 0 !important;
}
.m-1 {
margin: 0.25rem !important;
}
.mt-1, .my-1 {
margin-top: 0.25rem !important;
}
.mr-1, .mx-1 {
margin-right: 0.25rem !important;
}
.mb-1, .my-1 {
margin-bottom: 0.25rem !important;
}
.ml-1, .mx-1 {
margin-left: 0.25rem !important;
}
.m-2 {
margin: 0.5rem !important;
}
.mt-2, .my-2 {
margin-top: 0.5rem !important;
}
.mr-2, .mx-2 {
margin-right: 0.5rem !important;
}
.mb-2, .my-2 {
margin-bottom: 0.5rem !important;
}
.ml-2, .mx-2 {
margin-left: 0.5rem !important;
}
.m-3 {
margin: 1rem !important;
}
.mt-3, .my-3 {
margin-top: 1rem !important;
}
.mr-3, .mx-3 {
margin-right: 1rem !important;
}
.mb-3, .my-3 {
margin-bottom: 1rem !important;
}
.ml-3, .mx-3 {
margin-left: 1rem !important;
}
.m-4 {
margin: 1.875rem !important;
}
.mt-4, .my-4 {
margin-top: 1.875rem !important;
}
.mr-4, .mx-4 {
margin-right: 1.875rem !important;
}
.mb-4, .my-4 {
margin-bottom: 1.875rem !important;
}
.ml-4, .mx-4 {
margin-left: 1.875rem !important;
}
.m-5 {
margin: 2.5rem !important;
}
.mt-5, .my-5 {
margin-top: 2.5rem !important;
}
.mr-5, .mx-5 {
margin-right: 2.5rem !important;
}
.mb-5, .my-5 {
margin-bottom: 2.5rem !important;
}
.ml-5, .mx-5 {
margin-left: 2.5rem !important;
}
.m-6 {
margin: 3rem !important;
}
.mt-6, .my-6 {
margin-top: 3rem !important;
}
.mr-6, .mx-6 {
margin-right: 3rem !important;
}
.mb-6, .my-6 {
margin-bottom: 3rem !important;
}
.ml-6, .mx-6 {
margin-left: 3rem !important;
}
.p-0 {
padding: 0 !important;
}
.pt-0, .py-0 {
padding-top: 0 !important;
}
.pr-0, .px-0 {
padding-right: 0 !important;
}
.pb-0, .py-0 {
padding-bottom: 0 !important;
}
.pl-0, .px-0 {
padding-left: 0 !important;
}
.p-1 {
padding: 0.25rem !important;
}
.pt-1, .py-1 {
padding-top: 0.25rem !important;
}
.pr-1, .px-1 {
padding-right: 0.25rem !important;
}
.pb-1, .py-1 {
padding-bottom: 0.25rem !important;
}
.pl-1, .px-1 {
padding-left: 0.25rem !important;
}
.p-2 {
padding: 0.5rem !important;
}
.pt-2, .py-2 {
padding-top: 0.5rem !important;
}
.pr-2, .px-2 {
padding-right: 0.5rem !important;
}
.pb-2, .py-2 {
padding-bottom: 0.5rem !important;
}
.pl-2, .px-2 {
padding-left: 0.5rem !important;
}
.p-3 {
padding: 1rem !important;
}
.pt-3, .py-3 {
padding-top: 1rem !important;
}
.pr-3, .px-3 {
padding-right: 1rem !important;
}
.pb-3, .py-3 {
padding-bottom: 1rem !important;
}
.pl-3, .px-3 {
padding-left: 1rem !important;
}
.p-4 {
padding: 1.875rem !important;
}
.pt-4, .py-4 {
padding-top: 1.875rem !important;
}
.pr-4, .px-4 {
padding-right: 1.875rem !important;
}
.pb-4, .py-4 {
padding-bottom: 1.875rem !important;
}
.pl-4, .px-4 {
padding-left: 1.875rem !important;
}
.p-5 {
padding: 2.5rem !important;
}
.pt-5, .py-5 {
padding-top: 2.5rem !important;
}
.pr-5, .px-5 {
padding-right: 2.5rem !important;
}
.pb-5, .py-5 {
padding-bottom: 2.5rem !important;
}
.pl-5, .px-5 {
padding-left: 2.5rem !important;
}
.p-6 {
padding: 3rem !important;
}
.pt-6, .py-6 {
padding-top: 3rem !important;
}
.pr-6, .px-6 {
padding-right: 3rem !important;
}
.pb-6, .py-6 {
padding-bottom: 3rem !important;
}
.pl-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.875rem !important;
}
.mt-n4, .my-n4 {
margin-top: -1.875rem !important;
}
.mr-n4, .mx-n4 {
margin-right: -1.875rem !important;
}
.mb-n4, .my-n4 {
margin-bottom: -1.875rem !important;
}
.ml-n4, .mx-n4 {
margin-left: -1.875rem !important;
}
.m-n5 {
margin: -2.5rem !important;
}
.mt-n5, .my-n5 {
margin-top: -2.5rem !important;
}
.mr-n5, .mx-n5 {
margin-right: -2.5rem !important;
}
.mb-n5, .my-n5 {
margin-bottom: -2.5rem !important;
}
.ml-n5, .mx-n5 {
margin-left: -2.5rem !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, .mx-auto {
margin-right: auto !important;
}
.mb-auto, .my-auto {
margin-bottom: auto !important;
}
.ml-auto, .mx-auto {
margin-left: auto !important;
}
@media (min-width: 320px) {
.m-sm-0 {
margin: 0 !important;
}
.mt-sm-0, .my-sm-0 {
margin-top: 0 !important;
}
.mr-sm-0, .mx-sm-0 {
margin-right: 0 !important;
}
.mb-sm-0, .my-sm-0 {
margin-bottom: 0 !important;
}
.ml-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, .mx-sm-1 {
margin-right: 0.25rem !important;
}
.mb-sm-1, .my-sm-1 {
margin-bottom: 0.25rem !important;
}
.ml-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, .mx-sm-2 {
margin-right: 0.5rem !important;
}
.mb-sm-2, .my-sm-2 {
margin-bottom: 0.5rem !important;
}
.ml-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, .mx-sm-3 {
margin-right: 1rem !important;
}
.mb-sm-3, .my-sm-3 {
margin-bottom: 1rem !important;
}
.ml-sm-3, .mx-sm-3 {
margin-left: 1rem !important;
}
.m-sm-4 {
margin: 1.875rem !important;
}
.mt-sm-4, .my-sm-4 {
margin-top: 1.875rem !important;
}
.mr-sm-4, .mx-sm-4 {
margin-right: 1.875rem !important;
}
.mb-sm-4, .my-sm-4 {
margin-bottom: 1.875rem !important;
}
.ml-sm-4, .mx-sm-4 {
margin-left: 1.875rem !important;
}
.m-sm-5 {
margin: 2.5rem !important;
}
.mt-sm-5, .my-sm-5 {
margin-top: 2.5rem !important;
}
.mr-sm-5, .mx-sm-5 {
margin-right: 2.5rem !important;
}
.mb-sm-5, .my-sm-5 {
margin-bottom: 2.5rem !important;
}
.ml-sm-5, .mx-sm-5 {
margin-left: 2.5rem !important;
}
.m-sm-6 {
margin: 3rem !important;
}
.mt-sm-6, .my-sm-6 {
margin-top: 3rem !important;
}
.mr-sm-6, .mx-sm-6 {
margin-right: 3rem !important;
}
.mb-sm-6, .my-sm-6 {
margin-bottom: 3rem !important;
}
.ml-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, .px-sm-0 {
padding-right: 0 !important;
}
.pb-sm-0, .py-sm-0 {
padding-bottom: 0 !important;
}
.pl-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, .px-sm-1 {
padding-right: 0.25rem !important;
}
.pb-sm-1, .py-sm-1 {
padding-bottom: 0.25rem !important;
}
.pl-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, .px-sm-2 {
padding-right: 0.5rem !important;
}
.pb-sm-2, .py-sm-2 {
padding-bottom: 0.5rem !important;
}
.pl-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, .px-sm-3 {
padding-right: 1rem !important;
}
.pb-sm-3, .py-sm-3 {
padding-bottom: 1rem !important;
}
.pl-sm-3, .px-sm-3 {
padding-left: 1rem !important;
}
.p-sm-4 {
padding: 1.875rem !important;
}
.pt-sm-4, .py-sm-4 {
padding-top: 1.875rem !important;
}
.pr-sm-4, .px-sm-4 {
padding-right: 1.875rem !important;
}
.pb-sm-4, .py-sm-4 {
padding-bottom: 1.875rem !important;
}
.pl-sm-4, .px-sm-4 {
padding-left: 1.875rem !important;
}
.p-sm-5 {
padding: 2.5rem !important;
}
.pt-sm-5, .py-sm-5 {
padding-top: 2.5rem !important;
}
.pr-sm-5, .px-sm-5 {
padding-right: 2.5rem !important;
}
.pb-sm-5, .py-sm-5 {
padding-bottom: 2.5rem !important;
}
.pl-sm-5, .px-sm-5 {
padding-left: 2.5rem !important;
}
.p-sm-6 {
padding: 3rem !important;
}
.pt-sm-6, .py-sm-6 {
padding-top: 3rem !important;
}
.pr-sm-6, .px-sm-6 {
padding-right: 3rem !important;
}
.pb-sm-6, .py-sm-6 {
padding-bottom: 3rem !important;
}
.pl-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.875rem !important;
}
.mt-sm-n4, .my-sm-n4 {
margin-top: -1.875rem !important;
}
.mr-sm-n4, .mx-sm-n4 {
margin-right: -1.875rem !important;
}
.mb-sm-n4, .my-sm-n4 {
margin-bottom: -1.875rem !important;
}
.ml-sm-n4, .mx-sm-n4 {
margin-left: -1.875rem !important;
}
.m-sm-n5 {
margin: -2.5rem !important;
}
.mt-sm-n5, .my-sm-n5 {
margin-top: -2.5rem !important;
}
.mr-sm-n5, .mx-sm-n5 {
margin-right: -2.5rem !important;
}
.mb-sm-n5, .my-sm-n5 {
margin-bottom: -2.5rem !important;
}
.ml-sm-n5, .mx-sm-n5 {
margin-left: -2.5rem !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, .mx-sm-auto {
margin-right: auto !important;
}
.mb-sm-auto, .my-sm-auto {
margin-bottom: auto !important;
}
.ml-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, .mx-md-0 {
margin-right: 0 !important;
}
.mb-md-0, .my-md-0 {
margin-bottom: 0 !important;
}
.ml-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, .mx-md-1 {
margin-right: 0.25rem !important;
}
.mb-md-1, .my-md-1 {
margin-bottom: 0.25rem !important;
}
.ml-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, .mx-md-2 {
margin-right: 0.5rem !important;
}
.mb-md-2, .my-md-2 {
margin-bottom: 0.5rem !important;
}
.ml-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, .mx-md-3 {
margin-right: 1rem !important;
}
.mb-md-3, .my-md-3 {
margin-bottom: 1rem !important;
}
.ml-md-3, .mx-md-3 {
margin-left: 1rem !important;
}
.m-md-4 {
margin: 1.875rem !important;
}
.mt-md-4, .my-md-4 {
margin-top: 1.875rem !important;
}
.mr-md-4, .mx-md-4 {
margin-right: 1.875rem !important;
}
.mb-md-4, .my-md-4 {
margin-bottom: 1.875rem !important;
}
.ml-md-4, .mx-md-4 {
margin-left: 1.875rem !important;
}
.m-md-5 {
margin: 2.5rem !important;
}
.mt-md-5, .my-md-5 {
margin-top: 2.5rem !important;
}
.mr-md-5, .mx-md-5 {
margin-right: 2.5rem !important;
}
.mb-md-5, .my-md-5 {
margin-bottom: 2.5rem !important;
}
.ml-md-5, .mx-md-5 {
margin-left: 2.5rem !important;
}
.m-md-6 {
margin: 3rem !important;
}
.mt-md-6, .my-md-6 {
margin-top: 3rem !important;
}
.mr-md-6, .mx-md-6 {
margin-right: 3rem !important;
}
.mb-md-6, .my-md-6 {
margin-bottom: 3rem !important;
}
.ml-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, .px-md-0 {
padding-right: 0 !important;
}
.pb-md-0, .py-md-0 {
padding-bottom: 0 !important;
}
.pl-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, .px-md-1 {
padding-right: 0.25rem !important;
}
.pb-md-1, .py-md-1 {
padding-bottom: 0.25rem !important;
}
.pl-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, .px-md-2 {
padding-right: 0.5rem !important;
}
.pb-md-2, .py-md-2 {
padding-bottom: 0.5rem !important;
}
.pl-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, .px-md-3 {
padding-right: 1rem !important;
}
.pb-md-3, .py-md-3 {
padding-bottom: 1rem !important;
}
.pl-md-3, .px-md-3 {
padding-left: 1rem !important;
}
.p-md-4 {
padding: 1.875rem !important;
}
.pt-md-4, .py-md-4 {
padding-top: 1.875rem !important;
}
.pr-md-4, .px-md-4 {
padding-right: 1.875rem !important;
}
.pb-md-4, .py-md-4 {
padding-bottom: 1.875rem !important;
}
.pl-md-4, .px-md-4 {
padding-left: 1.875rem !important;
}
.p-md-5 {
padding: 2.5rem !important;
}
.pt-md-5, .py-md-5 {
padding-top: 2.5rem !important;
}
.pr-md-5, .px-md-5 {
padding-right: 2.5rem !important;
}
.pb-md-5, .py-md-5 {
padding-bottom: 2.5rem !important;
}
.pl-md-5, .px-md-5 {
padding-left: 2.5rem !important;
}
.p-md-6 {
padding: 3rem !important;
}
.pt-md-6, .py-md-6 {
padding-top: 3rem !important;
}
.pr-md-6, .px-md-6 {
padding-right: 3rem !important;
}
.pb-md-6, .py-md-6 {
padding-bottom: 3rem !important;
}
.pl-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.875rem !important;
}
.mt-md-n4, .my-md-n4 {
margin-top: -1.875rem !important;
}
.mr-md-n4, .mx-md-n4 {
margin-right: -1.875rem !important;
}
.mb-md-n4, .my-md-n4 {
margin-bottom: -1.875rem !important;
}
.ml-md-n4, .mx-md-n4 {
margin-left: -1.875rem !important;
}
.m-md-n5 {
margin: -2.5rem !important;
}
.mt-md-n5, .my-md-n5 {
margin-top: -2.5rem !important;
}
.mr-md-n5, .mx-md-n5 {
margin-right: -2.5rem !important;
}
.mb-md-n5, .my-md-n5 {
margin-bottom: -2.5rem !important;
}
.ml-md-n5, .mx-md-n5 {
margin-left: -2.5rem !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, .mx-md-auto {
margin-right: auto !important;
}
.mb-md-auto, .my-md-auto {
margin-bottom: auto !important;
}
.ml-md-auto, .mx-md-auto {
margin-left: auto !important;
}
}
@media (min-width: 1000px) {
.m-lmd-0 {
margin: 0 !important;
}
.mt-lmd-0, .my-lmd-0 {
margin-top: 0 !important;
}
.mr-lmd-0, .mx-lmd-0 {
margin-right: 0 !important;
}
.mb-lmd-0, .my-lmd-0 {
margin-bottom: 0 !important;
}
.ml-lmd-0, .mx-lmd-0 {
margin-left: 0 !important;
}
.m-lmd-1 {
margin: 0.25rem !important;
}
.mt-lmd-1, .my-lmd-1 {
margin-top: 0.25rem !important;
}
.mr-lmd-1, .mx-lmd-1 {
margin-right: 0.25rem !important;
}
.mb-lmd-1, .my-lmd-1 {
margin-bottom: 0.25rem !important;
}
.ml-lmd-1, .mx-lmd-1 {
margin-left: 0.25rem !important;
}
.m-lmd-2 {
margin: 0.5rem !important;
}
.mt-lmd-2, .my-lmd-2 {
margin-top: 0.5rem !important;
}
.mr-lmd-2, .mx-lmd-2 {
margin-right: 0.5rem !important;
}
.mb-lmd-2, .my-lmd-2 {
margin-bottom: 0.5rem !important;
}
.ml-lmd-2, .mx-lmd-2 {
margin-left: 0.5rem !important;
}
.m-lmd-3 {
margin: 1rem !important;
}
.mt-lmd-3, .my-lmd-3 {
margin-top: 1rem !important;
}
.mr-lmd-3, .mx-lmd-3 {
margin-right: 1rem !important;
}
.mb-lmd-3, .my-lmd-3 {
margin-bottom: 1rem !important;
}
.ml-lmd-3, .mx-lmd-3 {
margin-left: 1rem !important;
}
.m-lmd-4 {
margin: 1.875rem !important;
}
.mt-lmd-4, .my-lmd-4 {
margin-top: 1.875rem !important;
}
.mr-lmd-4, .mx-lmd-4 {
margin-right: 1.875rem !important;
}
.mb-lmd-4, .my-lmd-4 {
margin-bottom: 1.875rem !important;
}
.ml-lmd-4, .mx-lmd-4 {
margin-left: 1.875rem !important;
}
.m-lmd-5 {
margin: 2.5rem !important;
}
.mt-lmd-5, .my-lmd-5 {
margin-top: 2.5rem !important;
}
.mr-lmd-5, .mx-lmd-5 {
margin-right: 2.5rem !important;
}
.mb-lmd-5, .my-lmd-5 {
margin-bottom: 2.5rem !important;
}
.ml-lmd-5, .mx-lmd-5 {
margin-left: 2.5rem !important;
}
.m-lmd-6 {
margin: 3rem !important;
}
.mt-lmd-6, .my-lmd-6 {
margin-top: 3rem !important;
}
.mr-lmd-6, .mx-lmd-6 {
margin-right: 3rem !important;
}
.mb-lmd-6, .my-lmd-6 {
margin-bottom: 3rem !important;
}
.ml-lmd-6, .mx-lmd-6 {
margin-left: 3rem !important;
}
.p-lmd-0 {
padding: 0 !important;
}
.pt-lmd-0, .py-lmd-0 {
padding-top: 0 !important;
}
.pr-lmd-0, .px-lmd-0 {
padding-right: 0 !important;
}
.pb-lmd-0, .py-lmd-0 {
padding-bottom: 0 !important;
}
.pl-lmd-0, .px-lmd-0 {
padding-left: 0 !important;
}
.p-lmd-1 {
padding: 0.25rem !important;
}
.pt-lmd-1, .py-lmd-1 {
padding-top: 0.25rem !important;
}
.pr-lmd-1, .px-lmd-1 {
padding-right: 0.25rem !important;
}
.pb-lmd-1, .py-lmd-1 {
padding-bottom: 0.25rem !important;
}
.pl-lmd-1, .px-lmd-1 {
padding-left: 0.25rem !important;
}
.p-lmd-2 {
padding: 0.5rem !important;
}
.pt-lmd-2, .py-lmd-2 {
padding-top: 0.5rem !important;
}
.pr-lmd-2, .px-lmd-2 {
padding-right: 0.5rem !important;
}
.pb-lmd-2, .py-lmd-2 {
padding-bottom: 0.5rem !important;
}
.pl-lmd-2, .px-lmd-2 {
padding-left: 0.5rem !important;
}
.p-lmd-3 {
padding: 1rem !important;
}
.pt-lmd-3, .py-lmd-3 {
padding-top: 1rem !important;
}
.pr-lmd-3, .px-lmd-3 {
padding-right: 1rem !important;
}
.pb-lmd-3, .py-lmd-3 {
padding-bottom: 1rem !important;
}
.pl-lmd-3, .px-lmd-3 {
padding-left: 1rem !important;
}
.p-lmd-4 {
padding: 1.875rem !important;
}
.pt-lmd-4, .py-lmd-4 {
padding-top: 1.875rem !important;
}
.pr-lmd-4, .px-lmd-4 {
padding-right: 1.875rem !important;
}
.pb-lmd-4, .py-lmd-4 {
padding-bottom: 1.875rem !important;
}
.pl-lmd-4, .px-lmd-4 {
padding-left: 1.875rem !important;
}
.p-lmd-5 {
padding: 2.5rem !important;
}
.pt-lmd-5, .py-lmd-5 {
padding-top: 2.5rem !important;
}
.pr-lmd-5, .px-lmd-5 {
padding-right: 2.5rem !important;
}
.pb-lmd-5, .py-lmd-5 {
padding-bottom: 2.5rem !important;
}
.pl-lmd-5, .px-lmd-5 {
padding-left: 2.5rem !important;
}
.p-lmd-6 {
padding: 3rem !important;
}
.pt-lmd-6, .py-lmd-6 {
padding-top: 3rem !important;
}
.pr-lmd-6, .px-lmd-6 {
padding-right: 3rem !important;
}
.pb-lmd-6, .py-lmd-6 {
padding-bottom: 3rem !important;
}
.pl-lmd-6, .px-lmd-6 {
padding-left: 3rem !important;
}
.m-lmd-n1 {
margin: -0.25rem !important;
}
.mt-lmd-n1, .my-lmd-n1 {
margin-top: -0.25rem !important;
}
.mr-lmd-n1, .mx-lmd-n1 {
margin-right: -0.25rem !important;
}
.mb-lmd-n1, .my-lmd-n1 {
margin-bottom: -0.25rem !important;
}
.ml-lmd-n1, .mx-lmd-n1 {
margin-left: -0.25rem !important;
}
.m-lmd-n2 {
margin: -0.5rem !important;
}
.mt-lmd-n2, .my-lmd-n2 {
margin-top: -0.5rem !important;
}
.mr-lmd-n2, .mx-lmd-n2 {
margin-right: -0.5rem !important;
}
.mb-lmd-n2, .my-lmd-n2 {
margin-bottom: -0.5rem !important;
}
.ml-lmd-n2, .mx-lmd-n2 {
margin-left: -0.5rem !important;
}
.m-lmd-n3 {
margin: -1rem !important;
}
.mt-lmd-n3, .my-lmd-n3 {
margin-top: -1rem !important;
}
.mr-lmd-n3, .mx-lmd-n3 {
margin-right: -1rem !important;
}
.mb-lmd-n3, .my-lmd-n3 {
margin-bottom: -1rem !important;
}
.ml-lmd-n3, .mx-lmd-n3 {
margin-left: -1rem !important;
}
.m-lmd-n4 {
margin: -1.875rem !important;
}
.mt-lmd-n4, .my-lmd-n4 {
margin-top: -1.875rem !important;
}
.mr-lmd-n4, .mx-lmd-n4 {
margin-right: -1.875rem !important;
}
.mb-lmd-n4, .my-lmd-n4 {
margin-bottom: -1.875rem !important;
}
.ml-lmd-n4, .mx-lmd-n4 {
margin-left: -1.875rem !important;
}
.m-lmd-n5 {
margin: -2.5rem !important;
}
.mt-lmd-n5, .my-lmd-n5 {
margin-top: -2.5rem !important;
}
.mr-lmd-n5, .mx-lmd-n5 {
margin-right: -2.5rem !important;
}
.mb-lmd-n5, .my-lmd-n5 {
margin-bottom: -2.5rem !important;
}
.ml-lmd-n5, .mx-lmd-n5 {
margin-left: -2.5rem !important;
}
.m-lmd-n6 {
margin: -3rem !important;
}
.mt-lmd-n6, .my-lmd-n6 {
margin-top: -3rem !important;
}
.mr-lmd-n6, .mx-lmd-n6 {
margin-right: -3rem !important;
}
.mb-lmd-n6, .my-lmd-n6 {
margin-bottom: -3rem !important;
}
.ml-lmd-n6, .mx-lmd-n6 {
margin-left: -3rem !important;
}
.m-lmd-auto {
margin: auto !important;
}
.mt-lmd-auto, .my-lmd-auto {
margin-top: auto !important;
}
.mr-lmd-auto, .mx-lmd-auto {
margin-right: auto !important;
}
.mb-lmd-auto, .my-lmd-auto {
margin-bottom: auto !important;
}
.ml-lmd-auto, .mx-lmd-auto {
margin-left: auto !important;
}
}
@media (min-width: 1200px) {
.m-lg-0 {
margin: 0 !important;
}
.mt-lg-0, .my-lg-0 {
margin-top: 0 !important;
}
.mr-lg-0, .mx-lg-0 {
margin-right: 0 !important;
}
.mb-lg-0, .my-lg-0 {
margin-bottom: 0 !important;
}
.ml-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, .mx-lg-1 {
margin-right: 0.25rem !important;
}
.mb-lg-1, .my-lg-1 {
margin-bottom: 0.25rem !important;
}
.ml-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, .mx-lg-2 {
margin-right: 0.5rem !important;
}
.mb-lg-2, .my-lg-2 {
margin-bottom: 0.5rem !important;
}
.ml-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, .mx-lg-3 {
margin-right: 1rem !important;
}
.mb-lg-3, .my-lg-3 {
margin-bottom: 1rem !important;
}
.ml-lg-3, .mx-lg-3 {
margin-left: 1rem !important;
}
.m-lg-4 {
margin: 1.875rem !important;
}
.mt-lg-4, .my-lg-4 {
margin-top: 1.875rem !important;
}
.mr-lg-4, .mx-lg-4 {
margin-right: 1.875rem !important;
}
.mb-lg-4, .my-lg-4 {
margin-bottom: 1.875rem !important;
}
.ml-lg-4, .mx-lg-4 {
margin-left: 1.875rem !important;
}
.m-lg-5 {
margin: 2.5rem !important;
}
.mt-lg-5, .my-lg-5 {
margin-top: 2.5rem !important;
}
.mr-lg-5, .mx-lg-5 {
margin-right: 2.5rem !important;
}
.mb-lg-5, .my-lg-5 {
margin-bottom: 2.5rem !important;
}
.ml-lg-5, .mx-lg-5 {
margin-left: 2.5rem !important;
}
.m-lg-6 {
margin: 3rem !important;
}
.mt-lg-6, .my-lg-6 {
margin-top: 3rem !important;
}
.mr-lg-6, .mx-lg-6 {
margin-right: 3rem !important;
}
.mb-lg-6, .my-lg-6 {
margin-bottom: 3rem !important;
}
.ml-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, .px-lg-0 {
padding-right: 0 !important;
}
.pb-lg-0, .py-lg-0 {
padding-bottom: 0 !important;
}
.pl-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, .px-lg-1 {
padding-right: 0.25rem !important;
}
.pb-lg-1, .py-lg-1 {
padding-bottom: 0.25rem !important;
}
.pl-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, .px-lg-2 {
padding-right: 0.5rem !important;
}
.pb-lg-2, .py-lg-2 {
padding-bottom: 0.5rem !important;
}
.pl-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, .px-lg-3 {
padding-right: 1rem !important;
}
.pb-lg-3, .py-lg-3 {
padding-bottom: 1rem !important;
}
.pl-lg-3, .px-lg-3 {
padding-left: 1rem !important;
}
.p-lg-4 {
padding: 1.875rem !important;
}
.pt-lg-4, .py-lg-4 {
padding-top: 1.875rem !important;
}
.pr-lg-4, .px-lg-4 {
padding-right: 1.875rem !important;
}
.pb-lg-4, .py-lg-4 {
padding-bottom: 1.875rem !important;
}
.pl-lg-4, .px-lg-4 {
padding-left: 1.875rem !important;
}
.p-lg-5 {
padding: 2.5rem !important;
}
.pt-lg-5, .py-lg-5 {
padding-top: 2.5rem !important;
}
.pr-lg-5, .px-lg-5 {
padding-right: 2.5rem !important;
}
.pb-lg-5, .py-lg-5 {
padding-bottom: 2.5rem !important;
}
.pl-lg-5, .px-lg-5 {
padding-left: 2.5rem !important;
}
.p-lg-6 {
padding: 3rem !important;
}
.pt-lg-6, .py-lg-6 {
padding-top: 3rem !important;
}
.pr-lg-6, .px-lg-6 {
padding-right: 3rem !important;
}
.pb-lg-6, .py-lg-6 {
padding-bottom: 3rem !important;
}
.pl-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.875rem !important;
}
.mt-lg-n4, .my-lg-n4 {
margin-top: -1.875rem !important;
}
.mr-lg-n4, .mx-lg-n4 {
margin-right: -1.875rem !important;
}
.mb-lg-n4, .my-lg-n4 {
margin-bottom: -1.875rem !important;
}
.ml-lg-n4, .mx-lg-n4 {
margin-left: -1.875rem !important;
}
.m-lg-n5 {
margin: -2.5rem !important;
}
.mt-lg-n5, .my-lg-n5 {
margin-top: -2.5rem !important;
}
.mr-lg-n5, .mx-lg-n5 {
margin-right: -2.5rem !important;
}
.mb-lg-n5, .my-lg-n5 {
margin-bottom: -2.5rem !important;
}
.ml-lg-n5, .mx-lg-n5 {
margin-left: -2.5rem !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, .mx-lg-auto {
margin-right: auto !important;
}
.mb-lg-auto, .my-lg-auto {
margin-bottom: auto !important;
}
.ml-lg-auto, .mx-lg-auto {
margin-left: auto !important;
}
}
@media (min-width: 1600px) {
.m-xl-0 {
margin: 0 !important;
}
.mt-xl-0, .my-xl-0 {
margin-top: 0 !important;
}
.mr-xl-0, .mx-xl-0 {
margin-right: 0 !important;
}
.mb-xl-0, .my-xl-0 {
margin-bottom: 0 !important;
}
.ml-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, .mx-xl-1 {
margin-right: 0.25rem !important;
}
.mb-xl-1, .my-xl-1 {
margin-bottom: 0.25rem !important;
}
.ml-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, .mx-xl-2 {
margin-right: 0.5rem !important;
}
.mb-xl-2, .my-xl-2 {
margin-bottom: 0.5rem !important;
}
.ml-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, .mx-xl-3 {
margin-right: 1rem !important;
}
.mb-xl-3, .my-xl-3 {
margin-bottom: 1rem !important;
}
.ml-xl-3, .mx-xl-3 {
margin-left: 1rem !important;
}
.m-xl-4 {
margin: 1.875rem !important;
}
.mt-xl-4, .my-xl-4 {
margin-top: 1.875rem !important;
}
.mr-xl-4, .mx-xl-4 {
margin-right: 1.875rem !important;
}
.mb-xl-4, .my-xl-4 {
margin-bottom: 1.875rem !important;
}
.ml-xl-4, .mx-xl-4 {
margin-left: 1.875rem !important;
}
.m-xl-5 {
margin: 2.5rem !important;
}
.mt-xl-5, .my-xl-5 {
margin-top: 2.5rem !important;
}
.mr-xl-5, .mx-xl-5 {
margin-right: 2.5rem !important;
}
.mb-xl-5, .my-xl-5 {
margin-bottom: 2.5rem !important;
}
.ml-xl-5, .mx-xl-5 {
margin-left: 2.5rem !important;
}
.m-xl-6 {
margin: 3rem !important;
}
.mt-xl-6, .my-xl-6 {
margin-top: 3rem !important;
}
.mr-xl-6, .mx-xl-6 {
margin-right: 3rem !important;
}
.mb-xl-6, .my-xl-6 {
margin-bottom: 3rem !important;
}
.ml-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, .px-xl-0 {
padding-right: 0 !important;
}
.pb-xl-0, .py-xl-0 {
padding-bottom: 0 !important;
}
.pl-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, .px-xl-1 {
padding-right: 0.25rem !important;
}
.pb-xl-1, .py-xl-1 {
padding-bottom: 0.25rem !important;
}
.pl-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, .px-xl-2 {
padding-right: 0.5rem !important;
}
.pb-xl-2, .py-xl-2 {
padding-bottom: 0.5rem !important;
}
.pl-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, .px-xl-3 {
padding-right: 1rem !important;
}
.pb-xl-3, .py-xl-3 {
padding-bottom: 1rem !important;
}
.pl-xl-3, .px-xl-3 {
padding-left: 1rem !important;
}
.p-xl-4 {
padding: 1.875rem !important;
}
.pt-xl-4, .py-xl-4 {
padding-top: 1.875rem !important;
}
.pr-xl-4, .px-xl-4 {
padding-right: 1.875rem !important;
}
.pb-xl-4, .py-xl-4 {
padding-bottom: 1.875rem !important;
}
.pl-xl-4, .px-xl-4 {
padding-left: 1.875rem !important;
}
.p-xl-5 {
padding: 2.5rem !important;
}
.pt-xl-5, .py-xl-5 {
padding-top: 2.5rem !important;
}
.pr-xl-5, .px-xl-5 {
padding-right: 2.5rem !important;
}
.pb-xl-5, .py-xl-5 {
padding-bottom: 2.5rem !important;
}
.pl-xl-5, .px-xl-5 {
padding-left: 2.5rem !important;
}
.p-xl-6 {
padding: 3rem !important;
}
.pt-xl-6, .py-xl-6 {
padding-top: 3rem !important;
}
.pr-xl-6, .px-xl-6 {
padding-right: 3rem !important;
}
.pb-xl-6, .py-xl-6 {
padding-bottom: 3rem !important;
}
.pl-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.875rem !important;
}
.mt-xl-n4, .my-xl-n4 {
margin-top: -1.875rem !important;
}
.mr-xl-n4, .mx-xl-n4 {
margin-right: -1.875rem !important;
}
.mb-xl-n4, .my-xl-n4 {
margin-bottom: -1.875rem !important;
}
.ml-xl-n4, .mx-xl-n4 {
margin-left: -1.875rem !important;
}
.m-xl-n5 {
margin: -2.5rem !important;
}
.mt-xl-n5, .my-xl-n5 {
margin-top: -2.5rem !important;
}
.mr-xl-n5, .mx-xl-n5 {
margin-right: -2.5rem !important;
}
.mb-xl-n5, .my-xl-n5 {
margin-bottom: -2.5rem !important;
}
.ml-xl-n5, .mx-xl-n5 {
margin-left: -2.5rem !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, .mx-xl-auto {
margin-right: auto !important;
}
.mb-xl-auto, .my-xl-auto {
margin-bottom: auto !important;
}
.ml-xl-auto, .mx-xl-auto {
margin-left: auto !important;
}
}
@media (min-width: 3000px) {
.m-xxl-0 {
margin: 0 !important;
}
.mt-xxl-0, .my-xxl-0 {
margin-top: 0 !important;
}
.mr-xxl-0, .mx-xxl-0 {
margin-right: 0 !important;
}
.mb-xxl-0, .my-xxl-0 {
margin-bottom: 0 !important;
}
.ml-xxl-0, .mx-xxl-0 {
margin-left: 0 !important;
}
.m-xxl-1 {
margin: 0.25rem !important;
}
.mt-xxl-1, .my-xxl-1 {
margin-top: 0.25rem !important;
}
.mr-xxl-1, .mx-xxl-1 {
margin-right: 0.25rem !important;
}
.mb-xxl-1, .my-xxl-1 {
margin-bottom: 0.25rem !important;
}
.ml-xxl-1, .mx-xxl-1 {
margin-left: 0.25rem !important;
}
.m-xxl-2 {
margin: 0.5rem !important;
}
.mt-xxl-2, .my-xxl-2 {
margin-top: 0.5rem !important;
}
.mr-xxl-2, .mx-xxl-2 {
margin-right: 0.5rem !important;
}
.mb-xxl-2, .my-xxl-2 {
margin-bottom: 0.5rem !important;
}
.ml-xxl-2, .mx-xxl-2 {
margin-left: 0.5rem !important;
}
.m-xxl-3 {
margin: 1rem !important;
}
.mt-xxl-3, .my-xxl-3 {
margin-top: 1rem !important;
}
.mr-xxl-3, .mx-xxl-3 {
margin-right: 1rem !important;
}
.mb-xxl-3, .my-xxl-3 {
margin-bottom: 1rem !important;
}
.ml-xxl-3, .mx-xxl-3 {
margin-left: 1rem !important;
}
.m-xxl-4 {
margin: 1.875rem !important;
}
.mt-xxl-4, .my-xxl-4 {
margin-top: 1.875rem !important;
}
.mr-xxl-4, .mx-xxl-4 {
margin-right: 1.875rem !important;
}
.mb-xxl-4, .my-xxl-4 {
margin-bottom: 1.875rem !important;
}
.ml-xxl-4, .mx-xxl-4 {
margin-left: 1.875rem !important;
}
.m-xxl-5 {
margin: 2.5rem !important;
}
.mt-xxl-5, .my-xxl-5 {
margin-top: 2.5rem !important;
}
.mr-xxl-5, .mx-xxl-5 {
margin-right: 2.5rem !important;
}
.mb-xxl-5, .my-xxl-5 {
margin-bottom: 2.5rem !important;
}
.ml-xxl-5, .mx-xxl-5 {
margin-left: 2.5rem !important;
}
.m-xxl-6 {
margin: 3rem !important;
}
.mt-xxl-6, .my-xxl-6 {
margin-top: 3rem !important;
}
.mr-xxl-6, .mx-xxl-6 {
margin-right: 3rem !important;
}
.mb-xxl-6, .my-xxl-6 {
margin-bottom: 3rem !important;
}
.ml-xxl-6, .mx-xxl-6 {
margin-left: 3rem !important;
}
.p-xxl-0 {
padding: 0 !important;
}
.pt-xxl-0, .py-xxl-0 {
padding-top: 0 !important;
}
.pr-xxl-0, .px-xxl-0 {
padding-right: 0 !important;
}
.pb-xxl-0, .py-xxl-0 {
padding-bottom: 0 !important;
}
.pl-xxl-0, .px-xxl-0 {
padding-left: 0 !important;
}
.p-xxl-1 {
padding: 0.25rem !important;
}
.pt-xxl-1, .py-xxl-1 {
padding-top: 0.25rem !important;
}
.pr-xxl-1, .px-xxl-1 {
padding-right: 0.25rem !important;
}
.pb-xxl-1, .py-xxl-1 {
padding-bottom: 0.25rem !important;
}
.pl-xxl-1, .px-xxl-1 {
padding-left: 0.25rem !important;
}
.p-xxl-2 {
padding: 0.5rem !important;
}
.pt-xxl-2, .py-xxl-2 {
padding-top: 0.5rem !important;
}
.pr-xxl-2, .px-xxl-2 {
padding-right: 0.5rem !important;
}
.pb-xxl-2, .py-xxl-2 {
padding-bottom: 0.5rem !important;
}
.pl-xxl-2, .px-xxl-2 {
padding-left: 0.5rem !important;
}
.p-xxl-3 {
padding: 1rem !important;
}
.pt-xxl-3, .py-xxl-3 {
padding-top: 1rem !important;
}
.pr-xxl-3, .px-xxl-3 {
padding-right: 1rem !important;
}
.pb-xxl-3, .py-xxl-3 {
padding-bottom: 1rem !important;
}
.pl-xxl-3, .px-xxl-3 {
padding-left: 1rem !important;
}
.p-xxl-4 {
padding: 1.875rem !important;
}
.pt-xxl-4, .py-xxl-4 {
padding-top: 1.875rem !important;
}
.pr-xxl-4, .px-xxl-4 {
padding-right: 1.875rem !important;
}
.pb-xxl-4, .py-xxl-4 {
padding-bottom: 1.875rem !important;
}
.pl-xxl-4, .px-xxl-4 {
padding-left: 1.875rem !important;
}
.p-xxl-5 {
padding: 2.5rem !important;
}
.pt-xxl-5, .py-xxl-5 {
padding-top: 2.5rem !important;
}
.pr-xxl-5, .px-xxl-5 {
padding-right: 2.5rem !important;
}
.pb-xxl-5, .py-xxl-5 {
padding-bottom: 2.5rem !important;
}
.pl-xxl-5, .px-xxl-5 {
padding-left: 2.5rem !important;
}
.p-xxl-6 {
padding: 3rem !important;
}
.pt-xxl-6, .py-xxl-6 {
padding-top: 3rem !important;
}
.pr-xxl-6, .px-xxl-6 {
padding-right: 3rem !important;
}
.pb-xxl-6, .py-xxl-6 {
padding-bottom: 3rem !important;
}
.pl-xxl-6, .px-xxl-6 {
padding-left: 3rem !important;
}
.m-xxl-n1 {
margin: -0.25rem !important;
}
.mt-xxl-n1, .my-xxl-n1 {
margin-top: -0.25rem !important;
}
.mr-xxl-n1, .mx-xxl-n1 {
margin-right: -0.25rem !important;
}
.mb-xxl-n1, .my-xxl-n1 {
margin-bottom: -0.25rem !important;
}
.ml-xxl-n1, .mx-xxl-n1 {
margin-left: -0.25rem !important;
}
.m-xxl-n2 {
margin: -0.5rem !important;
}
.mt-xxl-n2, .my-xxl-n2 {
margin-top: -0.5rem !important;
}
.mr-xxl-n2, .mx-xxl-n2 {
margin-right: -0.5rem !important;
}
.mb-xxl-n2, .my-xxl-n2 {
margin-bottom: -0.5rem !important;
}
.ml-xxl-n2, .mx-xxl-n2 {
margin-left: -0.5rem !important;
}
.m-xxl-n3 {
margin: -1rem !important;
}
.mt-xxl-n3, .my-xxl-n3 {
margin-top: -1rem !important;
}
.mr-xxl-n3, .mx-xxl-n3 {
margin-right: -1rem !important;
}
.mb-xxl-n3, .my-xxl-n3 {
margin-bottom: -1rem !important;
}
.ml-xxl-n3, .mx-xxl-n3 {
margin-left: -1rem !important;
}
.m-xxl-n4 {
margin: -1.875rem !important;
}
.mt-xxl-n4, .my-xxl-n4 {
margin-top: -1.875rem !important;
}
.mr-xxl-n4, .mx-xxl-n4 {
margin-right: -1.875rem !important;
}
.mb-xxl-n4, .my-xxl-n4 {
margin-bottom: -1.875rem !important;
}
.ml-xxl-n4, .mx-xxl-n4 {
margin-left: -1.875rem !important;
}
.m-xxl-n5 {
margin: -2.5rem !important;
}
.mt-xxl-n5, .my-xxl-n5 {
margin-top: -2.5rem !important;
}
.mr-xxl-n5, .mx-xxl-n5 {
margin-right: -2.5rem !important;
}
.mb-xxl-n5, .my-xxl-n5 {
margin-bottom: -2.5rem !important;
}
.ml-xxl-n5, .mx-xxl-n5 {
margin-left: -2.5rem !important;
}
.m-xxl-n6 {
margin: -3rem !important;
}
.mt-xxl-n6, .my-xxl-n6 {
margin-top: -3rem !important;
}
.mr-xxl-n6, .mx-xxl-n6 {
margin-right: -3rem !important;
}
.mb-xxl-n6, .my-xxl-n6 {
margin-bottom: -3rem !important;
}
.ml-xxl-n6, .mx-xxl-n6 {
margin-left: -3rem !important;
}
.m-xxl-auto {
margin: auto !important;
}
.mt-xxl-auto, .my-xxl-auto {
margin-top: auto !important;
}
.mr-xxl-auto, .mx-xxl-auto {
margin-right: auto !important;
}
.mb-xxl-auto, .my-xxl-auto {
margin-bottom: auto !important;
}
.ml-xxl-auto, .mx-xxl-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, .dropdown .dropdown-item-text, .block_private_files .ygtvcontent div, .block_private_files [id^="private_files_tree"] a, #blocks-dashboardleftblock .block-myoverview .dropdown span, #blocks-dashboardleftblock .block-myoverview .btn span, #blocks-dashboardrightblock .block-myoverview .dropdown span, #blocks-dashboardrightblock .block-myoverview .btn span {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.text-left {
text-align: left !important;
}
.text-right {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
@media (min-width: 320px) {
.text-sm-left {
text-align: left !important;
}
.text-sm-right {
text-align: right !important;
}
.text-sm-center {
text-align: center !important;
}
}
@media (min-width: 768px) {
.text-md-left {
text-align: left !important;
}
.text-md-right {
text-align: right !important;
}
.text-md-center {
text-align: center !important;
}
}
@media (min-width: 1000px) {
.text-lmd-left {
text-align: left !important;
}
.text-lmd-right {
text-align: right !important;
}
.text-lmd-center {
text-align: center !important;
}
}
@media (min-width: 1200px) {
.text-lg-left {
text-align: left !important;
}
.text-lg-right {
text-align: right !important;
}
.text-lg-center {
text-align: center !important;
}
}
@media (min-width: 1600px) {
.text-xl-left {
text-align: left !important;
}
.text-xl-right {
text-align: right !important;
}
.text-xl-center {
text-align: center !important;
}
}
@media (min-width: 3000px) {
.text-xxl-left {
text-align: left !important;
}
.text-xxl-right {
text-align: right !important;
}
.text-xxl-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-100 {
color: #eee8e7 !important;
}
a.text-primary-color-100:hover, a.text-primary-color-100:focus {
color: #cebdba !important;
}
.text-primary-color-200 {
color: #ddd1cf !important;
}
a.text-primary-color-200:hover, a.text-primary-color-200:focus {
color: #bda6a2 !important;
}
.text-primary-color-300 {
color: #ccbab8 !important;
}
a.text-primary-color-300:hover, a.text-primary-color-300:focus {
color: #ac8f8b !important;
}
.text-primary-color-400 {
color: #ab8c88 !important;
}
a.text-primary-color-400:hover, a.text-primary-color-400:focus {
color: #87645f !important;
}
.text-primary-color-500 {
color: #784741 !important;
}
a.text-primary-color-500:hover, a.text-primary-color-500:focus {
color: #462a26 !important;
}
.text-primary-color-600 {
color: #561911 !important;
}
a.text-primary-color-600:hover, a.text-primary-color-600:focus {
color: #160604 !important;
}
.text-primary-color-700 {
color: #340f0a !important;
}
a.text-primary-color-700:hover, a.text-primary-color-700:focus {
color: black !important;
}
.text-primary-color-800 {
color: #2b0d09 !important;
}
a.text-primary-color-800:hover, a.text-primary-color-800:focus {
color: black !important;
}
.text-primary-color-900 {
color: #1a0805 !important;
}
a.text-primary-color-900:hover, a.text-primary-color-900:focus {
color: black !important;
}
.text-gray-100 {
color: #F5F5F5 !important;
}
a.text-gray-100:hover, a.text-gray-100:focus {
color: #cfcfcf !important;
}
.text-gray-200 {
color: #EEEEEE !important;
}
a.text-gray-200:hover, a.text-gray-200:focus {
color: #c8c8c8 !important;
}
.text-gray-300 {
color: #E1E1E1 !important;
}
a.text-gray-300:hover, a.text-gray-300:focus {
color: #bbb !important;
}
.text-gray-400 {
color: #D8D8D8 !important;
}
a.text-gray-400:hover, a.text-gray-400:focus {
color: #b2b2b2 !important;
}
.text-gray-500 {
color: #b2b2b2 !important;
}
a.text-gray-500:hover, a.text-gray-500:focus {
color: #8c8c8c !important;
}
.text-gray-600 {
color: #626262 !important;
}
a.text-gray-600:hover, a.text-gray-600:focus {
color: #3c3c3c !important;
}
.text-gray-700 {
color: #525151 !important;
}
a.text-gray-700:hover, a.text-gray-700:focus {
color: #2c2b2b !important;
}
.text-gray-800 {
color: #434343 !important;
}
a.text-gray-800:hover, a.text-gray-800:focus {
color: #1d1d1d !important;
}
.text-gray-900 {
color: #212121 !important;
}
a.text-gray-900:hover, a.text-gray-900:focus {
color: black !important;
}
.text-primary {
color: #561911 !important;
}
a.text-primary:hover, a.text-primary:focus {
color: #160604 !important;
}
.text-secondary {
color: #626262 !important;
}
a.text-secondary:hover, a.text-secondary:focus {
color: #3c3c3c !important;
}
.text-success {
color: #561911 !important;
}
a.text-success:hover, a.text-success:focus {
color: #160604 !important;
}
.text-info {
color: #406CD2 !important;
}
a.text-info:hover, a.text-info:focus {
color: #264aa0 !important;
}
.text-warning {
color: #F7B742 !important;
}
a.text-warning:hover, a.text-warning:focus {
color: #e3960a !important;
}
.text-danger {
color: #ef1010 !important;
}
a.text-danger:hover, a.text-danger:focus {
color: #a70b0b !important;
}
.text-light {
color: #626262 !important;
}
a.text-light:hover, a.text-light:focus {
color: #3c3c3c !important;
}
.text-dark {
color: #212121 !important;
}
a.text-dark:hover, a.text-dark:focus {
color: black !important;
}
.text-body {
color: #212121 !important;
}
.theme-dark .text-body {
color: #E8EAED !important;
}
.text-muted, .block .minicalendar td.weekend {
color: #525151 !important;
}
.theme-dark .text-muted, .theme-dark .block .minicalendar td.weekend, .block .minicalendar .theme-dark td.weekend {
color: #9AA0A6 !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 #b2b2b2;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr, img {
page-break-inside: avoid;
}
p, h2, h3 {
orphans: 3;
widows: 3;
}
h2, h3 {
page-break-after: avoid;
}
@page {
@media (prefers-reduced-motion: reduce) {
size: a4;
}
}
.container {
min-width: 1200px !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 #E1E1E1 !important;
}
body.drawer-open-left, body.drawer-courseindex--open, body.drawer-open-index--open {
margin: 0;
overflow: auto;
}
}
/**
* 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.
*/
.dir-rtl .custom-select {
background-position: 0.75rem center;
}
/*rtl:raw:
.dropdown-menu {
right: auto;
left: 0;
text-align: right;
}
*/
.dir-rtl .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
transform: translateX(-0.9375rem);
}
/**
* 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 */
.notloggedin .header-settings-menu, .moodle-guest-user .header-settings-menu {
display: none !important;
}
@media (min-width: 320px) and (max-width: 999.98px) {
.header-settings-menu {
padding: 4px;
position: fixed;
bottom: 5px;
right: 5px;
z-index: 1019;
flex-wrap: wrap;
background-color: rgba(0, 0, 0, 0.1);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border-radius: 5px;
}
}
@media (min-width: 768px) and (max-width: 999.98px) {
.scrolled .header-settings-menu {
right: 65px;
left: auto;
}
}
@media (max-width: 767.98px) {
.scrolled .header-settings-menu {
right: 65px;
left: 5px;
}
}
@media (min-width: 320px) {
.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;
}
}
/** Prevent user notifications overlapping with region main settings menu */
#user-notifications {
display: block;
overflow: hidden;
margin: 10px 0;
}
#user-notifications:empty {
margin: 0;
}
#user-notifications .alert, #user-notifications #page-mod-choice-view #notice p, #page-mod-choice-view #notice #user-notifications p {
margin-bottom: 0;
}
#user-notifications .alert + .alert, #user-notifications #page-mod-choice-view #notice p + .alert, #page-mod-choice-view #notice #user-notifications p + .alert, #user-notifications #page-mod-choice-view #notice .alert + p, #page-mod-choice-view #notice #user-notifications .alert + p, #user-notifications #page-mod-choice-view #notice #page-mod-choice-view #notice p + p, #page-mod-choice-view #notice #user-notifications #page-mod-choice-view #notice p + p {
margin-top: 0.35rem;
}
/** Page layout CSS starts **/
.layout-option-noheader .page-header-content, .layout-option-nonavbar #page-navbar, .layout-option-nofooter #s-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;
}
#page-admin-report-questioninstances-index .centerpara {
text-align: left;
}
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: #525151;
}
.theme-dark a.dimmed, .theme-dark a.dimmed:link, .theme-dark a.dimmed:visited, .theme-dark a.dimmed_text, .theme-dark a.dimmed_text:link, .theme-dark a.dimmed_text:visited, .theme-dark .dimmed_text, .theme-dark .dimmed_text a, .theme-dark .dimmed_text a:link, .theme-dark .dimmed_text a:visited, .theme-dark .usersuspended, .theme-dark .usersuspended a, .theme-dark .usersuspended a:link, .theme-dark .usersuspended a:visited, .theme-dark .dimmed_category, .theme-dark .dimmed_category a {
color: #9AA0A6;
}
.aalink:focus:hover, #s-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:hover, .btn-link:focus:hover, [data-fieldtype="submit"] a:focus:hover, .cancel a:focus:hover, #page-mod-quiz-report .gradetheselink:focus:hover, .nav-link:focus:hover, .atto_link_button: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, .modal-dialog[tabindex="0"]:focus:hover, .moodle-dialogue-base .closebutton:focus:hover, button.close:focus:hover, .yui3-skin-sam button.yui3-button.closebutton:focus:hover, .form-autocomplete-selection:focus:hover {
text-decoration: none;
}
.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.activity, .section li.movehere, .tabtree li {
list-style: none;
margin: 0;
padding: 0;
position: relative;
}
.section li.movehere a {
display: block;
width: 100%;
height: 2rem;
border: 2px dashed #434343;
}
.editing .course-content .hidden.sectionname {
visibility: hidden;
display: none;
}
.inline, .inline-list li {
display: inline-flex;
}
.notifytiny {
font-size: 0.75rem;
}
.notifytiny li, .notifytiny td {
font-size: 100%;
}
.red, .notifyproblem {
color: #ef1010;
}
.green, .notifysuccess {
color: #561911;
}
.highlight {
margin-left: 2px;
font-weight: 700;
color: #784741;
position: relative;
}
.highlight:before {
content: "";
background-color: #ccbab8;
width: 100%;
height: 2px;
position: absolute;
left: 0;
bottom: -2px;
}
.theme-dark .highlight {
color: #ab8c88;
}
.theme-dark .highlight:before {
background-color: #ab8c88;
}
.fitem.advanced .text-info {
font-weight: 700;
}
.text-info {
color: #406CD2;
}
.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.5rem;
}
.collapsibleregioncaption a {
width: 100%;
display: block;
padding: 0.85rem 30px;
margin: 0;
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 15.25L16.25 9.75H7.75L12 15.25Z' stroke='%23212121' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
background-size: 16px;
background-color: transparent;
background-repeat: no-repeat;
background-position: calc(100% - 20px);
border-bottom: 1px solid #E1E1E1;
font-size: 0.875rem;
font-weight: 500;
color: #212121;
text-align: left;
}
.theme-dark .collapsibleregioncaption a {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 15.25L16.25 9.75H7.75L12 15.25Z' stroke='%23E8EAED' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
border-color: #2E3134;
color: #F5F5F5;
}
.collapsibleregioncaption a:hover {
text-decoration: none;
background-color: #eee8e7;
border-color: #784741;
color: #784741;
}
.theme-dark .collapsibleregioncaption a:hover {
background-color: #121215;
border-color: #2E3134;
color: #E8EAED;
}
.collapsed .collapsibleregioncaption a {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='%23212121' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
}
.theme-dark .collapsed .collapsibleregioncaption a {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='%23E8EAED' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
}
.collapsibleregioncaption a img {
display: none;
}
.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;
}
.visibleifjs {
display: none;
}
.jsenabled .visibleifjs {
display: inline;
}
.collapsibleregion {
margin: 0.5rem 0;
width: 100%;
border: 1px solid #E1E1E1;
border-radius: 5px;
overflow: hidden;
box-sizing: content-box;
}
.theme-dark .collapsibleregion {
border-color: #2E3134;
}
.collapsibleregioninner {
padding: 20px 30px;
}
.collapsibleregioninner .form-check {
padding: 5px 0;
}
.collapsibleregioninner .form-check .form-check-input {
margin-right: 10px;
}
.jsenabled .collapsed .collapsibleregioninner {
visibility: hidden;
}
.collapsible-actions {
display: none;
text-align: right;
}
.jsenabled .collapsible-actions {
display: block;
margin-bottom: 10px;
}
.collapsible-actions .collapseexpand {
padding-right: 40px;
background-size: 18px;
background-repeat: no-repeat;
background-position: right 12px top 50%;
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='%23212121' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
}
.theme-dark .collapsible-actions .collapseexpand {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='%23E8EAED' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
}
.dir-rtl .collapsible-actions .collapseexpand {
padding-right: 20px;
padding-left: 35px;
background-position: 10px;
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.75 12L14.25 7.75V16.25L8.75 12Z' stroke='%23212121' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
}
.theme-dark .dir-rtl .collapsible-actions .collapseexpand {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.75 12L14.25 7.75V16.25L8.75 12Z' stroke='%23E8EAED' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
}
.dir-rtl.theme-dark .collapsible-actions .collapseexpand {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.75 12L14.25 7.75V16.25L8.75 12Z' stroke='%23E8EAED' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
}
.collapsible-actions .collapseexpand.collapse-all {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 9.75L16.25 15.25H7.75L12 9.75Z' stroke='%23212121' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
}
.theme-dark.dir-rtl .collapsible-actions .collapseexpand.collapse-all, .theme-dark .collapsible-actions .collapseexpand.collapse-all {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 9.75L16.25 15.25H7.75L12 9.75Z' stroke='%23E8EAED' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
}
.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;
}
.adminsettings .clearer {
background: transparent;
border-width: 0;
clear: both;
display: block;
height: 1px;
margin: 10px 0 !important;
padding: 0 !important;
}
.block .clearer {
display: none;
}
.bold, .warning, .errorbox .title, .pagingbar .title, .pagingbar .thispage {
font-weight: 700;
}
img.resize {
height: 1em;
width: 1em;
}
.action-menu .dropdown-toggle {
text-decoration: none;
}
.action-menu {
white-space: nowrap;
}
.block img.resize {
height: 0.9em;
width: 0.8em;
}
/* Icon styles */
img.activityicon {
height: 40px;
width: 40px;
}
@media (max-width: 767.98px) {
img.activityicon {
height: 30px;
width: 30px;
}
}
@media (min-width: 768px) {
.indented img.activityicon {
height: 30px;
width: 30px;
}
}
@media (max-width: 767.98px) {
.indented img.activityicon {
height: 20px;
width: 20px;
}
}
.headermain {
font-weight: 700;
}
#maincontent {
display: block;
height: 1px;
overflow: hidden;
}
img.uihint {
cursor: help;
}
#addmembersform table {
margin-left: auto;
margin-right: auto;
}
#addmembersform table tr, #addmembersform table td {
border: none;
}
#addmembersform table td {
padding: 10px !important;
vertical-align: top;
}
table.flexible .emptyrow {
display: none;
}
form.popupform, form.popupform div {
display: inline;
}
.arrow_button input {
overflow: hidden;
}
.no-overflow {
overflow: auto;
scrollbar-width: thin;
scrollbar-color: #626262 #F5F5F5;
}
.no-overflow::-webkit-scrollbar {
width: 6px;
}
.no-overflow::-webkit-scrollbar-track {
background: #F5F5F5;
border-radius: 20px;
}
.no-overflow::-webkit-scrollbar-thumb {
background-color: #626262;
border-radius: 20px;
border: 0;
}
.no-overflow::-webkit-scrollbar-thumb:hover {
background-color: #525151;
}
.gradingtable .no-overflow {
min-height: 220px;
}
.theme-dark .no-overflow {
scrollbar-width: thin;
scrollbar-color: #626262 #121215;
}
.theme-dark .no-overflow::-webkit-scrollbar {
width: 6px;
}
.theme-dark .no-overflow::-webkit-scrollbar-track {
background: #121215;
border-radius: 20px;
}
.theme-dark .no-overflow::-webkit-scrollbar-thumb {
background-color: #626262;
border-radius: 20px;
border: 0;
}
.theme-dark .no-overflow::-webkit-scrollbar-thumb:hover {
background-color: #525151;
}
.no-overflow > .generaltable, .no-overflow > .rolecap {
margin-bottom: 0;
}
.no-overflow .generaltable .sr-only, .no-overflow .rolecap .sr-only, .no-overflow .generaltable .accesshide, .no-overflow .rolecap .accesshide, .table-responsive .generaltable .sr-only, .table-responsive .rolecap .sr-only, .table-responsive .generaltable .accesshide, .table-responsive .rolecap .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;
display: none !important;
}
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 {
margin: 1rem 0 2rem;
}
.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%;
vertical-align: top;
}
.groupmanagementtable #existingcell p, .groupmanagementtable #potentialcell p {
margin: 0;
}
.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;
}
.rui-forum-buttons .groupselector {
margin: 10px 0;
display: block;
font-weight: 700;
}
.groupselector label {
display: inline-block;
}
.login-page [name="username"] {
margin-bottom: -1px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.login-page [type="password"] {
margin-bottom: 10px;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
#page-notes-edit.path-notes .main-content {
width: 100%;
}
.notepost .userpicture {
float: left;
margin-right: 1rem;
}
.notepost .content, .notepost .footer {
clear: both;
}
.notesgroup {
padding: 1rem;
margin: 1rem 0 2rem;
border: 1px solid #E1E1E1;
border-radius: 5px;
}
.theme-dark .notesgroup {
border-color: #2E3134;
}
.notesgroup:empty {
padding: 0;
border: none;
}
.notesgroup p {
margin: 0 0 1rem;
}
.notesgroup p:only-child {
margin-bottom: 0;
}
.notestitle {
font-size: 0.875rem;
font-weight: 500;
color: #434343;
text-decoration: none;
}
.theme-dark .notestitle {
color: #aeb3b8;
}
.notelist .header {
display: block;
}
.notelist .header .user {
font-size: 0.875rem;
font-weight: 700;
}
.notelist .header .user a {
display: block !important;
}
.notelist .header .user img {
border-radius: 5px;
}
.notelist .header .info {
font-size: 0.75rem;
color: #434343;
}
.theme-dark .notelist .header .info {
color: #aeb3b8;
}
.notepost .content {
margin: 0.5rem 1rem 1rem 52px;
}
.notepost .footer {
margin: 0 1rem 1rem 52px;
padding-bottom: 1rem;
border-bottom: 1px solid #E1E1E1;
}
.notepost .footer a {
margin: 0;
}
.notepost {
margin-bottom: 2rem;
}
.notepost:last-child {
border-bottom: none;
margin-bottom: 0;
}
.notepost:last-child .footer {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0;
}
.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;
}
table.mod_index {
width: 100%;
}
table.mod_index .c0 {
font-size: 1rem;
text-align: left !important;
}
table.mod_index .c1 a {
display: inline-flex;
align-items: center;
line-height: 1.2;
}
table.mod_index .c1 a:hover {
color: #561911;
text-decoration: none;
}
table.mod_index .c1 a .activityicon {
margin-right: 0.5rem;
width: 40px;
height: 40px;
}
@media (max-width: 767.98px) {
table.mod_index .c1 a .activityicon {
width: 30px;
height: 30px;
}
}
table.mod_index .c2 {
font-size: 0.875rem;
}
.comment-ctrl {
font-size: 12px;
display: none;
margin: 0;
padding: 0;
}
.comment-ctrl h5 {
margin: 0;
padding: 5px;
}
table .comment-area {
min-width: 300px;
}
.comment-area textarea {
margin-bottom: 0.35rem;
width: 100%;
min-height: 100px;
overflow: auto;
background-size: 18px;
}
.comment-area textarea.fullwidth {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.comment-area .fd {
text-align: right;
}
.drawer .comment-area .fd {
width: 100%;
}
.comment-area .fd a {
margin-left: 0.35rem;
}
.drawer .comment-area .fd a {
margin-left: 0;
width: 100%;
}
.comment-area .fd span {
display: none;
}
.comment-meta span {
color: #434343;
}
.theme-dark .comment-meta span {
color: #aeb3b8;
}
.comment-link img {
vertical-align: text-bottom;
}
.comment-list {
padding: 0;
margin: 0;
overflow: auto;
list-style: none;
}
.comment-list .mdl-align img {
width: 40px;
height: 40px;
}
.comment-list li {
padding: 20px 0.25rem 0.25rem;
margin: 0 0 1rem 0;
border-radius: 5px;
background-color: transparent !important;
list-style: none;
clear: both;
position: relative;
}
.comment-list li:hover {
background-color: #F5F5F5;
}
.theme-dark .comment-list li:hover {
background-color: #121215;
}
.comment-list li.first {
display: none;
}
table .comment-message {
max-width: 400px;
}
.glossarypost .comment-message {
max-width: 100%;
}
.comment-message .picture {
margin-right: 0.5rem;
}
.comment-message .picture img {
width: 30px;
height: 30px;
border-radius: 5px;
}
.comment-message .user {
font-size: 0.875rem;
font-weight: 500;
}
.comment-message .time {
font-size: 0.75rem;
font-weight: 500;
color: #555353;
position: absolute;
top: 0;
right: 0;
}
.theme-dark .comment-message .time {
color: #aeb3b8;
}
.drawer .comment-message .time {
max-width: 100%;
margin-left: 53px;
position: relative;
}
.comment-message-meta {
display: inline-flex;
align-items: center;
margin-bottom: 10px;
color: #434343;
}
.theme-dark .comment-message-meta {
color: #434343;
}
.drawer .comment-message-meta {
display: flex;
flex-wrap: wrap;
margin-right: 0 !important;
}
.comment-message-meta a {
color: #212121;
}
.theme-dark .comment-message-meta a {
color: #E8EAED;
}
.comment-message .text {
margin: 0;
padding: 0;
font-size: 0.875rem;
color: #434343;
}
.theme-dark .comment-message .text {
color: #aeb3b8;
}
.comment-message .text p {
padding: 0;
margin: 0 18px 0 0;
}
.comment-delete {
opacity: 0;
position: absolute;
top: 4px;
right: 4px;
margin: 0;
}
.comment-list li:hover .comment-delete {
opacity: 1;
}
.comment-delete a {
display: inline-flex;
align-items: center;
justify-content: center;
background-color: #fff;
width: 30px;
height: 30px;
border-radius: 60px;
}
.comment-delete a .rui-icon {
margin: 0;
width: 20px;
height: 20px;
}
.comment-delete a:hover {
text-decoration: none;
background-color: #E1E1E1;
}
.comment-report-selectall {
display: none;
}
.comment-link {
display: none;
}
.jsenabled .comment-link {
display: inline-flex;
align-items: center;
font-weight: 500;
color: #212121;
margin-bottom: 1rem;
}
.jsenabled .comment-link:hover {
text-decoration: none;
cursor: pointer;
color: #561911;
}
.theme-dark.jsenabled .comment-link {
color: #E8EAED;
}
.jsenabled .showcommentsnonjs {
display: none;
}
.jsenabled .comment-report-selectall {
display: inline;
}
/**
* Completion progress report
*/
.completion-expired {
color: #F7B742;
}
.completion-expected {
margin-top: 5px;
margin-left: 10px;
color: #406CD2;
font-weight: 700;
font-size: 0.75rem;
text-align: left;
}
.completion-sortchoice, .completion-identifyfield {
font-size: 0.75rem;
vertical-align: bottom;
}
.completion-progresscell {
text-align: right;
}
.completion-expired .completion-expected {
font-weight: 700;
}
/**
* Tags
*/
#page-admin-tag-manage .main-content .simplesearchform {
margin-top: 30px !important;
margin-bottom: 30px !important;
}
.addstandardtags {
display: block !important;
margin: 20px 0;
}
img.user-image {
height: 100px;
width: 100px;
}
#tag-search-box {
margin: 1rem auto 2rem;
}
.path-tag .tagarea .controls::after, .path-tag .tagarea .taggeditems::after {
display: block;
clear: both;
content: "";
}
.path-tag .tagarea .controls, .path-tag .tag-backtoallitems {
text-align: center;
}
.path-tag .tagarea .controls .gotopage.nextpage {
float: right;
}
.path-tag .tagarea .controls .gotopage.prevpage {
float: left;
}
.path-tag .tagarea .controls .exclusivemode {
display: inline-block;
}
.path-tag .tagarea .controls.controls-bottom {
margin-top: 5px;
}
.path-tag .tagarea .controls .gotopage.nextpage::after {
padding-right: 5px;
padding-left: 5px;
content: "»";
}
.path-tag .tagarea .controls .gotopage.prevpage::before {
padding-right: 5px;
padding-left: 5px;
content: "«";
}
span.flagged-tag, tr.flagged-tag, span.flagged-tag a, tr.flagged-tag a {
color: #ef1010;
}
.tag-management-table .inplaceeditable.inplaceeditingon input {
width: 150px;
}
.path-tag .tag-relatedtags {
margin: 1rem 0;
}
.path-tag .tag-relatedtags li a {
position: relative;
padding-left: 30px;
}
.path-tag .tag-relatedtags li a:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Ccircle cx='15' cy='9' r='1' fill='%23212121'%3E%3C/circle%3E%3Cpath stroke='%23212121' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M12 4.75H19.25V12L12.5535 18.6708C11.7544 19.4668 10.4556 19.445 9.68369 18.6226L5.28993 13.941C4.54041 13.1424 4.57265 11.8895 5.36226 11.1305L12 4.75Z'%3E%3C/path%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-size: 16px;
position: absolute;
top: calc(50% - 6px);
left: 10px;
}
.theme-dark .path-tag .tag-relatedtags li a:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Ccircle cx='15' cy='9' r='1' fill='%23E8EAED'%3E%3C/circle%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M12 4.75H19.25V12L12.5535 18.6708C11.7544 19.4668 10.4556 19.445 9.68369 18.6226L5.28993 13.941C4.54041 13.1424 4.57265 11.8895 5.36226 11.1305L12 4.75Z'%3E%3C/path%3E%3C/svg%3E%0A");
}
.tag-management-form p {
margin-top: 1rem;
margin-bottom: 0;
}
.tag_feed {
margin: 0;
padding: 0;
}
.tag_feed.media-list .media {
padding: 0.25rem;
margin: 0.25rem;
display: inline-flex;
align-items: center;
justify-content: flex-start;
border-radius: 5px;
}
.tag_feed.media-list .media:hover {
background-color: #F5F5F5;
text-decoration: none;
}
.theme-dark .tag_feed.media-list .media:hover {
background-color: #121215;
}
.tag_feed.media-list .media .itemimage {
width: 50px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
}
.tag_feed.media-list .media .itemimage .icon {
font-size: 30px;
width: 30px;
height: 30px;
}
.tag_feed.media-list .media .itemimage img {
height: 40px;
width: 40px;
border-radius: 60px;
}
.tag_feed.media-list .media .media-body {
padding-right: 10px;
padding-left: 10px;
}
.tag_feed .media .muted a {
color: #525151;
}
.theme-dark .tag_feed .media .muted a {
color: #9AA0A6;
}
.tag_cloud {
margin-top: 1rem;
font-size: 0.875rem;
font-weight: 500;
}
.tag_cloud li {
margin: 0.35rem;
}
.tag_cloud li a {
padding: 0.35rem 0.45rem;
position: relative;
background-color: #F5F5F5;
border-radius: 5px;
color: #212121;
}
.theme-dark .tag_cloud li a {
background-color: #121215;
color: #E8EAED;
}
.tag_cloud li a:hover {
text-decoration: none;
background-color: #EEEEEE;
}
.theme-dark .tag_cloud li a:hover {
background-color: #17181B;
}
.tag_cloud li a:before {
content: "";
position: absolute;
top: 3px;
left: 3px;
background: #94ADE7;
background: linear-gradient(90deg, #94ade7 0%, #5fb86b 100%);
border-radius: 10px;
max-width: calc(100% - 6px);
height: 3px;
}
.tag_cloud .tag_overflow {
margin-top: 1em;
font-style: italic;
}
.tag_cloud .s20:before {
width: calc(100% - 6px);
}
.tag_cloud .s19:before {
width: calc(90% - 6px);
}
.tag_cloud .s18:before {
width: calc(85% - 6px);
}
.tag_cloud .s17:before {
width: calc(80% - 6px);
}
.tag_cloud .s16:before {
width: 80px;
}
.tag_cloud .s15:before {
width: 75px;
}
.tag_cloud .s14:before {
width: 70px;
}
.tag_cloud .s13:before {
width: 65px;
}
.tag_cloud .s12:before {
width: 60px;
}
.tag_cloud .s11:before {
width: 55px;
}
.tag_cloud .s10:before {
width: 50px;
}
.tag_cloud .s9:before {
width: 45px;
}
.tag_cloud .s8:before {
width: 40px;
}
.tag_cloud .s7:before {
width: 35px;
}
.tag_cloud .s6:before {
width: 30px;
}
.tag_cloud .s5:before {
width: 25px;
}
.tag_cloud .s4:before {
width: 20px;
}
.tag_cloud .s3:before {
width: 15px;
}
.tag_cloud .s2:before {
width: 10px;
}
.tag_cloud .s1:before {
width: 5px;
}
.tag_cloud .s0:before {
width: 2px;
}
.tag_list ul {
display: inline;
}
.tag_list.hideoverlimit .overlimit {
display: none;
}
.tag_list .tagmorelink {
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 black;
}
/**
* 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 #E1E1E1;
}
.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;
}
.corelightbox {
background-color: #E1E1E1;
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: inline-block;
}
.mod-indent-outer:empty {
display: none;
}
.mod-indent {
display: table-cell;
}
.label .mod-indent {
float: left;
padding-top: 20px;
}
@media (min-width: 768px) {
.rui-backup-progress .backup_stage {
/* Creates a series of .mod-indent-# rule declarations based on indent size and number of indent levels. */
}
.rui-mod-indent--1 {
margin-left: 60px;
}
.rui-mod-indent--2 {
margin-left: 120px;
}
.rui-mod-indent--3 {
margin-left: 180px;
}
.rui-mod-indent--4 {
margin-left: 240px;
}
.rui-mod-indent--5 {
margin-left: 300px;
}
.rui-mod-indent--6 {
margin-left: 360px;
}
.rui-mod-indent--7 {
margin-left: 420px;
}
.rui-mod-indent--8 {
margin-left: 480px;
}
.rui-mod-indent--9 {
margin-left: 540px;
}
.rui-mod-indent--10 {
margin-left: 600px;
}
.rui-mod-indent--11 {
margin-left: 660px;
}
.rui-mod-indent--12 {
margin-left: 720px;
}
.rui-mod-indent--13 {
margin-left: 780px;
}
.rui-mod-indent--14 {
margin-left: 840px;
}
.rui-mod-indent--15 {
margin-left: 900px;
}
.rui-mod-indent--16 {
margin-left: 960px;
}
.rui-mod-indent--huge {
margin-left: 960px;
}
}
/* 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;
}
.mediaplugin div {
max-width: 100% !important;
}
/* TinyMCE moodle media preview frame should not have padding */
.core_media_preview.pagelayout-embedded #content {
padding: 0;
}
.core_media_preview.pagelayout-embedded #maincontent {
height: 0;
}
body#page-lib-editor-tinymce-plugins-moodlemedia-preview {
padding: 0;
margin: 0;
min-width: 0;
background: none;
}
.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: #000;
}
.pagelayout-popup .moodle-dialogue-base .moodle-dialogue-lightbox {
background-color: transparent;
}
.pagelayout-popup .moodle-dialogue-base .moodle-dialogue {
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.07), 0 4px 8px rgba(0, 0, 0, 0.07), 0 8px 16px rgba(0, 0, 0, 0.07), 0 16px 32px rgba(0, 0, 0, 0.07), 0 32px 64px rgba(0, 0, 0, 0.07);
}
.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 {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
height: auto;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #E1E1E1;
border-radius: 5px;
outline: 0;
}
.theme-dark .moodle-dialogue-base .moodle-dialogue-wrap {
background-color: #191a1e;
border-color: #2E3134;
}
.moodle-dialogue-base .moodle-dialogue-wrap:focus {
outline: 0;
}
.modal.show {
display: block;
}
.moodle-dialogue-hd h5 {
margin-bottom: 0;
}
.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd {
display: flex;
min-height: 48px;
padding: 15px 16px;
border-bottom: 1px solid #E1E1E1;
}
.theme-dark .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd {
border-color: #2E3134;
}
.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
padding: 0;
}
.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd {
background: initial;
font-family: "Poppins", sans-serif;
font-size: 0.875rem;
font-weight: 700;
line-height: 1.5;
color: initial;
}
.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h1, .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h2, .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h3 {
margin: 0;
font-family: "Poppins", sans-serif;
font-size: 0.875rem;
font-weight: 700;
line-height: 1.5;
color: initial;
}
.theme-dark .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h1, .theme-dark .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h2, .theme-dark .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h3 {
color: #E8EAED;
}
.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
padding: 1rem !important;
}
.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd label {
font-size: 0.875rem;
font-weight: 500;
}
.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd ul li {
margin-bottom: 0.25rem;
}
.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd ul li:last-child {
margin-bottom: 0;
}
.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd .root li {
margin-bottom: 0;
}
.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd body {
background-color: #fff;
}
.theme-dark .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd body {
background-color: #191a1e;
}
.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: 700;
}
.moodle-dialogue-exception .param-stacktrace label {
background-color: #F5F5F5;
border: 1px solid #E1E1E1;
border-bottom-width: 0;
}
.theme-dark .moodle-dialogue-exception .param-stacktrace label {
background-color: #121215;
border-color: #2E3134;
}
.moodle-dialogue-exception .param-stacktrace pre {
padding: 10px;
border: 1px solid #E1E1E1;
background-color: #fff;
font-size: 11px;
white-space: inherit;
}
.theme-dark .moodle-dialogue-exception .param-stacktrace pre {
background-color: #191a1e;
border-color: #2E3134;
}
.moodle-dialogue-exception .param-stacktrace .stacktrace-file {
color: navy;
font-size: 0.875rem;
}
.moodle-dialogue-exception .param-stacktrace .stacktrace-line {
color: #F7B742;
font-size: 0.875rem;
}
.moodle-dialogue-exception .param-stacktrace .stacktrace-call {
color: #333;
font-size: 90%;
border-bottom: 1px solid #E1E1E1;
}
.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 0 1rem 0;
}
.moodle-dialogue-confirm .confirmation-dialogue input {
min-width: 80px;
}
.moodle-dialogue-exception .moodle-exception-message {
padding: 1rem;
max-height: 300px;
overflow: auto;
background-color: #F5F5F5;
font-family: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 0.75rem;
color: #434343;
word-break: break-word;
}
.moodle-dialogue-exception .moodle-exception-message + div {
margin-top: 20px;
}
.theme-dark .moodle-dialogue-exception .moodle-exception-message {
background-color: #121215;
color: #aeb3b8;
}
.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: white;
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-color: #F5F5F5;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.theme-dark .chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd {
background-color: #121215;
}
/* 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 #E1E1E1;
}
.theme-dark .choosercontainer #chooseform .options {
border-color: #2E3134;
}
/* 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 #E1E1E1;
}
.theme-dark .choosercontainer #chooseform .option label {
border-color: #2E3134;
}
.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: 20px;
background-color: #fff;
overflow-x: hidden;
overflow-y: auto;
font-size: 0.875rem;
}
.theme-dark.jschooser .choosercontainer #chooseform .instruction, .theme-dark.jschooser .choosercontainer #chooseform .typesummary {
background-color: #191a1e;
}
/* 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;
}
.theme-dark .choosercontainer #chooseform .selected {
background-color: #191a1e;
}
@media (max-width: 767.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, .modchooser .modal-body .searchresultitemscontainer-wrapper {
min-height: 495px;
max-height: 100%;
align-content: flex-start;
}
.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;
height: 1em;
width: 1em;
}
.modchooser .modal-body .carousel-item .loading-icon .icon {
margin: 1em auto;
}
.modchooser .modal-footer {
background: #fff;
}
.theme-dark .modchooser .modal-footer {
background: #191a1e;
}
.modchooser .modal-footer .moodlenet-logo .icon {
padding: 0;
margin: 0;
height: 2.5rem;
width: 6rem;
}
.modchoosercontainer.noscroll {
overflow-y: hidden;
}
.optionaction.text-primary {
background-color: #ccbab8;
color: #561911;
}
.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: #626262;
}
.theme-dark .modchoosercontainer .optionscontainer .option .optionactions .optionaction, .theme-dark .modchoosercontainer .searchresultitemscontainer .option .optionactions .optionaction {
color: #aeb3b8;
}
.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: #525151;
}
.theme-dark .modchoosercontainer .optionscontainer .option .optioninfo a, .theme-dark .modchoosercontainer .searchresultitemscontainer .option .optioninfo a {
color: #aeb3b8;
}
.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;
}
.theme-dark .modchooser .modal-body .optionsummary {
background-color: #191a1e;
}
.modchooser .modal-body .optionsummary .content {
overflow-y: auto;
}
.modchooser .modal-body .optionsummary .content .heading .rui-summary-activity-title {
width: 100%;
font-size: 1rem;
font-weight: 500;
color: #212121;
}
.theme-dark .modchooser .modal-body .optionsummary .content .heading .rui-summary-activity-title {
color: #E8EAED;
}
.modchooser .modal-body .optionsummary .content .heading .icon {
height: 40px;
width: 40px;
padding: 0;
margin-right: 1rem;
}
.modchooser .modal-body .optionsummary .description {
font-size: 0.875rem;
}
.modchooser .modal-body .optionsummary .actions {
border-top: 1px solid #E1E1E1;
background-color: #fff;
}
.theme-dark .modchooser .modal-body .optionsummary .actions {
border-color: #E1E1E1;
background-color: #fff;
}
@media (max-width: 319.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;
}
}
.modchoosercontainer .optionscontainer .option, .modchoosercontainer .searchresultitemscontainer .option {
background-color: #fff;
}
.theme-dark .modchoosercontainer .optionscontainer .option, .theme-dark .modchoosercontainer .searchresultitemscontainer .option {
background-color: #191a1e;
}
@media (min-width: 1200px) {
.modchoosercontainer .optionscontainer .option, .modchoosercontainer .searchresultitemscontainer .option {
flex-basis: calc(100% / 3 - 0.5rem);
}
}
@media (min-width: 768px) and (max-width: 999.98px) {
.modchoosercontainer .optionscontainer .option, .modchoosercontainer .searchresultitemscontainer .option {
flex-basis: calc(50% - 0.5rem);
}
}
@media (max-width: 767.98px) {
.modchoosercontainer .optionscontainer .option, .modchoosercontainer .searchresultitemscontainer .option {
flex-basis: calc(100% - 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: white;
border: 1px solid #ddd;
border-radius: 4px;
}
.formlistingmore {
position: absolute;
cursor: pointer;
bottom: -1px;
right: -1px;
padding: 3px 7px;
font-size: 12px;
font-weight: 700;
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: 0 0 0 20px;
margin: 10px 0 5px;
border-left: 1px solid #E1E1E1;
font-size: 0.875rem;
color: #434343;
}
.theme-dark div.criteria-description {
color: #aeb3b8;
border-color: #2E3134;
}
ul.badges {
margin: 0;
padding: 0;
list-style: none;
}
.badges li {
position: relative;
display: inline-flex;
align-items: center;
justify-content: flex-start;
width: 100%;
margin-bottom: 0.35rem;
}
.badges li:last-child {
margin-bottom: 0;
}
.badges li a {
display: inline-flex;
align-items: center;
justify-content: flex-start;
}
.badges li .badge-name {
display: block;
font-size: 0.75rem;
font-weight: 500;
color: #212121;
text-align: left;
line-height: 1.4;
}
.theme-dark .badges li .badge-name {
color: #E8EAED;
}
.badges li .badge-name:hover {
color: #561911;
}
.badges li .badge-image {
padding: 7px;
background-color: transparent;
border: 1px solid #E1E1E1;
border-radius: 5px;
width: 40px;
height: 40px;
margin-right: 0.75rem;
}
.theme-dark .badges li .badge-image {
border-color: #2E3134;
background-color: #000;
}
.badges li .badge-actions {
position: relative;
}
.badges li .expireimage {
width: 100px;
height: 100px;
left: 25px;
top: 0;
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 {
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-profile {
vertical-align: top;
}
.connected {
color: #561911;
}
.notconnected {
color: #ef1010;
}
.connecting {
color: #F7B742;
}
#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: #EAF4DD;
color: #005742;
}
.statusbox.inactive {
background-color: #FDF6EA;
color: #C3850C;
}
.statusbox {
width: 100%;
display: inline-flex;
align-items: center;
font-size: 0.875rem;
font-weight: 500;
text-align: left;
margin-bottom: 0.5rem;
padding: 0.55rem 1.25rem;
border-radius: 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-content .logo {
margin: 1rem 0;
}
.page-header-content .logo img {
max-height: 75px;
}
ul.dragdrop-keyboard-drag {
margin: 0;
padding: 0;
}
ul.dragdrop-keyboard-drag li {
margin-bottom: 5px;
width: 100%;
list-style-type: none;
}
ul.dragdrop-keyboard-drag li :last-of-type {
margin-bottom: 0;
}
ul.dragdrop-keyboard-drag li a {
display: block;
padding: 10px 16px;
margin: 0;
color: inherit;
border-radius: 5px;
border-width: 1px;
border-color: #E1E1E1;
border-style: dashed;
word-break: break-word;
}
.theme-dark ul.dragdrop-keyboard-drag li a {
border-color: #2E3134;
}
ul.dragdrop-keyboard-drag li a:hover {
border-color: #561911;
border-style: solid dashed solid solid;
color: #561911;
cursor: pointer;
}
.theme-dark ul.dragdrop-keyboard-drag li a:hover {
border-color: #ab8c88;
color: #ab8c88;
}
a.disabled:hover, a.disabled {
text-decoration: none;
cursor: default;
font-style: italic;
color: #808080;
}
body.lockscroll {
height: 100%;
overflow: hidden;
}
.rui-progressbar_container {
margin: 1rem auto;
padding: 10px;
background-color: #eee8e7;
border-radius: 5px;
}
.theme-dark .rui-progressbar_container {
background-color: #121215;
}
.rui-progressbar_container .rui-progressbar-estimate {
font-size: 0.875rem;
font-weight: 500;
color: #561911;
}
.theme-dark .rui-progressbar_container .rui-progressbar-estimate {
color: #E8EAED;
}
.rui-progressbar_container .rui-progressbar-estimate:empty {
display: none;
}
.rui-progressbar_container .rui-progressbar-status {
font-size: 0.875rem;
font-weight: 500;
color: #561911;
margin-bottom: 0.5rem;
}
.theme-dark .rui-progressbar_container .rui-progressbar-status {
color: #E8EAED;
}
.rui-progressbar_container .rui-progressbar-status:empty {
display: none;
}
.rui-progressbar_container .rui-progress {
width: 100%;
}
/* 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 {
display: block;
position: relative;
}
table .inplaceeditable.inplaceeditingon {
position: initial;
}
.inplaceeditable.inplaceeditingon .editinstructions {
font-size: 0.75rem;
font-weight: 500;
width: max-content;
line-height: 1.5;
position: absolute;
top: -26px;
left: 0;
white-space: nowrap;
}
@media (min-width: 320px) {
.inplaceeditable.inplaceeditingon input {
width: 330px;
vertical-align: text-bottom;
margin-bottom: 0;
}
}
.inplaceeditable.inplaceeditingon select {
margin-bottom: 0;
}
.inplaceeditable .ignoredirty.form-control {
width: auto;
display: inline-block;
}
.inplaceeditable .quickeditlink {
width: max-content;
max-width: 300px;
color: inherit;
text-decoration: inherit;
}
.theme-dark .inplaceeditable .quickeditlink .icon {
filter: invert(1);
}
.inplaceeditable.inplaceeditable-toggle .quickediticon {
display: none;
}
.inplaceeditable.inplaceeditable-autocomplete {
display: block;
}
h3.sectionname .inplaceeditable.inplaceeditingon .editinstructions {
top: -35px;
}
/** Chart area. */
@media (min-width: 768px) {
.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;
font-size: 0.938rem;
}
.chart-area .chart-table.accesshide .chart-table-expand {
display: none;
}
.chart-area .chart-table.accesshide .chart-table-data {
display: block;
}
ul {
padding-left: 1rem;
}
/* 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/space/theme/1752943723/yui2-treeview-sprite-rtl);
}
*/
.ygtvtn {
background: url(/theme/image.php/space/theme/1752943723/y/tn) 0 0 no-repeat;
}
.ygtvln {
background: url(/theme/image.php/space/theme/1752943723/y/lnl) no-repeat;
background-position-x: 7px;
background-position-y: -22px;
}
.ygtvtp, .ygtvtph {
background: url(/theme/image.php/space/theme/1752943723/y/tn_c) 7px 0 no-repeat;
}
.ygtvtmh, .ygtvtm {
background: url(/theme/image.php/space/theme/1752943723/y/tn_e) 7px 0 no-repeat;
}
.ygtvdepthcell {
background: url(/theme/image.php/space/theme/1752943723/y/vline) no-repeat;
}
.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;
}
}
.sitelink img {
width: 112px;
}
.user-competency-course-navigation span {
max-width: initial;
overflow: visible;
}
.competency-tree ul {
padding-left: 1.5rem;
}
.rui-competencies-box {
margin-bottom: 0.5rem;
padding: 1rem;
border: 2px dashed #E1E1E1;
border-radius: 5px;
}
.theme-dark .rui-competencies-box {
border-color: #2E3134;
}
.rui-user-course-nav {
border: 2px dashed #E1E1E1;
border-radius: 5px;
}
.theme-dark .rui-user-course-nav {
border-color: #2E3134;
}
/* TODO: find solution to display icon only when you set up more then teacher rols users to display
.rui-user-manager,
.rui-user-admin {
position: relative;
&:before {
content: '';
background-color: $container-bg;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23212121' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 4.75L13.75 10.25H19.25L14.75 13.75L16.25 19.25L12 15.75L7.75 19.25L9.25 13.75L4.75 10.25H10.25L12 4.75Z'%3E%3C/path%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: 14px;
background-position: center;
width: 14px;
height: 14px;
border-radius: $border-radius;
position: absolute;
top: -3px;
left: -4px;
}
}
*/
.sr-only-focusable:active, .sr-only-focusable:focus {
z-index: 1031;
position: fixed;
background: #fff;
padding: 7px;
left: 0;
top: 0;
}
.jsenabled #course-category-listings #course-listing .listitem .drag-handle, .moodle-core-dragdrop-draghandle {
margin: 0 40px 0 10px;
cursor: move;
touch-action: none;
background-color: #fff;
width: 38px;
height: 38px;
border-radius: 5px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.26), 0 14px 44px 0 rgba(0, 0, 0, 0.2);
display: inline-flex;
align-items: center;
justify-content: center;
}
.jsenabled #course-category-listings #course-listing .listitem .drag-handle .icon, .moodle-core-dragdrop-draghandle .icon {
width: auto;
height: auto;
font-size: 0.875rem;
color: #212121;
}
.clickable {
cursor: pointer;
}
.overlay-icon-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 5px;
background-color: rgba(245, 245, 245, 0.6);
}
.theme-dark .overlay-icon-container {
background-color: rgba(18, 18, 21, 0.6);
}
.overlay-icon-container .loading-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.overlay-icon-container .loading-icon .icon {
height: 30px;
width: 30px;
font-size: 30px;
}
.w-auto {
width: auto;
}
.bg-pulse-grey {
animation: bg-pulse-grey 2s infinite linear;
}
.theme-dark .bg-pulse-grey {
animation: bg-pulse-grey-dark 2s infinite linear;
}
@keyframes bg-pulse-grey {
0% {
background-color: #EEEEEE;
}
50% {
background-color: #e8e8e8;
}
100% {
background-color: #EEEEEE;
}
}
@keyframes bg-pulse-grey-dark {
0% {
background-color: #202124;
}
50% {
background-color: #141517;
}
100% {
background-color: #202124;
}
}
.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.875rem !important;
/* stylelint-disable-line declaration-no-important */
}
.line-height-5 {
line-height: 2.5rem !important;
/* stylelint-disable-line declaration-no-important */
}
.line-height-6 {
line-height: 3rem !important;
/* stylelint-disable-line declaration-no-important */
}
.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 {
width: 100%;
margin: 0 auto;
}
#coolh5peditor .rui-main-content-title--h2 {
width: 860px;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 1199.98px) {
#coolh5peditor .rui-main-content-title--h2 {
width: calc(100% - 60px);
margin-left: 30px;
margin-right: 30px;
}
}
.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 */
}
.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 */
}
.float-left {
float: left !important;
/* stylelint-disable-line declaration-no-important */
}
.float-right {
float: right !important;
/* stylelint-disable-line declaration-no-important */
}
.img-responsive {
max-width: 100%;
height: auto;
}
input[disabled] {
cursor: not-allowed;
}
.custom-select {
width: auto;
}
.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: #dd6556;
color: #212121;
height: 1.5rem;
}
.border-radius {
border-radius: 5px;
}
.v-hidden {
visibility: hidden;
}
.emoji-picker {
background-color: #fff;
width: calc(100% - 30px);
margin: 0 15px;
height: 400px;
}
.emoji-picker .category-name {
margin: 10px 5px;
font-size: 0.75rem;
font-weight: 500;
line-height: 40px;
}
.emoji-picker .category-button {
padding: 0.375rem 0;
height: 100%;
width: 11.1%;
border-top: none;
border-left: none;
border-right: none;
border-bottom: 2px solid transparent;
}
.emoji-picker .category-button.selected {
border-bottom: 2px solid #561911;
}
.emoji-picker .emojis-container, .emoji-picker .search-results-container {
min-width: 210px;
}
.emoji-picker .picker-row {
height: 30px;
}
.emoji-picker .picker-row .emoji-button {
margin: 0;
height: 30px;
width: 30px;
border-radius: 50%;
font-size: 30px;
overflow: hidden;
display: inline-flex;
align-content: center;
justify-content: center;
}
.emoji-picker .picker-row .emoji-button:hover, .emoji-picker .picker-row .emoji-button:focus {
color: inherit;
text-decoration: none;
}
.emoji-picker .emoji-preview {
height: 30px;
font-size: 30px;
line-height: 30px;
display: inline-flex;
align-content: center;
}
.emoji-picker .emoji-short-name {
font-size: 0.75rem;
display: flex;
align-self: center;
line-height: 15px;
}
.emoji-picker .card-footer {
padding: 10px;
}
@media (max-width: 319.98px) {
.emoji-picker {
width: 320px;
}
}
.emoji-auto-complete {
height: 30px;
}
.emoji-auto-complete .emoji-button {
margin-right: 0.5rem;
height: 30px;
width: 30px;
line-height: 30px;
font-size: 30px;
background-color: transparent;
border: none;
border-radius: 50%;
}
.emoji-auto-complete .emoji-button.active {
background-color: #EEEEEE;
}
.toast-wrapper {
max-width: 340px;
max-height: 0;
z-index: 9999;
}
.toast-wrapper > :first-child {
margin-top: 1rem;
}
.alert-primary-color-100 a {
color: #62605f;
}
.alert-primary-color-200 a {
color: #595453;
}
.alert-primary-color-300 a {
color: #4f4948;
}
.alert-primary-color-400 a {
color: #3d3230;
}
.alert-primary-color-500 a {
color: #1d1110;
}
.alert-primary-color-600 a {
color: #030101;
}
.alert-primary-color-700 a {
color: black;
}
.alert-primary-color-800 a {
color: black;
}
.alert-primary-color-900 a {
color: black;
}
.alert-gray-100 a {
color: #666;
}
.alert-gray-200 a {
color: #636363;
}
.alert-gray-300 a {
color: #5c5c5c;
}
.alert-gray-400 a {
color: #575757;
}
.alert-gray-500 a {
color: #444;
}
.alert-gray-600 a {
color: #1a1a1a;
}
.alert-gray-700 a {
color: #111;
}
.alert-gray-800 a {
color: #0a0a0a;
}
.alert-gray-900 a {
color: black;
}
.alert-primary a {
color: #030101;
}
.alert-secondary a {
color: #1a1a1a;
}
.alert-success a {
color: #030101;
}
.alert-info a {
color: #152446;
}
.alert-warning a, #page-mod-choice-view #notice p a {
color: #584117;
}
.alert-danger a {
color: #4c0505;
}
.alert-light a {
color: #1a1a1a;
}
.alert-dark a {
color: black;
}
.alert a, #page-mod-choice-view #notice p a {
font-weight: 700;
}
@media (max-width: 767.98px) {
.mform {
width: 100%;
}
.pagination {
flex-wrap: wrap;
justify-content: center;
}
.custom-select {
max-width: 100%;
}
.page-header-content .card {
border: 0;
}
.page-header-content .card .card-body {
padding: 0;
}
}
@media (max-width: 320px) and (max-height: 320px) {
div#page {
margin-top: 0;
}
.rui-topbar.fixed-top {
position: relative;
z-index: inherit;
}
}
.link-underline {
text-decoration: underline;
}
.link-underline:focus {
text-decoration: none;
}
.alert.cta .icon, #page-mod-choice-view #notice p.cta .icon {
padding: 0.3rem;
}
.alert.cta .icon.fa, #page-mod-choice-view #notice p.cta .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%;
}
/* Page customization */
[data-region="managecompetencies"] div, [data-region="managetemplates"] div {
margin-bottom: 1rem;
}
[data-region="managecompetencies"] h2, [data-region="managetemplates"] h2 {
display: inline-flex;
align-items: center;
}
#page-admin-grade-edit-letter-index .main-content .mdl-align {
text-align: left;
}
#page-admin-grade-edit-letter-index .main-content .mdl-align .btn {
width: 100%;
}
#page-backup-restorefile .main-content div + .rui-title-container {
margin-top: 30px;
margin-bottom: 10px;
}
#page-backup-restorefile .main-content div + .rui-title-container .rui-main-content-title {
font-size: 1rem;
}
#page-admin-grade-edit-letter-index .main-content .form-control {
margin: 0 0.25rem;
}
#page-admin-grade-edit-letter-index .main-content .mform .form-inline .form-group {
margin: 0;
}
.otherusersdesc {
margin: 1rem 0;
}
#page-admin-tool-task-scheduledtasks .task-class {
margin-bottom: 2rem;
}
#page-admin-tool-task-scheduledtasks .task-class + div {
margin-bottom: 1rem;
font-size: 1rem;
font-weight: 700;
}
.data-registry .context-tree {
height: auto;
overflow-y: auto;
border-right: 1px solid #E1E1E1;
}
.theme-dark .data-registry .context-tree {
border-color: #2E3134;
}
.data-registry > .top-nav > * {
margin-right: 0;
}
.contextname {
margin-bottom: 1rem !important;
}
.contextname a {
color: #212121;
}
.contextname a:hover {
color: #561911;
}
.theme-dark .contextname a {
color: #E8EAED;
}
#page-admin-roles-usersroles .main-content .generalbox ul {
margin-bottom: 0;
}
#page-admin-roles-usersroles .main-content .generalbox ul li {
margin: 1rem 0;
padding: 1rem 0;
list-style: none;
border-bottom: 1px solid #E1E1E1;
}
.theme-dark #page-admin-roles-usersroles .main-content .generalbox ul li {
border-color: #2E3134;
}
#page-admin-roles-usersroles .main-content .generalbox ul li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0;
}
#page-admin-roles-usersroles .main-content .generalbox ul li p {
margin-bottom: 0.35rem;
}
#page-admin-roles-usersroles .main-content .generalbox ul li a .icon {
padding: 10px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 5px;
background-color: #EEEEEE;
font-size: 0.75rem;
color: #434343;
transition: all 0.2s ease-in-out;
}
.theme-dark #page-admin-roles-usersroles .main-content .generalbox ul li a .icon {
background-color: #17181B;
color: #aeb3b8;
}
#page-admin-roles-usersroles .main-content .generalbox ul li a:hover {
text-decoration: none;
}
#page-admin-roles-usersroles .main-content .generalbox ul li a:hover .icon {
background-color: #D4DEF8;
color: #0642CD;
}
#core-cache-definition-summaries {
margin-top: 2rem;
overflow: auto;
}
#core-cache-definition-summaries .generaltable, #core-cache-definition-summaries .rolecap {
min-width: max-content;
width: 100%;
}
#core-cache-definition-summaries .definition {
max-width: 400px;
}
#core-cache-plugin-summaries, #core-cache-store-summaries, #core-cache-mode-mappings {
margin-top: 2rem;
}
#core-cache-lock-summary {
margin: 2rem 0;
}
#core-cache-store-summaries .generaltable .lastcol, #core-cache-store-summaries .rolecap .lastcol {
width: 120px;
}
#core-cache-store-summaries .generaltable .lastcol i, #core-cache-store-summaries .rolecap .lastcol i, #core-cache-store-summaries .generaltable .lastcol a, #core-cache-store-summaries .rolecap .lastcol a {
display: inline-flex;
align-items: center;
}
.tour-actions {
margin-top: 1rem;
}
.tour-actions > ul {
margin: 0;
padding: 0;
text-align: left;
}
.tour-actions > ul > li {
display: inline-flex;
margin: 0.35rem;
width: auto;
height: auto;
border: 0;
}
.tour-actions > ul > li a .icon {
width: 30px;
height: auto;
margin-right: 0.35rem;
}
.downloadreport ul {
display: block;
margin: 1rem 0 0;
}
#page-cohort-assign #existingcell, #page-cohort-assign #potentialcell {
width: 40%;
vertical-align: top;
}
#page-cohort-assign #existingcell p, #page-cohort-assign #potentialcell p {
margin: 0;
}
#page-cohort-assign #existingcell p label, #page-cohort-assign #potentialcell p label {
font-weight: 700;
}
body#page-user-preferences .main-content .card-text a {
display: block;
margin: 0 -20px;
padding: 0.75rem 1.25rem;
border-bottom: 1px solid #E1E1E1;
color: #434343;
font-weight: 500;
transition: all 0.2s ease-in-out;
}
body#page-user-preferences .main-content .card-text a:hover {
text-decoration: none;
color: #561911;
border-color: #561911;
}
body#page-user-preferences .main-content .card-text div:last-of-type a {
padding-bottom: 0;
border-bottom: none;
}
body#page-user-preferences.theme-dark .main-content .card-text a {
border-color: #2E3134;
color: #aeb3b8;
}
body#page-user-preferences.theme-dark .main-content .card-text a:hover {
color: #561911;
border-color: #561911;
}
.eupopup-container-bottom {
left: 30px;
right: 30px;
bottom: 30px;
width: calc(100% - 60px);
max-width: 600px;
text-align: left;
}
.eupopup-container {
padding: 1rem 4rem 1rem 1.25rem;
margin: 0;
position: fixed;
left: 30px;
bottom: 20px;
z-index: 10001;
background-color: #212121;
max-width: 500px !important;
border-radius: 5px;
border: none;
box-shadow: none;
font-size: 0.875rem;
color: #F5F5F5;
line-height: 1.5;
}
@media (min-width: 320px) and (max-width: 999.98px) {
.eupopup-container {
width: calc(100% - 40px);
max-width: calc(100% - 40px);
left: 20px;
}
}
.eupopup-container a {
color: #E1E1E1;
font-weight: 500;
}
.eupopup-container a:before {
background-color: #D8D8D8;
}
.eupopup-container a:hover {
color: #D8D8D8;
}
.eupopup-container .eupopup-closebutton {
opacity: 1;
padding: 9px;
margin-left: 20px;
display: inline-flex;
justify-content: center;
align-items: center;
position: absolute;
top: 10px;
right: 10px;
background-color: #434343;
width: 30px;
height: 30px;
border: none;
border-radius: 5px;
font-size: 0.875rem;
color: #F5F5F5;
text-align: center;
cursor: pointer;
transition: all 0.2s ease-in-out;
}
.eupopup-container .eupopup-closebutton:hover {
background-color: #ccbab8;
color: #1a0805;
}
.eupopup-container .eupopup-closebutton i {
padding: 4px;
margin: 0;
}
.eupopup-container .eupopup-button {
margin: 0 10px 0 0;
display: inline-block;
text-align: center;
vertical-align: middle;
border-radius: 5px;
padding: 0.65rem 1.15rem;
font-size: 0.75rem;
font-weight: 500;
line-height: 180%;
background-color: #434343;
}
.eupopup-container .eupopup-button:hover {
background-color: #ccbab8;
color: #1a0805;
text-decoration: none;
}
.eupopup-container .eupopup-button:empty {
display: none;
}
.eupopup-container .eupopup-body ul {
margin: 10px 0;
}
.eupopup-container .eupopup-head:empty {
display: none;
}
#page-mod-scorm-report .scormattemptcounts {
margin: 1rem 0 1rem 0;
display: inline-flex;
align-items: center;
padding: 0.35rem 0.85rem;
font-size: 0.75rem;
font-weight: 500;
vertical-align: baseline;
border-radius: 5px;
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;
background-color: #eee8e7;
color: #561911;
text-align: left;
}
@media (prefers-reduced-motion: reduce) {
#page-mod-scorm-report .scormattemptcounts {
transition: none;
}
}
.mediaplugin.mediaplugin_videojs {
min-width: 245px;
margin: 5px 0;
}
.rui-course-card-body .mediaplugin.mediaplugin_videojs {
min-width: 100%;
}
.mediaplugin.mediaplugin_videojs div[style*="max-width"] {
margin-left: auto;
margin-right: auto;
width: 100%;
max-width: 100% !important;
}
.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
min-width: 60px;
}
@media (min-width: 320px) and (max-width: 767.98px) {
.page-content--maintenance {
overflow: auto;
}
}
.uninstallresultmessage {
font-size: 0.875rem;
color: #434343;
}
.theme-dark .uninstallresultmessage {
color: #aeb3b8;
}
.uninstallresultmessage h2 {
width: max-content;
max-width: 100%;
padding-top: 0.5rem;
padding-left: 40px;
padding-bottom: 0.5rem;
padding-right: 1rem;
margin-bottom: 1rem;
background-color: #feeded;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg%3E%3Cg data-name='trash'%3E%3Crect width='24' height='24' opacity='0'/%3E%3Cpath fill='%23212121' d='M21 6h-5V4.33A2.42 2.42 0 0 0 13.5 2h-3A2.42 2.42 0 0 0 8 4.33V6H3a1 1 0 0 0 0 2h1v11a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V8h1a1 1 0 0 0 0-2zM10 4.33c0-.16.21-.33.5-.33h3c.29 0 .5.17.5.33V6h-4zM18 19a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V8h12z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-size: 20px;
background-position: top 50% left 13px;
background-repeat: no-repeat;
border-radius: 5px;
position: relative;
font-family: "Poppins", sans-serif;
font-weight: 500;
font-size: 0.938rem;
color: #212121;
}
.uninstalldelete em {
padding: 0.15rem 0.45rem;
background-color: #feeded;
border-radius: 5px;
font-style: normal;
font-weight: 700;
color: #910808;
}
.theme-dark .uninstalldelete em {
background-color: #910808;
color: #fbc8c8;
}
.uninstalldelete em:empty {
display: none;
}
.video-js:hover .vjs-big-play-button, .video-js .vjs-big-play-button:focus {
background-color: rgba(0, 0, 0, 0.7);
}
.video-js .vjs-big-play-button {
margin: 0;
width: 90px;
height: 90px;
border-radius: 90px;
top: calc(50% - 45px);
left: calc(50% - 45px);
border: none;
background-color: rgba(0, 0, 0, 0.7);
}
@media (max-width: 767.98px) {
.video-js .vjs-big-play-button {
width: 40px;
height: 40px;
border-radius: 40px;
top: calc(50% - 20px);
left: calc(50% - 20px);
}
}
.video-js .vjs-big-play-button:hover {
background-color: rgba(204, 186, 184, 0.7);
}
.vjs-icon-play:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
position: absolute;
top: calc(50% - 22px);
border: 0 !important;
}
.page-content-header--img {
display: flex;
align-items: center;
}
.page-content-header--img .rui-title-container {
margin-bottom: 0;
}
.page-content-header--img .page-header-image {
margin-right: 1rem;
}
.page-content-header--img .page-header-image img {
border-radius: 5px;
width: 50px;
height: 50px;
}
@media (max-width: 767.98px) {
.page-content-header--img .page-header-image img {
width: 40px;
height: 40px;
}
}
.page-content-header--img .rui-page-title {
margin-bottom: 0;
border-radius: 5px;
font-family: "Poppins", sans-serif;
font-weight: 500;
font-size: 1rem;
line-height: 1.5;
color: #212121;
}
@media (min-width: 768px) {
.page-content-header--img .rui-page-title {
padding: 10px;
}
}
@media (max-width: 767.98px) {
.page-content-header--img .rui-page-title {
max-width: calc(100% - 50px);
}
}
.theme-dark .page-content-header--img .rui-page-title {
color: #E8EAED;
}
.page-content-header--img .rui-page-title:empty {
display: none;
}
.page-content-header--img .rui-page-title a {
color: #626262;
}
.theme-dark .page-content-header--img .rui-page-title a {
color: #3C4043;
}
.rui-main-content-title {
margin: 0;
display: inline-flex;
align-items: center;
word-break: break-word;
}
.rui-main-content-title + #adminsettings, .rui-main-content-title + p, .rui-main-content-title + div, .rui-main-content-title + .singlebutton {
margin-top: 1rem;
}
.rui-main-content-title .activatebadge {
margin-right: 0.5rem;
}
.rui-main-content-title + .mform, .rui-main-content-title + form {
margin-top: 30px;
}
.rui-main-content-title--h1 {
font-size: 2.25rem;
font-weight: 700;
}
.page-content-header--img .rui-main-content-title--h1 {
font-size: 1.5rem;
}
@media (max-width: 767.98px) {
.page-content-header--img .rui-main-content-title--h1 {
font-size: 1.25rem;
}
}
@media (max-width: 767.98px) {
.rui-main-content-title--h1 {
font-size: 1.5rem;
line-height: 1.3;
}
}
.rui-main-content-title--h2 {
font-size: 2rem;
font-weight: 700;
line-height: 1.3;
}
.page-content-header--img .rui-main-content-title--h2 {
font-size: 1.25rem;
}
.rui-main-content-title--h2 .rui-icon {
display: none;
}
#frontpage-course-list .rui-main-content-title--h2, #frontpage-available-course-list .rui-main-content-title--h2 {
text-align: center;
margin-bottom: 20px;
}
@media (max-width: 767.98px) {
.rui-main-content-title--h2 {
font-size: 1.5rem;
}
}
.rui-main-content-title--h3 {
font-size: 1.5rem;
font-weight: 500;
}
@media (max-width: 767.98px) {
.rui-main-content-title--h3 {
font-size: 1.25rem;
}
}
.rui-main-content-title--h4 {
font-size: 1.25rem;
}
@media (max-width: 767.98px) {
.rui-main-content-title--h4 {
font-size: 1rem;
}
}
.page-context-header + .page-header-headings {
margin-top: 30px !important;
}
#page-mod-forum-user .page-header-content, #page-grade-report-overview-index .page-header-content {
display: block;
}
.wiki_right {
margin-top: 30px;
}
#frontpage-category-names, #frontpage-category-combo {
margin: 30px auto 0;
max-width: 860px !important;
}
@media (max-width: 999.98px) {
#frontpage-category-names, #frontpage-category-combo {
width: 100%;
}
}
@media (max-width: 767.98px) {
#frontpage-category-names .collapsible-actions .aabtn, #frontpage-category-combo .collapsible-actions .aabtn {
width: 100%;
}
}
@media (min-width: 768px) {
#frontpage-category-names .collapsible-actions .aabtn, #frontpage-category-combo .collapsible-actions .aabtn {
position: absolute;
top: -50px;
right: 0;
}
}
.visual-scroll-x {
scrollbar-width: thin;
scrollbar-color: #561911 #dd6556;
-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: #561911;
border-right: 1px solid #fff;
}
.visual-scroll-x::-webkit-scrollbar-track {
background-color: #dd6556;
border-right: 1px solid #fff;
}
body.dragging .drop-zone {
border: 1px dashed #212121;
}
body.dragging .drop-up {
border-top: 1px solid #212121;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
body.dragging .drop-down {
border-bottom: 1px solid #212121;
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;
}
.waitstate {
display: none;
}
.stateready .waitstate {
display: inherit;
}
.stateready .whilenostate {
display: none;
}
.collapse-list .collapse-list-item {
margin-bottom: 0.25rem;
border: 1px solid #E1E1E1;
font-size: 0.938rem;
font-weight: 500;
color: #212121;
padding: 0.5rem 1rem;
border-radius: 5px;
}
.collapse-list .collapse-list-item:hover, .collapse-list .collapse-list-item:focus {
background-color: #e8edfa;
border-color: #cad6f2;
}
.theme-dark .collapse-list .collapse-list-item:hover, .theme-dark .collapse-list .collapse-list-item:focus {
color: #E8EAED;
border-color: #2E3134;
background-color: #17181B;
}
.theme-dark .collapse-list .collapse-list-item {
color: #E8EAED;
border-color: #2E3134;
}
.collapse-list .collapse-list-item.disabled {
opacity: 0.7;
}
.collapse-list .collapse-list-item a {
color: #212121;
}
.theme-dark .collapse-list .collapse-list-item a {
color: #E8EAED;
}
.collapse-list .collapse-list-link a {
display: block;
width: 100%;
}
.collapse-list .unlist a {
display: block;
width: 100%;
font-size: 0.75rem;
}
.collapse-list .collapse-list-item-content ul {
margin: 0 0 0 30px;
}
.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 */
}
.backup_log_contents, .debuggingmessage, .plugin-install-console {
margin-bottom: 30px;
padding: 2rem;
border-radius: 5px;
font-size: 0.75rem;
font-family: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
background-color: #000;
color: #fff;
}
.backup_log_contents ul, .backup_log_contents ol, .debuggingmessage ul, .debuggingmessage ol, .plugin-install-console ul, .plugin-install-console ol {
margin-bottom: 0;
}
.rui-debug:not(:empty) {
padding: 2rem;
border-radius: 5px;
font-size: 0.75rem;
font-family: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
text-align: left;
background-color: #000;
color: #fff;
}
.rui-debug:not(:empty) .loading-icon {
display: none;
}
.rui-debug:not(:empty) .performanceinfo {
margin-bottom: 20px;
}
.rui-debug:not(:empty) ul, .rui-debug:not(:empty) ol {
margin-right: 20px;
padding-left: 0;
margin-bottom: 0;
}
.rui-debug:not(:empty) ul li, .rui-debug:not(:empty) ol li {
padding: 0;
}
.rui-debug:not(:empty) h1, .rui-debug:not(:empty) h2, .rui-debug:not(:empty) h3, .rui-debug:not(:empty) h4, .rui-debug:not(:empty) h5, .rui-debug:not(:empty) h6, .rui-debug:not(:empty) p, .rui-debug:not(:empty) a {
color: #fff;
}
.rui-debug:not(:empty) a::after {
background-color: #fff;
}
.rui-debug:not(:empty) a:hover {
color: #fff;
}
.rui-debug:not(:empty) .card {
background-color: transparent;
color: #EEEEEE;
border-color: #525151;
}
.rui-debug:not(:empty) .btn {
padding: 7px 16px;
font-size: 12px;
}
.rui-debug:not(:empty) span button {
padding: 7px 16px;
font-size: 12px;
background-color: #434343;
color: #EEEEEE;
border-radius: 5px;
border: 0;
}
.rui-debug:not(:empty) .btn-secondary, .rui-debug:not(:empty) .collapseexpand, .rui-debug:not(:empty) .actions p a, .actions p .rui-debug:not(:empty) a, .rui-debug:not(:empty) .backlink a, .backlink .rui-debug:not(:empty) a, .rui-debug:not(:empty) #page-admin-grade-edit-letter-index .main-content .mdl-align a, #page-admin-grade-edit-letter-index .main-content .mdl-align .rui-debug:not(:empty) a, .rui-debug:not(:empty) .moreless-toggler, .rui-debug:not(:empty) .search-results .result-context-info a, .search-results .result-context-info .rui-debug:not(:empty) a, .rui-debug:not(:empty) .tool_dataprivacy-expand-all, .rui-debug:not(:empty) .edit-link a, .edit-link .rui-debug:not(:empty) a, .rui-debug:not(:empty) #core-cache-rescan-definitions a, #core-cache-rescan-definitions .rui-debug:not(:empty) a, .rui-debug:not(:empty) .continuebutton a, .continuebutton .rui-debug:not(:empty) a, .rui-debug:not(:empty) .tour-actions > ul > li > a, .rui-debug:not(:empty) .gradereport_history_usp .usp-search input[type="submit"], .gradereport_history_usp .usp-search .rui-debug:not(:empty) input[type="submit"], .rui-debug:not(:empty) .comment-area .fd a[id*=post], .comment-area .fd .rui-debug:not(:empty) a[id*=post], .rui-debug:not(:empty) .allcoursegrades a, .allcoursegrades .rui-debug:not(:empty) a, .rui-debug:not(:empty) .addlinks a, .addlinks .rui-debug:not(:empty) a, .rui-debug:not(:empty) #page-grade-grading-manage .actions .action, #page-grade-grading-manage .actions .rui-debug:not(:empty) .action, .rui-debug:not(:empty) .gradingform_rubric.editor .addlevel input, .gradingform_rubric.editor .addlevel .rui-debug:not(:empty) input, .rui-debug:not(:empty) .path-tag .tagarea .controls .exclusivemode, .path-tag .tagarea .controls .rui-debug:not(:empty) .exclusivemode, .rui-debug:not(:empty) .notesgroup p a, .notesgroup p .rui-debug:not(:empty) a, .rui-debug:not(:empty) #page-report-progress-index .progress-actions a, #page-report-progress-index .progress-actions .rui-debug:not(:empty) a, .rui-debug:not(:empty) .path-mod-glossary .printicon, .path-mod-glossary .rui-debug:not(:empty) .printicon, .rui-debug:not(:empty) .rui-form-element-group a, .rui-form-element-group .rui-debug:not(:empty) a, .rui-debug:not(:empty) .mod_quiz-prev-nav, .rui-debug:not(:empty) .categorypagingbarcontainer .paging a, .categorypagingbarcontainer .paging .rui-debug:not(:empty) a, .rui-debug:not(:empty) .page_split_join, .rui-debug:not(:empty) .path-mod-wiki .printicon, .path-mod-wiki .rui-debug:not(:empty) .printicon, .rui-debug:not(:empty) .path-auth-oauth2 .main-content h2 + a, .path-auth-oauth2 .main-content .rui-debug:not(:empty) h2 + a, .rui-debug:not(:empty) #page-mod-forum-index .subscription .helplink:nth-of-type(2) a, #page-mod-forum-index .subscription .helplink:nth-of-type(2) .rui-debug:not(:empty) a, .rui-debug:not(:empty) .rui-contentbank-view-btns .btn, .rui-contentbank-view-btns .rui-debug:not(:empty) .btn, .rui-debug:not(:empty) .chart-table-expand a, .chart-table-expand .rui-debug:not(:empty) a, .rui-debug:not(:empty) .export-actions a, .export-actions .rui-debug:not(:empty) a, .rui-debug:not(:empty) .modal-footer a:not(.btn-primary), .modal-footer .rui-debug:not(:empty) a:not(.btn-primary), .rui-debug:not(:empty) .commentlink a, .commentlink .rui-debug:not(:empty) a, .rui-debug:not(:empty) .itemnav a, .itemnav .rui-debug:not(:empty) a, .rui-debug:not(:empty) .que .comment a, .que .comment .rui-debug:not(:empty) a, .rui-debug:not(:empty) .btn-inverse, .rui-debug:not(:empty) .pick.template, .rui-debug:not(:empty) .action.remove, .rui-debug:not(:empty) .helpdoclink a, .helpdoclink .rui-debug:not(:empty) a, .rui-debug:not(:empty) .path-mod-attendance .attbtn a, .path-mod-attendance .attbtn .rui-debug:not(:empty) a, .rui-debug:not(:empty) #feedback_dragarea .dropdown-btn, #feedback_dragarea .rui-debug:not(:empty) .dropdown-btn, .rui-debug:not(:empty) .section-collapsemenu, .rui-debug:not(:empty) .pagenumber .dropdown-btn, .pagenumber .rui-debug:not(:empty) .dropdown-btn, .rui-debug:not(:empty) .path-mod-booking #gotop, .path-mod-booking .rui-debug:not(:empty) #gotop, .rui-debug:not(:empty) .path-mod-booking #goenrol, .path-mod-booking .rui-debug:not(:empty) #goenrol, .rui-debug:not(:empty) .path-mod-booking #searchButton, .path-mod-booking .rui-debug:not(:empty) #searchButton, .rui-debug:not(:empty) .path-mod-booking #buttonclear, .path-mod-booking .rui-debug:not(:empty) #buttonclear, .rui-debug:not(:empty) .ajax-contact-button, .rui-debug:not(:empty) #message-user-button, .rui-debug:not(:empty) .course-content-header a, .course-content-header .rui-debug:not(:empty) a, .rui-debug:not(:empty) .course-content-footer a, .course-content-footer .rui-debug:not(:empty) a, .rui-debug:not(:empty) .addcomponent {
background-color: #434343;
color: #EEEEEE;
}
.rui-debug:not(:empty) .btn-secondary:hover, .rui-debug:not(:empty) .collapseexpand:hover, .rui-debug:not(:empty) .actions p a:hover, .actions p .rui-debug:not(:empty) a:hover, .rui-debug:not(:empty) .backlink a:hover, .backlink .rui-debug:not(:empty) a:hover, .rui-debug:not(:empty) #page-admin-grade-edit-letter-index .main-content .mdl-align a:hover, #page-admin-grade-edit-letter-index .main-content .mdl-align .rui-debug:not(:empty) a:hover, .rui-debug:not(:empty) .moreless-toggler:hover, .rui-debug:not(:empty) .search-results .result-context-info a:hover, .search-results .result-context-info .rui-debug:not(:empty) a:hover, .rui-debug:not(:empty) .tool_dataprivacy-expand-all:hover, .rui-debug:not(:empty) .edit-link a:hover, .edit-link .rui-debug:not(:empty) a:hover, .rui-debug:not(:empty) #core-cache-rescan-definitions a:hover, #core-cache-rescan-definitions .rui-debug:not(:empty) a:hover, .rui-debug:not(:empty) .continuebutton a:hover, .continuebutton .rui-debug:not(:empty) a:hover, .rui-debug:not(:empty) .tour-actions > ul > li > a:hover, .rui-debug:not(:empty) .gradereport_history_usp .usp-search input[type="submit"]:hover, .gradereport_history_usp .usp-search .rui-debug:not(:empty) input[type="submit"]:hover, .rui-debug:not(:empty) .comment-area .fd a[id*=post]:hover, .comment-area .fd .rui-debug:not(:empty) a[id*=post]:hover, .rui-debug:not(:empty) .allcoursegrades a:hover, .allcoursegrades .rui-debug:not(:empty) a:hover, .rui-debug:not(:empty) .addlinks a:hover, .addlinks .rui-debug:not(:empty) a:hover, .rui-debug:not(:empty) #page-grade-grading-manage .actions .action:hover, #page-grade-grading-manage .actions .rui-debug:not(:empty) .action:hover, .rui-debug:not(:empty) .gradingform_rubric.editor .addlevel input:hover, .gradingform_rubric.editor .addlevel .rui-debug:not(:empty) input:hover, .rui-debug:not(:empty) .path-tag .tagarea .controls .exclusivemode:hover, .path-tag .tagarea .controls .rui-debug:not(:empty) .exclusivemode:hover, .rui-debug:not(:empty) .notesgroup p a:hover, .notesgroup p .rui-debug:not(:empty) a:hover, .rui-debug:not(:empty) #page-report-progress-index .progress-actions a:hover, #page-report-progress-index .progress-actions .rui-debug:not(:empty) a:hover, .rui-debug:not(:empty) .path-mod-glossary .printicon:hover, .path-mod-glossary .rui-debug:not(:empty) .printicon:hover, .rui-debug:not(:empty) .rui-form-element-group a:hover, .rui-form-element-group .rui-debug:not(:empty) a:hover, .rui-debug:not(:empty) .mod_quiz-prev-nav:hover, .rui-debug:not(:empty) .categorypagingbarcontainer .paging a:hover, .categorypagingbarcontainer .paging .rui-debug:not(:empty) a:hover, .rui-debug:not(:empty) .page_split_join:hover, .rui-debug:not(:empty) .path-mod-wiki .printicon:hover, .path-mod-wiki .rui-debug:not(:empty) .printicon:hover, .rui-debug:not(:empty) .path-auth-oauth2 .main-content h2 + a:hover, .path-auth-oauth2 .main-content .rui-debug:not(:empty) h2 + a:hover, .rui-debug:not(:empty) #page-mod-forum-index .subscription .helplink:nth-of-type(2) a:hover, #page-mod-forum-index .subscription .helplink:nth-of-type(2) .rui-debug:not(:empty) a:hover, .rui-debug:not(:empty) .rui-contentbank-view-btns .btn:hover, .rui-contentbank-view-btns .rui-debug:not(:empty) .btn:hover, .rui-debug:not(:empty) .chart-table-expand a:hover, .chart-table-expand .rui-debug:not(:empty) a:hover, .rui-debug:not(:empty) .export-actions a:hover, .export-actions .rui-debug:not(:empty) a:hover, .rui-debug:not(:empty) .modal-footer a:not(.btn-primary):hover, .modal-footer .rui-debug:not(:empty) a:not(.btn-primary):hover, .rui-debug:not(:empty) .commentlink a:hover, .commentlink .rui-debug:not(:empty) a:hover, .rui-debug:not(:empty) .itemnav a:hover, .itemnav .rui-debug:not(:empty) a:hover, .rui-debug:not(:empty) .que .comment a:hover, .que .comment .rui-debug:not(:empty) a:hover, .rui-debug:not(:empty) .btn-inverse:hover, .rui-debug:not(:empty) .pick.template:hover, .rui-debug:not(:empty) .action.remove:hover, .rui-debug:not(:empty) .helpdoclink a:hover, .helpdoclink .rui-debug:not(:empty) a:hover, .rui-debug:not(:empty) .path-mod-attendance .attbtn a:hover, .path-mod-attendance .attbtn .rui-debug:not(:empty) a:hover, .rui-debug:not(:empty) #feedback_dragarea .dropdown-btn:hover, #feedback_dragarea .rui-debug:not(:empty) .dropdown-btn:hover, .rui-debug:not(:empty) .section-collapsemenu:hover, .rui-debug:not(:empty) .pagenumber .dropdown-btn:hover, .pagenumber .rui-debug:not(:empty) .dropdown-btn:hover, .rui-debug:not(:empty) .path-mod-booking #gotop:hover, .path-mod-booking .rui-debug:not(:empty) #gotop:hover, .rui-debug:not(:empty) .path-mod-booking #goenrol:hover, .path-mod-booking .rui-debug:not(:empty) #goenrol:hover, .rui-debug:not(:empty) .path-mod-booking #searchButton:hover, .path-mod-booking .rui-debug:not(:empty) #searchButton:hover, .rui-debug:not(:empty) .path-mod-booking #buttonclear:hover, .path-mod-booking .rui-debug:not(:empty) #buttonclear:hover, .rui-debug:not(:empty) .ajax-contact-button:hover, .rui-debug:not(:empty) #message-user-button:hover, .rui-debug:not(:empty) .course-content-header a:hover, .course-content-header .rui-debug:not(:empty) a:hover, .rui-debug:not(:empty) .course-content-footer a:hover, .course-content-footer .rui-debug:not(:empty) a:hover, .rui-debug:not(:empty) .addcomponent:hover {
color: #EEEEEE;
background-color: #525151;
}
.rui-debug:not(:empty) .table-responsive:first-of-type {
margin-top: 30px;
}
.rui-debug:not(:empty) textarea {
margin-top: 10px;
color: #EEEEEE;
background-color: #212121;
border-radius: 5px;
}
.rui-debug:not(:empty) .table {
width: 100% !important;
background-color: transparent;
color: #fff;
}
.rui-debug:not(:empty) .table tr:hover {
background-color: #434343;
}
.rui-debug:not(:empty) .table td {
font-size: 11px;
color: #E1E1E1;
border-width: 0 0 1px 0;
border-color: #525151;
}
.rui-debug:not(:empty) .table th {
color: #b2b2b2;
border: 0;
}
div[data-flexitour="step-background-fader"], div[data-flexitour="step-background"] {
background-color: transparent !important;
}
.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: #EEEEEE;
text-transform: uppercase;
font-size: 0.75rem;
font-weight: 500;
padding: 0.4rem 0.75rem;
display: block;
opacity: 0.7;
}
.select-menu .dropdown-item {
cursor: pointer;
}
.select-menu .dropdown-item[aria-selected="true"] {
font-weight: bold;
}
.select-menu .btn {
box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
background-color: #fff;
border: 1px solid #E1E1E1;
padding: 6px 15px !important;
}
.theme-dark .select-menu .btn {
background-color: #191a1e;
border-color: #2E3134;
}
.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: 40px;
border-bottom-left-radius: 40px;
}
.initialbargroups .pagination-sm:first-child .page-item:first-child .page-link {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.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: 40px;
border-bottom-right-radius: 40px;
}
.initialbargroups .pagination-sm:last-child .page-item:last-child .page-link {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.core_payment_fee_breakdown {
margin: 0 54px;
font-size: 1.5rem;
font-weight: 500;
}
.rui-tooltip {
position: relative;
}
.rui-tooltip:hover:after {
background-color: rgba(0, 0, 0, 0.8);
border-radius: 5px;
bottom: 40px;
color: #fff;
content: attr(data-title);
left: 0;
padding: 5px 15px;
font-size: 0.75rem;
position: absolute;
z-index: 1030;
width: max-content;
max-width: 200px;
}
.rui-tooltip:hover:before {
border: solid;
border-color: rgba(0, 0, 0, 0.8) transparent;
border-width: 6px 6px 0 6px;
bottom: 34px;
content: "";
left: 12px;
position: absolute;
z-index: 99;
}
.rui-tooltip--bottom {
position: relative;
}
.rui-tooltip--bottom:hover:after {
background-color: rgba(0, 0, 0, 0.9);
border-radius: 5px;
bottom: -32px;
color: #fff;
content: attr(data-title);
left: 0;
padding: 3px 8px;
font-size: 0.75rem;
position: absolute;
z-index: 1030;
width: max-content;
max-width: 200px;
}
.rui-tooltip--bottom:hover:before {
border: solid;
border-color: rgba(0, 0, 0, 0.9) transparent;
border-width: 0 6px 6px 6px;
bottom: -8px;
content: "";
left: 12px;
position: absolute;
z-index: 99;
}
body.mce-content-body {
background-color: #fff;
}
body.mce-content-body.theme-dark {
background-color: #191a1e;
}
.theme-dark .tox .tox-dialog-wrap__backdrop {
background-color: rgba(0, 0, 0, 0.75);
}
.theme-dark .tox [type="text"] {
color: inherit !important;
}
.jsenabled .tox-shadowhost.tox-fullscreen, .jsenabled .tox.tox-tinymce.tox-fullscreen, .jsenabled .tox-tinymce-aux {
z-index: 1120 !important;
}
.tox-tinymce {
min-height: 170px;
}
/* Notifications settings */
.processor-container input + label {
margin-top: 20px;
}
#lti_add_tool_type, #lti_delete_tool_type, #lti_edit_tool_type {
display: flex;
padding: 5px;
width: 30px;
height: 30px;
background-color: #fff;
border-radius: 30px;
}
.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 .dropdown-toggle {
background-color: #434343;
}
.theme-dark .action-menu .dropdown-subpanel.content-displayed .dropdown-toggle {
background-color: #2d333b;
}
.action-menu .dropdown-subpanel-content {
max-width: 420px;
box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}
.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;
}
@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;
}
.dir-rtl .action-menu .dropdown-subpanel .dropdown-item::before {
display: none;
}
.dropdown-item a {
display: block;
width: 100%;
}
.dropdown-item.active, .dropdown-item:active, .dropdown-item:hover, .dropdown-item:focus, .dropdown-item:focus-within {
outline: 0;
background-color: #434343;
color: #b2b2b2;
}
.theme-dark .dropdown-item.active, .theme-dark .dropdown-item:active, .theme-dark .dropdown-item:hover, .theme-dark .dropdown-item:focus, .theme-dark .dropdown-item:focus-within {
background-color: #17181B;
color: #E8EAED;
}
.dropdown-item.active a, .dropdown-item:active a, .dropdown-item:hover a, .dropdown-item:focus a, .dropdown-item:focus-within a {
color: #b2b2b2;
}
.theme-dark .dropdown-item.active a, .theme-dark .dropdown-item:active a, .theme-dark .dropdown-item:hover a, .theme-dark .dropdown-item:focus a, .theme-dark .dropdown-item:focus-within a {
color: #E8EAED;
}
.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 {
position: absolute;
left: 0.4rem;
font-size: 0.7rem;
}
.dropdown-item-outline:focus, .dropdown-item-outline:focus-within {
outline: solid #434343;
}
.theme-dark .dropdown-item-outline:focus, .theme-dark .dropdown-item-outline:focus-within {
outline: solid #434343;
}
.dropdown-item-outline a:focus, .dropdown-item-outline a:focus-visible {
outline: 0;
}
.icon {
width: 20px;
height: 20px;
margin: 0;
padding: 0;
box-sizing: content-box;
}
.sup .icon {
width: 16px;
height: 16px;
}
.icon.itemicon {
margin-right: 0.25rem;
}
.icon.spacer {
display: none;
}
.icon.iconsize-big {
width: 60px;
height: 60px;
font-size: 60px;
}
.iconlarge {
font-size: 40px;
width: 40px;
height: 40px;
}
h2 .icon.iconlarge {
margin-right: 0.5rem;
}
.action-menu-item a:hover {
text-decoration: none;
}
.action-menu-item a:hover:after {
display: none;
}
.ygtvcell .icon {
margin-left: 0 !important;
/* stylelint-disable-line declaration-no-important */
}
.theme-dark .ygtvcell .icon {
filter: invert(1);
}
.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;
}
.rui-icon-no-margin .icon {
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom: 0;
}
.icon-large > .icon {
width: 40px;
height: 40px;
}
.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: 5px !important;
/* stylelint-disable-line declaration-no-important */
width: 5px !important;
/* stylelint-disable-line declaration-no-important */
font-size: 5px !important;
/* stylelint-disable-line declaration-no-important */
}
.icon-size-2 .icon {
height: 10px !important;
/* stylelint-disable-line declaration-no-important */
width: 10px !important;
/* stylelint-disable-line declaration-no-important */
font-size: 10px !important;
/* stylelint-disable-line declaration-no-important */
}
.icon-size-3 .icon {
height: 20px !important;
/* stylelint-disable-line declaration-no-important */
width: 20px !important;
/* stylelint-disable-line declaration-no-important */
font-size: 20px !important;
/* stylelint-disable-line declaration-no-important */
}
.icon-size-4 .icon {
height: 30px !important;
/* stylelint-disable-line declaration-no-important */
width: 30px !important;
/* stylelint-disable-line declaration-no-important */
font-size: 30px !important;
/* stylelint-disable-line declaration-no-important */
}
.icon-size-5 .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-6 .icon {
height: 50px !important;
/* stylelint-disable-line declaration-no-important */
width: 50px !important;
/* stylelint-disable-line declaration-no-important */
font-size: 50px !important;
/* stylelint-disable-line declaration-no-important */
}
.icon-size-7 .icon {
height: 60px !important;
/* stylelint-disable-line declaration-no-important */
width: 60px !important;
/* stylelint-disable-line declaration-no-important */
font-size: 60px !important;
/* stylelint-disable-line declaration-no-important */
}
.helplink .icon {
margin-right: 0.5rem;
}
.action-icon + a {
margin-left: 0.5rem;
}
.icon-req {
padding: 4px;
position: relative;
top: 0;
width: auto;
height: auto;
background: #feeded;
border-radius: 5px;
font-size: 8px;
color: #ca0d0d !important;
}
.fdescription .icon-req {
background-color: transparent;
color: #F4A614;
}
.icon-info {
padding: 7px;
}
.icons-collapse-expand {
display: flex;
align-items: center;
}
.theme-dark .icons-collapse-expand img {
filter: invert(1);
}
.icons-collapse-expand .expanded-icon {
display: flex;
align-items: center;
padding: 0 !important;
}
.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;
}
.rui-adv-icon {
display: inline-flex;
justify-content: center;
align-items: center;
background-color: #F5F5F5;
color: #626262;
font-size: 10px;
font-weight: 700;
width: 16px;
height: 16px;
border-radius: 12px;
}
.theme-dark .rui-adv-icon {
background-color: #121215;
color: #3C4043;
}
.movecategory .icon {
background-color: #fff;
border-radius: 30px;
box-shadow: rgba(0, 0, 0, 0.26) 0 9px 16px, rgba(0, 0, 0, 0.2) 0 2px 3px;
padding: 10px;
width: 16px;
height: 16px;
transition: all 0.2s ease-in-out;
}
.movecategory .icon:hover {
box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}
.theme-dark .movecategory .icon {
filter: invert(1);
box-shadow: none;
}
.movefield .icon {
background-color: #fff;
border-radius: 30px;
box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
padding: 8px;
width: 14px;
height: 14px;
transition: all 0.2s ease-in-out;
}
.movefield .icon:hover {
box-shadow: rgba(0, 0, 0, 0.26) 0 9px 16px, rgba(0, 0, 0, 0.2) 0 2px 3px;
}
.theme-dark .movefield .icon {
filter: invert(1);
box-shadow: none;
}
/* admin.less */
/* Sticky admin nav */
.rui-list-admin-links {
margin-top: 3px;
font-size: 1rem;
}
.rui-list-admin-links a {
color: #212121;
}
.theme-dark .rui-list-admin-links a {
color: #E8EAED;
}
.rui-list-admin-links a:hover {
color: #561911;
}
.theme-dark .rui-list-admin-links a:hover {
color: #ab8c88;
}
.rui-list-admin-links ul li a {
color: #555353;
}
.theme-dark .rui-list-admin-links ul li a {
color: #9AA0A6;
}
@media (max-width: 999.98px) {
.rui-nav--admin-container {
overflow-x: auto;
}
}
.rui-nav--admin {
padding: 0 10px;
width: max-content;
font-size: 0.875rem;
}
@media (min-width: 1000px) {
.rui-nav--admin {
height: calc(100vh - 260px);
overflow-y: auto;
position: sticky;
top: 30px;
display: block;
width: 180px;
max-width: 180px;
height: 90vh;
overflow-y: auto;
}
}
@media (max-width: 999.98px) {
.rui-nav--admin {
display: inline-flex;
}
.rui-nav--admin .nav-link {
padding: 16px;
height: 100%;
}
}
.rui-settings-container {
margin-top: 12px;
}
@media (max-width: 999.98px) {
.rui-settings-container {
padding: 0;
}
}
.formtable tbody th {
font-weight: normal;
text-align: right;
}
.path-admin .admintable .leftalign {
text-align: left;
}
.environmenttable .warn, .environmenttable .error, .environmenttable .ok {
padding: 5px 10px;
margin-bottom: 0;
font-size: 0.75rem;
color: #212121;
border-radius: 5px;
}
.environmenttable .warn {
background-color: #FFF1D5;
}
.environmenttable .error {
background-color: #feeded;
}
.environmenttable .ok {
background-color: #EAF4DD;
}
.environmenttable a {
display: inline-flex;
align-items: center;
flex-wrap: wrap;
justify-content: center;
display: inline-flex;
align-items: center;
padding: 0.35rem 0.85rem;
font-size: 0.75rem;
font-weight: 500;
vertical-align: baseline;
border-radius: 5px;
background-color: #F5F5F5;
color: #434343;
}
.environmenttable a .icon {
margin-left: 5px;
width: 16px;
height: 16px;
}
.environmenttable a .icon-pre {
display: none;
}
.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 .admintable.environmenttable td.name {
font-weight: 500;
}
.path-admin .admintable.environmenttable td.info {
color: #555353;
font-style: italic;
}
.path-admin .incompatibleblockstable td.c0 {
font-weight: 700;
}
#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-report-capability-index #capabilitysearch {
width: 30em;
}
#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.875rem;
}
#page-admin-lang .generalbox, #page-admin-course-index .singlebutton, #page-admin-course-index .addcategory, #page-course-index .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 {
margin: 30px 0 0;
}
#page-course-index-category .buttons {
margin-top: 30px;
}
@media (max-width: 767.98px) {
#page-course-index-category .buttons {
display: block;
}
#page-course-index-category .buttons .singlebutton {
margin: 0.35rem 0;
width: 100%;
}
#page-course-index-category .buttons .singlebutton .btn {
width: 100%;
}
}
.path-admin-roles .capabilitysearchui {
text-align: left;
margin-left: auto;
margin-right: auto;
margin-top: 1rem;
margin-bottom: 1rem;
}
#page-admin-roles-define .topfields {
margin: 20px 0;
padding: 2rem;
border: 1px solid #E1E1E1;
border-radius: 5px;
}
#page-admin-roles-define .topfields .felement {
font-size: 0.875rem;
color: #434343;
}
.theme-dark#page-admin-roles-define .topfields {
border-color: #2E3134;
}
.theme-dark#page-admin-roles-define .topfields .felement {
color: #aeb3b8;
}
#page-admin-roles-define .capdefault {
background-color: rgba(0, 0, 0, 0.075);
}
.topfields .fitemtitle, .topfields .fitemtitle label {
font-size: 0.875rem;
font-weight: 500;
}
#page-admin-roles-define .cap-desc {
display: flex;
flex-wrap: wrap;
flex-direction: column-reverse;
font-size: 0.75rem;
font-weight: 400;
}
#page-admin-roles-define .cap-desc a {
font-weight: 400;
}
#page-filter-manage .backlink, .path-admin-roles .backlink {
margin-top: 1em;
}
#page-filter-manage .backlink p, .path-admin-roles .backlink p {
margin-top: 1rem;
margin-bottom: 0;
}
#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 .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-enrol .enroloptions, .path-admin .enroloptions {
padding: 10px;
margin: 10px 0;
border-radius: 5px;
background-color: #EEEEEE;
}
.theme-dark .path-enrol .enroloptions, .theme-dark .path-admin .enroloptions {
background-color: #17181B;
}
.path-enrol .enroloptions select, .path-admin .enroloptions select {
width: 100%;
}
.path-enrol .enroloptions p, .path-admin .enroloptions p {
margin: 0 0 0.75rem !important;
}
.path-enrol .enroloptions p:last-of-type, .path-admin .enroloptions p:last-of-type {
margin: 0 !important;
}
.path-enrol .enroloptions label, .path-admin .enroloptions label {
font-size: 0.75rem;
font-weight: 500;
}
.path-enrol .roleassigntable, .path-admin .roleassigntable {
width: 100%;
}
.path-enrol .roleassigntable tr, .path-admin .roleassigntable tr {
background-color: transparent !important;
}
.path-enrol .roleassigntable tr:hover, .path-admin .roleassigntable tr:hover {
box-shadow: none;
}
.path-enrol .roleassigntable td, .path-admin .roleassigntable td {
vertical-align: top;
padding: 10px 0;
}
.path-enrol .roleassigntable p, .path-admin .roleassigntable p {
text-align: left;
margin: 0.2em 0;
}
.path-enrol .roleassigntable #existingcell, .path-enrol .roleassigntable #potentialcell, .path-admin .roleassigntable #existingcell, .path-admin .roleassigntable #potentialcell {
width: 42%;
}
.path-enrol .roleassigntable #existingcell p > label:first-child, .path-enrol .roleassigntable #potentialcell p > label:first-child, .path-admin .roleassigntable #existingcell p > label:first-child, .path-admin .roleassigntable #potentialcell p > label:first-child {
font-weight: 700;
}
.path-enrol .roleassigntable #buttonscell, .path-admin .roleassigntable #buttonscell {
width: 16%;
padding: 10px;
}
.path-enrol .roleassigntable #buttonscell #assignoptions, .path-admin .roleassigntable #buttonscell #assignoptions {
font-size: 0.875rem;
}
.path-enrol .roleassigntable #removeselect_wrapper, .path-enrol .roleassigntable #addselect_wrapper, .path-admin .roleassigntable #removeselect_wrapper, .path-admin .roleassigntable #addselect_wrapper {
width: 100%;
}
.path-enrol table.rolecap tr.rolecap th, .path-admin table.rolecap tr.rolecap th {
text-align: left;
font-weight: normal;
}
.path-enrol .rolecap .hiddenrow, .path-admin .rolecap .hiddenrow {
display: none;
}
.path-enrol #defineroletable .rolecap .inherit, .path-enrol #defineroletable .rolecap .allow, .path-enrol #defineroletable .rolecap .prevent, .path-enrol #defineroletable .rolecap .prohibit, .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-enrol #defineroletable .rolecap .inherit .note, .path-enrol #defineroletable .rolecap .allow .note, .path-enrol #defineroletable .rolecap .prevent .note, .path-enrol #defineroletable .rolecap .prohibit .note, .path-admin #defineroletable .rolecap .inherit .note, .path-admin #defineroletable .rolecap .allow .note, .path-admin #defineroletable .rolecap .prevent .note, .path-admin #defineroletable .rolecap .prohibit .note {
font-size: 0.75rem;
opacity: 0.8;
}
.path-enrol .rolecap .cap-name, .path-enrol .rolecap .note, .path-admin .rolecap .cap-name, .path-admin .rolecap .note {
display: block;
font-size: 0.875rem;
white-space: nowrap;
font-weight: normal;
}
.path-enrol .rolecap label, .path-admin .rolecap label {
display: block;
text-align: center;
padding: 0.5em;
margin: 0;
}
.plugincheckwrapper {
width: 100%;
}
.environmentbox {
margin-top: 1em;
}
#mnetconfig table {
margin-left: auto;
margin-right: auto;
}
.environmenttable .cell {
padding: 0.15em 0.5em;
}
#trustedhosts .generaltable, #trustedhosts .rolecap {
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;
}
#adminsettings fieldset .rui-title-container {
margin: 0;
}
#adminsettings fieldset .rui-main-content-title--h3, #adminsettings fieldset .adminpagetitle, #adminsettings fieldset .h3 {
margin: 0.25rem 0;
width: 100%;
}
#adminsettings fieldset .rui-main-content-title--h3 a, #adminsettings fieldset .adminpagetitle a, #adminsettings fieldset .h3 a {
width: 100%;
display: block;
padding: 1rem 1.5rem;
color: inherit;
background-color: #F5F5F5;
background-size: 14px;
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='%23212121' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
background-size: 16px;
background-repeat: no-repeat;
background-position: top 50% right 20px;
border-radius: 5px;
font-family: "Poppins", sans-serif;
font-weight: 500;
font-size: 0.9rem;
}
#adminsettings fieldset .rui-main-content-title--h3 a::after, #adminsettings fieldset .adminpagetitle a::after, #adminsettings fieldset .h3 a::after {
display: none;
}
.dir-rtl #adminsettings fieldset .rui-main-content-title--h3 a, .dir-rtl #adminsettings fieldset .adminpagetitle a, .dir-rtl #adminsettings fieldset .h3 a {
background-image: none;
}
.theme-dark #adminsettings fieldset .rui-main-content-title--h3 a, .theme-dark #adminsettings fieldset .adminpagetitle a, .theme-dark #adminsettings fieldset .h3 a {
background-color: #121215;
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='%23E8EAED' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
}
.dir-rtl .theme-dark #adminsettings fieldset .rui-main-content-title--h3 a, .dir-rtl .theme-dark #adminsettings fieldset .adminpagetitle a, .dir-rtl .theme-dark #adminsettings fieldset .h3 a {
background-image: none;
}
#adminsettings fieldset .rui-main-content-title--h3 a:hover, #adminsettings fieldset .adminpagetitle a:hover, #adminsettings fieldset .h3 a:hover {
background-color: #eee8e7;
text-decoration: none;
}
.theme-dark #adminsettings fieldset .rui-main-content-title--h3 a:hover, .theme-dark #adminsettings fieldset .adminpagetitle a:hover, .theme-dark #adminsettings fieldset .h3 a:hover {
background-color: #282A2D;
}
#adminsettings fieldset .rui-main-content-title--h3 a:after, #adminsettings fieldset .adminpagetitle a:after, #adminsettings fieldset .h3 a:after {
display: none;
}
.rui-setting-heading {
display: flex;
position: relative;
z-index: 1;
font-size: 1.5rem;
}
.rui-setting-heading .rui-admin-no {
background-color: #212121;
color: #F5F5F5;
border-radius: 60px;
justify-content: center;
}
.theme-dark .rui-setting-heading .rui-admin-no {
background-color: #E8EAED;
color: #121215;
}
.rui-setting-desc {
position: relative;
z-index: 1;
font-size: 0.875rem;
color: #434343;
}
.rui-setting-desc p {
margin-bottom: 2px;
}
.theme-dark .rui-setting-desc {
color: #aeb3b8;
}
.rui-main-content-title + .adminsettings {
margin-bottom: 20px;
}
#admin-spelllanguagelist textarea, #page-admin-setting-editorsettingstinymce .form-textarea 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:empty {
display: none;
}
.form-description pre, .formsettingheading pre {
/*rtl:ignore*/
direction: ltr;
padding: 10px;
background-color: #F5F5F5;
border-radius: 5px;
white-space: pre-wrap;
max-height: 300px;
}
.theme-dark .form-description pre, .theme-dark .formsettingheading pre {
background-color: #121215;
}
.formsettingheading {
font-size: 1rem;
margin-bottom: 1rem;
}
.formsettingheading .form-horizontal {
color: #525151;
}
.theme-dark .formsettingheading .form-horizontal {
color: #9AA0A6;
}
.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 {
display: inline-block;
}
.form-item .form-setting .form-defaultinfo {
max-width: 100%;
max-height: 120px;
text-align: left;
overflow-y: auto;
}
#admin-emoticons td input {
width: 8em;
}
#admin-emoticons td.c0 input {
width: 4em;
}
#adminthemeselector .selectedtheme td.c0 {
border: 2px solid #406CD2;
border-right-width: 0;
}
#adminthemeselector .selectedtheme td.c1 {
border: 2px solid #406CD2;
border-left-width: 0;
}
#adminthemeselector img {
max-width: 300px;
border-radius: 5px;
}
.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 #D8D8D8;
}
.admin_colourpicker .previewcolour {
border: 1px solid #D8D8D8;
margin-left: 301px;
}
.admin_colourpicker .currentcolour {
border: 1px solid #D8D8D8;
margin-left: 301px;
border-top-width: 0;
}
}
@media (max-width: 767.98px) {
.admin_colourpicker .colourdialogue {
max-width: 100%;
}
.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 #E1E1E1;
top: 100px;
left: 0;
}
.theme-dark .admin_colourpicker .currentcolour {
border: 1px solid #2E3134;
}
}
.admin_colourpicker .loadingicon {
vertical-align: middle;
margin-left: auto;
}
#page-admin-index #notice .checkforupdates {
text-align: center;
}
#page-admin-plugins #plugins-overview-panel .info {
display: inline-block;
margin: 1rem 1.5rem 1rem 0;
}
#page-admin-plugins #plugins-overview-panel .info a {
font-size: 0.875rem;
font-weight: 500;
color: inherit;
}
#page-admin-plugins #plugins-overview-panel .info a:hover {
color: #561911;
text-decoration: none;
}
#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: 0.5rem 1rem 0.5rem 0;
padding: 0;
}
#page-admin-plugins .updateavailableinstallall div, #page-admin-plugins .updateavailableinstallall input {
margin: 0 3px 5px 0;
}
#page-admin-plugins #plugins-control-panel .action-icon {
margin: 0 0.35rem;
}
#page-admin-plugins #plugins-control-panel .status-missing {
background-color: #feeded;
border: 2px solid #ef1010;
}
#page-admin-plugins #plugins-control-panel .displayname {
display: inline-flex;
align-items: center;
}
#page-admin-plugins #plugins-control-panel .displayname .icon.spacer {
display: inline-flex;
width: 35px;
margin-right: 13px;
}
#page-admin-plugins #plugins-control-panel .pluginname .componentname {
margin-left: 48px;
font-size: 0.875rem;
color: #525151;
}
#page-admin-plugins #plugins-control-panel .version .versionnumber {
font-size: 0.875rem;
color: #525151;
}
#page-admin-plugins #plugins-control-panel .uninstall a {
width: max-content;
color: #ef1010;
}
#page-admin-plugins #plugins-control-panel .settings a {
width: max-content;
display: block;
}
#page-admin-plugins #plugins-control-panel .notes .label {
margin-right: 3px;
}
#page-admin-plugins #plugins-control-panel .notes .requiredby {
margin-top: 0.25rem;
font-size: 0.875rem;
font-weight: 500;
color: #626262;
}
.theme-dark #page-admin-plugins #plugins-control-panel .notes .requiredby {
background-color: #3C4043;
}
#plugins-check-page #plugins-check .status-missing, #plugins-check-page #plugins-check .status-downgrade {
background-color: #feeded;
border-left: 2px solid #ef1010;
}
#plugins-check-page #plugins-check .status-missing td.displayname, #plugins-check-page #plugins-check .status-downgrade td.displayname {
font-weight: 700;
}
#plugins-check-page #plugins-check .status-new, #plugins-check-page #plugins-check .status-upgrade {
background-color: #EEF8FF;
border-left: 5px solid #406CD2;
}
#plugins-check-page .plugintypeheader {
border-top: 0;
}
#plugins-check-page .plugintypeheader th {
padding-top: 30px;
font-size: 1.5rem;
}
#plugins-check-page .pluginupdateinfo, #plugins-control-panel .pluginupdateinfo {
margin: 0.5rem 0;
padding: 20px;
border: none;
background-color: #fff;
box-shadow: rgba(0, 0, 0, 0.15) 0 15px 25px, rgba(0, 0, 0, 0.05) 0 5px 10px, rgba(0, 0, 0, 0.12) 0 2px 3px;
border-radius: 10px;
font-size: 0.875rem;
text-align: left;
border-radius: 5px;
}
#plugins-check-page .pluginupdateinfo .version, #plugins-control-panel .pluginupdateinfo .version {
font-weight: 500;
}
#plugins-check-page .pluginupdateinfo .infos, #plugins-control-panel .pluginupdateinfo .infos {
margin-top: 0.5rem;
font-size: 0.75rem;
display: block;
}
#plugins-check-page .pluginupdateinfo .separator, #plugins-control-panel .pluginupdateinfo .separator {
display: none;
}
#plugins-check-page .pluginupdateinfo.maturity50, #plugins-control-panel .pluginupdateinfo.maturity50 {
background-color: #feeded;
}
#plugins-check-page .pluginupdateinfo.maturity100, #plugins-check-page .pluginupdateinfo.maturity150, #plugins-control-panel .pluginupdateinfo.maturity100, #plugins-control-panel .pluginupdateinfo.maturity150 {
background-color: #FFF1D5;
}
#plugins-check-page .pluginupdateinfo .info, #plugins-control-panel .pluginupdateinfo .info {
display: block;
}
#plugins-check-page .pluginupdateinfo .separator:after, #plugins-control-panel .pluginupdateinfo .separator:after {
content: " | ";
}
#plugins-check-page .pluginupdateinfo .btn, #plugins-control-panel .pluginupdateinfo .btn {
padding: 7px 16px;
font-size: 0.875rem;
}
#plugins-check-page .pluginupdateinfo .singlebutton, #plugins-control-panel .pluginupdateinfo .singlebutton {
margin: 1rem 0 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: 0 0.5rem 0 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.875rem;
}
#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: left;
}
.maintenancewarning {
position: fixed;
bottom: 0;
right: 0;
overflow: hidden;
z-index: 1100;
}
.modal.modal-in-page {
padding: 0 !important;
margin-left: 0;
margin-right: 0;
z-index: 0;
}
#page-login-index .modal.modal-in-page {
margin: 0 auto;
}
.modal.modal-in-page div {
padding: 0 !important;
border: none;
}
.modal.modal-in-page .modal-footer {
margin-top: 1rem;
}
.modal.modal-in-page .singlebutton:first-of-type {
float: right;
margin-left: 0.5rem;
}
.modal.modal-in-page .modal-content {
padding: 20px !important;
}
.adminpagetitle {
margin-bottom: 0;
border-bottom: none;
}
.adminpagepath {
display: flex;
flex-wrap: wrap;
margin: 0.5rem 0 1.25rem;
padding: 0.5rem 1.5rem;
border: 1px solid #E1E1E1;
color: #434343;
border-radius: 5px;
font-size: 0.75rem;
list-style: none;
}
.theme-dark .adminpagepath {
border: 1px solid #2E3134;
color: #aeb3b8;
}
.adminpagepath li + li:before {
padding-right: 0.5rem;
padding-left: 0.5rem;
content: "-";
}
@media (min-width: 576px) {
.container {
overflow-wrap: break-word;
width: auto;
}
}
#page-admin-tasklogs .task-class {
font-size: 0.875rem;
color: #626262;
}
.theme-dark #page-admin-tasklogs .task-class {
background-color: #3C4043;
}
.path-admin-tool-uploaduser .uuwarning {
background-color: #FFF1D5;
}
.path-admin-tool-uploaduser .uuerror {
background-color: #feeded;
}
.path-admin-tool-uploaduser .uuinfo {
background-color: #EAF4DD;
}
[data-region="plans"] {
margin-top: 30px;
}
#page-admin-tool-task-scheduledtasks .task-class, #page-admin-tool-task-runningtasks .task-class {
padding: 0;
}
.helplinkpopup {
font-size: 0.75rem;
font-weight: 500;
color: #212121;
}
.helplinkpopup .iconhelp {
margin-right: 0.35rem;
}
.theme-dark .helplinkpopup .iconhelp {
filter: invert(1);
}
.theme-dark .helplinkpopup {
color: #E8EAED;
}
.plugin-install-console {
padding: 1rem;
background-color: #000;
color: #fff;
border-radius: 5px;
}
#adminsettings .form-group {
margin: 0;
}
#adminsettings .form-group .custom-select {
margin: 0.15rem;
}
#page-admin-tool-installaddon-index #installfromrepobox {
text-align: left;
}
.pagelayout-maintenance h2 + .alert, .pagelayout-maintenance #page-mod-choice-view #notice h2 + p, #page-mod-choice-view #notice .pagelayout-maintenance h2 + p {
margin-top: 30px;
}
.actions a {
font-weight: 500;
}
.actions a .badge {
margin-left: 0.5rem;
}
#page-admin-report-log-index .main-content .rui-main-content-title--h2, #page-admin-tool-monitor-managerules .main-content .rui-main-content-title--h2 {
margin-top: 10px;
margin-bottom: 10px;
}
#page-admin-report-log-index .main-content .rui-main-content-title--h4, #page-admin-tool-monitor-managerules .main-content .rui-main-content-title--h4 {
margin-top: 30px;
margin-bottom: 10px;
}
#page-admin-report-log-index .main-content .rui-main-content-title + a, #page-admin-report-log-index .main-content .rui-main-content-title + form, #page-admin-tool-monitor-managerules .main-content .rui-main-content-title + a, #page-admin-tool-monitor-managerules .main-content .rui-main-content-title + form {
margin: 1rem 0;
}
#page-admin-report-log-index .main-content div, #page-admin-tool-monitor-managerules .main-content div {
margin-top: 10px;
}
#livelogs-pause-button {
margin-bottom: 30px;
}
#intro:empty {
display: none;
}
#plugins-check-info {
margin: 30px 0;
}
#plugins-check-info .actions a {
font-weight: 500;
}
#plugins-check-info .actions .badge {
margin-left: 10px;
}
#page-admin-tool-langimport-index .langimport {
margin: 30px 0 0;
padding: 0;
}
.rui-admin-desc--small {
font-size: 0.875rem;
font-weight: 500;
}
@media (min-width: 1000px) {
.rui-setting-heading-wrapper--special {
margin-left: 60px;
position: relative;
}
}
.rui-settings-item + .rui-setting-heading-wrapper {
margin-top: 30px;
}
.rui-setting-heading-wrapper {
position: relative;
margin-bottom: 20px;
}
[id^="page-admin-setting-themesetting"] .rui-setting-heading-wrapper {
margin-top: -1px;
margin-bottom: 0;
padding: 20px 0;
border-top: 1px solid #E1E1E1;
}
@media (min-width: 1000px) {
[id^="page-admin-setting-themesetting"] .rui-setting-heading-wrapper {
margin-left: 60px;
}
}
[id^="page-admin-setting-themesetting"] .rui-setting-heading-wrapper .rui-setting-heading {
font-size: 1.25rem;
}
[id^="page-admin-setting-themesetting"] .rui-setting-heading-wrapper:hover {
cursor: pointer;
}
[id^="page-admin-setting-themesetting"] .rui-setting-heading-wrapper:hover:after {
content: "";
opacity: 1;
width: calc(100% + 30px);
height: calc(100% - 4px);
position: absolute;
top: 2px;
left: -15px;
z-index: 0;
background-color: #F5F5F5;
border-radius: 5px;
}
[id^="page-admin-setting-themesetting"] .rui-setting-heading-wrapper::before {
content: "";
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='%23212121' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
background-size: 18px;
background-repeat: no-repeat;
background-position: center;
width: 24px;
height: 24px;
position: absolute;
right: 0;
top: 22px;
z-index: 1;
}
[id^="page-admin-setting-themesetting"] .rui-setting-heading-wrapper.active::before {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 9.75L16.25 15.25H7.75L12 9.75Z' stroke='%23212121' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
}
[id^="page-admin-setting-themesetting"].theme-dark .rui-setting-heading-wrapper {
border-color: #2E3134;
}
[id^="page-admin-setting-themesetting"].theme-dark .rui-setting-heading-wrapper::before {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='%23E8EAED' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
}
[id^="page-admin-setting-themesetting"].theme-dark .rui-setting-heading-wrapper.active::before {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 9.75L16.25 15.25H7.75L12 9.75Z' stroke='%23E8EAED' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
}
[id^="page-admin-setting-themesetting"].theme-dark .rui-setting-heading-wrapper:hover:after, [id^="page-admin-setting-themesetting"].theme-dark .rui-setting-heading-wrapper.active:after {
background-color: #121215;
}
.rui-settings-item {
margin-bottom: 20px;
padding: 0 0 20px 0;
border-bottom: 1px solid #E1E1E1;
}
@media (min-width: 1000px) {
[id^="page-admin-setting-themesetting"] .rui-settings-item {
padding-left: 60px;
}
}
.rui-settings-item:last-of-type {
border-bottom: none;
}
.theme-dark .rui-settings-item {
border-bottom: 1px solid #2E3134;
}
.rui-settings-label {
margin-bottom: 7px;
position: relative;
}
.rui-settings-label label {
position: relative;
font-size: 0.938rem;
flex-wrap: wrap;
}
#theme_space_scb .rui-settings-label label {
width: 180px;
}
.rui-settings-shortname {
background-color: #F5F5F5;
padding: 5px 10px;
border-radius: 10px;
font-size: 0.75rem;
color: #626262;
}
.theme-dark .rui-settings-shortname {
background-color: #121215;
color: #3C4043;
}
@media (max-width: 767.98px) {
.rui-settings-shortname {
display: none !important;
}
}
[id^="page-admin-setting-themesetting"] .rui-sticky-btns {
margin-left: 220px;
}
@media (max-width: 767.98px) {
[id^="page-admin-setting-themesetting"] .rui-sticky-btns {
margin-left: 0;
}
}
#theme_space_scb .rui-settings-item {
width: calc(100% - 60px);
margin: 0 0 0 60px;
padding: 10px 0;
display: inline-flex;
align-items: center;
}
@media (max-width: 767.98px) {
#theme_space_scb .rui-settings-item {
width: 100%;
margin: 30px;
}
}
#theme_space_scb .rui-settings-item .rui-settings-label {
margin: 0 1rem 0 0;
display: flex;
align-items: center;
}
@media (min-width: 1200px) {
#theme_space_scb .rui-settings-item .rui-settings-label {
min-width: 350px;
}
}
#theme_space_scb .rui-settings-item .form-item .form-label label {
margin: 0 1rem 0 0;
}
#theme_space_scb .rui-settings-item .form-description {
margin: 0 !important;
}
@media (min-width: 1200px) {
[data-settings-name="theme_space_scb"] {
margin-top: 35px;
position: relative;
}
[data-settings-name="theme_space_scb"]:before {
content: "";
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 7H9V9H7V7Z' fill='%23555353' /%3E%3Cpath d='M11 7H13V9H11V7Z' fill='%23555353' /%3E%3Cpath d='M17 7H15V9H17V7Z' fill='%23555353' /%3E%3Cpath d='M7 11H9V13H7V11Z' fill='%23555353' /%3E%3Cpath d='M13 11H11V13H13V11Z' fill='%23555353' /%3E%3Cpath d='M15 11H17V13H15V11Z' fill='%23555353' /%3E%3Cpath d='M9 15H7V17H9V15Z' fill='%23555353' /%3E%3Cpath d='M11 15H13V17H11V15Z' fill='%23555353' /%3E%3Cpath d='M17 15H15V17H17V15Z' fill='%23555353' /%3E%3C/svg%3E");
width: 24px;
height: 24px;
position: absolute;
top: -22px;
left: -6px;
}
.theme-dark [data-settings-name="theme_space_scb"]:before {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 7H9V9H7V7Z' fill='%239AA0A6' /%3E%3Cpath d='M11 7H13V9H11V7Z' fill='%239AA0A6' /%3E%3Cpath d='M17 7H15V9H17V7Z' fill='%239AA0A6' /%3E%3Cpath d='M7 11H9V13H7V11Z' fill='%239AA0A6' /%3E%3Cpath d='M13 11H11V13H13V11Z' fill='%239AA0A6' /%3E%3Cpath d='M15 11H17V13H15V11Z' fill='%239AA0A6' /%3E%3Cpath d='M9 15H7V17H9V15Z' fill='%239AA0A6' /%3E%3Cpath d='M11 15H13V17H11V15Z' fill='%239AA0A6' /%3E%3Cpath d='M17 15H15V17H17V15Z' fill='%239AA0A6' /%3E%3C/svg%3E");
}
}
.rui-admin-no {
margin-right: 20px;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: flex-start;
font-size: 0.875rem;
font-weight: 700;
color: #212121;
border-right: 1px solid #E1E1E1;
}
.theme-dark .rui-admin-no {
border-color: #E1E1E1;
color: #E8EAED;
}
textarea[id$="introtitle"], textarea[id$="introcontent"], textarea[id$="footercontent"], textarea[id$="id_s_theme_space_iconcustomitem"] textarea[id$="id_s_theme_space_labelcustomitem"] textarea[id$="id_s_theme_space_urlcustomitem"] {
height: 85px;
}
.editor_atto_content.form-control[id$="htmlcontenteditable"] {
min-height: max-content !important;
}
.rui-settings-item[id^="admin-block4q"], #admin-fontheadings, #admin-fontbody, #admin-fontweightregular, #admin-fontweightmedium, #admin-fontweightbold, #admin-isitemonsitehome, #admin-isitemondashboard, #admin-isitemoncalendar, #admin-isitemonprivatefiles, #admin-isitemoncontentbank, #admin-iscustomitem1on, #admin-isitemonmycourses, #admin-poscustomitem1, #admin-labelcustomitem1, #admin-iconcustomitem1, #admin-iscustomitem2on, #admin-poscustomitem2, #admin-labelcustomitem2, #admin-iconcustomitem2, #admin-iscustomitem3on, #admin-poscustomitem3, #admin-labelcustomitem3, #admin-iconcustomitem3, #admin-iscustomitem4on, #admin-poscustomitem4, #admin-labelcustomitem4, #admin-iconcustomitem4, #admin-iscustomitem5on, #admin-poscustomitem5, #admin-labelcustomitem5, #admin-iconcustomitem5, #admin-cccfooter, #admin-cccsummary, #admin-stringaccess, #admin-maxcoursecardtextheight, #admin-customloginlogo, #admin-customlogo, #admin-customsidebarlogo, #admin-showblock1sliderwrapper, #admin-showblock1wrapper, #admin-showblock2wrapper, #admin-showblock3wrapper, #admin-customlogoandname, #admin-topbarlogoareaon, #admin-sdarkmode, #admin-darkmodefirst, #coursecarddesclimit, #admin-customitem1, #admin-customitem2, #admin-customitem3, #admin-customitem4, #admin-customitem5, #admin-urlcustomitem1, #admin-urlcustomitem2, #admin-urlcustomitem3, #admin-urlcustomitem4, #admin-urlcustomitem5 {
padding-bottom: 0 !important;
border-bottom: 0 !important;
}
@media (min-width: 1000px) {
#admin-fontweightheadings, #admin-fontweightregular, #admin-fontweightmedium, #admin-fontweightbold, #admin-loginlogooutside, #admin-customdmlogo, #admin-customsidebardmlogo, #admin-possitehome, #admin-posdashboard, #admin-posmycourses, #admin-posprivatefiles, #admin-poscalendar, #admin-poscontentbank, #admin-labelcustomitem1, #admin-iconcustomitem1, #admin-urlcustomitem1, #admin-poscustomitem1, #admin-labelcustomitem2, #admin-iconcustomitem2, #admin-urlcustomitem2, #admin-poscustomitem2, #admin-labelcustomitem3, #admin-iconcustomitem3, #admin-urlcustomitem3, #admin-poscustomitem3, #admin-labelcustomitem4, #admin-iconcustomitem4, #admin-urlcustomitem4, #admin-poscustomitem4, #admin-labelcustomitem5, #admin-iconcustomitem5, #admin-urlcustomitem5, #admin-poscustomitem5, #admin-cccfooter, #admin-cccsummary, #admin-stringaccess, #admin-maxcoursecardtextheight, #admin-coursecarddesclimit, #admin-block1sliderwrapperbg, #admin-block1wrapperbg, #admin-block2wrapperbg, #admin-block3wrapperbg, #admin-customlogotxt, #admin-customlogo, #admin-sdarkmode, #admin-slightmode, #showcustomfields, #admin-customitem1, #admin-customitem2, #admin-customitem3, #admin-customitem4, #admin-customitem5 {
padding-left: 110px !important;
position: relative;
}
#admin-fontweightheadings:before, #admin-fontweightregular:before, #admin-fontweightmedium:before, #admin-fontweightbold:before, #admin-loginlogooutside:before, #admin-customdmlogo:before, #admin-customsidebardmlogo:before, #admin-possitehome:before, #admin-posdashboard:before, #admin-posmycourses:before, #admin-posprivatefiles:before, #admin-poscalendar:before, #admin-poscontentbank:before, #admin-labelcustomitem1:before, #admin-iconcustomitem1:before, #admin-urlcustomitem1:before, #admin-poscustomitem1:before, #admin-labelcustomitem2:before, #admin-iconcustomitem2:before, #admin-urlcustomitem2:before, #admin-poscustomitem2:before, #admin-labelcustomitem3:before, #admin-iconcustomitem3:before, #admin-urlcustomitem3:before, #admin-poscustomitem3:before, #admin-labelcustomitem4:before, #admin-iconcustomitem4:before, #admin-urlcustomitem4:before, #admin-poscustomitem4:before, #admin-labelcustomitem5:before, #admin-iconcustomitem5:before, #admin-urlcustomitem5:before, #admin-poscustomitem5:before, #admin-cccfooter:before, #admin-cccsummary:before, #admin-stringaccess:before, #admin-maxcoursecardtextheight:before, #admin-coursecarddesclimit:before, #admin-block1sliderwrapperbg:before, #admin-block1wrapperbg:before, #admin-block2wrapperbg:before, #admin-block3wrapperbg:before, #admin-customlogotxt:before, #admin-customlogo:before, #admin-sdarkmode:before, #admin-slightmode:before, #showcustomfields:before, #admin-customitem1:before, #admin-customitem2:before, #admin-customitem3:before, #admin-customitem4:before, #admin-customitem5:before {
content: "";
position: absolute;
top: 8px;
left: 60px;
width: 40px;
height: 40px;
background-image: url("data:image/svg+xml,%3Csvg height='34' viewBox='0 0 16 34' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m.5 30v-30m0 31h13' fill='none' stroke='%23555353' stroke-linecap='round' stroke-width='2' transform='translate(1 1.5)'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: 10px -17px;
background-size: 20px;
}
.theme-dark #admin-fontweightheadings:before, .theme-dark #admin-fontweightregular:before, .theme-dark #admin-fontweightmedium:before, .theme-dark #admin-fontweightbold:before, .theme-dark #admin-loginlogooutside:before, .theme-dark #admin-customdmlogo:before, .theme-dark #admin-customsidebardmlogo:before, .theme-dark #admin-possitehome:before, .theme-dark #admin-posdashboard:before, .theme-dark #admin-posmycourses:before, .theme-dark #admin-posprivatefiles:before, .theme-dark #admin-poscalendar:before, .theme-dark #admin-poscontentbank:before, .theme-dark #admin-labelcustomitem1:before, .theme-dark #admin-iconcustomitem1:before, .theme-dark #admin-urlcustomitem1:before, .theme-dark #admin-poscustomitem1:before, .theme-dark #admin-labelcustomitem2:before, .theme-dark #admin-iconcustomitem2:before, .theme-dark #admin-urlcustomitem2:before, .theme-dark #admin-poscustomitem2:before, .theme-dark #admin-labelcustomitem3:before, .theme-dark #admin-iconcustomitem3:before, .theme-dark #admin-urlcustomitem3:before, .theme-dark #admin-poscustomitem3:before, .theme-dark #admin-labelcustomitem4:before, .theme-dark #admin-iconcustomitem4:before, .theme-dark #admin-urlcustomitem4:before, .theme-dark #admin-poscustomitem4:before, .theme-dark #admin-labelcustomitem5:before, .theme-dark #admin-iconcustomitem5:before, .theme-dark #admin-urlcustomitem5:before, .theme-dark #admin-poscustomitem5:before, .theme-dark #admin-cccfooter:before, .theme-dark #admin-cccsummary:before, .theme-dark #admin-stringaccess:before, .theme-dark #admin-maxcoursecardtextheight:before, .theme-dark #admin-coursecarddesclimit:before, .theme-dark #admin-block1sliderwrapperbg:before, .theme-dark #admin-block1wrapperbg:before, .theme-dark #admin-block2wrapperbg:before, .theme-dark #admin-block3wrapperbg:before, .theme-dark #admin-customlogotxt:before, .theme-dark #admin-customlogo:before, .theme-dark #admin-sdarkmode:before, .theme-dark #admin-slightmode:before, .theme-dark #showcustomfields:before, .theme-dark #admin-customitem1:before, .theme-dark #admin-customitem2:before, .theme-dark #admin-customitem3:before, .theme-dark #admin-customitem4:before, .theme-dark #admin-customitem5:before {
background-image: url("data:image/svg+xml,%3Csvg height='34' viewBox='0 0 16 34' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m.5 30v-30m0 31h13' fill='none' stroke='%239AA0A6' stroke-linecap='round' stroke-width='2' transform='translate(1 1.5)'/%3E%3C/svg%3E");
}
}
[id^="admin-displayblock"] {
display: inline-flex;
width: 100%;
}
[id^="admin-displayblock"] .rui-settings-shortname {
display: none !important;
}
[id^="admin-displayblock"] .rui-settings-label {
margin-top: 7px;
margin-bottom: 0;
margin-right: 30px;
}
[id^="theme_space_block1"] a {
padding-top: 10px;
padding-bottom: 10px;
}
.rui--turnedon {
position: relative;
}
.rui--turnedon:after {
content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23027654' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M5.75 12.8665L8.33995 16.4138C9.15171 17.5256 10.8179 17.504 11.6006 16.3715L18.25 6.75'%3E%3C/path%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: center;
width: 20px;
height: 20px;
position: absolute;
right: 0;
top: calc(50% - 10px);
}
.rui--turnedon .small {
max-width: 120px;
}
.type-expand:hover, .component-expand:hover {
color: #561911;
text-decoration: none;
}
#page-admin-index .checkforupdates {
margin: 0 !important;
}
#page-admin-index .checkforupdates .singlebutton {
margin-bottom: 0;
}
#page-admin-index .copyright {
font-size: 0.938rem;
}
.sqcolor {
width: 60px;
height: 60px;
border-radius: 5px;
position: relative;
}
.sqcolor:before {
content: "";
position: absolute;
padding: 2px 5px;
font-size: 0.75rem;
font-weight: 700;
color: #fff;
background-color: #000;
border-radius: 5px;
}
.bg-primary-100 {
background-color: #eee8e7;
}
.bg-primary-100.bg--desc:before {
content: "100";
}
.bg-primary-200 {
background-color: #ddd1cf;
}
.bg-primary-200.bg--desc:before {
content: "200";
}
.bg-primary-300 {
background-color: #ccbab8;
}
.bg-primary-300.bg--desc:before {
content: "300";
}
.bg-primary-400 {
background-color: #ab8c88;
}
.bg-primary-400.bg--desc:before {
content: "400";
}
.bg-primary-500 {
background-color: #784741;
}
.bg-primary-500.bg--desc:before {
content: "500";
}
.bg-primary-600 {
background-color: #561911;
}
.bg-primary-600::after {
content: "";
border: 4px solid #561911;
position: absolute;
top: -4px;
left: -4px;
right: -4px;
bottom: -4px;
border-radius: 9px;
}
.bg-primary-600.bg--desc:before {
content: "* 600";
box-shadow: rgba(0, 0, 0, 0.15) 0 15px 25px, rgba(0, 0, 0, 0.05) 0 5px 10px, rgba(0, 0, 0, 0.12) 0 2px 3px;
}
.bg-primary-700 {
background-color: #340f0a;
}
.bg-primary-700.bg--desc:before {
content: "700";
}
.bg-primary-800 {
background-color: #2b0d09;
}
.bg-primary-800.bg--desc:before {
content: "800";
}
.bg-primary-900 {
background-color: #1a0805;
}
.bg-primary-900.bg--desc:before {
content: "900";
}
.bg-gray-100 {
background-color: #F5F5F5;
}
.bg-gray-100.bg--desc:before {
content: "100";
}
.bg-gray-200 {
background-color: #EEEEEE;
}
.bg-gray-200.bg--desc:before {
content: "200";
}
.bg-gray-300 {
background-color: #E1E1E1;
}
.bg-gray-300.bg--desc:before {
content: "300";
}
.bg-gray-400 {
background-color: #D8D8D8;
}
.bg-gray-400.bg--desc:before {
content: "400";
}
.bg-gray-500 {
background-color: #b2b2b2;
}
.bg-gray-500.bg--desc:before {
content: "500";
}
.bg-gray-600 {
background-color: #626262;
}
.bg-gray-600::after {
content: "";
border: 4px solid rgba(98, 98, 98, 0.3);
position: absolute;
top: -4px;
left: -4px;
right: -4px;
bottom: -4px;
border-radius: 8px;
}
.bg-gray-600.bg--desc:before {
content: "* 600";
box-shadow: rgba(0, 0, 0, 0.15) 0 15px 25px, rgba(0, 0, 0, 0.05) 0 5px 10px, rgba(0, 0, 0, 0.12) 0 2px 3px;
}
.bg-gray-700 {
background-color: #525151;
}
.bg-gray-700.bg--desc:before {
content: "700";
}
.bg-gray-800 {
background-color: #434343;
}
.bg-gray-800.bg--desc:before {
content: "800";
}
.bg-gray-900 {
background-color: #212121;
}
.bg-gray-900.bg--desc:before {
content: "900";
}
.bg-dm-gray-100 {
background-color: #121215;
}
.bg-dm-gray-100.bg--desc:before {
content: "100";
}
.bg-dm-gray-200 {
background-color: #17181B;
}
.bg-dm-gray-200.bg--desc:before {
content: "200";
}
.bg-dm-gray-300 {
background-color: #202124;
}
.bg-dm-gray-300.bg--desc:before {
content: "300";
}
.bg-dm-gray-400 {
background-color: #282A2D;
}
.bg-dm-gray-400.bg--desc:before {
content: "400";
}
.bg-dm-gray-500 {
background-color: #2E3134;
}
.bg-dm-gray-500.bg--desc:before {
content: "500";
}
.bg-dm-gray-600 {
background-color: #3C4043;
}
.bg-dm-gray-600::after {
content: "";
border: 4px solid rgba(60, 64, 67, 0.3);
position: absolute;
top: -4px;
left: -4px;
right: -4px;
bottom: -4px;
border-radius: 8px;
}
.bg-dm-gray-600.bg--desc:before {
content: "* 600";
box-shadow: rgba(0, 0, 0, 0.15) 0 15px 25px, rgba(0, 0, 0, 0.05) 0 5px 10px, rgba(0, 0, 0, 0.12) 0 2px 3px;
}
.bg-dm-gray-700 {
background-color: #9AA0A6;
}
.bg-dm-gray-700.bg--desc:before {
content: "700";
}
.bg-dm-gray-800 {
background-color: #aeb3b8;
}
.bg-dm-gray-800.bg--desc:before {
content: "800";
}
.bg-dm-gray-900 {
background-color: #E8EAED;
}
.bg-dm-gray-900.bg--desc:before {
content: "900";
}
#admin-sdarkmode textarea, #admin-slightmode textarea, #labelsidebaropened textarea, #labelsidebarclosed textarea, [id^="admin-string"] textarea {
height: 90px;
}
[id^="#id_s_theme_space_labelcustomitem"], [id^="#id_s_theme_space_urlcustomitem"] {
height: 65px;
}
.admintable.environmenttable td {
font-size: 0.875rem;
}
#plugins-check-page .status, .environmenttable .status {
text-align: right;
}
#plugins-check-page .status .badge, .environmenttable .status .badge {
padding: 3px 7px;
font-size: 11px;
font-weight: 500;
border-radius: 3px;
}
#page-maintenance h2 {
margin-top: 20px;
margin-bottom: 20px;
font-size: 1rem;
text-align: left;
}
.form-textarea {
width: 100%;
}
#page-admin-roles-define .buttons {
margin-top: 20px;
}
#badge-overview h3 {
margin: 0.5rem 0;
font-size: 1.25rem;
}
#badge-overview dl {
padding-bottom: 1rem;
margin-bottom: 1rem;
border-bottom: 1px solid #E1E1E1;
}
.theme-dark #badge-overview dl {
border-bottom: 1px solid #2E3134;
}
#badge-overview ul {
margin: 0.5rem 0.25rem;
}
#badge-overview .activatebadge {
margin: 1rem 0;
}
.badge.number {
background-color: #EEF8FF;
color: #406CD2;
}
.theme-dark .badge.number {
background-color: #406CD2;
color: #EEF8FF;
}
.criteria-header a .icon {
padding: 10px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 5px;
background-color: #EEEEEE;
font-size: 0.75rem;
color: #434343;
transition: all 0.2s ease-in-out;
}
.theme-dark .criteria-header a .icon {
background-color: #17181B;
color: #aeb3b8;
}
.criteria-header a .icon.fa-trash, .criteria-header a .icon.fa-eye-slash {
background-color: #feeded;
color: #ca0d0d;
}
.criteria-header a .icon.fa-eye {
background-color: #EAF4DD;
color: #027654;
}
.criteria-header a:hover {
text-decoration: none;
}
.criteria-header a:hover:before {
display: none;
}
.criteria-header a:hover .icon {
background-color: #D4DEF8;
color: #0642CD !important;
}
.criteria-header a:hover .icon.fa-trash {
background-color: #ca0d0d;
color: #feeded !important;
}
.rui-badge-name {
margin: 2rem 0 1rem;
font-weight: 700;
font-size: 1.125rem;
color: #212121;
}
.theme-dark .rui-badge-name {
color: #E8EAED;
}
.rui-badge-expires-info {
width: 100%;
display: inline-flex;
align-items: center;
font-size: 0.75rem;
color: #434343;
}
.theme-dark .rui-badge-expires-info {
color: #aeb3b8;
}
.rui-badge-alert {
margin: 30px 0;
padding: 2px 2px 2px 20px;
border: 2px dashed #E1E1E1;
border-radius: 5px;
font-size: 0.875rem;
}
.theme-dark .rui-badge-alert {
border-bottom: 2px dashed #2E3134;
}
.rui-badge-alert .btn {
margin: 5px;
padding: 8px 16px;
font-size: 0.875rem;
}
.rui-badge-alert .activatebadge {
margin: 0 0 0 auto;
}
.rui-badge-alert.inactive .activatebadge .btn {
color: #027654;
background-color: #EAF4DD;
}
.rui-badge-alert.inactive .activatebadge .btn:hover {
background: #D1ECC0;
}
.rui-badge-alert.active .activatebadge .btn {
color: #ca0d0d;
background-color: #feeded;
}
.rui-badge-alert.active .activatebadge .btn:hover {
background: #fbc8c8;
}
.rui-badge-comment {
background-color: #FDF6EA;
}
.rui-main-content-title .activatebadge {
margin: 0 1rem 0 0;
padding: 10px;
border: 1px solid #E1E1E1;
border-radius: 5px;
}
.theme-dark .rui-main-content-title .activatebadge {
border: 1px solid #2E3134;
}
.rui-list-group li {
position: relative;
width: 100%;
margin: 0;
display: inline-flex;
align-items: center;
justify-content: space-between;
padding: 0.75rem 1.25rem;
border-width: 1px 1px 0 1px;
border-style: solid;
border-color: rgba(0, 0, 0, 0.125);
}
.rui-list-group li:first-child {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.rui-list-group li:last-child {
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
border-width: 1px;
}
.rui-list-group li:only-child {
border-radius: 5px;
border-width: 1px;
}
.rui-list-group li .badge-name {
margin: 0 0.35rem;
font-size: 0.875rem;
}
#page-badges-backpacks .text-danger {
margin: 30px auto 0;
padding: 2rem;
background-color: #feeded;
border-radius: 5px;
font-size: 0.75rem;
color: #ca0d0d;
}
#page-badges-backpacks .text-danger .icon {
margin-right: 7px;
filter: invert(13%) sepia(89%) saturate(4751%) hue-rotate(356deg) brightness(86%) contrast(96%);
width: 15px;
height: 15px;
}
span.status {
display: inline-flex;
align-items: center;
flex-wrap: wrap;
margin: 0 0.5rem;
padding: 0.35rem 0.85rem;
font-size: 0.75rem;
font-weight: 500;
vertical-align: baseline;
border-radius: 40px;
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) {
span.status {
transition: none;
}
}
span.status.ready {
background-color: #EAF4DD;
color: #027654;
}
span.status.draft {
background-color: #FDF6EA;
color: #C3850C;
}
.bg-primary.text-light {
color: #fff !important;
}
[data-region="blocks-column"] {
transition: right 350ms ease, left 350ms ease;
}
[data-region="blocks-column"] .dropdown-menu {
min-width: 245px;
}
[data-region="blocks-column"] .dropdown-menu .dropdown-item {
white-space: initial;
}
[data-region="blocks-column"] .card-block .content h3 {
font-size: 1.143rem;
font-weight: 600;
text-transform: uppercase;
border-top: 1px dashed #212121;
padding-top: 4px;
margin-top: 10px;
}
.rui-right-drawer {
width: 0;
background-color: #fff;
position: fixed;
right: -320px;
z-index: 1039;
border-radius: 5px;
transition: all 250ms ease;
}
.rui-right-drawer .rui-sidebar-blocks-wrapper {
margin: 1rem 0 0 1rem;
padding-right: 1rem;
padding-bottom: 1rem;
height: calc(100% - 1rem);
overflow-y: auto;
overflow-x: hidden;
}
.theme-dark .rui-right-drawer {
border-color: #2E3134;
background-color: #191a1e;
}
@media (min-width: 1600px) {
.rui-right-drawer {
top: 59px;
height: calc(100vh - 59px);
border-left: 1px solid #E1E1E1;
}
}
@media (min-width: 768px) and (max-width: 1599.98px) {
.rui-right-drawer {
top: 69px;
box-shadow: rgba(0, 0, 0, 0.15) 0 15px 25px, rgba(0, 0, 0, 0.05) 0 5px 10px, rgba(0, 0, 0, 0.12) 0 2px 3px;
height: calc(100vh - 79px);
border: 1px solid #F5F5F5;
}
}
@media (max-width: 767.98px) {
.rui-right-drawer {
width: 270px;
height: 100%;
}
}
.rui-right-drawer .card:only-of-type {
margin-bottom: 0;
}
body.drawer-open-right .rui-right-drawer {
width: 320px;
right: 0;
}
@media (min-width: 1600px) {
body.drawer-open-right .rui-right-drawer {
right: 0;
}
}
@media (max-width: 1599.98px) {
body.drawer-open-right .rui-right-drawer {
right: 10px;
}
}
body.drawer-open-right .rui-right-drawer aside.block {
border: none;
border-radius: 0;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.blockmovetarget {
display: block;
padding: 5px 10px;
background-color: #561911;
border-radius: 5px;
font-size: 0.75rem;
color: #eee8e7;
}
.blockmovetarget .accesshide {
position: relative;
left: initial;
word-break: break-all;
}
.block_calendar_upcoming .calendarwrapper {
margin-top: 2rem;
}
.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-controls {
padding: 3px;
position: absolute;
top: 5px;
right: 5px;
z-index: 1;
border-radius: 5px;
background-color: rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
}
.block .block-controls .moodle-core-dragdrop-draghandle {
margin: 0 4px 0 0;
}
.block .block-controls .dropdown-toggle {
/* So that the caret takes the colour of the icon. */
color: #212121;
}
.block .block-controls .action-menu-trigger .btn {
padding: 7px;
}
/* We put an absolutely positioned div in a relatively positioned div so it takes up no space */
@media (min-width: 768px) {
#region-main-settings-menu {
position: relative;
float: left;
width: 100%;
}
#region-main-settings-menu > div {
position: fixed;
top: 69px;
right: 10px;
z-index: 1120;
}
}
@media (max-width: 767.98px) {
#region-main-settings-menu .menubar {
justify-content: flex-end;
}
}
.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;
}
.block .empty-placeholder-image-lg {
height: 5rem;
}
.block .block-cards .course-info-container {
padding: 0;
}
.block .block-cards .rui-progress {
height: 0.5rem;
}
.block .block-cards .course-summaryitem {
border: 1px solid #E1E1E1;
background-color: #fff;
}
.theme-dark .block .block-cards .course-summaryitem {
border: 1px solid #2E3134;
background-color: #191a1e;
}
.block .block-cards .icon {
margin-right: 0;
}
.block .block-cards .card .coursemenubtn {
margin-top: -0.5rem;
}
.block .block-cards a.coursename, .block .block-cards span.categoryname, .block .block-cards .btn-link, .block .block-cards [data-fieldtype="submit"] a, [data-fieldtype="submit"] .block .block-cards a, .block .block-cards .cancel a, .cancel .block .block-cards a, .block .block-cards #page-mod-quiz-report .gradetheselink, #page-mod-quiz-report .block .block-cards .gradetheselink {
color: inherit;
}
.block .block-cards .multiline {
white-space: normal;
}
.block .block-cards .btn.btn-link.btn-icon, .block .block-cards [data-fieldtype="submit"] a.btn.btn-icon, [data-fieldtype="submit"] .block .block-cards a.btn.btn-icon, .block .block-cards .cancel a.btn.btn-icon, .cancel .block .block-cards a.btn.btn-icon, .block .block-cards #page-mod-quiz-report .btn.btn-icon.gradetheselink, #page-mod-quiz-report .block .block-cards .btn.btn-icon.gradetheselink {
height: 36px;
width: 36px;
padding: 0;
border-radius: 50%;
}
.block .block-cards .btn.btn-link.btn-icon:hover, .block .block-cards [data-fieldtype="submit"] a.btn.btn-icon:hover, [data-fieldtype="submit"] .block .block-cards a.btn.btn-icon:hover, .block .block-cards .cancel a.btn.btn-icon:hover, .cancel .block .block-cards a.btn.btn-icon:hover, .block .block-cards #page-mod-quiz-report .btn.btn-icon.gradetheselink:hover, #page-mod-quiz-report .block .block-cards .btn.btn-icon.gradetheselink:hover, .block .block-cards .btn.btn-link.btn-icon:focus, .block .block-cards [data-fieldtype="submit"] a.btn.btn-icon:focus, [data-fieldtype="submit"] .block .block-cards a.btn.btn-icon:focus, .block .block-cards .cancel a.btn.btn-icon:focus, .cancel .block .block-cards a.btn.btn-icon:focus, .block .block-cards #page-mod-quiz-report .btn.btn-icon.gradetheselink:focus, #page-mod-quiz-report .block .block-cards .btn.btn-icon.gradetheselink:focus {
background-color: #EEEEEE;
}
.theme-dark .block .block-cards .btn.btn-link.btn-icon:hover, .theme-dark .block .block-cards [data-fieldtype="submit"] a.btn.btn-icon:hover, [data-fieldtype="submit"] .theme-dark .block .block-cards a.btn.btn-icon:hover, .theme-dark .block .block-cards .cancel a.btn.btn-icon:hover, .cancel .theme-dark .block .block-cards a.btn.btn-icon:hover, .theme-dark .block .block-cards #page-mod-quiz-report .btn.btn-icon.gradetheselink:hover, #page-mod-quiz-report .theme-dark .block .block-cards .btn.btn-icon.gradetheselink:hover, .theme-dark .block .block-cards .btn.btn-link.btn-icon:focus, .theme-dark .block .block-cards [data-fieldtype="submit"] a.btn.btn-icon:focus, [data-fieldtype="submit"] .theme-dark .block .block-cards a.btn.btn-icon:focus, .theme-dark .block .block-cards .cancel a.btn.btn-icon:focus, .cancel .theme-dark .block .block-cards a.btn.btn-icon:focus, .theme-dark .block .block-cards #page-mod-quiz-report .btn.btn-icon.gradetheselink:focus, #page-mod-quiz-report .theme-dark .block .block-cards .btn.btn-icon.gradetheselink:focus {
background-color: #17181B;
}
.dashboard-card-deck.one-row {
padding-bottom: 1rem;
flex-flow: nowrap;
overflow-x: scroll;
}
.summaryimage {
height: 5rem;
width: 5rem;
background-position: center;
background-size: cover;
}
.dashboard-card-deck .dashboard-card {
margin-bottom: 30px;
flex-basis: auto;
width: 100%;
flex-grow: 0;
flex-shrink: 0;
}
.dashboard-card-deck .dashboard-card .dashboard-card-img {
height: 150px;
background-position: center;
background-size: cover;
}
.dashboard-card-deck .dashboard-card .dashboard-card-footer {
padding: 0.8rem;
}
@media (min-width: 320px) {
.dashboard-card-deck.fixed-width-cards .dashboard-card {
width: 300px;
max-width: 100%;
}
}
@media (min-width: 576px) {
.dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
width: calc(33.333% - 30px);
margin-bottom: 0;
}
}
.rui-dashboard-card {
border-radius: 5px;
}
.rui-dashboard-card:hover {
background-color: #F5F5F5;
text-decoration: none;
}
.theme-dark .rui-dashboard-card:hover {
background-color: #121215;
}
@media (min-width: 576px) {
.block-region-dtopblocks .block-recentlyaccesseditems .rui-dashboard-card {
margin-right: 2rem;
width: calc(20% - 30px);
}
.block-region-dtopblocks .block-recentlyaccesseditems .rui-dashboard-card:last-child {
margin-right: 0;
}
}
@media (max-width: 767.98px) {
.block_recentlyaccessedcourses {
padding-bottom: 60px;
}
}
.block_recentlyaccessedcourses .rui-blockwith-pagination {
margin-bottom: 40px;
}
.block_recentlyaccessedcourses .paging-bar-container {
position: absolute;
z-index: 3;
left: calc(50% - 40px);
bottom: -11px;
}
.block_recentlyaccessedcourses .paging-bar-container .pagination {
padding: 3px;
background-color: #fff;
border: 1px solid #E1E1E1;
border-radius: 30px;
}
.block_recentlyaccessedcourses .paging-bar-container .pagination .page-item.disabled .page-link {
background-color: rgba(67, 67, 67, 0.1);
color: #434343;
}
.theme-dark .block_recentlyaccessedcourses .paging-bar-container .pagination .page-item.disabled .page-link {
background-color: rgba(255, 255, 255, 0.1);
color: #fff;
}
.block_recentlyaccessedcourses .paging-bar-container .pagination .page-link {
padding: 0.35rem;
border-radius: 30px;
}
.block_recentlyaccessedcourses .paging-bar-container .pagination .page-link:hover {
background-color: #ddd1cf;
}
.theme-dark .block_recentlyaccessedcourses .paging-bar-container .pagination .page-link:hover {
background-color: #561911;
}
.theme-dark .block_recentlyaccessedcourses .paging-bar-container .pagination {
background-color: #191a1e;
border-color: #2E3134;
}
#block-region-side-pre {
width: 100%;
}
.empty-region-side-pre #block-region-side-pre {
display: none;
}
.block_recentlyaccesseditems .activityiconcontainer .icon {
height: 40px;
width: 40px;
margin-right: 6px;
}
.block.invisibleblock .card-title {
color: #525151;
}
.theme-dark .block.invisibleblock .card-title {
color: #9AA0A6;
}
.block_social_activities li a.movehere, .block_site_main_menu li a.movehere {
display: block;
width: 100%;
height: 2rem;
border: 2px dashed #434343;
margin: 4px 0;
}
.theme-dark .block_social_activities li a.movehere, .theme-dark .block_site_main_menu li a.movehere {
border: 2px dashed #aeb3b8;
}
/* Blocks Mods */
.block_admin_bookmarks .list li a {
display: block;
font-weight: 500;
line-height: 2.5;
}
.block_admin_bookmarks .footer:not(:empty) {
margin-top: 1rem;
}
/* Editing UI */
.rui-edit-areas.editing .block-region.yui3-dd-drop {
padding: 5px;
min-height: 120px;
background-color: #eee8e7;
border: 2px dashed #ccbab8;
border-radius: 5px;
transition: all 0.2s ease-in-out;
}
.rui-edit-areas.editing .block-region.yui3-dd-drop .pagelayout-maintenance {
display: none;
}
.rui-edit-areas.editing .block-region.yui3-dd-drop .card {
border-color: #ccbab8;
}
.theme-dark .rui-edit-areas.editing .block-region.yui3-dd-drop .card {
border-color: #340f0a;
}
.page-mycourses.rui-edit-areas.editing .block-region.yui3-dd-drop {
background-color: transparent;
border: none;
min-height: auto;
padding: 0;
}
.rui-edit-areas.editing #block-region-dtopblocks, .rui-edit-areas.editing #block-region-dbottomblocks, .rui-edit-areas.editing #block-region-drightblocks, .rui-edit-areas.editing #block-region-dleftblocks, .rui-edit-areas.editing #block-region-dmiddleblocks, .rui-edit-areas.editing #block-region-content, .rui-edit-areas.editing #block-region-ctopbl, .rui-edit-areas.editing #block-region-cbottombl, .rui-edit-areas.editing #block-region-cstopbl, .rui-edit-areas.editing #block-region-sidecourseblocks, .rui-edit-areas.editing #block-region-csbottombl, .rui-edit-areas.editing #block-region-side-pre, .rui-edit-areas.editing #block-region-sidebartb, .rui-edit-areas.editing #block-region-sidebarbb, .rui-edit-areas.editing #block-region-fpblockst, .rui-edit-areas.editing #block-region-fpblocksb {
position: relative;
}
.rui-edit-areas.editing #block-region-dtopblocks:before, .rui-edit-areas.editing #block-region-dbottomblocks:before, .rui-edit-areas.editing #block-region-drightblocks:before, .rui-edit-areas.editing #block-region-dleftblocks:before, .rui-edit-areas.editing #block-region-dmiddleblocks:before, .rui-edit-areas.editing #block-region-content:before, .rui-edit-areas.editing #block-region-ctopbl:before, .rui-edit-areas.editing #block-region-cbottombl:before, .rui-edit-areas.editing #block-region-cstopbl:before, .rui-edit-areas.editing #block-region-sidecourseblocks:before, .rui-edit-areas.editing #block-region-csbottombl:before, .rui-edit-areas.editing #block-region-side-pre:before, .rui-edit-areas.editing #block-region-sidebartb:before, .rui-edit-areas.editing #block-region-sidebarbb:before, .rui-edit-areas.editing #block-region-fpblockst:before, .rui-edit-areas.editing #block-region-fpblocksb:before {
padding: 5px 10px;
background-color: #eee8e7;
border-radius: 5px;
font-size: 0.75rem;
font-weight: 500;
color: #ccbab8;
top: -3px;
left: 3px;
}
.theme-dark .rui-edit-areas.editing #block-region-dtopblocks:before, .theme-dark .rui-edit-areas.editing #block-region-dbottomblocks:before, .theme-dark .rui-edit-areas.editing #block-region-drightblocks:before, .theme-dark .rui-edit-areas.editing #block-region-dleftblocks:before, .theme-dark .rui-edit-areas.editing #block-region-dmiddleblocks:before, .theme-dark .rui-edit-areas.editing #block-region-content:before, .theme-dark .rui-edit-areas.editing #block-region-ctopbl:before, .theme-dark .rui-edit-areas.editing #block-region-cbottombl:before, .theme-dark .rui-edit-areas.editing #block-region-cstopbl:before, .theme-dark .rui-edit-areas.editing #block-region-sidecourseblocks:before, .theme-dark .rui-edit-areas.editing #block-region-csbottombl:before, .theme-dark .rui-edit-areas.editing #block-region-side-pre:before, .theme-dark .rui-edit-areas.editing #block-region-sidebartb:before, .theme-dark .rui-edit-areas.editing #block-region-sidebarbb:before, .theme-dark .rui-edit-areas.editing #block-region-fpblockst:before, .theme-dark .rui-edit-areas.editing #block-region-fpblocksb:before {
background-color: #2b0d09;
color: #ddd1cf;
}
.rui-edit-areas.editing #block-region-content:before {
content: "Blocks:Main Moodle Area";
}
.rui-edit-areas.editing #block-region-dtopblocks:before {
content: "Blocks:Dashboard (Top)";
}
.rui-edit-areas.editing #block-region-dbottomblocks:before {
content: "Blocks:Dashboard (Bottom)";
}
.rui-edit-areas.editing #block-region-dleftblocks:before {
content: "Blocks:Dashboard (Left)";
}
.rui-edit-areas.editing #block-region-drightblocks:before {
content: "Blocks:Dashboard (Right)";
}
.rui-edit-areas.editing #block-region-dmiddleblocks:before {
content: "Blocks:Dashboard (Middle)";
}
.rui-edit-areas.editing #block-region-ctopbl:before {
content: "Blocks:Course Page (Top)";
}
.rui-edit-areas.editing #block-region-cstopbl:before {
content: "Blocks:Course Page - Sections (Top)";
}
.rui-edit-areas.editing #block-region-sidecourseblocks:before {
content: "Blocks:Right Sidebar";
}
.rui-edit-areas.editing #block-region-csbottombl:before {
content: "Blocks:Course Page - Sections (Bottom)";
}
.rui-edit-areas.editing #block-region-side-pre:before {
content: "Blocks:Hidden Sidebar";
}
.rui-edit-areas.editing #block-region-sidebartb:before {
content: "Blocks:Sidebar Top Blocks";
}
.rui-edit-areas.editing #block-region-sidebarbb:before {
content: "Blocks:Sidebar Bottom Blocks";
}
.rui-edit-areas.editing #block-region-fpblockst:before {
content: "Blocks:Frontpage #1";
}
.rui-edit-areas.editing #block-region-fpblocksb:before {
content: "Blocks:Frontpage #2";
}
.page-mycourses.editing .block-region.yui3-dd-drop:before {
display: none;
}
#block-region-sidecourseblocks:empty {
display: none;
}
/* Block Customization */
.block_course_list li a, .block_community li a, .block_admin_bookmarks li a, .block_activity_modules li a {
display: flex;
align-items: center;
padding: 0.75rem 0;
position: relative;
font-weight: 500;
color: #434343;
}
.theme-dark .block_course_list li a, .theme-dark .block_community li a, .theme-dark .block_admin_bookmarks li a, .theme-dark .block_activity_modules li a {
color: #aeb3b8;
}
.block_course_list li a:hover, .block_community li a:hover, .block_admin_bookmarks li a:hover, .block_activity_modules li a:hover {
color: #561911;
text-decoration: none;
}
.theme-dark .block_course_list li a:hover, .theme-dark .block_community li a:hover, .theme-dark .block_admin_bookmarks li a:hover, .theme-dark .block_activity_modules li a:hover {
color: #ab8c88;
}
.block_course_list li a:hover:before, .block_community li a:hover:before, .block_admin_bookmarks li a:hover:before, .block_activity_modules li a:hover:before {
background-color: #561911;
}
.theme-dark .block_course_list li a:hover:before, .theme-dark .block_community li a:hover:before, .theme-dark .block_admin_bookmarks li a:hover:before, .theme-dark .block_activity_modules li a:hover:before {
background-color: #ab8c88;
}
.block_course_list li a:before, .block_community li a:before, .block_admin_bookmarks li a:before, .block_activity_modules li a:before {
content: "";
background-color: #E1E1E1;
height: 1px;
width: calc(100% + 2 * 1.25rem);
position: absolute;
left: -1.25rem;
bottom: 0;
}
.theme-dark .block_course_list li a:before, .theme-dark .block_community li a:before, .theme-dark .block_admin_bookmarks li a:before, .theme-dark .block_activity_modules li a:before {
background-color: #2E3134;
}
.block_course_list li a:after, .block_community li a:after, .block_admin_bookmarks li a:after, .block_activity_modules li a:after {
display: none;
}
.block_course_list li a .icon, .block_community li a .icon, .block_admin_bookmarks li a .icon, .block_activity_modules li a .icon {
margin-right: 0.5rem;
width: auto;
height: 20px;
}
.theme-dark .block_course_list li a .icon, .theme-dark .block_community li a .icon, .theme-dark .block_admin_bookmarks li a .icon, .theme-dark .block_activity_modules li a .icon {
filter: invert(1);
}
.block_course_list li:last-child a, .block_community li:last-child a, .block_admin_bookmarks li:last-child a, .block_activity_modules li:last-child a {
padding-bottom: 0;
}
.block_course_list li:last-child a:before, .block_community li:last-child a:before, .block_admin_bookmarks li:last-child a:before, .block_activity_modules li:last-child a:before {
display: none;
}
.block_rss_client .list li {
padding: 6px 0 !important;
border-color: #E1E1E1;
}
.theme-dark .block_rss_client .list li {
border-color: #2E3134;
}
.block_rss_client .list li .link a {
display: inline-flex;
padding-left: 30px;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: left;
background-size: 16px;
font-size: 0.875rem;
font-weight: 500;
color: #434343;
}
.theme-dark .block_rss_client .list li .link a {
color: #aeb3b8;
}
.block_online_users .info {
margin-bottom: 1rem;
}
.block_online_users .list .listentry {
width: 100%;
position: relative;
display: inline-flex;
align-items: center;
justify-content: space-between;
margin-bottom: 0.35rem;
}
.block_online_users .list .listentry:last-child {
margin-bottom: 0;
}
.block_online_users .list .listentry .userinitials, .block_online_users .list .listentry img.userpicture {
margin-right: 0.5rem;
width: 30px;
height: 30px;
border-radius: 5px;
}
.block_online_users .list .listentry .user a {
width: 170px;
display: inline-flex;
align-items: center;
font-weight: 500;
color: #212121;
}
.theme-dark .block_online_users .list .listentry .user a {
color: #E8EAED;
}
.block_online_users .list .listentry .uservisibility a {
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
position: absolute;
top: calc(50% - 15px);
right: 0;
border-radius: 50%;
}
.block_online_users .list .listentry .uservisibility a:hover {
text-decoration: none;
}
.block_online_users .list .listentry .uservisibility a[data-action="hide"] {
background-color: #EAF4DD;
}
.block_online_users .list .listentry .uservisibility a[data-action="hide"] .icon {
color: #027654;
}
.block_online_users .list .listentry .uservisibility a[data-action="hide"]:hover {
background-color: #D1ECC0;
}
.block_online_users .list .listentry .uservisibility a[data-action="show"] {
background-color: #feeded;
}
.block_online_users .list .listentry .uservisibility a[data-action="show"] .icon {
color: #ca0d0d;
}
.block_online_users .list .listentry .uservisibility a[data-action="show"]:hover {
background-color: #fbc8c8;
}
.block_online_users .list .listentry .uservisibility a .icon {
display: flex;
align-items: center;
justify-content: center;
font-size: 13px;
margin: 0;
}
.block_online_users .list .listentry .message a {
background-color: #eee8e7;
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
position: absolute;
top: calc(50% - 15px);
right: 0;
border-radius: 50%;
}
.block_online_users .list .listentry .message a:hover {
background-color: #ddd1cf;
text-decoration: none;
}
.block_online_users .list .listentry .message a:before {
display: none;
}
.block_online_users .list .listentry .message a .icon {
color: #fff;
font-size: 12px;
margin: 0;
}
.block_news_items .newlink a {
font-weight: 500;
}
.block_news_items .post {
margin: 1rem -15px 0;
padding: 1rem 15px;
border-top: 2px dashed #E1E1E1;
}
.theme-dark .block_news_items .post {
border-top: 2px dashed #2E3134;
}
.block_news_items .post .head .date {
font-size: 0.875rem;
}
.block_news_items .post .head .date, .block_news_items .post .head .name {
font-weight: 500;
color: #555353;
}
.theme-dark .block_news_items .post .head .date, .theme-dark .block_news_items .post .head .name {
color: #9AA0A6;
}
.block_news_items .post .head .name {
font-size: 0.8rem;
}
.block_news_items .post .info {
margin-top: 0.5rem;
font-size: 1rem;
font-weight: 500;
}
.block_news_items .post .info a {
color: #212121;
line-height: 1.4;
}
.block_news_items .post .info a:hover {
color: #561911;
}
.theme-dark .block_news_items .post .info a:hover {
color: #ab8c88;
}
.theme-dark .block_news_items .post .info a {
color: #E8EAED;
}
.block_private_files [id*="private_files_tree"] {
padding: 1rem;
border-radius: 5px;
background-color: #F5F5F5;
max-height: 200px;
overflow-y: auto;
}
.theme-dark .block_private_files [id*="private_files_tree"] {
background-color: #121215;
}
.block_private_files [id*="private_files_tree"] .ygtvitem {
max-height: 300px;
overflow-y: auto;
}
.block_private_files td.ygtvcell .icon {
margin: 0 4px;
padding: 0.25rem !important;
display: inline-flex;
align-content: center;
justify-content: center;
border-radius: 5px;
}
.block_private_files .ygtvcontent div {
max-width: 170px;
}
.block_private_files [id^="private_files_tree"] a {
display: inline-block;
font-size: 0.75rem;
color: #434343;
max-width: 190px;
}
.theme-dark .block_private_files [id^="private_files_tree"] a {
color: #aeb3b8;
}
.block_private_files [id^="private_files_tree"] a .icon {
margin: 4px;
padding: 0.25rem !important;
display: inline-flex;
align-content: center;
justify-content: center;
border-radius: 5px;
}
.block-timeline .rui-event-name-link:hover .rui-event-name {
color: inherit;
}
.block-timeline .rui-timeline-list-group {
padding-top: 20px;
}
.block-timeline .rui-timeline-list-group-item {
margin-bottom: 20px;
}
.block-timeline .rui-timeline-list-group-item:last-of-type {
margin-bottom: 10px;
padding-bottom: 20px;
border-bottom: 1px solid #E1E1E1;
}
.theme-dark .block-timeline .rui-timeline-list-group-item:last-of-type {
border-bottom: 1px solid #2E3134;
}
.block-timeline .rui-timeline-date {
padding-left: 3px;
display: inline-flex;
align-content: center;
font-size: 0.75rem;
font-weight: 500;
line-height: 1.6;
}
.block-timeline .rui-event-date {
padding-top: 10px;
padding-left: 30px;
display: inline-flex;
align-content: center;
background-image: url("data:image/svg+xml,%3Csvg height='34' viewBox='0 0 16 34' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m.5 30v-30m0 31h13' fill='none' stroke='%23555353' stroke-linecap='round' stroke-width='2' transform='translate(1 1.5)'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: left 10px top -13px;
font-weight: 500;
color: #212121;
}
.theme-dark .block-timeline .rui-event-date {
background-image: url("data:image/svg+xml,%3Csvg height='34' viewBox='0 0 16 34' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m.5 30v-30m0 31h13' fill='none' stroke='%239AA0A6' stroke-linecap='round' stroke-width='2' transform='translate(1 1.5)'/%3E%3C/svg%3E");
color: #E8EAED;
}
.dir-rtl .block-timeline .rui-event-date {
background-image: url("data:image/svg+xml,%3Csvg height='42' viewBox='0 0 18 42' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Crect fill='none' height='43' rx='2' stroke='%23555353' stroke-width='2' width='24' x='-7' y='-2'/%3E%3C/svg%3E");
background-position: right 10px top -23px;
}
.dir-rtl.theme-dark .block-timeline .rui-event-date {
background-image: url("data:image/svg+xml,%3Csvg height='42' viewBox='0 0 18 42' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Crect fill='none' height='43' rx='2' stroke='%239AA0A6' stroke-width='2' width='24' x='-7' y='-2'/%3E%3C/svg%3E");
background-position: right 10px top -23px;
}
.block-timeline .rui-event-date .rui-event-user-date {
margin: 2px 0 0 4px;
}
.block-timeline .rui-timeline-date-txt {
align-self: center;
}
.block-timeline .rui-event-name {
font-size: 0.9rem;
font-weight: 700;
color: #212121;
}
.theme-dark .block-timeline .rui-event-name {
color: #E8EAED;
}
.block-timeline .rui-event-icon {
margin: 0 1rem;
}
.block-timeline .rui-event-icon .icon {
width: 40px;
height: 40px;
}
.block-timeline .pagination {
margin: 0;
}
.block_navigation .block_tree .depth_1 > ul {
padding: 0;
}
.block_navigation .block_tree .depth_1 > .tree_item.branch {
padding-left: 21px;
}
.block_navigation .block_tree p.hasicon img {
margin-top: 1px;
margin-right: 5px !important;
}
.theme-dark .block_navigation .block_tree p.hasicon img {
filter: invert(1);
}
.block_navigation .block_tree ul {
margin-left: 0;
}
.block_navigation .block_tree ul p, .block_navigation .block_tree ul a {
min-height: 25px;
color: #212121;
}
.block_navigation .block_tree ul p:after, .block_navigation .block_tree ul a:after {
display: none;
}
.theme-dark .block_navigation .block_tree ul p, .theme-dark .block_navigation .block_tree ul a {
color: #E8EAED;
}
.block_navigation .block_tree [aria-expanded="false"] p.loading {
background-size: 16px;
background-position: 1px 0px;
}
.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: "";
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 9.75L16.25 15.25H7.75L12 9.75Z' stroke='%23212121' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
background-size: 14px;
background-repeat: no-repeat;
background-position: left;
margin-right: 0;
font-size: 16px;
width: 16px;
height: 16px;
position: absolute;
left: 3px;
}
.theme-dark .block_settings .block_tree [aria-expanded="true"] > p:before, .theme-dark .block_navigation .block_tree [aria-expanded="true"] > p:before {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 9.75L16.25 15.25H7.75L12 9.75Z' stroke='%23E8EAED' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
color: #9AA0A6;
}
.block_settings .block_tree [aria-expanded="false"] > p:before, .block_navigation .block_tree [aria-expanded="false"] > p:before {
content: "";
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='%23212121' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
background-size: 14px;
background-repeat: no-repeat;
background-position: left;
margin-right: 0;
font-size: 16px;
width: 16px;
height: 16px;
position: absolute;
left: 3px;
}
.theme-dark .block_settings .block_tree [aria-expanded="false"] > p:before, .theme-dark .block_navigation .block_tree [aria-expanded="false"] > p:before {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='%23E8EAED' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
color: #9AA0A6;
}
.dir-rtl .block_settings .block_tree [aria-expanded="false"] > p:before, .dir-rtl .block_navigation .block_tree [aria-expanded="false"] > p:before {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='%23212121' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
}
.theme-dark .dir-rtl .block_settings .block_tree [aria-expanded="false"] > p:before, .theme-dark .dir-rtl .block_navigation .block_tree [aria-expanded="false"] > p:before {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='%23E8EAED' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
}
.theme-dark.dir-rtl .block_settings .block_tree [aria-expanded="false"] > p:before, .theme-dark.dir-rtl .block_navigation .block_tree [aria-expanded="false"] > p:before {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='%23E8EAED' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
}
.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 My Profile */
.page-mycourses .block_myoverview {
margin-top: 20px;
}
.block_myoverview .content {
min-height: 19.35rem;
}
#block-region-dleftblocks .block_myoverview .rui-bmo-nav-sort-selector, #blocks-dashboardrightblock .block_myoverview .rui-bmo-nav-sort-selector {
width: 100%;
margin-right: 0 !important;
}
.block_myprofile .myprofileitem.picture img {
margin-bottom: 0.5rem;
width: auto;
height: auto;
}
.block_myprofile .myprofileitem.fullname {
font-size: 0.875rem;
color: #212121;
}
.theme-dark .block_myprofile .myprofileitem.fullname {
color: #E8EAED;
}
.rui-myprofile-card-title {
font-size: 0.75rem;
font-weight: 500;
color: #555353;
}
.theme-dark .rui-myprofile-card-title {
color: #9AA0A6;
}
.rui-mo-progress-icon--progress {
color: #212121;
}
.theme-dark .rui-mo-progress-icon--progress {
color: #E8EAED;
}
.rui-mo-progress-100 .rui-mo-progress-icon--progress {
display: none;
}
.rui-mo-progress-icon--done {
display: none;
color: #027654;
}
.rui-mo-progress-100 .rui-mo-progress-icon--done {
display: inline-flex;
}
.rui-mo-progress-100 .small {
color: #048444;
}
.rui-course-card-shortname {
margin-bottom: 0.25rem;
font-size: 0.75rem;
font-weight: 400;
}
.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_adminblock {
background-color: #fff;
border: 1px solid #E1E1E1 !important;
border-radius: 5px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05), 0 14px 44px 0 rgba(0, 0, 0, 0.15);
position: fixed;
right: 10px;
bottom: 50px;
z-index: 10001;
}
.block_adminblock .card-body {
padding: 6px;
display: inline-flex;
align-items: center;
}
.block_adminblock .card-title {
margin-bottom: 0;
font-size: 12px;
font-weight: 500;
margin-right: 13px;
margin-left: 10px;
}
.block_adminblock .form-inline .custom-select {
margin: 0;
padding: 4px 8px;
font-size: 0.75rem;
height: auto;
max-width: 120px;
}
/* Dashboard Blocks */
#block-region-dtopblocks .block:first-of-type {
margin-top: 30px;
}
.wrapper-dashboard #region-main-wrapper .alert, .wrapper-dashboard #region-main-wrapper #page-mod-choice-view #notice p, #page-mod-choice-view #notice .wrapper-dashboard #region-main-wrapper p {
margin: 30px 0 0;
}
/*
Course contents block
https://github.com/mudrd8mz/moodle-block_course_contents
*/
.block_course_contents .list-group-item {
padding: 3px 0;
}
/* Block recent activities */
.block_recent_activity .activityhead {
font-size: 0.75rem;
color: #434343;
}
.theme-dark .block_recent_activity .activityhead {
color: #aeb3b8;
}
.block_recent_activity .activityhead a {
font-size: 0.875rem;
color: #212121;
font-weight: 700;
}
.theme-dark .block_recent_activity .activityhead a {
color: #E8EAED;
}
/* Block Section links */
.block_section_links .unlist li {
margin-bottom: 0.35rem;
}
.block_section_links .unlist li:last-child {
margin-bottom: 0;
}
.block_section_links .unlist li a {
padding: 0.25rem;
font-weight: 500;
}
/* Block - Recently accessed items */
.rui-block-title--sm {
margin-bottom: 0.35rem;
font-size: 0.875rem;
font-weight: 500;
line-height: 1.4;
word-break: break-word;
}
.block_completionstatus td {
padding: 4px 2px !important;
font-size: 0.75rem !important;
}
.block-recentlyaccesseditems .card-deck {
max-height: 220px;
overflow-y: auto;
}
.block-recentlyaccesseditems .card-deck .rui-dashboard-card:last-of-type {
margin-bottom: 0 !important;
}
.rui-column-mh {
max-height: 300px;
overflow-y: auto;
}
.block_fake li a:after {
display: none;
}
.blog_entry .comment-link {
margin-top: 1rem;
margin-bottom: 1rem;
text-align: left;
}
.blog_entry .comment-link .icon {
display: none;
}
.blog_entry .audience {
text-align: left;
font-size: 0.75rem;
color: #525151;
}
.theme-dark .blog_entry .audience {
color: #9AA0A6;
}
.blog_entry .tags {
margin-top: 15px;
}
.blog_entry .content {
margin-left: 43px;
}
.blog {
width: 100%;
margin: 1.5rem auto;
padding: 1.5rem;
border: 1px solid #E1E1E1;
border-radius: 5px;
position: relative;
}
.theme-dark .blog {
border: 1px solid #2E3134;
}
.blog .blog-entry-author {
font-size: 0.75rem;
color: #434343;
}
.theme-dark .blog .blog-entry-author {
color: #aeb3b8;
}
.blog .blog-entry-author .userpicture {
margin: 0 0 0 10px;
}
.blog .tag_list {
margin-top: 0.5rem;
}
.blog .blog-entry-cover {
overflow: hidden;
width: 100%;
margin: 1rem 0;
}
.blog .blog-entry-cover img {
width: 100%;
}
.blog .blog-entry-topic a {
display: block;
margin: 1rem 0;
font-size: 1.5rem;
font-weight: 500;
color: #212121;
}
.theme-dark .blog .blog-entry-topic a {
color: #E8EAED;
}
.blog .blog-entry-date {
color: #434343;
}
.theme-dark .blog .blog-entry-date {
color: #aeb3b8;
}
.blog .blog-entry {
font-size: 1rem;
}
.blog .blog-entry-footer {
padding-top: 1rem;
padding-bottom: 1rem;
margin-top: 1rem;
margin-bottom: 0;
border-top: 1px solid #E1E1E1;
}
.theme-dark .blog .blog-entry-footer {
border-top: 1px solid #2E3134;
}
.blog .comment-link {
margin-top: 1rem;
}
.blog .attachments {
margin-top: 1rem;
width: 100%;
display: inline-flex;
align-items: center;
font-size: 0.875rem;
}
.blog .attachments a {
margin: 0;
font-size: inherit;
}
.navbar {
max-height: 59px;
}
/* calendar.less */
.calendar_event_category {
background-color: #DFD9F4;
}
.calendar_event_category .commands a {
color: #0d5ca1;
}
[data-event-component^="mod_"], .calendar_event_course {
background-color: #eee8e7;
}
[data-event-component^="mod_"] .commands a, .calendar_event_course .commands a {
color: #0d5ca1;
}
.calendar_event_site {
background-color: #D1ECC0;
}
.calendar_event_site .commands a {
color: #0d5ca1;
}
.calendar_event_group {
background-color: #FFEBC7;
}
.calendar_event_group .commands a {
color: #0d5ca1;
}
.calendar_event_user {
background-color: #f4cebd;
}
.calendar_event_user .commands a {
color: #0d5ca1;
}
.calendar_event_other {
background-color: #EEEEEE;
}
.calendar_event_other .commands a {
color: #0d5ca1;
}
[data-action=filter-event-type] {
display: flex;
align-items: center;
}
[data-action=filter-event-type]:focus {
border-radius: 5px;
}
[data-eventtype-hidden="true"] {
opacity: 0.4;
}
.popover .event-icon {
display: inline-flex !important;
align-items: center;
justify-content: center;
padding: 0;
margin-right: 0.5rem;
border-radius: 5px;
background-color: #fff;
font-weight: 500;
}
.popover .event-icon .icon {
width: 30px;
height: 30px;
}
.calendarmonth .day .calendar_event_, .calendarmonth .day .calendar_event_category, .calendarmonth .day .calendar_event_course, .calendarmonth .day .calendar_event_site, .calendarmonth .day .calendar_event_group, .calendarmonth .day .calendar_event_user, .calendarmonth .day .calendar_event_close, .calendarmonth .day .calendar_event_due {
border: 0;
}
.calendarmonth .day .calendar_event_due, .calendarmonth .day .calendar_event_other {
background-color: #EEEEEE;
}
.calendarmonth .day .calendar_event_open {
margin-top: 22px;
position: relative;
}
.calendarmonth .day .calendar_event_open::after {
content: "";
background-color: #D1ECC0;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23005742' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5.75 11.75C5.75 11.1977 6.19772 10.75 6.75 10.75H17.25C17.8023 10.75 18.25 11.1977 18.25 11.75V17.25C18.25 18.3546 17.3546 19.25 16.25 19.25H7.75C6.64543 19.25 5.75 18.3546 5.75 17.25V11.75Z'%3E%3C/path%3E%3Cpath stroke='%23005742' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7.75 10.5V9.84343C7.75 8.61493 7.70093 7.29883 8.42416 6.30578C8.99862 5.51699 10.0568 4.75 12 4.75C14 4.75 15.25 6.25 15.25 6.25'%3E%3C/path%3E%3C/svg%3E%0A");
background-position: center;
background-repeat: no-repeat;
background-size: 16px;
position: absolute;
top: -12px;
left: 0;
z-index: 1;
width: 22px;
height: 22px;
border-radius: 5px;
}
.calendarmonth .day [data-event-eventtype*="due"], .calendarmonth .day .calendar_event_gradingdue {
margin-top: 22px;
position: relative;
}
.calendarmonth .day [data-event-eventtype*="due"]::after, .calendarmonth .day .calendar_event_gradingdue::after {
content: "";
background-color: #D1ECC0;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='7.25' stroke='%23005742' stroke-width='1.5'%3E%3C/circle%3E%3Cpath stroke='%23005742' stroke-width='1.5' d='M12 8V12L14 14'%3E%3C/path%3E%3C/svg%3E%0A");
background-position: center;
background-repeat: no-repeat;
background-size: 16px;
position: absolute;
top: -12px;
left: 0;
z-index: 1;
width: 22px;
height: 22px;
border-radius: 5px;
}
.calendarmonth .day .calendar_event_close {
margin-top: 22px;
background-color: #eee8e7;
position: relative;
}
.calendarmonth .day .calendar_event_close::after {
content: "";
background-color: #fbc8c8;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='24' height='24' stroke-width='2' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' color='%23ca0d0d'%3E%3Cpath d='M16 12h1.4a.6.6 0 01.6.6v6.8a.6.6 0 01-.6.6H6.6a.6.6 0 01-.6-.6v-6.8a.6.6 0 01.6-.6H8m8 0V8c0-1.333-.8-4-4-4S8 6.667 8 8v4m8 0H8' stroke='%23ca0d0d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
background-position: center;
background-repeat: no-repeat;
background-size: 16px;
position: absolute;
top: -12px;
left: 0;
z-index: 1;
width: 22px;
height: 22px;
border-radius: 5px;
}
.calendarmonth .day .calendar_event_category {
background-color: #DFD9F4;
}
.calendarmonth .day .calendar_event_gradingdue, .calendarmonth .day .calendar_event_due, .calendarmonth .day [data-event-eventtype*="due"], .calendarmonth .day .calendar-event-box[data-event-component^="mod_"], .calendarmonth .day .calendar_event_open, .calendarmonth .day .calendar_event_course {
background-color: #eee8e7;
}
.calendarmonth .day .calendar_event_site {
background-color: #D1ECC0;
}
.calendarmonth .day .calendar_event_group {
background-color: #FFEBC7;
}
.calendarmonth .day .calendar_event_user, .calendarmonth .day .calendar_event_ {
background-color: #f4cebd;
}
.calendarmonth .day .description-content {
margin-top: 5px;
font-weight: 400;
}
.calendarmonth .day .description-content img {
width: 100%;
max-width: 100%;
}
.description-content {
padding-right: 30px;
width: 100%;
max-height: 204px;
overflow-y: auto;
}
.modal-sm .calendar_event_ {
background-color: transparent;
padding-left: 50px !important;
border-radius: 0;
position: relative;
}
.modal-sm .calendar_event_:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 30px;
height: 30px;
border-radius: 30px;
background-color: #340f0a;
}
.calendar_event_ .badge-special {
background-color: #340f0a;
color: #ccbab8;
}
.modal-sm .calendar_event_other {
background-color: transparent;
padding-left: 50px !important;
border-radius: 0;
position: relative;
}
.modal-sm .calendar_event_other:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 30px;
height: 30px;
border-radius: 30px;
background-color: #b2b2b2;
}
.theme-dark .modal-sm .calendar_event_other:before {
background-color: #2E3134;
}
.calendar_event_other .badge-special {
background-color: #b2b2b2;
color: #212121;
}
.theme-dark .calendar_event_other .badge-special {
background-color: #2E3134;
color: #E8EAED;
}
.modal-sm .calendar_event_category {
background-color: transparent;
padding-left: 50px !important;
border-radius: 0;
position: relative;
}
.modal-sm .calendar_event_category:before {
content: "";
position: absolute;
top: calc(50% - 9px);
left: 20px;
width: 18px;
height: 18px;
border-radius: 18px;
background-color: #DFD9F4;
}
.calendar_event_category .badge-special {
background-color: #DFD9F4;
color: white;
}
.calendar_event_category .modal-title {
color: #120c29;
}
.modal-sm [data-event-component^="mod_"], .modal-sm .calendar_event_course {
background-color: transparent;
padding-left: 50px !important;
border-radius: 0;
position: relative;
}
.modal-sm [data-event-component^="mod_"]:before, .modal-sm .calendar_event_course:before {
content: "";
position: absolute;
top: calc(50% - 9px);
left: 20px;
width: 18px;
height: 18px;
border-radius: 18px;
background-color: #eee8e7;
}
[data-event-component^="mod_"] .badge-special, .calendar_event_course .badge-special {
background-color: #eee8e7;
color: white;
}
[data-event-component^="mod_"] .modal-title, .calendar_event_course .modal-title {
color: #212121;
}
.theme-dark [data-event-component^="mod_"] .modal-title, .theme-dark .calendar_event_course .modal-title {
color: #9AA0A6;
}
.modal-sm .calendar_event_site {
background-color: transparent;
padding-left: 50px !important;
border-radius: 0;
position: relative;
}
.modal-sm .calendar_event_site:before {
content: "";
position: absolute;
top: calc(50% - 9px);
left: 20px;
width: 18px;
height: 18px;
border-radius: 18px;
background-color: #D1ECC0;
}
.calendar_event_site .badge-special {
background-color: #D1ECC0;
color: white;
}
.calendar_event_site .modal-title {
color: #090f05;
}
.modal-sm .calendar_event_group {
background-color: transparent;
padding-left: 50px !important;
border-radius: 0;
position: relative;
}
.modal-sm .calendar_event_group:before {
content: "";
position: absolute;
top: calc(50% - 9px);
left: 20px;
width: 18px;
height: 18px;
border-radius: 18px;
background-color: #FFEBC7;
}
.calendar_event_group .badge-special {
background-color: #FFEBC7;
color: white;
}
.calendar_event_group .modal-title {
color: #2e1e00;
}
.modal-sm .calendar_event_user, .modal-sm .calendar_event_ {
background-color: transparent;
padding-left: 50px !important;
border-radius: 0;
position: relative;
}
.modal-sm .calendar_event_user:before, .modal-sm .calendar_event_:before {
content: "";
position: absolute;
top: calc(50% - 9px);
left: 20px;
width: 18px;
height: 18px;
border-radius: 18px;
background-color: #f4cebd;
}
.calendar_event_user .badge-special, .calendar_event_ .badge-special {
background-color: #f4cebd;
color: white;
}
.calendar_event_user .modal-title, .calendar_event_ .modal-title {
color: #150904;
}
.theme-dark .calendar_event_user .modal-title, .theme-dark .calendar_event_ .modal-title {
color: white;
}
.minicalendar.calendartable [data-event-component^="mod_"], .minicalendar.calendartable .calendar_event_category, .minicalendar.calendartable .calendar_event_course, .minicalendar.calendartable .calendar_event_site, .minicalendar.calendartable .calendar_event_group, .minicalendar.calendartable .calendar_event_other, .minicalendar.calendartable .calendar_event_user, .minicalendar.calendartable .calendar_event_ {
position: relative;
background-color: transparent !important;
}
.minicalendar.calendartable [data-event-component^="mod_"]:before, .minicalendar.calendartable .calendar_event_category:before, .minicalendar.calendartable .calendar_event_course:before, .minicalendar.calendartable .calendar_event_site:before, .minicalendar.calendartable .calendar_event_group:before, .minicalendar.calendartable .calendar_event_other:before, .minicalendar.calendartable .calendar_event_user:before, .minicalendar.calendartable .calendar_event_:before {
content: "";
width: 6px;
height: 6px;
border-radius: 6px;
position: absolute;
top: 1px;
left: calc(50% - 3px);
}
.minicalendar.calendartable .calendar_event_category:before {
background-color: #DFD9F4;
}
.minicalendar.calendartable [data-event-component^="mod_"]:before, .minicalendar.calendartable .calendar_event_course:before {
background-color: #eee8e7;
}
.minicalendar.calendartable .calendar_event_site:before {
background-color: #D1ECC0;
}
.minicalendar.calendartable .calendar_event_group:before {
background-color: #FFEBC7;
}
.minicalendar.calendartable .calendar_event_other:before {
background-color: #E1E1E1;
}
.theme-dark .minicalendar.calendartable .calendar_event_other:before {
background-color: #202124;
}
.minicalendar.calendartable .calendar_event_user:before, .minicalendar.calendartable .calendar_event_:before {
background-color: #f4cebd;
}
.calendarmonth .calendar-event-box {
position: relative;
}
.eventlist .calendarmonth .calendar-event-box {
background-color: #fff;
}
.calendarmonth .calendar-event-box.calendar_event_category {
border: 2px solid #DFD9F4;
}
.calendarmonth .calendar-event-box.calendar_event_category .badge-special {
background-color: #DFD9F4;
color: #120c29;
}
.calendarmonth .calendar-event-box.calendar_event_other {
border: 2px solid #D8D8D8;
}
.theme-dark .calendarmonth .calendar-event-box.calendar_event_other {
border: 2px solid #282A2D;
}
.calendarmonth .calendar-event-box.calendar_event_close {
border: 2px solid #ef1010;
}
.calendarmonth .calendar-event-box[data-event-component^="mod_"], .calendarmonth .calendar-event-box.calendar_event_course {
border: 2px solid #eee8e7;
}
.calendarmonth .calendar-event-box.calendar_event_site {
border: 2px solid #D1ECC0;
}
.calendarmonth .calendar-event-box.calendar_event_group {
border: 2px solid #FFEBC7;
}
.calendarmonth .calendar-event-box.calendar_event_user {
border: 2px solid #f4cebd;
}
.calendarmonth .calendar-event-box.calendar_event_user .badge-special {
background-color: #f4cebd;
color: #150904;
}
a.day {
color: #212121;
text-decoration: none;
}
.theme-dark a.day {
color: #E8EAED;
}
a.day:hover {
color: #561911;
text-decoration: none;
}
.theme-dark a.day:hover {
color: #ab8c88;
}
td.day.bg-primary {
background-color: #EEEEEE !important;
color: #212121 !important;
}
.theme-dark td.day.bg-primary {
background-color: #17181B !important;
color: #E8EAED !important;
}
.dayblank {
background-image: url(/theme/image.php/space/theme/1752943723/diagonal-lines);
background-repeat: repeat;
background-color: transparent;
background-size: 4px;
}
.theme-dark .dayblank {
filter: invert(0.9);
}
td.day [data-toggle=popover] {
font-weight: 700;
color: #212121;
}
.calendartable {
width: 100%;
table-layout: fixed;
}
.calendartable th, .calendartable td {
width: 14%;
vertical-align: top;
text-align: center;
border: 0;
}
.calendar-controls {
position: relative;
display: inline-flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
@media (max-width: 767.98px) {
.calendar-controls .arrow_link {
width: 40px;
height: 40px;
padding: 0;
background-position: center !important;
}
.calendar-controls .arrow_text {
display: none;
}
}
.calendar-controls .previous {
position: relative;
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.75 12L14.25 7.75V16.25L8.75 12Z' stroke='%23212121' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: center;
background-size: 20px;
}
.calendar-controls .next {
position: relative;
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='%23212121' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: center;
background-size: 20px;
}
.calendar-controls .drop-target {
box-sizing: border-box;
border: 1px dashed #ccbab8;
}
.filters table {
border-collapse: separate;
border-spacing: 2px;
width: 100%;
}
#region-main .maincalendar .calendarwrapper td > div {
overflow: hidden;
}
.maincalendar {
vertical-align: top;
padding: 0;
}
.maincalendar .bottom {
display: inline-flex;
margin-top: 2rem;
text-align: center;
}
@media (min-width: 320px) and (max-width: 767.98px) {
.maincalendar .bottom {
width: 100%;
}
.maincalendar .bottom .btn {
width: 100%;
}
}
.maincalendar .bottom .footer-link {
margin-right: 5px;
}
.maincalendar .heightcontainer {
height: 100%;
position: relative;
}
.maincalendar .calendarmonth {
width: 100%;
margin: 1rem auto;
}
.maincalendar .calendarmonth ul {
margin: 0.5rem 0 0 0;
padding: 0;
}
.maincalendar .calendarmonth ul li[data-event-folded="true"] {
display: none;
}
#block-region-sidecourseblocks .maincalendar .calendarmonth ul, #block-region-side-pre .maincalendar .calendarmonth ul {
margin-top: 0;
}
.maincalendar .calendarmonth ul li {
padding: 7px;
margin-bottom: 7px;
list-style-type: none;
border-radius: 5px;
}
#block-region-sidecourseblocks .maincalendar .calendarmonth ul li, #block-region-side-pre .maincalendar .calendarmonth ul li {
margin: 1px;
padding: 1px;
width: 7px;
height: 7px;
display: inline-flex;
}
.maincalendar .calendarmonth ul li .small {
color: #434343;
}
.maincalendar .calendarmonth ul li > a {
padding: 0;
border-radius: 5px;
max-width: 100%;
display: block;
color: #434343;
}
#block-region-sidecourseblocks .maincalendar .calendarmonth ul li > a, #block-region-side-pre .maincalendar .calendarmonth ul li > a {
width: 10px;
height: 10px;
padding: 0;
}
.maincalendar .calendarmonth ul li > a:hover {
text-decoration: none;
}
#block-region-sidecourseblocks .maincalendar .calendarmonth ul li > a > div, #block-region-side-pre .maincalendar .calendarmonth ul li > a > div, #block-region-sidecourseblocks .maincalendar .calendarmonth ul li > a span, #block-region-side-pre .maincalendar .calendarmonth ul li > a span {
display: none !important;
}
.maincalendar .calendarmonth ul li:last-child {
margin-bottom: 0;
}
.maincalendar .calendarmonth ul li img {
max-width: 100%;
width: 100%;
margin: 0.25rem 0 0;
border-radius: 5px;
}
.maincalendar .calendarmonth ul li .icon {
margin: 0 0.25rem 0 0;
padding: 5px;
display: inline-flex;
width: 20px;
height: 20px;
background-color: #F5F5F5;
border-radius: 5px;
color: #434343;
}
.theme-dark .maincalendar .calendarmonth ul li .icon {
background-color: #121215;
color: #aeb3b8;
}
.maincalendar .calendarmonth ul li span {
display: block;
margin-bottom: 0;
font-weight: 500;
color: #212121;
}
.maincalendar .calendarmonth td {
padding: 5px;
height: 40px;
border: 1px solid #E1E1E1;
font-size: 0.938rem;
transition: all 0.2s ease-in-out;
}
.theme-dark .maincalendar .calendarmonth td {
border: 1px solid #2E3134;
}
.maincalendar .calendarmonth td a.day:focus {
display: inline-block;
border-radius: 50%;
}
.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: #561911;
}
.maincalendar .calendarmonth th.header {
padding: 1rem 16px;
font-size: 0.75rem;
font-weight: 700;
text-align: right;
border-bottom: 0;
color: #212121;
}
.theme-dark .maincalendar .calendarmonth th.header {
color: #E8EAED;
}
#block-region-dleftblocks .maincalendar .calendarmonth th.header, #block-region-drightblocks .maincalendar .calendarmonth th.header, #block-region-sidecourseblocks .maincalendar .calendarmonth th.header, #block-region-side-pre .maincalendar .calendarmonth th.header {
padding: 5px 2px;
font-size: 0.75rem;
}
@media (min-width: 320px) and (max-width: 999.98px) {
.maincalendar .calendarmonth th.header {
padding: 5px 0;
font-size: 0.938rem;
}
}
.maincalendar .calendarmonth td, .maincalendar .calendarmonth th {
border-style: solid;
}
.maincalendar .calendar-controls .current {
margin-bottom: 0;
}
.maincalendar .controls {
width: 100%;
margin: 10px auto;
}
.maincalendar .calendar_event_category {
background-color: #DFD9F4;
}
.maincalendar .calendar_event_course {
background-color: #eee8e7;
}
.maincalendar .calendar_event_site {
background-color: #D1ECC0;
}
.maincalendar .calendar_event_group {
background-color: #FFEBC7;
}
.maincalendar .calendar_event_user {
background-color: #f4cebd;
}
.maincalendar .calendartable li {
text-align: left;
}
.maincalendar .header .buttons {
float: right;
}
.maincalendar .event .card-header img {
vertical-align: baseline;
}
#page-calendar-view .maincalendar .calendarmonth td {
height: 5rem;
}
.theme-dark .maincalendar .calendarmonth th.header {
border-color: #2E3134;
color: #E8EAED;
}
.dir-rtl.theme-dark .calendar-controls .next, .theme-dark .calendar-controls .previous {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.75 12L14.25 7.75V16.25L8.75 12Z' stroke='%23E8EAED' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
}
.dir-rtl.theme-dark .calendar-controls .previous, .theme-dark .calendar-controls .next {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='%23E8EAED' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
}
.eventlist {
position: relative;
}
.eventlist .calendar-event-box {
padding: 20px 20px 30px 70px;
background-color: #fff;
}
.rui-blocks-area .eventlist .calendar-event-box {
padding: 10px;
}
.theme-dark .eventlist .calendar-event-box {
background-color: #121215;
}
.eventlist .calendar_event_category:before, .eventlist .calendar_event_course:before, .eventlist .calendar_event_expectcompletionon:before, .eventlist .calendar_event_open:before, .eventlist .calendar-event-box[data-event-component^="mod_"]:before, .eventlist .calendar_event_close:before, .eventlist .calendar_event_due:before, .eventlist .calendar_event_site:before, .eventlist .calendar_event_group:before, .eventlist .calendar_event_user:before {
content: "";
position: absolute;
top: 24px;
left: 15px;
width: 40px;
height: 20px;
border-radius: 30px;
}
.eventlist .calendar_event_category:before {
background-color: #DFD9F4;
}
.eventlist [data-event-component^="mod_"]:before, .eventlist .calendar_event_course:before {
background-color: #eee8e7;
}
.eventlist .calendar_event_site:before {
background-color: #D1ECC0;
}
.eventlist .calendar_event_group:before {
background-color: #FFEBC7;
}
.eventlist .calendar_event_user:before {
background-color: #f4cebd;
}
.eventlist .calendar_event_other:before {
background-color: #EEEEEE;
}
.maincalendar .calendarmonth a[data-action="view-event"]::after {
display: none;
}
.maincalendar .calendarmonth td {
position: relative;
}
.maincalendar .calendarmonth td [data-action="view-day-link"] {
font-weight: 700;
text-align: center;
line-height: 190%;
position: relative;
}
.maincalendar .calendarmonth td.today .calendar-day-label {
padding: 0;
display: block;
background: #ef1010;
border-radius: 5px;
color: #fbc8c8;
width: 30px;
height: 30px;
font-weight: 700;
text-align: center;
line-height: 190%;
position: relative;
top: -2px;
}
.calendar-day-label {
padding: 20px 20px 20px 0;
font-size: 1rem;
font-weight: 400;
color: #525151;
}
.theme-dark .calendar-day-label {
color: #9AA0A6;
}
.calendar-event-description {
color: #434343;
}
.theme-dark .calendar-event-description {
color: #aeb3b8;
}
#page-calendar-export .indent {
padding-left: 20px;
}
.block .calendarwrapper {
margin: 1rem 0;
}
.block .calendarwrapper:last-child {
margin-bottom: 0;
}
.block .minicalendar {
width: 100%;
}
.block .minicalendar h3, .block .minicalendar .current {
margin: 0;
font-family: "Poppins", sans-serif;
font-size: 0.938rem;
color: #434343;
text-align: left;
}
.theme-dark .block .minicalendar h3, .theme-dark .block .minicalendar .current {
color: #aeb3b8;
}
.block .minicalendar h3 a, .block .minicalendar .current a {
display: block;
text-decoration: none;
color: inherit;
}
.block .minicalendar h3 a:hover, .block .minicalendar .current a:hover {
text-decoration: none;
}
.block .minicalendar .arrow_link {
color: #434343;
text-decoration: none;
}
.theme-dark .block .minicalendar .arrow_link {
color: #aeb3b8;
}
.block .minicalendar .arrow_link:hover {
text-decoration: none;
}
.block .minicalendar td {
padding: 0 !important;
height: 27px;
width: 28px;
border-radius: 5px;
font-weight: 500;
line-height: 2.5;
}
.block .minicalendar td a {
padding: 8px;
text-decoration: none;
}
.block .minicalendar td a:hover {
text-decoration: none;
}
.block .minicalendar .today {
background: #ef1010;
color: #fbc8c8;
}
.block .minicalendar .today a {
color: #fbc8c8 !important;
}
.block .minicalendar th {
color: #212121;
font-size: 0.75rem;
font-weight: 500;
}
.theme-dark .block .minicalendar th {
color: #E8EAED;
}
.block .minicalendar th abbr[title], .block .minicalendar th abbr[data-original-title] {
white-space: nowrap;
text-decoration: none;
}
.block .minicalendar th, .block .minicalendar td {
font-size: 0.75rem;
text-align: center;
}
.block .minicalendar td.duration_global {
border-top: 1px solid #D1ECC0;
border-bottom: 1px solid #D1ECC0;
}
.block .minicalendar td.duration_global.duration_finish {
background-color: #D1ECC0;
}
.block .minicalendar td.duration_category {
border-top: 1px solid #DFD9F4;
border-bottom: 1px solid #DFD9F4;
}
.block .minicalendar td.duration_category.duration_finish {
background-color: #DFD9F4;
}
.block .minicalendar td.duration_course {
border-top: 1px solid #eee8e7;
border-bottom: 1px solid #eee8e7;
}
.block .minicalendar td.duration_course.duration_finish {
background-color: #eee8e7;
}
.block .minicalendar td.duration_group {
border-top: 1px solid #FFEBC7;
border-bottom: 1px solid #FFEBC7;
}
.block .minicalendar td.duration_group.duration_finish {
background-color: #FFEBC7;
}
.block .minicalendar td.duration_user {
border-top: 1px solid #f4cebd;
border-bottom: 1px solid #f4cebd;
}
.block .minicalendar td.duration_user.duration_finish {
background-color: #f4cebd;
}
.block .minicalendar caption {
padding: 10px 0;
margin-bottom: 10px;
display: table-caption;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
font-family: "Poppins", sans-serif;
color: #434343;
text-align: left;
position: relative;
}
.theme-dark .block .minicalendar caption {
color: #aeb3b8;
}
.block .calendar-controls .previous .arrow, .block .calendar-controls .next .arrow {
color: transparent;
}
.block .calendar-controls .previous {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.75 12L14.25 7.75V16.25L8.75 12Z' stroke='%23212121' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: center;
left: 0;
}
.theme-dark .block .calendar-controls .previous {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.75 12L14.25 7.75V16.25L8.75 12Z' stroke='%23E8EAED' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
}
.block .calendar-controls .current {
display: block;
text-align: left;
width: auto;
margin: 5px 0;
}
.block.block_calendar_month .block .calendar-controls .current {
font-size: 0.875rem;
}
.block .calendar-controls .next {
right: 0;
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='%23212121' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: center;
}
.theme-dark .block .calendar-controls .next {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='%23E8EAED' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
}
.block .calendar_filters ul {
list-style: none;
margin: 0;
padding: 0;
}
.block .calendar_filters li {
margin-bottom: 0.5rem;
}
.block .calendar_filters li:last-of-type {
margin-bottom: 0;
}
.block .calendar_filters li > a:hover {
text-decoration: none;
}
.block .content h3.eventskey {
margin-top: 0.5em;
}
.dir-rtl .block .calendar-controls .previous .block .calendar-controls .next {
transform: rotate(180deg);
}
.maincalendar .calendar_event_course a:after {
display: none;
}
.calendar_filters [data-action=filter-event-type] [data-event-component^="mod_"], .calendar_filters [data-action=filter-event-type] .calendar_event_other, .calendar_filters [data-action=filter-event-type] .calendar_event_category, .calendar_filters [data-action=filter-event-type] .calendar_event_course, .calendar_filters [data-action=filter-event-type] .calendar_event_site, .calendar_filters [data-action=filter-event-type] .calendar_event_group, .calendar_filters [data-action=filter-event-type] .calendar_event_user {
display: flex;
align-items: center;
justify-content: center;
padding: 2px;
width: 36px;
height: 36px;
border-radius: 36px;
margin-right: 10px;
}
.calendar_filters [data-action=filter-event-type] [data-event-component^="mod_"] .icon, .calendar_filters [data-action=filter-event-type] .calendar_event_other .icon, .calendar_filters [data-action=filter-event-type] .calendar_event_category .icon, .calendar_filters [data-action=filter-event-type] .calendar_event_course .icon, .calendar_filters [data-action=filter-event-type] .calendar_event_site .icon, .calendar_filters [data-action=filter-event-type] .calendar_event_group .icon, .calendar_filters [data-action=filter-event-type] .calendar_event_user .icon {
opacity: 0.6;
}
.calendar_filters [data-action=filter-event-type] .event-icon .rui-icon-container {
display: inline-flex;
align-items: center;
margin-right: 0.5rem;
}
.theme-dark .calendar_filters [data-action=filter-event-type] .event-icon .rui-icon-container .icon {
filter: invert(1);
}
.calendar_filters [data-action=filter-event-type] .eventname, .calendar_filters [data-action=filter-event-type] .event-icon {
display: inline-flex;
}
#nav-drawer .calendar_filters [data-action=filter-event-type] .eventname, #nav-drawer .calendar_filters [data-action=filter-event-type] .event-icon {
margin: 0 6px;
}
.calendar_filters [data-action=filter-event-type] .eventname {
width: calc(100% - 80px);
color: #212121;
font-size: 0.75rem;
font-weight: 500;
}
.theme-dark .calendar_filters [data-action=filter-event-type] .eventname {
color: #E8EAED;
}
.maincalendar .calendarmonth ul li .event-time {
display: inline-flex;
flex-wrap: wrap;
gap: 3px;
padding: 3px 8px;
border-radius: 5px;
background-color: #fff;
color: #434343;
}
.theme-dark .maincalendar .calendarmonth ul li .event-time {
background-color: #191a1e;
color: #aeb3b8;
}
.maincalendar .calendarmonth ul li .event-time a.dimmed:link {
color: inherit !important;
line-height: 1.1;
}
.maincalendar .calendarmonth ul li .event-time a.dimmed:link:hover {
color: #561911 !important;
}
.maincalendar .calendarmonth ul li .event-time, .maincalendar .calendarmonth ul li .event-time span {
font-size: 0.75rem;
font-weight: 500;
color: inherit;
}
.event-title {
font-size: 0.875rem;
font-weight: 500;
line-height: 1.3;
margin-top: 5px;
margin-bottom: 5px;
}
/* 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;
}
}
.calendarwrapper {
position: relative;
}
.calendarwrapper label {
margin: 0 !important;
}
.day-popover-content:empty + .day-popover-alternate {
display: block;
}
.summary-modal-container .description-content > p {
margin: 0;
}
/* Custom YUI CSS for the theme */
.yui3-skin-sam .yui3-calendar-header {
display: block;
width: 300px;
padding-bottom: 1rem;
margin-bottom: 1rem;
margin-left: -1.5rem;
margin-right: -1.5rem;
border-bottom: 1px solid #E1E1E1;
}
.theme-dark .yui3-skin-sam .yui3-calendar-header {
border-bottom: 1px solid #2E3134;
}
.yui3-skin-sam .dateselector-calendar-panel {
top: 30px;
}
.yui3-skin-sam .yui3-calendar-day, .yui3-skin-sam .yui3-calendar-prevmonth-day, .yui3-skin-sam .yui3-calendar-nextmonth-day {
background: transparent;
border: none;
font-size: 0.938rem;
}
.yui3-skin-sam .yui3-calendar-day {
width: 35px;
height: 35px;
font-weight: 500;
font-size: 0.938rem;
}
.yui3-skin-sam .yui3-calendar-day:hover {
border-radius: 40px;
color: #561911;
background: #eee8e7;
}
.yui3-skin-sam .yui3-calendar-day-selected {
color: #feeded;
background: #ef1010;
font-weight: 700;
border-radius: 40px;
}
.yui3-skin-sam .yui3-calendar-header-label {
font-size: 0.938rem;
}
.yui3-skin-sam .yui3-calendar-content {
padding: 1.5rem;
background: #fff;
box-shadow: 0 2px 1px rgba(0, 0, 0, 0.09), 0 4px 2px rgba(0, 0, 0, 0.09), 0 8px 4px rgba(0, 0, 0, 0.09), 0 16px 8px rgba(0, 0, 0, 0.09), 0 32px 16px rgba(0, 0, 0, 0.09);
border: 0;
color: #212121;
}
.yui3-skin-sam .yui3-calendarnav-prevmonth {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.75 12L14.25 7.75V16.25L8.75 12Z' stroke='%23212121' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: center;
border: none;
width: 40px;
height: 40px;
top: -10px;
margin-left: 10px;
}
.yui3-skin-sam .yui3-calendarnav-nextmonth {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='%23212121' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: center;
border: none;
width: 40px;
height: 40px;
top: -10px;
margin-right: 10px;
}
.yui3-skin-sam .yui3-button.closebutton {
background-image: none;
box-shadow: none;
}
.yui3-skin-sam .yui3-button.closebutton [aria-hidden="true"] {
display: none;
}
/* blocks */
.block_calendar_upcoming .event .activityiconcontainer {
display: inline-flex;
justify-content: center;
align-items: center;
}
.block_calendar_upcoming [data-type=event] {
font-size: 0.938rem;
font-weight: 500;
line-height: 1.4;
color: #212121;
margin-top: 0;
}
.theme-dark .block_calendar_upcoming [data-type=event] {
color: #E8EAED;
}
.block_calendar_upcoming [data-type=event]:hover {
color: #561911;
}
.theme-dark .block_calendar_upcoming [data-type=event]:hover {
color: #ab8c88;
}
.block_calendar_upcoming .date {
color: #525151;
font-size: 0.75rem;
padding: 0;
}
.theme-dark .block_calendar_upcoming .date {
color: #9AA0A6;
}
.block_calendar_upcoming .date span {
width: 100%;
background-color: transparent;
}
.block_calendar_upcoming .date a {
color: #525151;
}
.theme-dark .block_calendar_upcoming .date a {
color: #9AA0A6;
}
.maincalendar .event {
background-color: #F5F5F5;
padding: 2rem;
margin-bottom: 2rem;
border-radius: 5px;
}
.theme-dark .maincalendar .event {
background-color: #121215;
}
/* day view */
.calendar-event-box {
padding: 20px;
margin-bottom: 0.5rem;
position: relative;
border: 1px solid #E1E1E1;
border-radius: 10px;
}
.theme-dark .calendar-event-box {
border: 1px solid #2E3134;
}
.calendar-event-box .calendar-event-settings {
margin-bottom: 20px;
}
@media (min-width: 768px) {
.calendar-event-box .calendar-event-settings {
position: absolute;
top: 20px;
left: auto;
right: 20px;
}
}
.calendar-event-box:last-child {
margin-bottom: 0;
}
.calendar-event-box .calendar-event-date {
margin-bottom: 1rem;
font-weight: 700;
font-size: 0.75rem;
color: #434343;
display: inline-flex;
align-items: center;
position: relative;
}
.theme-dark .calendar-event-box .calendar-event-date {
color: #aeb3b8;
}
.calendar-event-box .calendar-event-date a {
display: inline-block;
padding: 0.35rem 0.5rem;
margin: 0 0.5rem 0 0;
line-height: 1.2;
color: #212121;
text-align: center;
vertical-align: baseline;
border-radius: 5px;
background-color: #F5F5F5;
transition: all 0.2s ease-in-out;
}
.theme-dark .calendar-event-box .calendar-event-date a {
color: #E8EAED;
background-color: #121215;
}
.calendar-event-box .calendar-event-date a:hover {
color: #434343;
background-color: #EEEEEE;
}
.theme-dark .calendar-event-box .calendar-event-date a:hover {
background-color: #17181B;
color: #aeb3b8;
}
.calendar-event-box .calendar-event-date a, .calendar-event-box .calendar-event-date strong {
font-weight: 500;
color: #212121 !important;
}
.theme-dark .calendar-event-box .calendar-event-date a, .theme-dark .calendar-event-box .calendar-event-date strong {
color: #E8EAED !important;
}
.calendar-event-box .calendar-event-date .dimmed_text {
color: #212121 !important;
}
.theme-dark .calendar-event-box .calendar-event-date .dimmed_text {
color: #E8EAED !important;
}
.calendar-event-box .calendar-event-date .dimmed_text strong {
font-weight: 500;
}
.calendar-event-box .calendar-event-date .dimmed_text a.dimmed {
font-weight: 500;
color: #212121 !important;
}
.theme-dark .calendar-event-box .calendar-event-date .dimmed_text a.dimmed {
color: #E8EAED !important;
}
.calendar-event-box .calendar-event-icon {
margin-top: 1rem;
display: flex;
justify-content: center;
align-content: center;
border-radius: 50%;
}
.calendar-event-box .calendar-event-heading {
font-family: "Poppins", sans-serif;
font-size: 1.5rem;
font-weight: 500;
vertical-align: middle;
margin: 1rem 0 0.5rem;
}
.block.block_calendar_month .calendar-event-box .calendar-event-heading {
margin-top: 0;
font-size: 0.938rem;
}
.calendar-event-row .calendar-event-icon {
width: 50px;
height: 50px;
background-color: #eee8e7;
color: #2b0d09;
border-radius: 5px;
align-items: center;
justify-content: center;
}
.calendar-event-content {
padding-right: 70px;
}
.block.block_calendar_month .calendar-event-content {
padding: 0;
}
.calendar-event-content .calendar-event-icon .icon {
font-size: 1rem;
}
.rui-calendar-footer {
margin-top: 20px;
padding: 0;
}
.rui-calendar-list {
margin: 0;
overflow: hidden;
}
.rui-calendar-list li {
width: 100%;
display: inline-flex;
align-items: center;
justify-content: flex-start;
list-style: none;
font-size: 0.75rem;
color: #434343;
}
.theme-dark .rui-calendar-list li {
color: #aeb3b8;
}
.rui-calendar-list li .rui-calendar-list-content {
padding: 5px 0;
}
.block.block_calendar_month .rui-calendar-list li .rui-calendar-list-content {
padding: 8px;
font-size: 0.75rem;
}
.rui-calendar-list li .rui-calendar-list-content:last-of-type {
border-bottom: none;
}
.rui-calendar-list li a {
width: 100%;
font-weight: 500;
}
.rui-calendar-list li a:hover {
color: #561911;
text-decoration: none;
}
.theme-dark .rui-calendar-list li a:hover {
color: #ddd1cf;
}
.rui-calendar-list li .icon {
color: #555353;
}
.theme-dark .rui-calendar-list li .icon {
color: #9AA0A6;
}
.rui-calendar-list--inline li {
display: inline-flex;
align-items: center;
}
/* modal */
.modal-cal-desc {
width: 100%;
}
.modal-cal-time {
font-size: 0.75rem;
}
.modal-cal-time a {
position: relative;
display: inline-block;
padding: 0.35rem 0.85rem;
margin: 0 0.5rem 0.25rem 0;
font-size: 0.75rem;
color: #212121 !important;
text-align: center;
vertical-align: baseline;
border-radius: 5px;
background-color: #F5F5F5;
transition: all 0.2s ease-in-out;
}
.theme-dark .modal-cal-time a {
color: #E8EAED !important;
background-color: #121215;
}
.modal-cal-time a:hover {
background-color: #EEEEEE;
text-decoration: none;
}
.theme-dark .modal-cal-time a:hover {
background-color: #17181B;
}
/* mobile */
@media (min-width: 320px) and (max-width: 767.98px) {
.calendarwrapper .btn {
width: 100%;
margin: 1rem 0;
}
.calendarwrapper .custom-select {
width: 100%;
margin: 0;
}
}
/* other */
[data-groupname=timedurationuntil] {
margin-bottom: 0.25rem !important;
}
#page-calendar-view .calendar-event-box .calendar-event-icon img {
width: auto;
height: auto;
}
.yui3-skin-sam .yui3-calendar-weekday {
font-size: 0.75rem;
font-weight: normal;
color: #555353;
text-align: center;
}
.theme-dark .yui3-skin-sam .yui3-calendar-weekday {
color: #9AA0A6;
}
@media (max-width: 767.98px) {
.rui-cal-header div, .rui-cal-header .btn, .rui-cal-header select, .bottom div, .bottom .btn, .bottom select {
width: 100%;
margin: 0 !important;
}
.rui-cal-header .btn, .rui-cal-header select, .bottom .btn, .bottom select {
margin: 0 0 0.5rem 0 !important;
}
.rui-cal-header .btn:last-of-type, .rui-cal-header select:last-of-type, .bottom .btn:last-of-type, .bottom select:last-of-type {
margin-bottom: 0;
}
}
.tmpl-course-blocks .rui-cal-header, #block-region-dleftblocks .rui-cal-header, #block-region-drightblocks .rui-cal-header, #block-region-sidecourseblocks .rui-cal-header, #block-region-sidebartb .rui-cal-header, #block-region-sidebarbb .rui-cal-header, #block-region-side-pre .rui-cal-header {
gap: 10px;
}
.tmpl-course-blocks .rui-cal-header .custom-select, .tmpl-course-blocks .rui-cal-header .btn, #block-region-dleftblocks .rui-cal-header .custom-select, #block-region-dleftblocks .rui-cal-header .btn, #block-region-drightblocks .rui-cal-header .custom-select, #block-region-drightblocks .rui-cal-header .btn, #block-region-sidecourseblocks .rui-cal-header .custom-select, #block-region-sidecourseblocks .rui-cal-header .btn, #block-region-sidebartb .rui-cal-header .custom-select, #block-region-sidebartb .rui-cal-header .btn, #block-region-sidebarbb .rui-cal-header .custom-select, #block-region-sidebarbb .rui-cal-header .btn, #block-region-side-pre .rui-cal-header .custom-select, #block-region-side-pre .rui-cal-header .btn {
width: 100%;
max-width: 100%;
margin: 0 0 10px 0 !important;
}
/* 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) {
#sidepre-blocks .block.block_calendar_month .maincalendar .calendartable.calendarmonth th, #sidepre-blocks .block.block_calendar_month .maincalendar .calendartable.calendarmonth td, #block-region-sidebartb .block.block_calendar_month .maincalendar .calendartable.calendarmonth th, #block-region-sidebartb .block.block_calendar_month .maincalendar .calendartable.calendarmonth td, #block-region-sidebarbb .block.block_calendar_month .maincalendar .calendartable.calendarmonth th, #block-region-sidebarbb .block.block_calendar_month .maincalendar .calendartable.calendarmonth td, #blocks-dashboardrightblock .block.block_calendar_month .maincalendar .calendartable.calendarmonth th, #blocks-dashboardrightblock .block.block_calendar_month .maincalendar .calendartable.calendarmonth td, #blocks-dashboardleftblock .block.block_calendar_month .maincalendar .calendartable.calendarmonth th, #blocks-dashboardleftblock .block.block_calendar_month .maincalendar .calendartable.calendarmonth td, #theme_space-drawers-blocks .block.block_calendar_month .maincalendar .calendartable.calendarmonth th, #theme_space-drawers-blocks .block.block_calendar_month .maincalendar .calendartable.calendarmonth td, section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth th, section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td {
border: none;
text-align: center !important;
padding: 0;
}
#sidepre-blocks .block.block_calendar_month .maincalendar .calendartable.calendarmonth td, #block-region-sidebartb .block.block_calendar_month .maincalendar .calendartable.calendarmonth td, #block-region-sidebarbb .block.block_calendar_month .maincalendar .calendartable.calendarmonth td, #blocks-dashboardrightblock .block.block_calendar_month .maincalendar .calendartable.calendarmonth td, #blocks-dashboardleftblock .block.block_calendar_month .maincalendar .calendartable.calendarmonth td, #theme_space-drawers-blocks .block.block_calendar_month .maincalendar .calendartable.calendarmonth td, section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td {
height: auto !important;
font-size: 0.8em;
}
#sidepre-blocks .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent [data-region="day-content"], #block-region-sidebartb .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent [data-region="day-content"], #block-region-sidebarbb .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent [data-region="day-content"], #blocks-dashboardrightblock .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent [data-region="day-content"], #blocks-dashboardleftblock .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent [data-region="day-content"], #theme_space-drawers-blocks .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent [data-region="day-content"], section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent [data-region="day-content"] {
display: none;
}
#sidepre-blocks .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent .day-number, #block-region-sidebartb .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent .day-number, #block-region-sidebarbb .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent .day-number, #blocks-dashboardrightblock .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent .day-number, #blocks-dashboardleftblock .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent .day-number, #theme_space-drawers-blocks .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent .day-number, section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent .day-number {
display: inline-block;
position: relative;
}
#sidepre-blocks .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent .day-number:before, #block-region-sidebartb .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent .day-number:before, #block-region-sidebarbb .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent .day-number:before, #blocks-dashboardrightblock .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent .day-number:before, #blocks-dashboardleftblock .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent .day-number:before, #theme_space-drawers-blocks .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent .day-number:before, section:not(#region-main) .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;
}
#sidepre-blocks .block.block_calendar_month .maincalendar .calendartable.calendarmonth td:after, #block-region-sidebartb .block.block_calendar_month .maincalendar .calendartable.calendarmonth td:after, #block-region-sidebarbb .block.block_calendar_month .maincalendar .calendartable.calendarmonth td:after, #blocks-dashboardrightblock .block.block_calendar_month .maincalendar .calendartable.calendarmonth td:after, #blocks-dashboardleftblock .block.block_calendar_month .maincalendar .calendartable.calendarmonth td:after, #theme_space-drawers-blocks .block.block_calendar_month .maincalendar .calendartable.calendarmonth td:after, section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td:after {
content: "";
display: block;
margin-top: calc(100% - 26px);
}
#sidepre-blocks .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.clickable:hover, #block-region-sidebartb .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.clickable:hover, #block-region-sidebarbb .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.clickable:hover, #blocks-dashboardrightblock .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.clickable:hover, #blocks-dashboardleftblock .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.clickable:hover, #theme_space-drawers-blocks .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.clickable:hover, section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.clickable:hover {
background-color: inherit;
}
#sidepre-blocks .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.clickable:not(.today):hover .day-number-circle, #block-region-sidebartb .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.clickable:not(.today):hover .day-number-circle, #block-region-sidebarbb .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.clickable:not(.today):hover .day-number-circle, #blocks-dashboardrightblock .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.clickable:not(.today):hover .day-number-circle, #blocks-dashboardleftblock .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.clickable:not(.today):hover .day-number-circle, #theme_space-drawers-blocks .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.clickable:not(.today):hover .day-number-circle, section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.clickable:not(.today):hover .day-number-circle {
border-radius: 50%;
background-color: #eee8e7;
}
.theme-dark #sidepre-blocks .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.clickable:not(.today):hover .day-number-circle, .theme-dark #block-region-sidebartb .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.clickable:not(.today):hover .day-number-circle, .theme-dark #block-region-sidebarbb .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.clickable:not(.today):hover .day-number-circle, .theme-dark #blocks-dashboardrightblock .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.clickable:not(.today):hover .day-number-circle, .theme-dark #blocks-dashboardleftblock .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.clickable:not(.today):hover .day-number-circle, .theme-dark #theme_space-drawers-blocks .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.clickable:not(.today):hover .day-number-circle, .theme-dark section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.clickable:not(.today):hover .day-number-circle {
background-color: #202124;
}
#sidepre-blocks .block.block_calendar_month .bottom, #block-region-sidebartb .block.block_calendar_month .bottom, #block-region-sidebarbb .block.block_calendar_month .bottom, #blocks-dashboardrightblock .block.block_calendar_month .bottom, #blocks-dashboardleftblock .block.block_calendar_month .bottom, #theme_space-drawers-blocks .block.block_calendar_month .bottom, section:not(#region-main) .block.block_calendar_month .bottom {
border-top: 1px solid #E1E1E1;
padding-top: 0.5rem;
}
.theme-dark #sidepre-blocks .block.block_calendar_month .bottom, .theme-dark #block-region-sidebartb .block.block_calendar_month .bottom, .theme-dark #block-region-sidebarbb .block.block_calendar_month .bottom, .theme-dark #blocks-dashboardrightblock .block.block_calendar_month .bottom, .theme-dark #blocks-dashboardleftblock .block.block_calendar_month .bottom, .theme-dark #theme_space-drawers-blocks .block.block_calendar_month .bottom, .theme-dark section:not(#region-main) .block.block_calendar_month .bottom {
border-color: #2E3134;
}
}
@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;
}
.maincalendar .calendar_event_user a:after {
display: none;
}
/*
TODO: Improve UI:
- RWD
- Table
*/
.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: 320px) {
.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 {
position: absolute;
top: 20px;
left: 0;
width: 100%;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23212121' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M18.6247 10C19.0646 10.8986 19.25 11.6745 19.25 12C19.25 13 17.5 18.25 12 18.25C11.2686 18.25 10.6035 18.1572 10 17.9938M7 16.2686C5.36209 14.6693 4.75 12.5914 4.75 12C4.75 11 6.5 5.75 12 5.75C13.7947 5.75 15.1901 6.30902 16.2558 7.09698'%3E%3C/path%3E%3Cpath stroke='%23212121' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M19.25 4.75L4.75 19.25'%3E%3C/path%3E%3Cpath stroke='%23212121' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M10.409 13.591C9.53033 12.7123 9.53033 11.2877 10.409 10.409C11.2877 9.5303 12.7123 9.5303 13.591 10.409'%3E%3C/path%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-size: 24px;
}
.theme-dark .content-bank-container.view-grid .cb-unlisted::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M18.6247 10C19.0646 10.8986 19.25 11.6745 19.25 12C19.25 13 17.5 18.25 12 18.25C11.2686 18.25 10.6035 18.1572 10 17.9938M7 16.2686C5.36209 14.6693 4.75 12.5914 4.75 12C4.75 11 6.5 5.75 12 5.75C13.7947 5.75 15.1901 6.30902 16.2558 7.09698'%3E%3C/path%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M19.25 4.75L4.75 19.25'%3E%3C/path%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M10.409 13.591C9.53033 12.7123 9.53033 11.2877 10.409 10.409C11.2877 9.5303 12.7123 9.5303 13.591 10.409'%3E%3C/path%3E%3C/svg%3E%0A");
}
.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 #E1E1E1;
}
.theme-dark .content-bank-container.view-list .cb-listitem, .theme-dark .content-bank-container.view-list .cb-heading {
border-color: #2E3134;
}
.content-bank-container.view-list .cb-column {
display: flex;
align-items: center;
padding: 0.25rem;
border-right: 1px solid #E1E1E1;
}
.theme-dark .content-bank-container.view-list .cb-column {
border-color: #2E3134;
}
.content-bank-container.view-list .cb-column .title {
font-size: 12px;
font-weight: 500;
color: #555353;
}
.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: #525151;
}
.theme-dark .content-bank-container.view-list .cb-listitem.cb-unlisted .cb-column, .theme-dark .content-bank-container.view-list .cb-listitem.cb-unlisted .cb-column a {
color: #9AA0A6;
}
@media (max-width: 767.98px) {
.content-bank-container.view-list .cb-column {
flex: 0 0 50%;
max-width: 50%;
}
}
@media (min-width: 320px) {
.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;
}
.content-bank-container.view-list .cb-btnsort .icon {
width: 14px;
height: 14px;
}
.cb-toolbar-container .dropdown-scrollable {
scrollbar-width: thin;
scrollbar-color: #626262 #121215;
max-height: 390px;
overflow-y: auto;
overflow-x: hidden;
}
.cb-toolbar-container .dropdown-scrollable::-webkit-scrollbar {
width: 6px;
}
.cb-toolbar-container .dropdown-scrollable::-webkit-scrollbar-track {
background: #121215;
border-radius: 20px;
}
.cb-toolbar-container .dropdown-scrollable::-webkit-scrollbar-thumb {
background-color: #626262;
border-radius: 20px;
border: 0;
}
.cb-toolbar-container .dropdown-scrollable::-webkit-scrollbar-thumb:hover {
background-color: #525151;
}
.cb-toolbar-container .dropdown-scrollable .icon-size-4 .icon {
width: 24px !important;
height: 24px !important;
}
.cb-toolbar-container .dropdown-scrollable .icon {
filter: invert(0) !important;
background: #fff;
opacity: 1;
border-radius: 30px;
}
/* course.less */
/* Cards */
.rui-course-card-img-top {
margin: 0;
width: 100%;
height: 220px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
border-radius: 5px 5px 0 0;
}
.block-recentlyaccessedcourses .rui-course-card-img-top, .block_starredcourses .rui-course-card-img-top {
height: 140px;
}
.rui-course-listitem--cat .rui-course-card-img-top {
margin-bottom: -31px;
}
.rui-course-card-img {
margin: 0;
width: 100%;
height: 220px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
border-radius: 5px 5px 0 0;
position: relative;
overflow: hidden;
}
.rui-course-card-img img {
width: auto;
height: 100%;
object-fit: cover;
position: absolute;
}
.rui-course-card-deck {
display: flex;
flex-direction: column;
align-items: stretch;
gap: 20px;
}
.rui-course-card-deck .rui-course-card {
width: 100%;
}
#blocks-dashboardrightblock .rui-course-card-deck {
display: block;
}
.rui-course-card-deck:empty {
display: none;
}
.rui-course-desc {
font-size: 1.125rem;
}
@media (max-width: 767.98px) {
.rui-course-desc {
font-size: 0.938rem;
}
}
.rui-dashboard-bottom .block:first-of-type {
margin-top: 30px;
}
#block-region-dmiddleblocks .block-myoverview .rui-course-card-deck, .page-mycourses .block-myoverview .rui-course-card-deck, .rui-dashboard-main .block-myoverview .rui-course-card-deck, .rui-dashboard-bottom .block-myoverview .rui-course-card-deck, .rui-dashboard-top .block-myoverview .rui-course-card-deck {
display: grid;
flex-direction: column;
align-items: stretch;
grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
gap: 20px;
}
#block-region-dmiddleblocks .block-recentlyaccessedcourses .rui-course-card-deck, #block-region-dmiddleblocks .block_starredcourses .rui-course-card-deck, .page-mycourses .block-recentlyaccessedcourses .rui-course-card-deck, .page-mycourses .block_starredcourses .rui-course-card-deck, .rui-dashboard-main .block-recentlyaccessedcourses .rui-course-card-deck, .rui-dashboard-main .block_starredcourses .rui-course-card-deck, .rui-dashboard-bottom .block-recentlyaccessedcourses .rui-course-card-deck, .rui-dashboard-bottom .block_starredcourses .rui-course-card-deck, .rui-dashboard-top .block-recentlyaccessedcourses .rui-course-card-deck, .rui-dashboard-top .block_starredcourses .rui-course-card-deck {
display: grid;
flex-direction: column;
align-items: stretch;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
gap: 20px;
}
.courses, .rui-category-browse {
position: relative;
}
.courses .rui-course-card-deck, .rui-category-browse .rui-course-card-deck {
display: grid;
flex-direction: column;
align-items: stretch;
grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
gap: 20px;
}
#blocks-dashboardleftblock .block-myoverview .paged-content-page-container, #blocks-dashboardrightblock .block-myoverview .paged-content-page-container {
overflow-x: auto;
}
#blocks-dashboardleftblock .block-myoverview .dropdown-menu, #blocks-dashboardrightblock .block-myoverview .dropdown-menu {
width: 100%;
}
#blocks-dashboardleftblock .block-myoverview .rui-course-card-deck, #blocks-dashboardrightblock .block-myoverview .rui-course-card-deck {
display: grid;
grid-auto-flow: column;
grid-gap: 20px;
}
#blocks-dashboardleftblock .block-myoverview .rui-course-card-deck .dropdown-menu, #blocks-dashboardrightblock .block-myoverview .rui-course-card-deck .dropdown-menu {
width: calc(100% - 8px);
}
#blocks-dashboardleftblock .block-myoverview .rui-course-card-deck .rui-course-card, #blocks-dashboardrightblock .block-myoverview .rui-course-card-deck .rui-course-card {
width: 250px;
}
#blocks-dashboardleftblock .block-myoverview .dropdown, #blocks-dashboardleftblock .block-myoverview .btn, #blocks-dashboardrightblock .block-myoverview .dropdown, #blocks-dashboardrightblock .block-myoverview .btn {
width: 100%;
}
#blocks-dashboardleftblock .block-myoverview .dropdown span, #blocks-dashboardleftblock .block-myoverview .btn span, #blocks-dashboardrightblock .block-myoverview .dropdown span, #blocks-dashboardrightblock .block-myoverview .btn span {
max-width: 180px;
}
.rui-course-card {
padding: 0;
display: grid;
background-color: #fff;
border: 1px solid #E1E1E1;
border-radius: 5px;
position: relative;
}
.block-myoverview .rui-course-card {
display: grid;
}
.course_category_tree .rui-course-card {
display: grid;
overflow: hidden;
}
.theme-dark .rui-course-card {
background-color: #191a1e;
border-color: #2E3134;
}
.rui-course-card .customfield {
padding: 0 20px;
margin-top: 5px;
margin-bottom: 10px;
font-size: 0.75rem;
color: #555353;
}
.theme-dark .rui-course-card .customfield {
color: #555353;
}
.rui-course--list .rui-course-card .customfield {
padding: 0;
margin: 10px 0 0;
}
.rui-course--list .rui-course-card .customfield img {
max-width: 20px;
max-height: 20px;
}
.rui-course-card .customfield .customfieldname {
font-weight: 500;
}
#blocks-dashboardleftblock .rui-course-card, #blocks-dashboardrightblock .rui-course-card {
margin-bottom: 20px;
}
#blocks-dashboardleftblock .rui-course-card:last-of-type, #blocks-dashboardrightblock .rui-course-card:last-of-type {
margin-bottom: 0;
}
.rui-course-card .dropdown {
position: absolute;
top: 0;
right: 0;
}
.rui-course-card-body {
padding: 16px 20px;
position: relative;
border-radius: 5px;
}
.block-recentlyaccessedcourses .rui-course-card-body, .block_starredcourses .rui-course-card-body {
padding: 12px 14px;
}
.rui-course-card--cat .rui-course-card-body, .rui-course-card--noimg .rui-course-card-body {
margin-top: 0;
}
.rui-course-card-body .summary p {
margin-bottom: 0;
}
.rui-course-cat {
margin: 0 20px 20px;
}
.rui-course-card--dimmed {
opacity: 0.5;
transition: opacity 350ms ease;
}
.rui-course-card--dimmed:hover {
opacity: 1;
}
.rui-course-card--dimmed:hover img {
filter: grayscale(0%);
}
.rui-course-card--dimmed img {
filter: grayscale(100%);
}
.rui-course-cat-badge {
display: grid;
padding: 0.25rem 0.5rem;
border-radius: 5px;
background-color: #F5F5F5;
font-size: 0.75rem;
font-weight: 500;
color: #525151;
}
.block-recentlyaccessedcourses .rui-course-cat-badge, .block_starredcourses .rui-course-cat-badge {
font-size: 0.688rem;
}
.theme-dark .rui-course-cat-badge {
background-color: #121215;
color: #aeb3b8;
}
a.rui-course-cat-badge:hover {
background-color: #EEEEEE;
color: #b2b2b2;
text-decoration: none;
}
.theme-dark a.rui-course-cat-badge:hover {
background-color: #17181B;
color: #aeb3b8;
}
.rui-course-hidden-badge {
padding: 0.3rem 0.75rem;
border-radius: 5px;
background-color: #feeded;
font-size: 0.75rem;
font-weight: 500;
color: #ca0d0d;
}
.rui-course-card-progress-bar, .rui-course-card-footer-progress {
width: 100%;
padding: 10px 20px;
border-top: 1px solid #E1E1E1;
align-self: flex-end;
}
.theme-dark .rui-course-card-progress-bar, .theme-dark .rui-course-card-footer-progress {
border-color: #2E3134;
}
.rui-course-listitem .rui-course-card-progress-bar, .rui-course-listitem .rui-course-card-footer-progress {
padding: 0 20px 10px;
border-top: none;
}
.rui-progress-100 .rui-course-card-progress-bar, .rui-progress-100 .rui-course-card-footer-progress {
border-color: #D1ECC0;
}
.rui-customfields-container, .rui-card-course-contacts {
width: 100%;
padding: 10px 20px;
align-self: flex-end;
}
.rui-course-card-footer {
padding: 10px 20px 20px 20px;
width: 100%;
align-self: flex-end;
}
#page-enrol-index .rui-course-card-footer {
display: none;
}
.customfields-container, .rui-customfields-container {
font-size: 0.75rem;
color: #434343;
}
.customfields-container .customfieldname, .rui-customfields-container .customfieldname {
font-weight: 700;
}
.rui-course-card-icons {
position: absolute;
top: 10px;
left: 10px;
z-index: 2;
display: inline-flex;
}
.rui-course-card-icons .icon {
margin-right: 0.35rem;
padding: 6px;
width: 18px;
height: 18px;
color: #fff;
background-color: rgba(0, 0, 0, 0.2);
backdrop-filter: blur(7px);
border-radius: 50%;
}
.rui-course--list .rui-course-card-icons .icon {
background-color: #b2b2b2;
}
.theme-dark .rui-course--list .rui-course-card-icons .icon {
background-color: #121215;
}
.rui-course-card-icons .text-primary:not(.hidden) {
margin-right: 0.35rem;
padding: 6px;
width: 18px;
height: 18px;
color: #fff !important;
display: flex;
align-content: center;
justify-content: center;
background-color: rgba(0, 0, 0, 0.2);
backdrop-filter: blur(7px);
border-radius: 50%;
box-sizing: content-box;
}
.theme-dark .rui-course-card-icons .text-primary:not(.hidden) {
filter: invert(0);
}
.rui-course-card-icons .icon:not(.hidden) {
display: inline-grid;
}
.rui-course-card--noimg .rui-course-card-icons {
position: relative;
top: 0;
left: 0;
}
.rui-course-card--noimg .rui-course-card-icons:empty {
display: none;
}
.rui-course-card-icons--right {
position: absolute;
top: 10px;
right: 10px;
z-index: 3;
display: inline-flex;
font-size: 11px;
}
.rui-course-list .rui-course-card-icons--right {
position: relative;
top: 0;
right: 0;
}
.rui-course-card-icons--right .rui-icon-container {
color: #fff;
font-weight: 700;
text-transform: uppercase;
margin-left: 0.35rem;
padding: 6px;
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
color: #fff;
background-color: rgba(0, 0, 0, 0.2);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border-radius: 50%;
}
.theme-dark .rui-course-card-icons--right .rui-icon-container {
filter: invert(0);
}
.rui-course--list .rui-course-card-icons--right .rui-icon-container {
background-color: #b2b2b2;
}
.theme-dark .rui-course--list .rui-course-card-icons--right .rui-icon-container {
background-color: #121215;
}
.rui-coursemenu-btn {
position: absolute;
top: 10px;
right: 10px;
width: 30px;
height: 30px;
display: inline-grid;
align-content: center;
justify-content: center;
background-color: rgba(0, 0, 0, 0.2);
backdrop-filter: blur(7px);
border: none;
color: #fff;
border-radius: 5px;
}
.rui-course-listitem .rui-coursemenu-btn {
top: 5px;
right: 0;
}
.rui-course-list-body .rui-coursemenu-btn {
top: -10px;
right: 0;
}
.rui-course-list {
padding: 0;
margin: 0;
list-style: none;
}
.rui-course-listitem {
margin: 0 0 5px;
border: 1px solid #E1E1E1;
border-radius: 5px;
}
.theme-dark .rui-course-listitem {
border-color: #2E3134;
}
.rui-course-listitem .rui-course-card-title .icon {
margin-right: 0.35rem;
}
.rui-card-course-contacts {
display: inline-flex;
flex-wrap: wrap;
align-items: center;
}
.rui-card-course-contacts .rui-card-avatar {
width: 40px;
height: 40px;
border-radius: 40px;
position: relative;
border: 3px solid #fff;
}
.theme-dark .rui-card-course-contacts .rui-card-avatar {
border-color: #191a1e;
}
.rui-card-course-contacts .rui-card-contact {
margin-right: -12px;
}
.rui-card-course-contacts .rui-card-contact:hover {
z-index: 3;
}
.rui-course-card-link {
display: flex;
justify-content: space-between;
align-content: center;
}
.rui-course-list-title {
font-size: 0.875rem;
font-weight: 500;
}
.rui-course-list-title a {
color: #212121;
}
.theme-dark .rui-course-list-title a {
color: #E8EAED;
}
.rui-course-list-title a:hover {
color: #561911;
}
.theme-dark .rui-course-list-title a:hover {
color: #ab8c88;
}
.rui-course-card-title {
font-size: 1rem;
font-weight: 500;
}
.block-recentlyaccessedcourses .rui-course-card-title, .block_starredcourses .rui-course-card-title {
font-size: 0.75rem;
}
.rui-course-card-title .theme-primary.icon .theme-dark {
color: #ccbab8;
}
.rui-course-card-title a {
color: #212121;
}
.block-recentlyaccessedcourses .rui-course-card-title a, .block_starredcourses .rui-course-card-title a {
display: grid;
}
.theme-dark .rui-course-card-title a {
color: #E8EAED;
}
.rui-course-card-title a:hover {
color: #561911;
}
.theme-dark .rui-course-card-title a:hover {
color: #ab8c88;
}
.rui-course-card-text {
padding-right: 7px;
margin-bottom: 10px;
max-height: 127px;
overflow-y: auto;
font-size: 0.875rem;
color: #555353;
}
.rui-course-card--noimg .rui-course-card-text {
max-height: 327px;
}
.theme-dark .rui-course-card-text {
color: #9AA0A6;
}
.rui-course-card-text img {
max-width: 100%;
height: auto;
margin-left: 0;
margin-right: 0;
}
.rui-course-list-body {
padding: 20px 20px 0;
}
.rui-course-list-body [data-region="favourite-icon"] {
line-height: 1;
}
.rui-course-list-body .rui-course-card-title .icon:not(.hidden) {
display: inline;
}
.rui-progress-100 {
background: #EAF4DD;
background: linear-gradient(165deg, rgba(255, 255, 255, 0) 69%, #eaf4dd 100%);
}
.theme-dark .rui-progress-100 {
border-color: #005742;
background: #043a2d;
background: linear-gradient(165deg, rgba(25, 26, 30, 0) 69%, #043a2d 100%);
}
/* COURSE CONTENT */
.theme-dark .rui-category-label .icon {
filter: invert(1);
}
.rui-category-label a::after {
display: none;
}
.section_add_menus {
text-align: right;
clear: both;
}
.section-modchooser {
clear: both;
}
.section_add_menus .horizontal div, .section_add_menus .horizontal form {
display: inline;
}
.section_add_menus optgroup {
font-weight: normal;
font-style: italic;
}
/*rtl:ignore*/
.section_add_menus .urlselect {
text-align: left;
margin-left: 0.4em;
}
/*rtl:ignore*/
.section_add_menus .urlselect select {
margin-left: 0.2em;
}
.sitetopic ul.section {
margin: 0;
}
body:not(.editing) .sitetopic ul.section {
padding-left: 0;
}
body:not(.editing) .sitetopic ul.section .label .mod-indent-outer {
padding-left: 0;
}
.section {
/*.filler {
// This must be sized like an icon to fill the space.
width: 16px;
height: 16px;
padding: 0;
margin: 0 ($spacer * 0.5);
display: inline-block;
}*/
}
.section .side.left {
float: left;
}
.section .side.right {
float: right;
clear: right;
}
.section .spinner {
height: 30px;
width: 30px;
}
.section .activity .contentwithoutlink, .section .activity .activityinstance {
min-width: 40%;
display: table-cell;
padding-right: 4px;
min-height: 2em;
}
.section .activity .contentwithoutlink > a, .section .activity .activityinstance > a {
display: inline-block;
text-indent: 0;
padding-left: 0;
font-weight: 700;
color: #212121;
}
.section .activity .contentwithoutlink .dimmed .activityicon, .section .activity .activityinstance .dimmed .activityicon {
opacity: 0.7;
}
.section .activity .stealth {
color: #525151;
}
.section .activity a.stealth, .section .activity a.stealth:hover {
color: #561911 !important;
/* stylelint-disable-line declaration-no-important */
}
.section .activity.indented .activity-item {
border: 0;
}
@media (min-width: 768px) {
.section .activity.indented .activity-item {
margin-left: 70px;
}
}
@media (max-width: 767.98px) {
.section .activity.indented .activity-item {
margin-left: 20px;
}
}
.section .label .contentwithoutlink, .section .label .activityinstance {
display: block;
height: inherit;
}
@media (min-width: 320px) {
.section .label .mod-indent-outer {
display: 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;
}
.activity img.activityicon {
margin: 0 20px 0 0;
}
.section .activity .activityinstance, .section .activity .activityinstance div {
display: inline-block;
}
.activityinstance {
font-size: 1rem;
}
.editing_show + .editing_assign, .editing_hide + .editing_assign {
margin-left: 20px;
}
.section .activity .commands {
white-space: nowrap;
display: inline-block;
}
.section .activity .commands .menubar {
flex-wrap: wrap;
}
.section .activity.modtype_label.label {
padding: 16px;
border-top: none;
border-left: none;
border-right: none;
border-bottom: 1px solid #E1E1E1;
}
.theme-dark .section .activity.modtype_label.label {
border-color: #2E3134;
}
.topics + .single-section {
margin-top: 30px;
}
.section li.activity {
padding: 16px;
margin: 0;
clear: both;
border-bottom: 1px solid #E1E1E1;
}
@media (max-width: 999.98px) {
.section li.activity {
padding: 16px;
}
}
.theme-dark .section li.activity {
border-color: #2E3134;
}
.section li.activity:last-child {
border-bottom: none;
}
.section .activity .activityinstance .groupinglabel {
padding-left: 30px;
}
.section .activity .contentafterlink {
font-size: 0.875rem;
}
.section .activity .availabilityinfo {
font-size: 0.75rem;
}
.section .activity .contentafterlink p {
margin: 0 0 0.25rem 0;
color: #434343;
font-size: 0.875rem;
}
.editing .section .activity:hover, .editing .section .activity.action-menu-shown {
background-color: rgba(0, 0, 0, 0.025);
}
.course-content .current {
position: relative;
z-index: 1;
background-color: #fff;
}
.theme-dark .course-content .current {
background-color: #191a1e;
}
.course-content .current::before {
content: "";
border: 2px solid #561911;
border-radius: 5px;
width: calc(100% + 20px);
height: calc(100% + 20px);
position: absolute;
z-index: -1;
top: -10px;
left: -10px;
}
.course-content .section-summary {
list-style: none;
}
.course-content .section-summary .summary {
margin-top: 5px;
}
.course-content .single-section {
position: relative;
}
.course-content .single-section .section-navigation {
display: flex;
justify-content: space-between;
width: 100%;
}
.course-content .single-section .section-navigation .mdl-left, .course-content .single-section .section-navigation .mdl-right {
display: inline-block;
font-size: 0.875rem;
font-weight: 500;
max-width: 200px;
}
.course-content .single-section .section-navigation .mdl-left a, .course-content .single-section .section-navigation .mdl-right a {
color: #212121;
}
.theme-dark .course-content .single-section .section-navigation .mdl-left a, .theme-dark .course-content .single-section .section-navigation .mdl-right a {
color: #E8EAED;
}
.course-content .single-section .section-navigation .mdl-left a:hover, .course-content .single-section .section-navigation .mdl-right a:hover {
text-decoration: none;
}
.mdl-right .rarrow {
margin-left: 0.5rem;
}
.mdl-left .larrow {
margin-right: 0.5rem;
}
.course-content .single-section .section-navigation .title {
font-weight: 700;
}
.course-content ul li.section.hidden .sectionname > span, .course-content ul li.section.hidden .content > div.summary, .course-content ul li.section.hidden .activity .activityinstance {
color: #525151;
}
.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;
}
.course-content ul.topics li.section .content .rui-section, .course-content ul.weeks li.section .content .rui-section {
margin: 10px 0 30px;
}
@media (min-width: 320px) {
.course-content ul.topics li.section .content > .availabilityinfo, .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;
text-align: right;
width: auto;
}
ul.weeks .section {
margin: 10px 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;
}
.course-content li.section ul {
flex-wrap: wrap;
list-style: disc;
}
.course-content li.section ul ul {
list-style: circle;
}
.course-content li.section ul ul ul {
list-style: square;
}
.course-content li.section li.activity ul {
list-style: disc;
}
.course-content li.section li.activity ul ul {
list-style: circle;
}
.course-content li.section li.activity ul ul ul {
list-style: square;
}
.course-content li.section .right > .icon:first-child {
/* Remove the spacer icon. */
display: none;
}
.path-course-view.editing #region-main > .card-block {
padding-bottom: 13rem;
}
.jumpmenu .form-inline {
display: block;
}
.jumpmenu {
float: none;
max-width: 160px;
}
.completionprogress {
display: inline-flex;
align-items: center;
padding: 0.35rem 0.85rem;
margin-bottom: 1rem;
font-size: 0.75rem;
font-weight: 500;
border-radius: 40px;
background-color: #F5F5F5;
color: #626262;
}
.theme-dark .completionprogress {
background-color: #121215;
color: #17181B;
}
.completionprogress .icon {
margin: 0;
}
#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 {
font-size: 0.875rem;
color: #434343;
text-align: right;
}
.path-course-view .completionprogress .btn-link, .path-course-view .completionprogress [data-fieldtype="submit"] a, [data-fieldtype="submit"] .path-course-view .completionprogress a, .path-course-view .completionprogress .cancel a, .cancel .path-course-view .completionprogress a, .path-course-view .completionprogress #page-mod-quiz-report .gradetheselink, #page-mod-quiz-report .path-course-view .completionprogress .gradetheselink {
margin-left: 0.35rem;
}
.path-site li.activity > div, .path-course-view li.activity > div {
position: relative;
}
.path-course-view li.activity span.autocompletion img {
vertical-align: text-bottom;
margin-left: 0;
width: auto;
height: auto;
}
.path-course-view li.activity form.togglecompletion .btn {
padding: 0;
background-color: transparent;
}
.path-course-view li.activity form.togglecompletion .btn .icon {
margin: 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 */
}
.path-course-view.editing li.activity span.autocompletion img {
/* Use the same spacing as the filler. */
margin-right: 0.5rem;
margin-left: 0.5rem;
}
.path-course-view li.activity form.togglecompletion .ajaxworking {
width: 16px;
height: 16px;
position: absolute;
right: 22px;
top: 3px;
background: url(/theme/image.php/space/core/1752943723/i/ajaxloader) no-repeat;
}
li.section.hidden span.commands a.editing_hide, li.section.hidden span.commands a.editing_show {
cursor: default;
}
.single-section h3.sectionname {
clear: both;
}
.sectionname {
margin: 0;
}
.sectionname a {
color: #212121;
}
.theme-dark .sectionname a {
color: #F5F5F5;
}
.sectionname a:hover {
color: #561911;
}
.theme-dark .sectionname a:hover {
color: #ab8c88;
}
.li.section:first-of-type .sectionname {
margin-top: 0;
}
input.titleeditor {
width: 330px;
vertical-align: text-bottom;
}
span.editinstructions {
position: absolute;
top: -15px;
font-size: 0.875rem;
padding: 0.25rem 0.5rem;
text-decoration: none;
z-index: 10001;
border-radius: 5px;
border: none;
color: #21386d;
background-color: #d9e2f6;
border-color: #cad6f2;
}
span.editinstructions hr {
border-top-color: #b6c6ed;
}
span.editinstructions .alert-link {
color: #152446;
}
.createstep {
margin-top: 1rem;
}
/* Course drag and drop upload styles */
#dndupload-status {
position: fixed;
left: 0;
width: 60%;
margin: 0 20%;
padding: 0.5rem;
font-size: 0.875rem;
text-align: center;
z-index: 1;
border: none;
border-radius: 5px;
color: #21386d;
background-color: #d9e2f6;
border-color: #cad6f2;
}
#dndupload-status hr {
border-top-color: #b6c6ed;
}
#dndupload-status .alert-link {
color: #152446;
}
.dndupload-preview {
list-style: none;
margin-top: 1rem;
margin-bottom: 1rem;
padding: 1rem;
display: inline-flex;
align-items: center;
width: 100%;
background-color: #F5F5F5;
border: 2px dashed #E1E1E1;
border-radius: 5px;
color: #434343;
font-weight: 500;
}
.theme-dark .dndupload-preview {
background-color: #121215;
border: 2px dashed #202124;
color: #aeb3b8;
}
.dndupload-preview .icon {
width: 30px;
height: 30px;
margin-right: 10px;
}
.dndupload-preview .mod-indent {
display: inline-flex;
align-items: center;
}
.dndupload-hidden {
display: none;
}
/* 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;
}
#coursesearch {
margin-top: 1em;
text-align: left;
}
#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 {
padding: 0.5rem;
}
.coursebox > .info > .coursename a {
display: block;
background-image: url(/theme/image.php/space/core/1752943723/i/course);
background-repeat: no-repeat;
padding-left: 21px;
background-position: left 0.2em;
}
.coursebox > .info > .coursename, .coursebox .content .teachers, .coursebox .content .courseimage, .coursebox .content .coursefile, .coursebox .content .customfields-container {
float: left;
clear: left;
}
.coursebox .content .teachers, .coursebox .content .courseimage, .coursebox .content .coursefile, .coursebox .content .customfields-container {
width: 40%;
}
.coursebox > .info > h3.coursename {
margin: 5px;
}
.coursebox > .info > .coursename {
margin: 5px;
padding: 0;
}
.coursebox .content .teachers li {
list-style-type: none;
padding: 0;
margin: 0;
}
.coursebox .moreinfo, .coursebox .enrolmenticons {
padding: 3px 0;
float: right;
}
.coursebox .moreinfo img {
margin: 0 0.2em;
}
.coursebox .content {
clear: both;
}
.coursebox .content .summary, .coursebox .content .coursecat {
float: right;
width: 55%;
}
.coursebox .content .coursecat {
text-align: right;
clear: right;
}
.coursebox.remotecoursebox .remotecourseinfo {
float: left;
width: 40%;
}
.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;
}
.coursebox.remotehost > .info > .categoryname a {
background-image: url(/theme/image.php/space/core/1752943723/i/mnethost);
}
.coursebox.collapsed {
margin-bottom: 0;
}
.coursebox.collapsed > .content {
display: none;
}
.courses .coursebox.collapsed {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.courses .coursebox.even {
background-color: rgba(0, 0, 0, 0.025);
}
.courses > .paging.paging-morelink {
text-align: right;
padding: 0 0 1rem 0;
}
.course_category_tree .category .numberofcourse {
font-size: 0.875rem;
}
.course_category_tree .controls {
visibility: hidden;
}
.course_category_tree .controls div {
display: inline;
cursor: pointer;
}
.jsenabled .course_category_tree .controls {
visibility: visible;
}
.course_category_tree .controls {
margin-bottom: 5px;
text-align: right;
float: right;
}
.course_category_tree .controls div {
padding-right: 2em;
font-size: 75%;
}
.course_category_tree .category.with_children.collapsed > .info > .categoryname {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='%23212121' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
}
.dir-rtl .course_category_tree .category.with_children.collapsed > .info > .categoryname {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.75 12L14.25 7.75V16.25L8.75 12Z' stroke='%23212121' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
}
.theme-dark .course_category_tree .category.with_children.collapsed > .info > .categoryname {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='%23E8EAED' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
}
.dir-rtl.theme-dark .course_category_tree .category.with_children.collapsed > .info > .categoryname {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.75 12L14.25 7.75V16.25L8.75 12Z' stroke='%23E8EAED' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
}
.course_category_tree .category.with_children > .info > .categoryname {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 9.75L16.25 15.25H7.75L12 9.75Z' stroke='%23212121' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
}
.theme-dark .course_category_tree .category.with_children > .info > .categoryname {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 9.75L16.25 15.25H7.75L12 9.75Z' stroke='%23E8EAED' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
}
.course_category_tree .category > .info > .categoryname {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23212121' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M19.25 17.25V9.75C19.25 8.64543 18.3546 7.75 17.25 7.75H4.75V17.25C4.75 18.3546 5.64543 19.25 6.75 19.25H17.25C18.3546 19.25 19.25 18.3546 19.25 17.25Z'%3E%3C/path%3E%3Cpath stroke='%23212121' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M13.5 7.5L12.5685 5.7923C12.2181 5.14977 11.5446 4.75 10.8127 4.75H6.75C5.64543 4.75 4.75 5.64543 4.75 6.75V11'%3E%3C/path%3E%3C/svg%3E%0A");
}
.theme-dark .course_category_tree .category > .info > .categoryname {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M19.25 17.25V9.75C19.25 8.64543 18.3546 7.75 17.25 7.75H4.75V17.25C4.75 18.3546 5.64543 19.25 6.75 19.25H17.25C18.3546 19.25 19.25 18.3546 19.25 17.25Z'%3E%3C/path%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M13.5 7.5L12.5685 5.7923C12.2181 5.14977 11.5446 4.75 10.8127 4.75H6.75C5.64543 4.75 4.75 5.64543 4.75 6.75V11'%3E%3C/path%3E%3C/svg%3E%0A");
}
.course_category_tree .category.with_children.collapsed > .info > .categoryname, .course_category_tree .category.with_children > .info > .categoryname, .course_category_tree .category > .info > .categoryname {
background-color: #fff;
background-size: 24px;
background-repeat: no-repeat;
background-position: 17px;
border: 1px solid #E1E1E1;
position: relative;
width: 100%;
margin: 0.25rem auto;
padding-top: 7px;
padding-left: 46px;
padding-bottom: 7px;
padding-right: 7px;
display: inline-flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
border-radius: 5px;
font-family: "Poppins", sans-serif;
font-weight: 500;
font-size: 1rem;
line-height: 1.5;
color: #212121;
}
.dir-rtl .course_category_tree .category.with_children.collapsed > .info > .categoryname, .dir-rtl .course_category_tree .category.with_children > .info > .categoryname, .dir-rtl .course_category_tree .category > .info > .categoryname {
background-position: calc(100% - 12px);
}
.theme-dark .course_category_tree .category.with_children.collapsed > .info > .categoryname, .theme-dark .course_category_tree .category.with_children > .info > .categoryname, .theme-dark .course_category_tree .category > .info > .categoryname {
background-color: #191a1e;
border-color: #2E3134;
color: #E8EAED;
}
.course_category_tree .category.with_children.collapsed > .info > .categoryname .spinner, .course_category_tree .category.with_children > .info > .categoryname .spinner, .course_category_tree .category > .info > .categoryname .spinner {
position: absolute;
top: 5px;
left: 5px;
width: 12px;
height: 12px;
margin: 0;
}
.course_category_tree .category.collapsed > .content {
display: none;
}
.course_category_tree .category > .info {
clear: both;
}
.course_category_tree .category > .content .wrapper-md {
width: 840px;
}
@media (max-width: 999.98px) {
.course_category_tree .category > .content .wrapper-md {
width: 100%;
}
}
.rui-category-link {
border-radius: 5px;
position: relative;
padding: 4px 7px;
border-radius: 5px;
color: #212121;
}
@media (min-width: 1000px) {
.rui-category-link {
max-width: calc(100% - 250px);
}
}
.theme-dark .rui-category-link {
color: #E8EAED;
}
.rui-category-link:hover {
color: #561911;
background-color: #eee8e7;
}
.theme-dark .rui-category-link:hover {
color: #eee8e7;
background-color: #561911;
}
.rui-category-link:after {
display: none;
}
.rui-number-of-courses {
font-size: 0.75rem;
font-weight: 700;
opacity: 0.7;
}
.rui-course-cat-desc img {
margin: 30px 0 0;
padding: 0;
width: 100%;
height: auto;
border-radius: 5px;
}
/**
* 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;
}
#course-category-listings h4 {
margin: 1rem 0 0;
}
#course-category-listings .moodle-actionmenu {
white-space: nowrap;
}
#course-category-listings .listing-actions {
text-align: right;
}
#course-category-listings .listing-actions .btn {
width: 100%;
}
#course-category-listings .listing-actions.course-detail-listing-actions .btn {
width: auto;
}
#course-category-listings .listing-actions > .moodle-actionmenu {
display: inline-block;
}
#course-category-listings .listing-actions .action-menu {
margin: 5px 0 3px;
display: inline-flex !important;
}
#course-category-listings ul.ml {
list-style: none;
padding: 0 !important;
margin: 1rem 0 1rem 0;
}
#course-category-listings ul.ml ul.ml {
margin: 0;
}
#course-category-listings .course-list div {
align-items: center;
}
#course-category-listings .course-list div .coursename {
margin: 0 !important;
}
#course-category-listings .listitem[data-selected="1"] {
border-left: calc(1px + 5px) solid #561911;
padding-left: calc(1.25rem - 5px);
}
#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-left {
float: left;
}
#course-category-listings .listitem > div > .float-right {
float: right;
text-align: right;
margin-left: auto;
}
#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: #212121;
}
.theme-dark #course-category-listings .listitem > div .without-actions {
color: #E8EAED;
}
#course-category-listings .listitem > div .idnumber {
margin-right: 2em;
}
#course-category-listings .listitem[data-visible="0"] {
opacity: 0.6;
}
#course-category-listings .listitem[data-visible="0"] > div > a {
opacity: 0.6;
}
#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[data-visible="0"], #course-category-listings .listitem[data-visible="1"] {
margin: 0 0 4px 0;
color: #212121;
border: 1px solid #E1E1E1;
border-radius: 5px;
}
#course-category-listings .listitem[data-visible="0"] .custom-control-label::after, #course-category-listings .listitem[data-visible="0"] .custom-control-label::before, #course-category-listings .listitem[data-visible="1"] .custom-control-label::after, #course-category-listings .listitem[data-visible="1"] .custom-control-label::before {
top: 0;
left: -22px;
}
#course-category-listings .listitem[data-visible="0"] .clearfix, #course-category-listings .listitem[data-visible="1"] .clearfix {
width: 100%;
display: flex;
align-items: center;
align-self: center;
flex-wrap: wrap;
}
.theme-dark #course-category-listings .listitem[data-visible="0"], .theme-dark #course-category-listings .listitem[data-visible="1"] {
color: #E8EAED;
border-color: #2E3134;
}
#course-category-listings .listitem[data-visible="0"] a.float-left::after, #course-category-listings .listitem[data-visible="1"] a.float-left::after {
display: none;
}
#course-category-listings .listitem[data-visible="0"] .tree-icon, #course-category-listings .listitem[data-visible="1"] .tree-icon {
width: 18px;
height: 18px;
border-radius: 18px;
display: flex;
align-items: center;
justify-content: center;
background-color: #F5F5F5;
}
.theme-dark #course-category-listings .listitem[data-visible="0"] .tree-icon, .theme-dark #course-category-listings .listitem[data-visible="1"] .tree-icon {
filter: invert(1);
}
#course-category-listings .listitem[data-visible="0"] .tree-icon[aria-hidden="true"], #course-category-listings .listitem[data-visible="1"] .tree-icon[aria-hidden="true"] {
display: none;
}
#course-category-listings .listitem[data-visible="0"] > div > a, #course-category-listings .listitem[data-visible="1"] > div > a {
font-size: 0.75rem;
font-weight: 500;
color: #212121;
}
.theme-dark #course-category-listings .listitem[data-visible="0"] > div > a, .theme-dark #course-category-listings .listitem[data-visible="1"] > div > a {
color: #E8EAED;
}
#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: #aeb3b8;
}
.theme-dark #course-category-listings #course-listing .listitem .categoryname {
color: #aeb3b8;
}
#course-category-listings #course-listing .listitem .coursename {
font-size: 0.875rem;
font-weight: 500;
color: #212121;
display: inline-flex;
align-self: center;
flex-basis: 10rem;
}
.theme-dark #course-category-listings #course-listing .listitem .coursename {
color: #E8EAED;
}
#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 {
padding: 3px 8px 3px 4px;
background-color: #eee8e7;
border-radius: 5px;
font-size: 0.75rem;
font-weight: 500;
color: #434343;
height: 25px;
display: inline-flex;
flex-direction: row-reverse;
align-self: center;
align-items: center;
}
.theme-dark #course-category-listings #category-listing .course-count {
background-color: #121215;
color: #aeb3b8;
}
#course-category-listings #category-listing .course-count .icon {
margin: 0 6px 0 0;
width: 16px;
height: 16px;
}
.theme-dark #course-category-listings #category-listing .course-count .icon {
filter: invert(1);
}
#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: 700;
vertical-align: top;
}
#course-category-listings .detail-pair .pair-key span {
margin-right: 0;
display: block;
font-size: 0.75rem;
text-align: right;
line-height: 1.4;
font-weight: 500;
}
#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: #406CD2;
border-color: #406CD2;
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: #2d59bf;
border-color: #2b54b4;
}
#course-category-listings .listing-pagination .yui3-button:focus, #course-category-listings .listing-pagination .yui3-button.focus {
color: #fff;
background-color: #2d59bf;
border-color: #2b54b4;
box-shadow: 0 0 0 0.2rem rgba(93, 130, 217, 0.5);
}
#course-category-listings .listing-pagination .yui3-button.disabled, #course-category-listings .listing-pagination .yui3-button:disabled {
color: #fff;
background-color: #406CD2;
border-color: #406CD2;
}
#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: #2b54b4;
border-color: #284faa;
}
#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(93, 130, 217, 0.5);
}
#course-category-listings .listing-pagination .yui3-button.active-page {
color: #fff;
background-color: #561911;
border-color: #561911;
}
#course-category-listings .listing-pagination .yui3-button.active-page:hover {
color: #fff;
background-color: #36100b;
border-color: #2b0d09;
}
#course-category-listings .listing-pagination .yui3-button.active-page:focus, #course-category-listings .listing-pagination .yui3-button.active-page.focus {
color: #fff;
background-color: #36100b;
border-color: #2b0d09;
box-shadow: 0 0 0 0.2rem rgba(111, 60, 53, 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: #561911;
border-color: #561911;
}
#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: #2b0d09;
border-color: #210a06;
}
#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(111, 60, 53, 0.5);
}
#course-category-listings .listing-pagination-totals {
margin: 5px 10px 10px;
font-size: 0.75rem;
text-align: right;
opacity: 0.7;
}
#course-category-listings .listing-pagination-totals.dimmed {
margin: 0.4rem 1rem 0.45rem;
}
#course-category-listings .select-a-category .notifymessage, #course-category-listings .select-a-category .alert, #course-category-listings .select-a-category #page-mod-choice-view #notice p, #page-mod-choice-view #notice #course-category-listings .select-a-category p {
margin: 1em;
}
#course-category-listings #course-listing .listitem .drag-handle {
display: none;
}
.jsenabled #course-category-listings #course-listing .listitem .drag-handle {
display: flex;
margin: 0 30px 0 0;
cursor: pointer;
}
/** Management header styling **/
.coursecat-management-header {
vertical-align: middle;
}
.coursecat-management-header h2 {
display: inline-block;
text-align: left;
}
.coursecat-management-header > div {
float: right;
}
.coursecat-management-header > div > div {
margin: 10px 0 10px 1em;
display: inline-block;
}
.coursecat-management-header select {
max-width: 300px;
cursor: pointer;
padding: 0.4em 0.5em 0.45em 1em;
vertical-align: baseline;
white-space: nowrap;
}
.coursecat-management-header .view-mode-selector .moodle-actionmenu {
white-space: nowrap;
display: inline-block;
}
.coursecat-management-header .view-mode-selector .moodle-actionmenu[data-enhanced].show .menu a {
padding-left: 1em;
}
.course-being-dragged-proxy {
border: 0;
color: #561911;
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%;
}
.action-menu-item .action-hide, .action-menu-item .action-show, .course-item-actions .action-hide, .course-item-actions .action-show {
margin: 0 0.5rem;
}
.action-menu-item .action-delete, .course-item-actions .action-delete {
float: right;
margin-left: 0.5rem;
}
.action-menu-item a .rui-icon, .course-item-actions a .rui-icon {
margin: 1px;
padding: 9px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 5px;
background-color: #EEEEEE;
font-size: 0.75rem;
color: #434343;
transition: all 0.2s ease-in-out;
}
.theme-dark .action-menu-item a .rui-icon, .theme-dark .course-item-actions a .rui-icon {
filter: invert(1);
}
.action-menu-item a .rui-icon:hover, .course-item-actions a .rui-icon:hover {
background-color: #E1E1E1;
}
.theme-dark .action-menu-item a .rui-icon:hover, .theme-dark .course-item-actions a .rui-icon:hover {
background-color: #202124;
}
.action-menu-item a.action-delete, .course-item-actions a.action-delete {
background-color: #f45959;
border-radius: 5px;
}
.action-menu-item a.action-delete:hover, .course-item-actions a.action-delete:hover {
background-color: #ef1010;
}
.action-menu-item a.action-delete .rui-icon, .course-item-actions a.action-delete .rui-icon {
background-color: transparent;
filter: invert(1);
}
.action-menu-item a:hover, .course-item-actions a:hover {
text-decoration: none;
}
.activityinstance-title {
font-weight: 500;
color: #212121;
}
.theme-dark .activityinstance-title {
color: #E8EAED;
}
.activityinstance-title:hover {
text-decoration: none;
color: #561911;
}
.rui-section {
margin: 0 0 30px;
padding: 0;
background-color: #fff;
border: 1px solid #E1E1E1;
border-radius: 5px;
list-style: none;
}
.rui-section:last-of-type {
margin-bottom: 0;
}
.theme-dark .rui-section {
background-color: #191a1e;
border: 1px solid #2E3134;
}
.summary + .rui-section {
margin-top: 30px;
}
.rui-single-section--with-nav {
padding: 30px 30px 20px;
border: 1px solid #E1E1E1;
border-radius: 5px;
}
@media (max-width: 999.98px) {
.rui-single-section--with-nav {
padding: 10px;
}
}
.theme-dark .rui-single-section--with-nav {
border: 1px solid #2E3134;
}
.rui-single-section--with-nav .sectionname {
margin-top: 0;
margin-bottom: 1rem;
}
.rui-course-nav-wrapper {
margin: -30px -30px 20px;
padding: 10px;
background-color: #F5F5F5;
}
@media (max-width: 999.98px) {
.rui-course-nav-wrapper {
margin: -10px -10px 20px;
}
}
.theme-dark .rui-course-nav-wrapper {
background-color: #121215;
}
.rui-course-nav-wrapper a {
color: #434343;
}
.theme-dark .rui-course-nav-wrapper a {
color: #aeb3b8;
}
.rui-course-nav-wrapper a:hover {
color: #561911;
text-decoration: none;
}
.theme-dark .rui-course-nav-wrapper a:hover {
color: #ab8c88;
}
.rui-course-nav-btn {
display: inline-flex;
align-items: center;
}
.rui-course-nav-btn-icon {
width: 40px;
height: 40px;
background-color: #fff;
border-radius: 5px;
color: #212121;
display: flex;
justify-content: center;
align-items: center;
}
.theme-dark .rui-course-nav-btn-icon {
background-color: #191a1e;
color: #E8EAED;
}
.rui-course-nav-btn-label {
display: inline-block;
font-size: 0.875rem;
font-weight: 500;
color: inherit;
max-width: 200px;
}
@media (max-width: 999.98px) {
.rui-course-nav-btn-label {
display: none;
}
}
.rui-availabilityinfo {
padding: 7px 16px 7px 10px;
display: inline-flex;
align-items: center;
background-color: #FDF6EA;
border-radius: 5px;
font-size: 0.875rem;
font-weight: 500;
color: #212121;
}
.rui-availabilityinfo.ishidden {
background-color: #F5F5F5;
display: flex;
}
.theme-dark .rui-availabilityinfo.ishidden {
color: #434343;
background-color: #17181B;
}
.rui-availabilityinfo a {
color: #406CD2;
}
.rui-availabilityinfo a:hover {
color: #0642CD;
}
.rui-availabilityinfo.isrestricted {
background-color: #FDF6EA;
margin-top: 10px;
margin-bottom: 10px;
}
.rui-availabilityinfo.isrestricted a {
color: #C3850C;
}
.rui-availabilityinfo.isrestricted a:hover {
color: #93640A;
}
.rui-availabilityinfo .rui-availabilityinfo-text {
margin-top: 1px;
}
.rui-availabilityinfo ul {
margin: 10px 10px 10px 20px;
line-height: 1.8;
}
/* Activity Item Section */
.rui-activity-information {
font-size: 0.75rem;
}
@media (max-width: 767.98px) {
.rui-activity-information {
overflow-x: auto;
}
.rui--activity-is-manual .rui-activity-information {
margin-left: 55px;
}
}
@media (max-width: 767.98px) {
.rui-activity--hascompletion {
width: 100% !important;
}
}
@media (max-width: 767.98px) {
.rui--activity-is-manual .rui-activityinstance {
margin-left: 55px;
}
}
.rui-activityinstance a {
display: flex;
align-items: center;
justify-content: flex-start;
color: #212121;
}
.theme-dark .rui-activityinstance a {
color: #E8EAED;
}
.rui-activityinstance a:hover {
text-decoration: none;
color: #561911;
}
.rui-activityicon {
width: 40px;
height: 40px;
margin-right: 20px;
}
.instancename, .rui-instancename {
font-size: 1rem;
font-weight: 500;
color: #212121;
}
.theme-dark .instancename, .theme-dark .rui-instancename {
color: #E8EAED;
}
@media (max-width: 767.98px) {
.instancename, .rui-instancename {
display: block;
margin: 10px 0;
}
}
@media (min-width: 768px) {
.indented .instancename, .indented .rui-instancename {
font-size: 0.938rem;
}
}
@media (max-width: 767.98px) {
.indented .instancename, .indented .rui-instancename {
font-size: 0.875rem;
}
}
@media (min-width: 768px) {
.section .rui-completion-info, .section .rui-contentafterlink, .section .rui-activity-dates {
margin-left: 60px;
}
}
@media (max-width: 767.98px) {
.section .rui-completion-info, .section .rui-contentafterlink, .section .rui-activity-dates {
margin-left: 0;
}
}
@media (min-width: 768px) {
.section .indented .rui-completion-info, .section .indented .rui-contentafterlink, .section .indented .rui-activity-dates {
margin-left: 50px;
}
}
@media (max-width: 767.98px) {
.section .indented .rui-completion-info, .section .indented .rui-contentafterlink, .section .indented .rui-activity-dates {
margin-left: 0;
}
}
.label .section .rui-contentafterlink {
margin: 0 !important;
}
.label .section .rui-contentafterlink .mediaplugin {
margin: 0 !important;
}
.label .section .contentwithoutlink {
margin: 0 !important;
}
.label .rui-contentafterlink {
margin-left: 0;
}
.rui-pluginname {
font-size: 0.75rem;
font-weight: 500;
color: #555353;
}
.theme-dark .rui-pluginname {
color: #9AA0A6;
}
.resourcelinkdetails {
display: block;
margin-top: 10px;
font-size: 0.75rem;
color: #555353;
}
.rui-contentafterlink {
font-size: 0.875rem;
color: #434343;
}
.theme-dark .rui-contentafterlink {
color: #aeb3b8;
}
.rui-contentafterlink img {
max-width: 100%;
height: auto;
border-radius: 5px;
}
.rui-contentwithoutlink {
font-size: 1.125rem;
}
.rui-section:empty {
display: none;
}
.rui-activity-dates {
margin-left: 4px;
margin-top: 0;
margin-bottom: 0;
display: inline-flex;
flex-wrap: wrap;
align-items: center;
color: #555353;
}
.rui-activity-dates:empty {
display: none;
}
.rui-section .rui-activity-dates {
margin: 10px 60px;
}
@media (max-width: 767.98px) {
.rui-section .rui-activity-dates {
margin: 0 0 20px 0;
}
}
.theme-dark .rui-activity-dates {
color: #9AA0A6;
}
@media (min-width: 768px) {
.rui-activity-dates {
font-size: 0.75rem;
}
}
@media (max-width: 767.98px) {
.rui-activity-dates {
font-size: 0.688rem;
}
}
.rui-activity--hasnotcompletion .rui-activity-dates, .rui--activity-is-automatic .rui-activity-dates {
left: 30px;
}
@media (max-width: 999.98px) {
.rui-activity--hasnotcompletion .rui-activity-dates, .rui--activity-is-automatic .rui-activity-dates {
left: 0;
}
}
@media (max-width: 767.98px) {
.rui-activity--hasnotcompletion .rui-activity-dates, .rui--activity-is-automatic .rui-activity-dates {
position: relative;
}
}
.rui-activity-dates div {
color: #434343;
}
.theme-dark .rui-activity-dates div {
color: #aeb3b8;
}
.rui-activity-dates div strong {
color: #212121;
}
.theme-dark .rui-activity-dates div strong {
color: #E8EAED;
}
.rui-activity-dates div:last-of-type {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23212121' d='M13 12C13 12.5523 12.5523 13 12 13C11.4477 13 11 12.5523 11 12C11 11.4477 11.4477 11 12 11C12.5523 11 13 11.4477 13 12Z'%3E%3C/path%3E%3Cpath fill='%23212121' d='M9 12C9 12.5523 8.55228 13 8 13C7.44772 13 7 12.5523 7 12C7 11.4477 7.44772 11 8 11C8.55228 11 9 11.4477 9 12Z'%3E%3C/path%3E%3Cpath fill='%23212121' d='M17 12C17 12.5523 16.5523 13 16 13C15.4477 13 15 12.5523 15 12C15 11.4477 15.4477 11 16 11C16.5523 11 17 11.4477 17 12Z'%3E%3C/path%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: 10px;
padding-left: 45px;
}
.theme-dark .rui-activity-dates div:last-of-type {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23E8EAED' d='M13 12C13 12.5523 12.5523 13 12 13C11.4477 13 11 12.5523 11 12C11 11.4477 11.4477 11 12 11C12.5523 11 13 11.4477 13 12Z'%3E%3C/path%3E%3Cpath fill='%23E8EAED' d='M9 12C9 12.5523 8.55228 13 8 13C7.44772 13 7 12.5523 7 12C7 11.4477 7.44772 11 8 11C8.55228 11 9 11.4477 9 12Z'%3E%3C/path%3E%3Cpath fill='%23E8EAED' d='M17 12C17 12.5523 16.5523 13 16 13C15.4477 13 15 12.5523 15 12C15 11.4477 15.4477 11 16 11C16.5523 11 17 11.4477 17 12Z'%3E%3C/path%3E%3C/svg%3E%0A");
}
@media (max-width: 767.98px) {
.rui-activity-dates div:last-of-type {
background: none;
margin-top: 2px;
padding-left: 0;
}
}
.rui-conditionalhidden {
position: relative;
background-color: #F5F5F5;
opacity: 0.5;
transition: all 0.2s ease-in-out;
}
.theme-dark .rui-conditionalhidden {
background-color: #121215;
}
.rui-conditionalhidden:hover {
background-color: transparent;
opacity: 1;
}
.rui-conditionalhidden:before {
content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23212121' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M18.6247 10C19.0646 10.8986 19.25 11.6745 19.25 12C19.25 13 17.5 18.25 12 18.25C11.2686 18.25 10.6035 18.1572 10 17.9938M7 16.2686C5.36209 14.6693 4.75 12.5914 4.75 12C4.75 11 6.5 5.75 12 5.75C13.7947 5.75 15.1901 6.30902 16.2558 7.09698'%3E%3C/path%3E%3Cpath stroke='%23212121' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M19.25 4.75L4.75 19.25'%3E%3C/path%3E%3Cpath stroke='%23212121' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M10.409 13.591C9.53033 12.7123 9.53033 11.2877 10.409 10.409C11.2877 9.5303 12.7123 9.5303 13.591 10.409'%3E%3C/path%3E%3C/svg%3E%0A");
background-size: 16px;
background-color: #E1E1E1;
background-position: center;
background-repeat: no-repeat;
position: absolute;
top: 1px;
left: 1px;
border-radius: 5px;
width: 20px;
height: 20px;
}
.theme-dark .rui-conditionalhidden:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M18.6247 10C19.0646 10.8986 19.25 11.6745 19.25 12C19.25 13 17.5 18.25 12 18.25C11.2686 18.25 10.6035 18.1572 10 17.9938M7 16.2686C5.36209 14.6693 4.75 12.5914 4.75 12C4.75 11 6.5 5.75 12 5.75C13.7947 5.75 15.1901 6.30902 16.2558 7.09698'%3E%3C/path%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M19.25 4.75L4.75 19.25'%3E%3C/path%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M10.409 13.591C9.53033 12.7123 9.53033 11.2877 10.409 10.409C11.2877 9.5303 12.7123 9.5303 13.591 10.409'%3E%3C/path%3E%3C/svg%3E%0A");
}
.rui-course-summary:not(:empty) {
margin: 4px 0 16px;
font-size: 1rem;
}
@media (max-width: 767.98px) {
.rui-course-summary:not(:empty) {
font-size: 0.875rem;
}
}
.rui--activity-is-manual {
padding-left: 60px;
}
@media (max-width: 767.98px) {
.rui--activity-is-manual {
padding-left: 0;
}
}
.rui--activity-notautomatic .activity-badges, .rui--activity-is-manual .activity-badges {
padding-left: 60px;
}
.rui--activity-hasdates {
padding-top: 40px;
}
@media (max-width: 767.98px) {
.rui--activity-hasdates {
padding-top: 0;
}
}
.rui-completion-info--manual {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.rui--activity-hasdates .rui-completion-info--manual {
top: 40px;
}
@media (max-width: 767.98px) {
.rui--activity-hasdates .rui-completion-info--manual {
top: 0;
position: absolute;
}
}
.path-mod .rui-completion-info--manual {
width: 30px;
height: 30px;
}
.path-mod .rui-completion-info--manual svg {
width: 30px;
height: 30px;
}
.btn--activity-manual {
padding: 0;
background-color: transparent;
border: none;
color: #555353;
position: absolute;
top: 6px;
left: 0;
}
.theme-dark .btn--activity-manual {
color: #9AA0A6;
}
.btn--activity-manual .loading-icon {
position: relative;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-items: center;
}
.path-grade .rui-activity-wrapper, .path-mod .rui-activity-wrapper {
margin-top: 0;
border: 1px solid #E1E1E1;
border-radius: 5px;
overflow: hidden;
}
@media (min-width: 768px) {
.path-grade .rui-activity-wrapper, .path-mod .rui-activity-wrapper {
padding: 10px 15px;
margin-bottom: 30px;
}
}
@media (max-width: 767.98px) {
.path-grade .rui-activity-wrapper, .path-mod .rui-activity-wrapper {
padding: 5px;
margin-bottom: 10px;
}
}
.path-grade .rui-activity-wrapper:empty, .path-mod .rui-activity-wrapper:empty {
display: none;
}
.path-grade .rui-activity-wrapper.rui-activity--hasnotcompletion, .path-mod .rui-activity-wrapper.rui-activity--hasnotcompletion {
padding-bottom: 0;
border: none;
}
.path-grade .rui-activity-wrapper .automatic-completion-conditions, .path-mod .rui-activity-wrapper .automatic-completion-conditions {
width: 100%;
display: inline-flex;
justify-content: flex-start;
flex-flow: wrap;
}
.path-grade .rui-activity-wrapper .rui-activity-information, .path-mod .rui-activity-wrapper .rui-activity-information {
display: flex;
flex-wrap: wrap;
background-color: #F5F5F5;
border-bottom: 1px solid #E1E1E1;
}
@media (max-width: 999.98px) {
.path-grade .rui-activity-wrapper .rui-activity-information, .path-mod .rui-activity-wrapper .rui-activity-information {
overflow-x: auto;
}
}
@media (min-width: 768px) {
.path-grade .rui-activity-wrapper .rui-activity-information, .path-mod .rui-activity-wrapper .rui-activity-information {
padding: 10px 15px;
margin: -10px -15px 10px;
width: calc(100% + 30px);
}
}
@media (max-width: 767.98px) {
.path-grade .rui-activity-wrapper .rui-activity-information, .path-mod .rui-activity-wrapper .rui-activity-information {
padding: 5px 7px;
margin: -5px -5px 0;
width: calc(100% + 10px);
}
.path-grade .rui-activity-wrapper .rui-activity-information + .rui-completion-info--manual, .path-mod .rui-activity-wrapper .rui-activity-information + .rui-completion-info--manual {
margin-top: 5px;
}
}
.path-grade .rui-activity-wrapper.rui-activity--hasnotcompletion .rui-activity-information, .path-mod .rui-activity-wrapper.rui-activity--hasnotcompletion .rui-activity-information {
margin-bottom: 0;
border-bottom: none;
}
.path-grade .rui-activity-wrapper .rui-activity-dates, .path-grade .rui-activity-wrapper .rui-completion-info--manual, .path-mod .rui-activity-wrapper .rui-activity-dates, .path-mod .rui-activity-wrapper .rui-completion-info--manual {
position: relative;
}
.path-grade .rui-activity-wrapper .rui-activity-dates, .path-mod .rui-activity-wrapper .rui-activity-dates {
left: auto;
}
.path-grade .rui-activity-wrapper .rui-completion-info, .path-mod .rui-activity-wrapper .rui-completion-info {
margin-left: 0;
margin-right: auto;
}
@media (max-width: 767.98px) {
.path-grade .rui-activity-wrapper .rui-completion-info, .path-mod .rui-activity-wrapper .rui-completion-info {
margin-top: 5px;
}
}
@media (max-width: 767.98px) {
.rui-completion-info [data-region="completion-info"] {
overflow-x: auto;
}
.rui-completion-info [data-region="completion-info"] .rui-completion-badges {
width: max-content;
}
}
.theme-dark.path-mod .rui-activity-wrapper {
border-color: #2E3134;
}
.theme-dark.path-mod .rui-activity-information {
background-color: #191a1e;
border-color: #2E3134;
}
/* end of Activity Item Section */
.rui-activity-content {
position: relative;
display: inherit;
}
.rui-activity-content .inplaceeditable-text {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.rui-activity-content .inplaceeditable-text .quickeditlink {
margin-left: 0.35rem;
}
.rui-course-sectionname {
font-size: 1.125rem;
color: #212121;
}
.rui-course-sectionname a {
color: #212121;
}
.theme-dark .rui-course-sectionname a {
color: #F5F5F5;
}
.rui-course-sectionname a:hover {
color: #561911;
}
.theme-dark .rui-course-sectionname a:hover {
color: #ab8c88;
}
.rui-activity-edit-wrapper {
padding: 10px;
margin-bottom: 15px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background-color: #F5F5F5;
border-radius: 5px;
}
.theme-dark .rui-activity-edit-wrapper {
background-color: #121215;
}
.activity:hover .rui-activity-edit-wrapper {
background-color: #E1E1E1;
}
.theme-dark .activity:hover .rui-activity-edit-wrapper {
background-color: #202124;
}
.rui-activity-edit-wrapper .dropdown-btn {
align-items: center;
padding: 10px 18px;
background-color: #fff;
border-radius: 5px;
font-size: 13px;
color: #212121;
}
.theme-dark .rui-activity-edit-wrapper .dropdown-btn {
background-color: #080909;
color: #E8EAED;
}
.rui-activity-edit-wrapper .aabtn.menu-action .icon {
padding: 0;
background-color: transparent;
}
.rui-activity-edit-wrapper .moodle-core-dragdrop-draghandle {
margin-left: 0;
}
@media (max-width: 999.98px) {
.rui-activity-edit-wrapper .moodle-core-dragdrop-draghandle {
margin-bottom: 10px;
}
}
/* Activity Chooser */
.rui-activitychooser-bg {
background-color: #F5F5F5;
border-radius: 5px;
}
.theme-dark .rui-activitychooser-bg {
background-color: #121215;
}
.rui-optionicon {
display: inline-flex;
align-content: center;
}
.rui-optionicon img {
width: 40px;
height: 40px;
margin-right: 10px;
margin-left: 3px;
}
.rui-optionname {
font-size: 0.875rem;
font-weight: 500;
line-height: 1.2;
color: #212121;
}
.theme-dark .rui-optionname {
color: #E8EAED;
}
/* Course Format - Topics */
.course-card-link:hover {
text-decoration: none;
}
.course-card-link:hover .rui-course-format-card {
width: 100%;
background-color: #eee8e7;
border-color: #ddd1cf;
}
.theme-dark .course-card-link:hover .rui-course-format-card {
background-color: #340f0a;
border-color: #ddd1cf;
}
.course-card-link:hover .course-progressbar-wrapper {
background-color: #fff;
}
.theme-dark .course-card-link:hover .course-progressbar-wrapper {
background-color: #121215;
}
.rui-section-summary-activities {
margin: 15px -20px 0;
padding: 15px 20px 0;
border-top: 2px dashed #E1E1E1;
font-size: 0.75rem;
color: #555353;
}
.theme-dark .rui-section-summary-activities {
color: #9AA0A6;
border-color: #2E3134;
}
.rui-section-summary-activities .activity-count {
margin-right: 0.5rem;
padding-right: 0.5rem;
border-right: 1px solid #E1E1E1;
}
.theme-dark .rui-section-summary-activities .activity-count {
border-color: #2E3134;
}
.rui-section-summary-activities .activity-count:last-of-type {
margin-right: 0;
padding-right: 0;
border-right: none;
}
.rui-progress--complete {
padding: 3px;
font-weight: 700;
}
.rui-progress--total {
padding: 3px;
font-weight: 700;
opacity: 0.7;
}
ul.sections {
padding: 0;
}
.format-multitopic .completionprogress {
margin: 10px 0;
}
.format-multitopic .sections .section_subtitle {
display: block;
margin-top: 10px;
font-family: "Poppins", sans-serif;
font-weight: 400;
font-size: 0.75rem;
color: #555353;
}
.format-multitopic .section-topic-timed {
margin: 10px 0;
padding: 10px;
border: 1px solid #E1E1E1;
border-radius: 5px;
}
.theme-dark .format-multitopic .section-topic-timed {
border-color: #2E3134;
}
.format-multitopic .section-topic-timed .summary, .format-multitopic .section-topic-timed .comntent .rui-section {
padding: 10px 25px;
}
.format-multitopic .section-topic-timed.section-expanded {
border: 2px solid #ccbab8;
}
.format-multitopic .section-topic-timed .rui-main-content-title {
margin: 10px 40px 10px 25px;
}
.format-multitopic .section-topic-timed .rui-section {
margin-bottom: 0;
}
.format-multitopic .section-topic-timed .rui-title-container {
position: relative;
margin-bottom: 0;
}
.format-multitopic .section-topic-timed .rui-title-container .icon {
position: absolute;
top: 5px;
right: 5px;
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
background-color: #F5F5F5;
border-radius: 30px;
}
.theme-dark .format-multitopic .section-topic-timed .rui-title-container .icon {
background-color: #121215;
}
.format-multitopic .section-topic-timed .rui-activity-dates {
left: 60px;
}
.editing .weeks .rui-title-container {
margin: 30px 0 10px;
padding: 10px;
}
.rui-course-content-intro {
padding: 0;
margin-bottom: 30px;
}
.rui-course-content-intro .rui-section {
margin-top: 15px;
}
.rui-course-content-intro .rui-title-container {
margin-bottom: 10px;
}
.rui-course-content-intro .rui-section-summary-activities {
margin: 15px 0 0;
padding: 5px 8px;
width: 100%;
background-color: #F5F5F5;
border: none;
border-radius: 5px;
}
.theme-dark .rui-course-content-intro .rui-section-summary-activities {
background-color: #121215;
}
.rui-course-content-intro .rui-main-content-title--h4 {
font-size: 1.125rem;
}
.rui-course-content-intro .summarytext {
font-size: 1rem;
}
.rui-title-container + .fieldset-styled {
margin-top: 20px;
}
.rui-main-content-title--h4 {
font-weight: 500;
}
.format-collapsibleweeks .collapsibleweeks .rui-activity-dates {
left: 77px;
}
.course-content ul.collapsibleweeks .content .summarytext {
margin: 10px 0;
}
body.editing ul.collapsibleweeks .content .summarytext {
margin-left: 0;
}
.course-content ul.collapsibleweeks li.section .content {
margin: 0 0 10px;
padding: 15px 20px;
}
body:not(.editing) .course-content ul.collapsibleweeks li.section .content:hover {
transform: translateY(-3px);
}
.course-content ul.collapsibleweeks li.section .right {
padding: 0;
}
.course-content ul.collapsibleweeks a.sectiontoggle {
margin: 0;
}
body.editing .course-content ul.collapsibleweeks li.section .left.side {
margin-left: 10px;
}
body.editing .course-content ul.collapsibleweeks li.section .left.side .moodle-core-dragdrop-draghandle {
margin-right: 20px;
}
.course-content ul.collapsibleweeks li.section .sectionname:empty {
display: none;
}
.collapsibleweeks .progress {
display: none;
}
.rui-sectiontoggle {
display: block;
padding: 0 !important;
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 9.75L16.25 15.25H7.75L12 9.75Z' stroke='%23212121' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E") !important;
background-position: right !important;
background-repeat: no-repeat;
background-size: 16px !important;
background-color: transparent;
}
.rui-sectiontoggle.collapsed {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='%23212121' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E") !important;
}
.rui-sectiontoggle:hover {
text-decoration: none;
}
.rui-sectiontoggle, .course-content .collapsible-actions a.collapseall {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 9.75L16.25 15.25H7.75L12 9.75Z' stroke='%23212121' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E") !important;
}
.course-content .collapsible-actions a.collapseall {
background-position: 0 !important;
background-size: 18px !important;
}
.catlevel1 li {
padding: 0.35rem 0;
margin: 0.35rem;
}
.catlevel1 li .itemicon {
margin-right: 0.35rem;
width: 30px;
height: 30px;
}
.rui-category-actions {
margin-top: 10px;
margin-left: 105px;
width: 100%;
position: relative;
}
.rui-category-actions .course-item-actions {
width: 100%;
}
.rui-category-actions .course-item-actions .action-delete {
position: absolute;
right: 0;
}
.course-item-actions {
display: inline-flex;
}
.errorbox {
padding: 0.55rem 1.25rem;
margin-top: 30px;
background-color: #feeded;
position: relative;
border: 1px solid transparent;
border-radius: 5px;
font-size: 0.875rem;
font-weight: 500;
color: #680505;
}
.theme-dark .errorbox {
background-color: #680505;
color: #feeded;
}
#page-course-recent .list-unstyled li {
padding: 0.5rem 0;
font-size: 0.875rem;
font-weight: 500;
}
#page-course-recent .list-unstyled li .rui-icon-container {
margin-right: 0.25rem;
}
.block-add {
width: 100%;
margin: 0.35rem 0;
border-radius: 5px;
background-color: #ddd1cf;
border-width: 1px;
}
.theme-dark .block-add {
background-color: #202124;
}
.block-add .pluscontainer {
border: 1px solid #ccbab8;
}
.block-add:hover {
cursor: pointer;
background-color: #eee8e7;
}
.theme-dark .block-add:hover {
color: #E8EAED;
background-color: #121215;
}
.block-add:hover .activity-add-text {
text-decoration: underline;
}
.section-collapsemenu .collapseall {
display: block;
}
.section-collapsemenu .expandall {
display: none;
}
.section-collapsemenu.collapsed .collapseall {
display: none;
}
.section-collapsemenu.collapsed .expandall {
display: block;
}
.rui-course-header-btn {
margin: 0.35rem 0;
padding: 12px 16px;
width: 100%;
flex-direction: row-reverse;
justify-content: space-between;
background-color: #F5F5F5;
border-radius: 5px;
color: #212121;
}
.theme-dark .rui-course-header-btn {
background-color: #121215;
color: #E8EAED;
}
.rui-course-header-btn .sectionname {
font-family: "Poppins", sans-serif;
font-weight: 500;
font-size: 0.9rem;
}
.rui-course-header-btn:hover {
background-color: #eee8e7;
text-decoration: none;
}
.theme-dark .rui-course-header-btn:hover {
background-color: #17181B;
color: #2b0d09;
}
.rui-course-header-btn .rui-course-header-btn-icon {
display: flex;
align-items: center;
justify-content: center;
color: #555353;
}
.theme-dark .rui-course-header-btn .rui-course-header-btn-icon {
color: #9AA0A6;
}
.editing .a {
cursor: pointer;
}
.section .draggable .activity-item .dragicon {
display: none;
}
.theme-dark .section .draggable .activity-item .dragicon .icon {
filter: invert(1);
}
.dragicon .icon {
width: 20px;
height: 20px;
border-radius: 20px;
padding: 4px;
display: flex;
justify-content: center;
align-items: center;
background-color: #fff;
box-shadow: rgba(0, 0, 0, 0.26) 0 9px 16px, rgba(0, 0, 0, 0.2) 0 2px 3px;
}
.theme-dark .dragicon .icon {
filter: invert(1);
box-shadow: none;
}
.courseindex .courseindex-item .dragicon {
position: absolute;
top: 0;
right: 0;
}
.courseindex .courseindex-item.dimmed {
opacity: 1 !important;
}
.courseindex .courseindex-item.dimmed .courseindex-chevron, .courseindex .courseindex-item.dimmed .courseindex-link {
opacity: 1 !important;
color: #555353;
}
.theme-dark .courseindex .courseindex-item.dimmed .courseindex-chevron, .theme-dark .courseindex .courseindex-item.dimmed .courseindex-link {
color: #9AA0A6;
}
.courseindex .courseindex-item.dimmed .courseindex-name {
color: #555353;
}
.theme-dark .courseindex .courseindex-item.dimmed .courseindex-name {
color: #9AA0A6;
}
.courseindex .courseindex-item.dimmed:not(.restrictions) {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23212121' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M18.6247 10C19.0646 10.8986 19.25 11.6745 19.25 12C19.25 13 17.5 18.25 12 18.25C11.2686 18.25 10.6035 18.1572 10 17.9938M7 16.2686C5.36209 14.6693 4.75 12.5914 4.75 12C4.75 11 6.5 5.75 12 5.75C13.7947 5.75 15.1901 6.30902 16.2558 7.09698'%3E%3C/path%3E%3Cpath stroke='%23212121' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M19.25 4.75L4.75 19.25'%3E%3C/path%3E%3Cpath stroke='%23212121' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M10.409 13.591C9.53033 12.7123 9.53033 11.2877 10.409 10.409C11.2877 9.5303 12.7123 9.5303 13.591 10.409'%3E%3C/path%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: 220px;
z-index: 1;
}
.theme-dark .courseindex .courseindex-item.dimmed:not(.restrictions) {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M18.6247 10C19.0646 10.8986 19.25 11.6745 19.25 12C19.25 13 17.5 18.25 12 18.25C11.2686 18.25 10.6035 18.1572 10 17.9938M7 16.2686C5.36209 14.6693 4.75 12.5914 4.75 12C4.75 11 6.5 5.75 12 5.75C13.7947 5.75 15.1901 6.30902 16.2558 7.09698'%3E%3C/path%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M19.25 4.75L4.75 19.25'%3E%3C/path%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M10.409 13.591C9.53033 12.7123 9.53033 11.2877 10.409 10.409C11.2877 9.5303 12.7123 9.5303 13.591 10.409'%3E%3C/path%3E%3C/svg%3E");
}
.courseindex .courseindex-item.dimmed:not(.restrictions) .courseindex-name {
color: #555353;
}
.theme-dark .courseindex .courseindex-item.dimmed:not(.restrictions) .courseindex-name {
color: #9AA0A6;
}
.activity-item.hiddenactivity .activity-instance, .activity-item.hiddenactivity .rui-contentafterlink {
opacity: 0.6;
}
.section-modchooser {
font-weight: 500;
color: #434343;
}
.theme-dark .section-modchooser {
color: #aeb3b8;
}
.section-modchooser:hover {
color: #561911;
}
.theme-dark .section-modchooser:hover {
color: #ccbab8;
}
.section-modchooser:hover .pluscontainer {
background-color: #ab8c88;
}
.section-modchooser .pluscontainer {
background-color: #561911;
width: 40px;
height: 40px;
border-radius: 40px;
display: flex;
align-items: center;
justify-content: center;
}
.section-modchooser .pluscontainer img {
filter: invert(1);
}
.theme-dark .section-modchooser .pluscontainer {
background-color: #000;
}
.rui-hidden-badge {
margin-left: 60px;
}
.modtype_label .rui-hidden-badge {
margin-left: 0;
}
@media (max-width: 767.98px) {
.rui-hidden-badge {
margin-left: 0;
}
}
.subcategories .subcategories {
margin-left: 30px;
}
.dir-rtl .subcategories .subcategories {
margin-left: 0;
margin-right: 30px;
}
.activityname .inplaceeditable {
display: inline-flex;
}
.rui-course-cover {
width: 100%;
height: 50vh;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
border-radius: 5px;
}
#page-course-view-remuiformat .rui-course-cover {
display: none;
}
.activity:focus-within + .activity div.divider button, .course-section-header:focus-within + .content .section .activity:first-child div.divider button, .content .section .activity:focus-within div.divider button {
visibility: visible;
}
.activity div.divider {
height: 2rem;
margin-top: -1.25rem;
margin-bottom: -0.75rem;
z-index: 5;
}
.activity div.divider button {
border-radius: 100%;
background-color: #561911;
width: 40px;
height: 40px;
position: absolute;
top: -14px;
left: calc(50% - 20px);
opacity: 0;
visibility: hidden;
transition: visibility 0.1s;
margin: 0;
padding: 0;
}
.activity div.divider button img {
width: 24px;
height: 24px;
filter: invert(1);
}
.activity:not(.dragging) div.divider:hover button, .activity:not(.dragging) div.divider:focus button, .activity:not(.dragging) div.divider:focus-within button {
opacity: 1;
visibility: visible;
}
.bulkenabled .bulk-hidden {
display: none !important;
}
.activity-item .bulkselect {
position: absolute;
left: -2rem;
}
.course-section-header .bulkselect {
left: -2rem;
position: relative;
width: 0;
}
@media (max-width: 767.98px) {
.bulkenabled .course-content {
margin-left: 2rem;
}
}
.rui-forum-nav-btns {
white-space: pre-wrap;
position: relative;
}
.subcategories .category.loaded {
border: 2px solid #EEEEEE;
margin-bottom: 4px;
padding: 4px 9px 9px;
border-radius: 5px;
}
.theme-dark .subcategories .category.loaded {
border-color: #2E3134;
}
.subcategories .category.loaded.collapsed {
padding: 0;
border: 0;
}
.picturesingle img {
max-width: 100%;
border-radius: 5px;
}
.recordauthor {
margin-bottom: 1rem;
padding: 0.35rem;
border-radius: 5px;
border: 1px solid #E1E1E1;
}
.recordauthor a {
display: inline-flex;
}
#page-mod-data-view .jsenabled .comment-link {
margin-top: 2rem;
}
.data-timeinfo {
font-size: 0.875rem;
color: #555353;
}
.theme-dark .data-timeinfo {
color: #9AA0A6;
}
.imagegallery-listentry .card-title {
font-size: 0.938rem !important;
}
#imagegallery-list img.list_picture {
border-radius: 5px 5px 0 0;
}
#page-mod-data-view .datapreferences #options label, #page-mod-data-view .datapreferences #options .font-weight-bold {
font-size: 0.75rem;
margin: 5px;
}
#page-mod-data-view .datapreferences #options .custom-select, #page-mod-data-view .datapreferences #options .form-control {
padding: 8px 12px;
height: auto;
font-size: 0.75rem;
}
#page-mod-data-view .datapreferences #options .custom-select {
padding-right: 20px;
}
#page-mod-data-view .datapreferences #options .btn {
padding: 6px 14px;
font-size: 0.75rem;
}
#page-mod-data-view .datapreferences #options [type="checkbox"] {
width: 20px;
height: 20px;
}
.imagegallery-asearch {
padding: 16px;
border-radius: 5px;
background-color: #F5F5F5;
}
.theme-dark .imagegallery-asearch {
background-color: #121215;
}
/* Anchor link offset fix. This makes hash links scroll 60px down to account for the fixed header. */
:target {
scroll-margin-top: 69px;
}
.pagelayout-embedded :target {
padding-top: initial;
margin-top: initial;
}
#nav-drawer.closed {
left: -305px;
}
@media (max-width: 767.98px) {
#nav-drawer.closed {
left: -100%;
}
}
#nav-drawer[aria-hidden=true] .list-group-item {
display: none;
}
[data-region="drawer"] {
position: fixed;
width: 285px;
top: 59px;
height: calc(100% - 59px);
overflow-y: initial;
-webkit-overflow-scrolling: touch;
z-index: 1099;
transition: right 350ms ease, left 350ms ease;
}
@media (prefers-reduced-motion: reduce) {
[data-region="drawer"] {
transition: none;
}
}
@media (min-width: 320px) {
.jsenabled .btn-footer-popover {
transition: 350ms;
}
}
@media (min-width: 320px) and (prefers-reduced-motion: reduce) {
.jsenabled .btn-footer-popover {
transition: none;
}
}
#nav-drawer {
position: fixed;
z-index: 1030;
width: 285px;
top: 0;
right: auto;
left: 0;
height: 100%;
background-color: #F5F5F5;
transition: right 350ms ease, left 350ms ease;
/* Override the z-indexes defined in bootstrap/_list-group.scss that
lead to side effects on the user tours positioning. */
}
@media (max-width: 999.98px) {
#nav-drawer {
top: 59px;
z-index: 1130;
}
}
@media (max-width: 767.98px) {
#nav-drawer {
width: 100%;
}
}
.theme-dark #nav-drawer {
background-color: #121215;
}
#nav-drawer .nav-drawer-container {
max-height: 100vh;
overflow-y: auto;
overflow-x: hidden;
padding-right: 25px;
margin: 0 0 0 25px;
scrollbar-width: thin;
scrollbar-color: #626262 #F5F5F5;
}
@media (max-width: 999.98px) {
#nav-drawer .nav-drawer-container {
max-height: calc(100vh - 55px);
}
}
#nav-drawer .nav-drawer-container::-webkit-scrollbar {
width: 6px;
}
#nav-drawer .nav-drawer-container::-webkit-scrollbar-track {
background: #F5F5F5;
border-radius: 20px;
}
#nav-drawer .nav-drawer-container::-webkit-scrollbar-thumb {
background-color: #626262;
border-radius: 20px;
border: 0;
}
#nav-drawer .nav-drawer-container::-webkit-scrollbar-thumb:hover {
background-color: #525151;
}
.theme-dark #nav-drawer .nav-drawer-container {
scrollbar-width: thin;
scrollbar-color: #626262 #121215;
}
.theme-dark #nav-drawer .nav-drawer-container::-webkit-scrollbar {
width: 6px;
}
.theme-dark #nav-drawer .nav-drawer-container::-webkit-scrollbar-track {
background: #121215;
border-radius: 20px;
}
.theme-dark #nav-drawer .nav-drawer-container::-webkit-scrollbar-thumb {
background-color: #626262;
border-radius: 20px;
border: 0;
}
.theme-dark #nav-drawer .nav-drawer-container::-webkit-scrollbar-thumb:hover {
background-color: #525151;
}
#nav-drawer .rui-custom-sidebar-content a {
color: #561911;
}
#nav-drawer .rui-custom-sidebar-content a:after {
background-color: #561911;
}
.theme-dark #nav-drawer .rui-custom-sidebar-content a {
color: #ab8c88;
}
.theme-dark #nav-drawer .rui-custom-sidebar-content a:after {
background-color: #ab8c88;
}
#nav-drawer .rui-custom-sidebar-content a:hover {
color: #561911;
}
.theme-dark #nav-drawer .rui-custom-sidebar-content a:hover {
color: #ab8c88;
}
#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 350ms ease, margin-right 350ms ease;
}
@media (prefers-reduced-motion: reduce) {
body.drawer-ease {
transition: none;
}
}
@media (min-width: 1000px) {
body:not(.uses-drawers).drawer-open-left {
margin-left: 285px;
}
}
@media (min-width: 1000px) {
body.drawer-open-left, body.drawer-courseindex--open, body.drawer-open-index--open {
margin-left: 285px;
overflow-x: hidden;
}
}
@media (min-width: 1600px) {
body.drawer-open-right #page.drawers {
margin-right: 315px;
}
}
[data-region=right-hand-drawer] {
display: flex;
flex-direction: column;
transition: right 350ms ease;
}
@media (prefers-reduced-motion: reduce) {
[data-region=right-hand-drawer] {
transition: none;
}
}
[data-region=right-hand-drawer].drawer {
position: fixed;
top: 59px;
right: 0;
height: calc(100% - 59px);
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 350ms ease, visibility 0s ease 350ms, opacity 0s ease 350ms;
}
@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%;
}
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 {
transition: left 350ms ease, right 350ms ease, top 350ms ease, bottom 350ms ease, visibility 350ms ease;
z-index: 1251;
position: fixed;
}
@media (prefers-reduced-motion: reduce) {
.drawer {
transition: none;
}
}
@media (max-width: 1199.98px) {
.drawer {
top: 0;
height: 100vh;
}
}
@media (max-width: 999.98px) {
.drawer {
top: 59px;
height: calc(100% - 59px);
}
}
.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;
}
}
@media (min-width: 1200px) {
.drawer.drawer-right {
z-index: 1059;
}
}
@media (max-width: 1199.98px) {
.drawer.drawer-right {
z-index: 1200;
}
}
.drawer.drawer-right.show {
right: 0;
visibility: visible;
}
.drawer.drawer-right .drawertoggle {
margin-left: auto;
}
.drawer.drawer-left {
background-color: #F5F5F5;
visibility: hidden;
}
@media (min-width: 1000px) {
.drawer.drawer-left {
width: 285px;
max-width: 285px;
left: calc(-285px + -10px);
}
}
@media (max-width: 999.98px) {
.drawer.drawer-left {
width: 320px;
max-width: 320px;
left: calc(-320px - 10px);
border-radius: 5px;
}
}
.theme-dark .drawer.drawer-left {
background-color: #121215;
border-radius: 0 5px 0 0;
}
.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;
}
@media (min-width: 1200px) {
.drawer {
z-index: 3;
}
.drawer#theme_space-drawers-blocks:focus-within {
position: absolute;
}
.drawer#theme_space-drawers-blocks:focus-within .drawercontent {
z-index: auto;
}
.drawer.not-initialized {
display: block;
}
}
.drawer-md, .drawer-sm {
display: none;
}
.drawerheader {
padding: 0;
height: 59px;
display: flex;
align-items: center;
}
.drawer.scrolled .drawerheader {
box-shadow: 0 8px 11px -7px rgba(0, 0, 0, 0.25);
}
@media (max-width: 999.98px) {
.drawer-md {
display: block;
transition: left 350ms ease, right 350ms ease, top 350ms ease, bottom 350ms ease, visibility 350ms ease;
z-index: 1251;
position: fixed;
}
.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;
}
.drawer-md.drawer-left {
background-color: #F5F5F5;
visibility: hidden;
}
.theme-dark .drawer-md.drawer-left {
background-color: #121215;
border-radius: 0 5px 0 0;
}
.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;
}
}
@media (max-width: 999.98px) and (prefers-reduced-motion: reduce) {
.drawer-md {
transition: none;
}
}
@media (max-width: 999.98px) and (max-width: 1199.98px) {
.drawer-md {
top: 0;
height: 100vh;
}
}
@media (max-width: 999.98px) and (max-width: 999.98px) {
.drawer-md {
top: 59px;
height: calc(100% - 59px);
}
}
@media (max-width: 999.98px) and (prefers-reduced-motion: reduce) {
.drawer-md.drawer-right {
transition: none;
}
}
@media (max-width: 999.98px) and (min-width: 1200px) {
.drawer-md.drawer-right {
z-index: 1059;
}
}
@media (max-width: 999.98px) and (max-width: 1199.98px) {
.drawer-md.drawer-right {
z-index: 1200;
}
}
@media (max-width: 999.98px) and (min-width: 1000px) {
.drawer-md.drawer-left {
width: 285px;
max-width: 285px;
left: calc(-285px + -10px);
}
}
@media (max-width: 999.98px) and (max-width: 999.98px) {
.drawer-md.drawer-left {
width: 320px;
max-width: 320px;
left: calc(-320px - 10px);
border-radius: 5px;
}
}
@media (max-width: 767.98px) {
.drawer-sm {
display: block;
transition: left 350ms ease, right 350ms ease, top 350ms ease, bottom 350ms ease, visibility 350ms ease;
z-index: 1251;
position: fixed;
}
.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;
}
.drawer-sm.drawer-left {
background-color: #F5F5F5;
visibility: hidden;
}
.theme-dark .drawer-sm.drawer-left {
background-color: #121215;
border-radius: 0 5px 0 0;
}
.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;
}
}
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
.drawer-sm {
transition: none;
}
}
@media (max-width: 767.98px) and (max-width: 1199.98px) {
.drawer-sm {
top: 0;
height: 100vh;
}
}
@media (max-width: 767.98px) and (max-width: 999.98px) {
.drawer-sm {
top: 59px;
height: calc(100% - 59px);
}
}
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
.drawer-sm.drawer-right {
transition: none;
}
}
@media (max-width: 767.98px) and (min-width: 1200px) {
.drawer-sm.drawer-right {
z-index: 1059;
}
}
@media (max-width: 767.98px) and (max-width: 1199.98px) {
.drawer-sm.drawer-right {
z-index: 1200;
}
}
@media (max-width: 767.98px) and (min-width: 1000px) {
.drawer-sm.drawer-left {
width: 285px;
max-width: 285px;
left: calc(-285px + -10px);
}
}
@media (max-width: 767.98px) and (max-width: 999.98px) {
.drawer-sm.drawer-left {
width: 320px;
max-width: 320px;
left: calc(-320px - 10px);
border-radius: 5px;
}
}
.drawercontent {
position: relative;
z-index: 3;
height: calc(100% - 59px);
display: flex;
flex-direction: column;
flex-wrap: nowrap;
overflow-y: auto;
padding: 0 1rem 1rem 1rem;
scrollbar-width: thin;
scrollbar-color: #626262 #F5F5F5;
}
.drawercontent .dropdown-menu .dropdown-item {
width: 220px;
white-space: normal;
}
.drawercontent::-webkit-scrollbar {
width: 6px;
}
.drawercontent::-webkit-scrollbar-track {
background: #F5F5F5;
border-radius: 20px;
}
.drawercontent::-webkit-scrollbar-thumb {
background-color: #626262;
border-radius: 20px;
border: 0;
}
.drawercontent::-webkit-scrollbar-thumb:hover {
background-color: #525151;
}
.rui-drawer-logo {
padding: 10px 16px;
margin: 16px 0 20px;
}
.nav-drawer-wrapper {
margin: 40px 0;
}
.message-drawer-backdrop {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1130;
background-color: rgba(0, 0, 0, 0.6);
cursor: e-resize;
}
.layout.fullscreen .message-drawer-backdrop {
display: none;
z-index: -1;
}
.rui-flatnavigation {
list-style: none;
padding: 3px;
margin: 0;
}
.rui-flatnavigation-box {
background-color: #fff;
border-radius: 5px;
}
.theme-dark .rui-flatnavigation-box {
background-color: #17181B;
}
.rui-course-wrapper {
max-height: 249px;
overflow-y: auto;
}
.rui-course-wrapper .alert, .rui-course-wrapper #page-mod-choice-view #notice p, #page-mod-choice-view #notice .rui-course-wrapper p {
font-size: 0.75rem;
}
.rui-sidebar-nav-item {
margin: 1px 0;
}
.rui-sidebar-nav-item-link {
padding: 0.35rem;
margin: 1px 0;
display: inline-flex;
width: 100%;
align-items: center;
font-size: 0.75rem;
font-weight: 500;
color: #434343;
word-break: break-word;
background-color: transparent;
border: none;
border-radius: 5px;
}
.theme-dark .rui-sidebar-nav-item-link {
color: #E8EAED;
}
.rui-sidebar-nav-item-link .rui-sidebar-nav-icon {
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
margin-right: 5px;
color: #434343;
opacity: 0.7;
transition: color 350ms ease;
}
.theme-dark .rui-sidebar-nav-item-link .rui-sidebar-nav-icon {
color: #E8EAED;
}
.rui-sidebar-nav-item-link.rui-course-list-past .rui-sidebar-nav-icon {
color: #027654;
}
.theme-dark .rui-sidebar-nav-item-link.rui-course-list-past .rui-sidebar-nav-icon {
color: #EAF4DD;
}
.rui-sidebar-nav-item-link.active, .rui-sidebar-nav-item-link:hover {
border: none;
background-color: #eee8e7;
color: #561911;
text-decoration: none;
}
.theme-dark .rui-sidebar-nav-item-link.active, .theme-dark .rui-sidebar-nav-item-link:hover {
background-color: #561911;
color: #eee8e7;
}
.rui-sidebar-nav-item-link.active .rui-sidebar-nav-icon, .rui-sidebar-nav-item-link:hover .rui-sidebar-nav-icon {
color: #784741;
}
.theme-dark .rui-sidebar-nav-item-link.active .rui-sidebar-nav-icon, .theme-dark .rui-sidebar-nav-item-link:hover .rui-sidebar-nav-icon {
color: #eee8e7 !important;
}
.rui-sidebar-nav-item-link--sm {
font-size: 0.75rem;
}
.rui-sidebar-nav-text, .rui-course-menu-list-text {
width: calc(100% - 35px);
}
.rui-sidebar-nav-text {
display: inline-flex;
font-size: 0.875rem;
align-items: center;
justify-content: space-between;
}
.rui-sidebar-mycourses {
margin: 16px 0;
padding: 3px;
background-color: #fff;
border-radius: 5px;
overflow: hidden;
}
.theme-dark .rui-sidebar-mycourses {
background-color: #17181B;
}
a.rui-course-list-past {
background-color: #EAF4DD;
color: #027654;
}
.mycourses-inprogress-on a.rui-course-list-past {
display: none;
}
.theme-dark a.rui-course-list-past {
background-color: #005742;
color: #EAF4DD;
}
.rui-course-list-hidden {
display: none;
opacity: 0.7;
filter: grayscale(1);
}
.mycourses-hidden-on .rui-course-list-hidden {
display: flex;
}
.mycourses-inprogress-on .rui-course-list-future {
display: none;
}
.mycourses-filter label {
min-height: 20px;
}
.rui-sidebar-hr {
margin: 0;
padding: 0;
display: block;
margin: 3px -3px;
width: calc(100% + 6px);
height: 1px;
border: 0;
background-color: rgba(67, 67, 67, 0.1);
}
.theme-dark .rui-sidebar-hr {
border: 0;
background-color: rgba(174, 179, 184, 0.1);
}
.rui-sidebar-abtn {
width: 100%;
padding: 0.35rem 0.45rem;
background-color: transparent;
border-width: 0;
display: inline-flex;
justify-content: space-between;
align-items: center;
font-size: 0.875rem;
font-weight: 500;
color: #434343;
}
.theme-dark .rui-sidebar-abtn {
color: #E8EAED;
border-color: #2E3134;
}
.rui-sidebar-abtn .rui-drawer-badge {
padding: 0 5px;
min-width: 20px;
height: 20px;
border-radius: 5px;
background-color: rgba(67, 67, 67, 0.09);
display: flex;
align-items: center;
justify-content: center;
font-size: 11px;
font-weight: 500;
color: #434343;
}
.theme-dark .rui-sidebar-abtn .rui-drawer-badge {
background-color: #121215;
color: #9AA0A6;
}
.rui-sidebar-abtn:hover, .rui-sidebar-abtn[aria-expanded="true"] {
background-color: #eee8e7;
color: #561911;
}
.theme-dark .rui-sidebar-abtn:hover, .theme-dark .rui-sidebar-abtn[aria-expanded="true"] {
background-color: #561911;
color: #eee8e7;
}
.rui-sidebar-abtn:hover .rui-sidebar-nav-icon, .rui-sidebar-abtn[aria-expanded="true"] .rui-sidebar-nav-icon {
color: #784741;
}
.theme-dark .rui-sidebar-abtn:hover .rui-sidebar-nav-icon, .theme-dark .rui-sidebar-abtn[aria-expanded="true"] .rui-sidebar-nav-icon {
color: #eee8e7;
}
.rui-course-menu-list--more {
width: 100%;
display: inline-flex;
justify-content: space-between;
align-items: center;
margin: 0;
padding: 0.35rem 0.5rem 0.35rem 1rem;
border-radius: 5px;
font-size: 0.75rem;
color: #555353;
text-align: right;
}
.dir-rtl .rui-course-menu-list--more svg {
transform: rotate(180deg);
}
.theme-dark .rui-course-menu-list--more {
color: #E8EAED;
}
.rui-course-menu-list--more:hover {
background-color: #eee8e7;
color: #561911;
text-decoration: none;
}
.theme-dark .rui-course-menu-list--more:hover {
background-color: #561911;
color: #eee8e7;
}
.rui-flatnavigation-sm {
padding: 3px;
}
.rui-flatnavigation-sm .rui-sidebar-nav-icon svg {
width: 18px;
height: 18px;
}
.rui-flatnavigation-sm .rui-list-group-item {
padding-top: 3px;
padding-bottom: 3px;
font-size: 0.75rem;
color: #555353;
}
.theme-dark .rui-flatnavigation-sm .rui-list-group-item {
color: #9AA0A6;
}
.rui-nav-item-container {
display: flex;
align-items: flex-start;
}
.rui-nav-list-group {
font-size: 0.875rem;
font-weight: 500;
color: #434343;
}
.theme-dark .rui-nav-list-group {
color: #aeb3b8;
}
.nav-drawer-header {
background-color: #fff;
position: sticky;
top: 0;
margin: -15px -15px 30px;
padding: 20px 20px 0 20px;
z-index: 1020;
}
.theme-dark .nav-drawer-header {
background-color: #191a1e;
}
.rui-custom-sidebar-content {
font-size: 0.875rem;
color: #434343;
}
.theme-dark .rui-custom-sidebar-content {
color: #aeb3b8;
}
.btn-drawer {
position: fixed;
top: 69px;
left: 16px;
z-index: 1030;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
width: 40px;
height: 40px;
background-color: #F5F5F5;
border: 1px solid #F5F5F5;
color: #434343;
border-radius: 5px;
transition: all ease 350ms;
}
@media (max-width: 999.98px) {
.btn-drawer {
top: 70px;
}
}
.btn-drawer:hover {
background-color: #eee8e7;
border-color: #eee8e7;
color: #561911;
}
.theme-dark .btn-drawer:hover {
background-color: #561911;
border-color: #561911;
color: #eee8e7;
}
@media (min-width: 1000px) {
.drawer-open-left .btn-drawer {
left: 301px;
}
}
.drawer-courseindex--open .btn-drawer, .drawer-open-index--open .btn-drawer {
display: none;
}
@media (min-width: 768px) and (max-width: 999.98px) {
.btn-drawer {
left: 16px;
right: auto;
}
}
@media (max-width: 767.98px) {
.btn-drawer {
left: 10px;
right: auto;
}
}
.theme-dark .btn-drawer {
background-color: #000;
border-color: #000;
color: #E8EAED;
}
/* Space 2.5 */
#topbarLeft {
opacity: 1;
transform: all 0.2s ease-in-out;
}
@media (min-width: 1400px) {
.drawer-courseindex--open .rui-drawer-toggle, .drawer-open-index--open .rui-drawer-toggle {
display: none;
opacity: 0;
}
}
.rui-sidebar-filter {
margin-bottom: 2px;
border: 1px solid rgba(67, 67, 67, 0.1);
border-radius: 5px;
}
.theme-dark .rui-sidebar-filter {
border-color: rgba(174, 179, 184, 0.1);
}
#page-user-files #fgroup_id_buttonar .col-md-3, #page-user-files #userfilesform .col-md-3, #page-mod-assign-editsubmission #fgroup_id_buttonar .col-md-3, #page-mod-assign-editsubmission #userfilesform .col-md-3 {
display: none !important;
}
#page-user-files #fgroup_id_buttonar .col-md-9, #page-user-files #userfilesform .col-md-9, #page-mod-assign-editsubmission #fgroup_id_buttonar .col-md-9, #page-mod-assign-editsubmission #userfilesform .col-md-9 {
flex: 0 0 100%;
max-width: 100%;
padding: 0;
}
#page-user-files #fgroup_id_buttonar, #page-mod-assign-editsubmission #fgroup_id_buttonar {
margin-bottom: 0 !important;
}
#page-user-files .generalbox, #page-mod-assign-editsubmission .generalbox {
padding: 0 !important;
}
#page-user-files .main-content .rui-main-content-title--h2 {
margin: 0 0 16px;
}
.fp-content-center {
height: 100%;
width: 100%;
display: table-cell;
}
.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;
}
@media (max-width: 999.98px) {
.filepicker.moodle-dialogue {
max-width: 90%;
height: 100% !important;
}
.filepicker.moodle-dialogue .container {
margin: 0;
}
.filepicker.moodle-dialogue .rui-nav--admin {
padding: 0;
display: contents;
height: max-content;
}
.filepicker.moodle-dialogue .rui-nav-wrapper {
margin-bottom: 30px;
width: 100%;
overflow-x: auto;
}
.filepicker.moodle-dialogue .rui-nav-col {
width: max-content;
}
.filepicker.moodle-dialogue .rui-nav-col .nav {
display: inline-flex;
}
.filepicker.moodle-dialogue ul li {
display: inline-flex;
}
}
.yui3-widget {
outline: none;
}
/* 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;
}
.file-picker .fp-navbar {
min-height: 40px;
padding: 4px;
}
.fp-navbar {
border-color: #E1E1E1;
}
.file-picker .fp-content {
border-top: 0;
background: #fff;
clear: none;
overflow: auto;
height: 375px;
}
.theme-dark .file-picker .fp-content {
background: #191a1e;
}
.file-picker .fp-content .form-group {
margin-top: 0;
}
.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 .fp-tb-search input.form-control {
padding: 0.35rem 0.5rem;
height: auto;
}
@media (max-width: 767.98px) {
.fp-toolbar {
margin-bottom: 0.35rem;
}
}
.fp-toolbar.empty {
display: none;
}
.fp-toolbar .disabled {
display: none;
}
.fp-toolbar div {
display: inline-flex;
margin-right: 0.35rem;
}
.fp-toolbar img {
vertical-align: -15%;
margin-right: 5px;
}
.fp-viewbar:not(.disabled) a.checked {
background-color: #561911;
color: #eee8e7;
border-color: #561911;
}
.fp-viewbar.disabled a {
pointer-events: none;
opacity: 0.35;
}
.file-picker .fp-clear-left {
clear: left;
}
.fp-pathbar.empty {
display: none;
}
.fp-pathbar .fp-path-folder {
background: url(/theme/image.php/space/theme/1752943723/fp/path_folder) left 5px no-repeat;
background-size: 12px 12px;
height: 12px;
margin-left: 12px;
}
/*rtl:raw:
.fp-pathbar .fp-path-folder {
background-image: url(/theme/image.php/space/theme/1752943723/fp/path_folder_rtl);
}
*/
.fp-pathbar .fp-path-folder-name {
font-weight: 500;
}
.fp-pathbar .fp-path-folder {
background-image: none;
height: auto;
margin-left: 0;
}
.fp-iconview {
display: grid;
flex-direction: column;
align-items: stretch;
grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
gap: 20px;
flex-wrap: wrap;
}
.fp-iconview .fp-file {
text-align: center;
position: relative;
margin: 10px 3px 25px;
color: #212121;
}
.fp-iconview .fp-file a {
color: inherit;
}
.fp-iconview .fp-thumbnail {
min-width: 110px;
min-height: 110px;
line-height: 110px;
text-align: center;
background-color: #fff;
border: 1px solid #E1E1E1;
border-radius: 5px;
display: block;
}
.theme-dark .fp-iconview .fp-thumbnail {
background-color: #191a1e;
border-color: #2E3134;
}
.theme-dark .fp-iconview .fp-thumbnail img:not(.realpreview) {
filter: invert(0.9);
}
.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 {
padding: 0.25rem;
background-color: #fff;
border-radius: 5px;
min-width: 112px;
font-size: 0.75rem;
}
.theme-dark .fp-iconview .fp-filename-field .fp-filename {
background-color: #191a1e;
color: #E8EAED;
}
.file-picker .yui3-datatable table {
border: 0 solid #E1E1E1;
width: 100%;
}
.theme-dark .file-picker .yui3-datatable table {
border-color: #202124;
}
.file-picker .ygtvtn, .filemanager .ygtvtn {
/*rtl:remove*/
background: url(/theme/image.php/space/theme/1752943723/y/tn) 14px 0 no-repeat;
/*rtl:raw:
background: url(/theme/image.php/space/theme/1752943723/y/tn_rtl) 14px 0 no-repeat;
*/
min-width: 40px;
width: 40px;
height: 33px;
}
.file-picker .ygtvtm, .filemanager .ygtvtm {
background: url(/theme/image.php/space/theme/1752943723/y/tm) 14px 10px no-repeat;
/*rtl:raw:
background-position: 14px 10px;
*/
min-width: 40px;
width: 40px;
height: 30px;
cursor: pointer;
}
.file-picker .ygtvtmh, .filemanager .ygtvtmh {
background: url(/theme/image.php/space/theme/1752943723/y/tm) 14px 10px no-repeat;
/*rtl:raw:
background-position: 14px 10px;
*/
min-width: 40px;
width: 40px;
height: 30px;
cursor: pointer;
}
.file-picker .ygtvtp, .filemanager .ygtvtp {
/*rtl:remove*/
background: url(/theme/image.php/space/theme/1752943723/y/tp) 14px 10px no-repeat;
/*rtl:raw:
background: url(/theme/image.php/space/theme/1752943723/y/tp_rtl) 14px 10px no-repeat;
*/
min-width: 40px;
width: 40px;
height: 30px;
cursor: pointer;
}
.file-picker .ygtvtph, .filemanager .ygtvtph {
/*rtl:remove*/
background: url(/theme/image.php/space/theme/1752943723/y/tp) 0 10px no-repeat;
/*rtl:raw:
background: url(/theme/image.php/space/theme/1752943723/y/tp_rtl) 2px 10px no-repeat;
*/
min-width: 40px;
width: 40px;
height: 30px;
cursor: pointer;
}
.file-picker .ygtvln, .filemanager .ygtvln {
/*rtl:remove*/
background: url(/theme/image.php/space/theme/1752943723/y/lnl) 21px -23px no-repeat;
/*rtl:raw:
background: url(/theme/image.php/space/theme/1752943723/y/ln_rtl) 14px 7px no-repeat;
*/
min-width: 40px;
width: 40px;
height: 32px;
}
.file-picker .ygtvlm, .filemanager .ygtvlm {
background: url(/theme/image.php/space/theme/1752943723/y/lm) 10px 10px no-repeat;
/*rtl:raw:
background-position: 10px 10px;
*/
min-width: 30px;
width: 30px;
height: 30px;
cursor: pointer;
}
.file-picker .ygtvlmh, .filemanager .ygtvlmh {
background: url(/theme/image.php/space/theme/1752943723/y/lm) 10px 10px no-repeat;
/*rtl:raw:
background-position: 10px 10px;
*/
min-width: 30px;
width: 30px;
height: 30px;
cursor: pointer;
}
.file-picker .ygtvlp, .filemanager .ygtvlp {
/*rtl:remove*/
background: url(/theme/image.php/space/theme/1752943723/y/lp) 10px 10px no-repeat;
/*rtl:raw:
background: url(/theme/image.php/space/theme/1752943723/y/lp_rtl) 10px 10px no-repeat;
*/
min-width: 30px;
width: 30px;
height: 30px;
cursor: pointer;
}
.file-picker .ygtvlph, .filemanager .ygtvlph {
/*rtl:remove*/
background: url(/theme/image.php/space/theme/1752943723/y/lp) 10px 10px no-repeat;
/*rtl:raw:
background: url(/theme/image.php/space/theme/1752943723/y/lp_rtl) 10px 10px no-repeat;
*/
min-width: 30px;
width: 30px;
height: 30px;
cursor: pointer;
}
.file-picker .ygtvloading, .filemanager .ygtvloading {
background: transparent url(/theme/image.php/space/theme/1752943723/y/loading) 0 0 no-repeat;
min-width: 16px;
width: 16px;
height: 22px;
}
.file-picker .ygtvdepthcell, .filemanager .ygtvdepthcell {
background: url(/theme/image.php/space/theme/1752943723/y/vline) 14px 0 no-repeat;
/*rtl:raw:
background-position: 0 0;
*/
min-width: 30px;
width: 30px;
height: 32px;
}
.file-picker .ygtvblankdepthcell, .filemanager .ygtvblankdepthcell {
min-width: 17px;
width: 17px;
height: 22px;
}
table.ygtvtable {
width: 100%;
}
a.ygtvspacer {
min-width: 30px;
width: 30px;
height: 30px;
}
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: #eee8e7;
}
.theme-dark .file-picker .ygtvfocus, .theme-dark .filemanager .ygtvfocus {
background-color: #340f0a;
}
.fp-filename-icon {
margin: 5px 0;
display: inline-flex;
align-items: center;
position: relative;
font-size: 0.75rem;
}
.fp-filename-icon a {
display: inline-flex;
align-items: center;
color: #212121;
}
.theme-dark .fp-filename-icon a {
color: #E8EAED;
}
.fp-filename-icon a:hover {
color: #561911;
text-decoration: none;
}
.fp-icon {
margin-right: 0.35rem;
line-height: 0;
}
.fp-icon img {
width: 24px;
height: 24px;
max-height: 24px;
max-width: 24px;
vertical-align: middle;
}
.theme-dark .fp-filename-icon.fp-folder {
filter: invert(1);
}
.fp-filename {
font-weight: 500;
word-break: break-all;
}
.filemanager .yui3-datatable-cell {
font-size: 0.75rem;
color: #555353;
}
.theme-dark .filemanager .yui3-datatable-cell {
color: #9AA0A6;
}
.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.75rem;
}
.fp-select .fp-thumbnail {
float: left;
min-width: 110px;
min-height: 110px;
line-height: 110px;
text-align: center;
margin: 0 1rem 0 0;
background: #fff;
border: 1px solid #E1E1E1;
border-radius: 5px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.theme-dark .fp-select .fp-thumbnail {
background-color: #191a1e;
border-color: #2E3134;
}
.fp-select .fp-thumbnail img {
vertical-align: middle;
margin: 10px;
}
.fp-select .fp-fileinfo {
display: inline-block;
}
.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-toolbar {
flex-wrap: wrap;
}
.filemanager .fp-restrictions {
text-align: right;
font-size: 0.75rem;
}
.filemanager .fp-pathbar.empty {
display: none;
}
.filepicker-filelist, .filemanager-container {
min-height: 120px;
border-top: 0;
background-color: #F5F5F5;
border-radius: 5px;
}
.theme-dark .filepicker-filelist, .theme-dark .filemanager-container {
background-color: #121215;
}
@media (min-width: 320px) and (max-width: 767.98px) {
.filepicker-filelist, .filemanager-container {
min-height: 140px;
}
}
.filemanager .fp-content {
padding: 0 5px;
overflow: auto;
min-height: 120px;
}
@media (min-width: 320px) and (max-width: 767.98px) {
.filemanager .fp-content {
height: 160px;
width: max-content;
overflow: auto;
}
}
.filemanager-container, .filepicker-filelist {
overflow: hidden;
}
.file-picker .yui3-datatable-header {
background: initial;
}
.fitem.disabled .filepicker-filelist, .fitem.disabled .filemanager-container {
background-color: #ebebe4;
}
.fitem.disabled .fp-btn-choose {
color: #525151;
}
.fitem.disabled .filepicker-filelist .filepicker-filename {
display: none;
}
.filepicker-filename {
display: grid;
}
.filepicker-filename a {
padding: 0.75rem 1.25rem;
background-color: #fff;
border: 1px solid #E1E1E1;
border-radius: 5px;
font-size: 0.75rem;
font-weight: 500;
color: #212121;
transition: all 0.2s ease-in-out;
}
.theme-dark .filepicker-filename a {
background-color: #121215;
border-color: #2E3134;
color: #E8EAED;
}
.filepicker-filename a:hover {
text-decoration: none;
box-shadow: rgba(0, 0, 0, 0.26) 0 9px 16px, rgba(0, 0, 0, 0.2) 0 2px 3px;
color: inherit;
}
.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/space/theme/1752943723/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/space/theme/1752943723/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/space/core/1752943723/s/dead) no-repeat;
background-position: center center;
}
.filemanager .yui3-datatable table {
width: 100%;
margin-top: 5px;
overflow: hidden;
border-radius: 5px;
}
@media (min-width: 320px) and (max-width: 999.98px) {
.filemanager .yui3-datatable table {
width: max-content;
}
}
.yui3-skin-sam .yui3-datatable-table {
font-family: "Poppins", sans-serif;
border: 0;
}
.yui3-skin-sam .yui3-datatable-header {
border-bottom: 2px solid #E1E1E1;
font-size: 0.875rem;
font-weight: 700;
color: #525151;
text-shadow: none;
vertical-align: middle;
}
.yui3-skin-sam .yui3-datatable-sort-liner {
font-size: 0.75rem;
font-weight: 500;
}
.theme-dark.yui3-skin-sam .yui3-datatable-header {
border-color: #2E3134;
color: #9AA0A6;
}
.yui3-skin-sam .yui3-datatable-sort-indicator {
bottom: 6px;
right: 10px;
}
.theme-dark.yui3-skin-sam .yui3-datatable-sort-indicator {
background: url(/theme/image.php/space/theme/1752943723/space/theme-dark-sort-arrow-sprite) no-repeat 0 0;
}
.theme-dark.yui3-skin-sam .yui3-datatable-sorted .yui3-datatable-sort-indicator {
background-position: 0 -10px;
}
.yui3-skin-sam .yui3-datatable-cell, .yui3-skin-sam .yui3-datatable-header {
padding: 0.25rem;
}
.theme-dark.yui3-skin-sam .yui3-datatable-even .yui3-datatable-cell {
background-color: #191a1e;
}
.theme-dark.yui3-skin-sam .yui3-datatable-odd .yui3-datatable-cell {
background-color: #121215;
}
.theme-dark.yui3-skin-sam .yui3-datatable-cell, .theme-dark.yui3-skin-sam .yui3-datatable-header {
border-color: #2E3134;
}
.theme-dark.yui3-skin-sam .yui3-datatable-columns .yui3-datatable-sorted, .theme-dark.yui3-skin-sam .yui3-datatable-sortable-column:hover {
filter: invert(1);
}
/* Override YUI default styling */
/* stylelint-disable declaration-no-important */
.filemanager .yui3-datatable-header {
background: #fff !important;
border-bottom: 1px solid #E1E1E1 !important;
border-left: 0 solid #fff !important;
color: #212121 !important;
}
.theme-dark .filemanager .yui3-datatable-header {
background: #191a1e !important;
border-bottom: 1px solid #2E3134 !important;
border-left: 0 solid #191a1e !important;
color: #E8EAED !important;
}
.filemanager .yui3-datatable-odd .yui3-datatable-cell {
background-color: #F5F5F5 !important;
border-left: 0 solid #F5F5F5;
}
.theme-dark .filemanager .yui3-datatable-odd .yui3-datatable-cell {
background-color: #121215 !important;
border-left: 0 solid #121215;
}
.filemanager .yui3-datatable-even .yui3-datatable-cell {
background-color: #fff !important;
border-left: 0 solid #fff;
}
.theme-dark .filemanager .yui3-datatable-even .yui3-datatable-cell {
background-color: #191a1e !important;
border-left: 0 solid #191a1e;
}
/* stylelint-enable */
.filemanager .fp-filename-icon.fp-hasreferences .fp-reficons1 {
background: url(/theme/image.php/space/theme/1752943723/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/space/theme/1752943723/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: 2px;
bottom: 2px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 5px;
background-color: #F5F5F5;
color: #212121;
}
.theme-dark .filemanager .fp-iconview .fp-folder.fp-hascontextmenu .fp-contextmenu {
background-color: #121215;
color: #E8EAED;
}
.filemanager .fp-treeview .fp-folder.fp-hascontextmenu .fp-contextmenu, .filemanager .fp-tableview .fp-folder.fp-hascontextmenu .fp-contextmenu {
display: inline;
margin-right: -20px;
position: absolute;
top: 2px;
right: 0;
}
.fp-treeview {
padding-top: 5px;
padding-bottom: 5px;
}
.fm-content-wrapper {
position: relative;
}
@media (max-width: 767.98px) {
.fm-content-wrapper {
overflow-x: auto;
}
}
.dndupload-arrow {
background-size: 40px;
width: 100%;
height: 50px;
position: absolute;
left: 0;
right: 0;
}
.filepicker-filelist .filepicker-container, .filemanager.fm-noitems .fm-empty-container {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 10px;
bottom: 10px;
left: 10px;
right: 10px;
border: 2px dashed #626262;
padding-top: 70px;
padding-bottom: 30px;
border-radius: 5px;
text-align: center;
}
.filepicker-filelist .filepicker-container .dndupload-arrow, .filemanager.fm-noitems .fm-empty-container .dndupload-arrow {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23434343' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M4.75 14.75V16.25C4.75 17.9069 6.09315 19.25 7.75 19.25H16.25C17.9069 19.25 19.25 17.9069 19.25 16.25V14.75'%3E%3C/path%3E%3Cpath stroke='%23434343' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M12 14.25L12 5'%3E%3C/path%3E%3Cpath stroke='%23434343' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M8.75 8.25L12 4.75L15.25 8.25'%3E%3C/path%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: center;
top: 12px;
}
.theme-dark .filepicker-filelist .filepicker-container .dndupload-arrow, .theme-dark .filemanager.fm-noitems .fm-empty-container .dndupload-arrow {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23aeb3b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M4.75 14.75V16.25C4.75 17.9069 6.09315 19.25 7.75 19.25H16.25C17.9069 19.25 19.25 17.9069 19.25 16.25V14.75'%3E%3C/path%3E%3Cpath stroke='%23aeb3b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M12 14.25L12 5'%3E%3C/path%3E%3Cpath stroke='%23aeb3b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M8.75 8.25L12 4.75L15.25 8.25'%3E%3C/path%3E%3C/svg%3E%0A");
}
.theme-dark .filepicker-filelist .filepicker-container, .theme-dark .filemanager.fm-noitems .fm-empty-container {
border-color: #282A2D;
}
.filepicker-filelist .dndupload-target, .filemanager-container .dndupload-target {
background: #feeded;
position: absolute;
top: 10px;
bottom: 10px;
left: 10px;
right: 10px;
border: 2px dashed #ef1010;
border-radius: 5px;
padding: 65px 0 35px;
text-align: center;
font-size: 0.75rem;
font-weight: 500;
color: #ca0d0d;
}
.filepicker-filelist .dndupload-target .dndupload-arrow, .filemanager-container .dndupload-target .dndupload-arrow {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23ca0d0d' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M4.75 14.75V16.25C4.75 17.9069 6.09315 19.25 7.75 19.25H16.25C17.9069 19.25 19.25 17.9069 19.25 16.25V14.75'%3E%3C/path%3E%3Cpath stroke='%23ca0d0d' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M12 14.25L12 5'%3E%3C/path%3E%3Cpath stroke='%23ca0d0d' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M8.75 8.25L12 4.75L15.25 8.25'%3E%3C/path%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: center;
top: 12px;
}
.filepicker-filelist.dndupload-over .dndupload-target, .filemanager-container.dndupload-over .dndupload-target {
background: #EEF8FF;
position: absolute;
top: 10px;
bottom: 10px;
left: 10px;
right: 10px;
border: 2px dashed #406CD2;
border-radius: 5px;
padding: 65px 0 35px;
text-align: center;
font-size: 0.75rem;
font-weight: 500;
color: #406CD2;
}
.filepicker-filelist.dndupload-over .dndupload-target .dndupload-arrow, .filemanager-container.dndupload-over .dndupload-target .dndupload-arrow {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23406CD2' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M4.75 14.75V16.25C4.75 17.9069 6.09315 19.25 7.75 19.25H16.25C17.9069 19.25 19.25 17.9069 19.25 16.25V14.75'%3E%3C/path%3E%3Cpath stroke='%23406CD2' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M12 14.25L12 5'%3E%3C/path%3E%3Cpath stroke='%23406CD2' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M8.75 8.25L12 4.75L15.25 8.25'%3E%3C/path%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: center;
top: 12px;
}
.dndupload-message {
display: none;
}
.dndsupported .dndupload-message {
display: inline-flex;
font-size: 0.75rem;
}
.dndupload-message {
color: #555353;
}
.theme-dark .dndupload-message {
color: #9AA0A6;
}
.dnduploadnotsupported-message {
display: none;
}
.dndnotsupported .dnduploadnotsupported-message {
display: block;
margin: 0;
}
.dndupload-target {
display: none;
}
.dndsupported .dndupload-ready .dndupload-target {
display: block;
margin: 0;
}
.dndupload-uploadinprogress {
display: none;
text-align: center;
}
.dndupload-uploading .dndupload-uploadinprogress {
display: block;
}
.fitem.disabled .filepicker-container, .fitem.disabled .fm-empty-container {
display: none;
}
.dndupload-progressbars {
padding: 10px;
display: none;
font-size: 0.75rem;
}
.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: 700;
}
.filemanager.fp-select.fp-folder .fp-file-download {
display: none;
}
.fm-operation {
font-weight: 700;
}
.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 {
padding-bottom: 10px;
}
.filemanager.fp-mkdir-dlg .fp-mkdir-dlg-text {
margin: 0 0 20px;
text-align: left;
}
.filemanager.fp-dlg {
margin: 0 0 5px;
text-align: left;
}
.filemanager.fp-dlg .btn {
width: 48%;
}
.file-picker.fp-msg.fp-msg-error .btn {
width: 100%;
}
.file-picker div.bd {
text-align: left;
}
.fp-formset {
padding: 10px 0;
}
.fp-formset input[type="file"] {
line-height: inherit;
}
.fp-forminset {
padding: 0 10px;
}
.fp-fileinfo .fp-value {
display: inline-block;
}
[data-fieldtype="filepicker"] p {
margin: 1rem 0 0.5rem;
font-size: 0.75rem;
}
/* Filemanager on the course edit page, form below editor */
#fitem_id_overviewfiles_filemanager {
margin-top: 30px;
}
.theme-dark .file-picker .ygtvtn, .theme-dark .filemanager .ygtvtn, .theme-dark .file-picker .ygtvtm, .theme-dark .filemanager .ygtvtm, .theme-dark .file-picker .ygtvtmh, .theme-dark .filemanager .ygtvtmh, .theme-dark .file-picker .ygtvtp, .theme-dark .filemanager .ygtvtp, .theme-dark .file-picker .ygtvtph, .theme-dark .filemanager .ygtvtph, .theme-dark .file-picker .ygtvln, .theme-dark .filemanager .ygtvln, .theme-dark .file-picker .ygtvlm, .theme-dark .filemanager .ygtvlm, .theme-dark .file-picker .ygtvlmh, .theme-dark .filemanager .ygtvlmh, .theme-dark .file-picker .ygtvlp, .theme-dark .filemanager .ygtvlp, .theme-dark .file-picker .ygtvlph, .theme-dark .filemanager .ygtvlph, .theme-dark .file-picker .ygtvloading, .theme-dark .filemanager .ygtvloading, .theme-dark .file-picker .ygtvdepthcell, .theme-dark .filemanager .ygtvdepthcell, .theme-dark .fp-iconview .fp-file.fp-hasreferences .fp-reficons1, .theme-dark .fp-iconview .fp-file.fp-isreference .fp-reficons2, .theme-dark .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail, .theme-dark .filemanager .fp-filename-icon.fp-hasreferences .fp-reficons1, .theme-dark .filemanager .fp-filename-icon.fp-isreference .fp-reficons2, .theme-dark .ygtvtn, .theme-dark .ygtvln, .theme-dark .ygtvtp, .theme-dark .ygtvtph, .theme-dark .ygtvtmh, .theme-dark .ygtvtm, .theme-dark .ygtvdepthcell {
filter: invert(1);
}
.theme-dark .block_private_files [role="treeitem"]:not([aria-expanded]) {
background-image: repeating-linear-gradient(to right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 1px, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0) 2px), repeating-linear-gradient(to top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 1px, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0) 2px);
}
/** The message area **/
.message-app {
display: flex;
flex-direction: column;
height: 100%;
z-index: 1;
}
.message-app .icon-back-in-drawer {
display: none;
}
.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 .header-container {
flex-shrink: 0;
}
.message-app.main {
min-height: 400px;
}
.message-app .rui-icon-container .icon {
filter: invert(1);
}
#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%;
}
.hidden {
display: none;
}
.conversationcontainer {
width: 340px;
}
.messaging-area-container .status .online-text {
display: none;
color: #eee8e7;
}
.messaging-area-container .status .offline-text {
color: #910808;
}
.messaging-area-container .status.online .online-text {
display: inherit;
}
.messaging-area-container .status.online .offline-text {
display: none;
}
.messaging-area-container .messaging-area {
width: calc(100% + 80px);
margin: 0 -40px -40px;
clear: both;
border-top: 1px solid #E1E1E1;
}
.messaging-area-container .messaging-area img {
max-width: 100%;
}
.messaging-area-container .messaging-area .contacts-area {
border-right: 1px solid #E1E1E1;
height: 630px;
width: 280px;
display: inline-block;
}
.messaging-area-container .messaging-area .contacts-area .searchtextarea {
padding: 0.5rem;
text-align: center;
background-color: #fff;
transition: background-color linear 0.2s;
}
.messaging-area-container .messaging-area .contacts-area .searchtextarea.searching {
background-color: #F5F5F5;
transition: background-color linear 0.2s;
}
.messaging-area-container .messaging-area .contacts-area .searchtextarea.searching input {
background-color: #fff;
transition: background-color linear 0.2s;
}
.messaging-area-container .messaging-area .contacts-area .searchtextarea .searchfilterarea {
line-height: 20px;
cursor: pointer;
}
.messaging-area-container .messaging-area .contacts-area .searchtextarea .searchfilterarea .searchfilter {
float: left;
}
.messaging-area-container .messaging-area .contacts-area .searchtextarea .searchfilterarea .searchfilterdelete {
float: left;
margin-left: 5px;
}
.messaging-area-container .messaging-area .contacts-area .searcharea .heading {
text-align: center;
border-top: 1px solid black;
border-bottom: 1px solid black;
font-size: 14px;
font-weight: bold;
}
.messaging-area-container .messaging-area .contacts-area .searcharea .course {
text-align: center;
}
.messaging-area-container .messaging-area .contacts-area .searcharea .course:hover {
background-color: #4f94cd;
color: #fff;
border: 0;
cursor: pointer;
}
.messaging-area-container .messaging-area .contacts-area .searcharea .noresults {
padding-top: 20px;
text-align: center;
}
.messaging-area-container .messaging-area .contacts-area .contacts {
height: 420px;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.messaging-area-container .messaging-area .contacts-area .contacts .nocontacts {
padding-top: 20px;
text-align: center;
}
.messaging-area-container .messaging-area .contacts-area .contacts .contact {
height: 66px;
cursor: pointer;
border-radius: 5px;
margin: 0.5rem;
}
.messaging-area-container .messaging-area .contacts-area .contacts .contact.unread {
background-color: #f1f1f1;
}
.messaging-area-container .messaging-area .contacts-area .contacts .contact.unread .picture {
border-color: #f1f1f1;
}
.messaging-area-container .messaging-area .contacts-area .contacts .contact.unread .information {
width: 60%;
}
.messaging-area-container .messaging-area .contacts-area .contacts .contact.unread .unread-count-container {
display: inline-block;
width: 15%;
}
.messaging-area-container .messaging-area .contacts-area .contacts .contact:hover {
background-color: #eee8e7 !important;
color: #fff !important;
border: 0 !important;
}
.messaging-area-container .messaging-area .contacts-area .contacts .contact:hover .information .lastmessage {
color: #fff;
}
.messaging-area-container .messaging-area .contacts-area .contacts .contact:hover .picture {
border: 0;
}
.messaging-area-container .messaging-area .contacts-area .contacts .contact.selected {
background-color: #eee8e7 !important;
color: #fff !important;
border: 0 !important;
}
.messaging-area-container .messaging-area .contacts-area .contacts .contact.selected .information .lastmessage {
color: #fff;
}
.messaging-area-container .messaging-area .contacts-area .contacts .contact.selected .picture {
border: 0;
}
.messaging-area-container .messaging-area .contacts-area .contacts .contact .picture {
line-height: 66px;
text-align: center;
height: 66px;
border-bottom: 1px solid #fff;
width: 25%;
display: inline-block;
}
.messaging-area-container .messaging-area .contacts-area .contacts .contact .picture img {
border-radius: 50%;
height: 34px;
}
.messaging-area-container .messaging-area .contacts-area .contacts .contact .information {
padding: 6px 0;
height: 66px;
width: 75%;
display: inline-block;
}
.messaging-area-container .messaging-area .contacts-area .contacts .contact .information .name {
font-weight: bold;
}
.messaging-area-container .messaging-area .contacts-area .contacts .contact .information .name img {
vertical-align: baseline;
}
.messaging-area-container .messaging-area .contacts-area .contacts .contact .information .lastmessage {
word-wrap: break-word;
margin: 0;
height: 40px;
line-height: 17px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #a1a1a1;
padding-right: 10px;
}
.messaging-area-container .messaging-area .contacts-area .contacts .contact .unread-count-container {
display: none;
line-height: 66px;
text-align: center;
}
.messaging-area-container .messaging-area .contacts-area .tabs {
border-top: 1px solid #E1E1E1;
}
.messaging-area-container .messaging-area .contacts-area .tabs .tab {
cursor: pointer;
height: 100%;
background-color: #F5F5F5;
margin: 0;
width: 50%;
text-align: center;
float: left;
}
.messaging-area-container .messaging-area .contacts-area .tabs .tab:hover {
color: #4f94cd;
}
.messaging-area-container .messaging-area .contacts-area .tabs .tab .tabimage {
height: 30px;
line-height: 30px;
}
.messaging-area-container .messaging-area .contacts-area .tabs .tab .tabimage img {
height: 20px;
}
.messaging-area-container .messaging-area .contacts-area .tabs .tab.selected {
color: #4f94cd;
}
.messaging-area-container .messaging-area .messages-area {
width: calc(100% - 280px);
height: 600px;
margin: 0;
position: relative;
float: right;
}
.messaging-area-container .messaging-area .messages-area .btn-container {
position: absolute;
top: 0;
left: 0;
padding-left: 15px;
font-weight: normal;
}
.messaging-area-container .messaging-area .messages-area .btn-container.view-toggle {
display: none;
}
.messaging-area-container .messaging-area .messages-area .btn-container.delete-all {
display: none;
}
.messaging-area-container .messaging-area .messages-area .profile-header {
height: 50px;
line-height: 50px;
display: none;
}
.messaging-area-container .messaging-area .messages-area .profile-header .btn-container {
display: block;
}
.messaging-area-container .messaging-area .messages-area .profile-header .btn-container .btn-link, .messaging-area-container .messaging-area .messages-area .profile-header .btn-container [data-fieldtype="submit"] a, [data-fieldtype="submit"] .messaging-area-container .messaging-area .messages-area .profile-header .btn-container a, .messaging-area-container .messaging-area .messages-area .profile-header .btn-container .cancel a, .cancel .messaging-area-container .messaging-area .messages-area .profile-header .btn-container a, .messaging-area-container .messaging-area .messages-area .profile-header .btn-container #page-mod-quiz-report .gradetheselink, #page-mod-quiz-report .messaging-area-container .messaging-area .messages-area .profile-header .btn-container .gradetheselink {
padding: 0;
line-height: inherit;
}
.messaging-area-container .messaging-area .messages-area .profile {
padding: 30px;
font-size: 16px;
height: 600px;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.messaging-area-container .messaging-area .messages-area .profile .user-container {
height: 100px;
}
.messaging-area-container .messaging-area .messages-area .profile .user-container .profile-picture {
border-radius: 50%;
max-height: 100px;
display: inline-block;
}
.messaging-area-container .messaging-area .messages-area .profile .user-container .name-container {
display: inline-block;
vertical-align: top;
margin-top: 20px;
margin-left: 10px;
}
.messaging-area-container .messaging-area .messages-area .profile .user-container .name-container .name {
font-weight: bold;
display: block;
}
.messaging-area-container .messaging-area .messages-area .profile .user-container .name-container .status {
display: block;
font-size: 14px;
}
.messaging-area-container .messaging-area .messages-area .profile .information {
margin: 0;
display: inline-block;
margin-top: 20px;
font-size: 14px;
list-style: none;
}
.messaging-area-container .messaging-area .messages-area .profile .information .name {
display: inline-block;
font-weight: bold;
text-align: right;
margin-right: 10px;
}
.messaging-area-container .messaging-area .messages-area .profile .information .value {
display: inline-block;
}
.messaging-area-container .messaging-area .messages-area .profile .actions {
padding-top: 80px;
}
.messaging-area-container .messaging-area .messages-area .profile .actions .separator {
border-bottom: 1px solid #E1E1E1;
margin-bottom: 20px;
padding-bottom: 5px;
}
.messaging-area-container .messaging-area .messages-area .profile .actions .separator a.danger {
color: #ff6961;
}
.messaging-area-container .messaging-area .messages-area .messages-header {
font-weight: bold;
border-bottom: 1px solid #E1E1E1;
position: relative;
}
.messaging-area-container .messaging-area .messages-area .messages-header .btn-link, .messaging-area-container .messaging-area .messages-area .messages-header [data-fieldtype="submit"] a, [data-fieldtype="submit"] .messaging-area-container .messaging-area .messages-area .messages-header a, .messaging-area-container .messaging-area .messages-area .messages-header .cancel a, .cancel .messaging-area-container .messaging-area .messages-area .messages-header a, .messaging-area-container .messaging-area .messages-area .messages-header #page-mod-quiz-report .gradetheselink, #page-mod-quiz-report .messaging-area-container .messaging-area .messages-area .messages-header .gradetheselink {
padding: 0;
line-height: inherit;
}
.messaging-area-container .messaging-area .messages-area .messages-header .delete-instructions {
display: none;
}
.messaging-area-container .messaging-area .messages-area .messages-header .name-container {
padding: 2rem;
display: inline-block;
}
.messaging-area-container .messaging-area .messages-area .messages-header .name-container .name {
line-height: 20px;
}
.messaging-area-container .messaging-area .messages-area .messages-header .name-container .status {
position: absolute;
top: -10px;
font-weight: 700;
font-size: 0.75rem;
font-weight: normal;
}
.messaging-area-container .messaging-area .messages-area .messages-header .actions {
position: absolute;
top: 2rem;
right: 2rem;
font-weight: normal;
}
.messaging-area-container .messaging-area .messages-area .messages-header .actions .cancel-messages-delete {
display: none;
}
.messaging-area-container .messaging-area .messages-area .messages {
height: 360px;
width: 100%;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
padding: 2.5rem;
}
.messaging-area-container .messaging-area .messages-area .messages.hidden {
right: -360px;
}
.messaging-area-container .messaging-area .messages-area .messages .blocktime {
clear: both;
text-align: center;
color: #b2b2b2;
font-size: 0.75rem;
font-weight: 700;
margin: 1rem 0;
}
.messaging-area-container .messaging-area .messages-area .messages .message .deletemessagecheckbox {
display: none;
text-align: center;
padding-top: 5px;
}
.messaging-area-container .messaging-area .messages-area .messages .message .content {
padding: 1.5rem;
border-radius: 5px;
margin-bottom: 0.5rem;
font-size: 0.875rem;
word-wrap: break-word;
max-width: 55%;
position: relative;
}
.messaging-area-container .messaging-area .messages-area .messages .message .content.right {
background-color: #F5F5F5;
}
.messaging-area-container .messaging-area .messages-area .messages .message .content.left {
background-color: #561911;
}
.messaging-area-container .messaging-area .messages-area .messages .message .content .text {
display: block;
}
.messaging-area-container .messaging-area .messages-area .messages .message .content .text p {
margin: 0;
}
.messaging-area-container .messaging-area .messages-area .messages .message .content .timesent {
font-size: 10px;
color: #a1a1a1;
float: right;
}
.messaging-area-container .messaging-area .messages-area .messages .message .content.left {
margin-left: auto;
}
.messaging-area-container .messaging-area .messages-area .messages .message .content.right {
margin-right: auto;
}
.messaging-area-container .messaging-area .messages-area .response {
display: table;
padding: 1.5rem;
position: absolute;
bottom: -31px;
left: 0;
width: 100%;
line-height: 28px;
text-align: center;
border-top: 1px solid #E1E1E1;
background-color: #fff;
transition: background-color linear 0.2s;
}
.messaging-area-container .messaging-area .messages-area .response .delete-confirmation {
display: none;
}
.messaging-area-container .messaging-area .messages-area .response .delete-confirmation .btn.btn-link.confirm, .messaging-area-container .messaging-area .messages-area .response .delete-confirmation [data-fieldtype="submit"] a.btn.confirm, [data-fieldtype="submit"] .messaging-area-container .messaging-area .messages-area .response .delete-confirmation a.btn.confirm, .messaging-area-container .messaging-area .messages-area .response .delete-confirmation .cancel a.btn.confirm, .cancel .messaging-area-container .messaging-area .messages-area .response .delete-confirmation a.btn.confirm, .messaging-area-container .messaging-area .messages-area .response .delete-confirmation #page-mod-quiz-report .btn.confirm.gradetheselink, #page-mod-quiz-report .messaging-area-container .messaging-area .messages-area .response .delete-confirmation .btn.confirm.gradetheselink {
border: 1px solid #4f94cd;
height: 30px;
}
.messaging-area-container .messaging-area .messages-area .response .delete-confirmation .btn.btn-link.confirm:hover, .messaging-area-container .messaging-area .messages-area .response .delete-confirmation [data-fieldtype="submit"] a.btn.confirm:hover, [data-fieldtype="submit"] .messaging-area-container .messaging-area .messages-area .response .delete-confirmation a.btn.confirm:hover, .messaging-area-container .messaging-area .messages-area .response .delete-confirmation .cancel a.btn.confirm:hover, .cancel .messaging-area-container .messaging-area .messages-area .response .delete-confirmation a.btn.confirm:hover, .messaging-area-container .messaging-area .messages-area .response .delete-confirmation #page-mod-quiz-report .btn.confirm.gradetheselink:hover, #page-mod-quiz-report .messaging-area-container .messaging-area .messages-area .response .delete-confirmation .btn.confirm.gradetheselink:hover {
background-color: #4f94cd;
color: #fff;
text-shadow: none;
}
.messaging-area-container .messaging-area .messages-area .response .message-box {
display: table-row;
}
.messaging-area-container .messaging-area .messages-area .response .message-box .message-text-container textarea {
padding: 1.5rem;
vertical-align: middle;
width: 100%;
height: 120px;
margin: 0;
resize: none;
border: 0;
box-shadow: none;
background-color: #F5F5F5;
border-radius: 5px;
font-size: 0.875rem;
transition: background-color linear 0.2s;
direction: ltr;
}
.messaging-area-container .messaging-area .messages-area .response .message-box .message-text-container textarea:focus {
box-shadow: none;
}
.messaging-area-container .messaging-area .messages-area .response.messaging {
background-color: #F5F5F5;
transition: background-color linear 0.2s;
}
.messaging-area-container .messaging-area .messages-area .response.messaging .message-box .message-text-container textarea {
background-color: #fff;
transition: background-color linear 0.2s;
}
.messaging-area-container .messaging-area .messages-area.editing .messages-header .btn-container.view-all {
display: none;
}
.messaging-area-container .messaging-area .messages-area.editing .messages-header .btn-container.delete-all {
display: block;
}
.messaging-area-container .messaging-area .messages-area.editing .messages-header .delete-instructions {
display: block;
}
.messaging-area-container .messaging-area .messages-area.editing .messages-header .name-container {
display: none;
}
.messaging-area-container .messaging-area .messages-area.editing .messages-header .actions .messages-delete {
display: none;
}
.messaging-area-container .messaging-area .messages-area.editing .messages-header .actions .cancel-messages-delete {
display: block;
}
.messaging-area-container .messaging-area .messages-area.editing .messages .message {
cursor: pointer;
}
.messaging-area-container .messaging-area .messages-area.editing .messages .message[aria-checked="true"] .content {
background-color: #ef1010;
border-color: #ef1010;
color: #fff;
}
.messaging-area-container .messaging-area .messages-area.editing .messages .message[aria-checked="true"] .content .timesent {
color: #fff;
}
.messaging-area-container .messaging-area .messages-area.editing .messages .message[aria-checked="false"] .content:hover {
background-color: #ef1010;
color: #fff;
}
.messaging-area-container .messaging-area .messages-area.editing .messages .message[aria-checked="false"] .content:hover .timesent {
color: #fff;
}
.messaging-area-container .messaging-area .messages-area.editing .response .delete-confirmation {
display: block;
}
.messaging-area-container .messaging-area .messages-area.editing .response .message-box {
display: none;
}
@media (max-width: 999.98px) {
.preferences-container {
overflow-x: auto;
width: 100%;
}
}
.preferences-container .table {
width: 100%;
}
@media (max-width: 999.98px) {
.preferences-container .table {
width: max-content;
}
}
.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 .span6, .preferences-container .container-sm .span6, .preferences-container .container-md .span6, .preferences-container .container-lg .span6, .preferences-container .container-xl .span6 {
min-height: 20px;
}
.preferences-container .align-bottom {
vertical-align: bottom;
}
.preferences-container .preference-table thead th {
text-align: center;
}
.preferences-container .preference-table thead th h4 {
margin: 0;
}
.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 td:not(:first-child) {
text-align: center;
}
.preferences-container .preference-table tr td:nth-child(even) {
background-color: #F5F5F5;
}
.theme-dark .preferences-container .preference-table tr td:nth-child(even) {
background-color: #121215;
}
.preferences-container .preference-table tr th:nth-child(even) {
background-color: #F5F5F5;
}
.theme-dark .preferences-container .preference-table tr th:nth-child(even) {
background-color: #121215;
}
.preferences-container .preference-table h4 {
margin: 0;
font-weight: 700;
font-size: 0.875rem;
color: #525151;
}
.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 .preference-state {
margin: 0;
padding: 0;
display: inline-block;
vertical-align: middle;
}
.preferences-container .preference-table .preference-row .preference-state input[type="checkbox"]:checked + .preference-state-status-container {
background-color: #027654;
}
.preferences-container .preference-table .preference-row .preference-state input[type="checkbox"]:checked + .preference-state-status-container .on-text {
display: inline-block;
}
.preferences-container .preference-table .preference-row .preference-state input[type="checkbox"]:checked + .preference-state-status-container .off-text {
display: none;
}
.preferences-container .preference-table .preference-row .preference-state .preference-state-status-container {
width: auto;
height: 30px;
line-height: 30px;
text-align: center;
padding: 0 20px;
border-radius: 60px;
background-color: #d9534f;
font-weight: 700;
font-size: 0.75rem;
color: #fff;
cursor: pointer;
}
.preferences-container .preference-table .preference-row .preference-state .preference-state-status-container .loading-icon {
display: none;
}
.preferences-container .preference-table .preference-row .preference-state .preference-state-status-container .on-text {
display: none;
}
.preferences-container .preference-table .preference-row .preference-state .preference-state-status-container .off-text {
display: inline-block;
}
.preferences-container .preference-table .preference-row .preference-state.loading input[type="checkbox"]:checked + .preference-state-status-container .on-text, .preferences-container .preference-table .preference-row .preference-state.loading input[type="checkbox"]:checked + .preference-state-status-container .off-text {
display: none;
}
.preferences-container .preference-table .preference-row .preference-state.loading .preference-state-status-container .on-text, .preferences-container .preference-table .preference-row .preference-state.loading .preference-state-status-container .off-text {
display: none;
}
.preferences-container .preference-table .preference-row .preference-state.loading .preference-state-status-container .loading-icon {
display: block;
}
.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 .loading-icon {
display: none;
}
.preferences-page-container .checkbox-container.loading .loading-icon {
display: inline-block;
}
#page-message-output-popup-notifications #region-main {
background-color: transparent !important;
}
.notification-area {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
height: auto;
color: #212121;
}
.theme-dark .notification-area {
color: #E8EAED;
}
.notification-area .content-item-body {
display: inline-flex;
align-content: flex-start;
}
.notification-area .control-area {
padding: 0;
margin-right: 30px;
display: inline-flex;
width: 300px;
max-height: 600px;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
border-right: 1px solid #E1E1E1;
}
.theme-dark .notification-area .control-area {
border-color: #2E3134;
}
@media (max-width: 999.98px) {
.notification-area .control-area {
height: auto;
width: 100%;
display: block;
margin: 0 auto;
padding: 0;
border-right: 0;
}
}
.notification-area .control-area .content {
padding: 0 20px 0 0;
position: relative;
}
.notification-area .control-area .content:empty {
display: none;
}
.notification-area .control-area .content .content-item-container {
cursor: pointer;
}
.notification-area .control-area .content:empty + .empty-text {
display: block;
font-size: 0.875rem;
}
.notification-area .control-area .loading-icon {
display: none;
}
.notification-area .control-area .empty-text {
display: none;
font-size: 0.875rem;
padding: 10px 20px;
}
.notification-area .control-area.loading .loading-icon {
display: block;
text-align: center;
padding: 5px;
}
.notification-area .control-area.loading .content:empty + .empty-text {
display: none;
}
.notification-area .content-area {
display: block;
}
@media (min-width: 1000px) {
.notification-area .content-area {
width: calc(100% - 340px);
}
}
.notification-area .content-area .toggle-mode {
display: none;
}
@media (min-width: 1000px) {
.notification-area .content-area .header {
padding: 0 0 0 30px;
}
}
@media (max-width: 999.98px) {
.notification-area .content-area .header {
margin-top: 30px;
padding: 10px;
}
}
.notification-area .content-area .header .image-container {
display: inline-block;
width: 60px;
}
.notification-area .content-area .header .image-container img {
width: 65%;
background-color: #F5F5F5;
border-radius: 5px;
}
.notification-area .content-area .header .subject-container {
margin-bottom: 10px;
display: inline-flex;
width: calc(100% - 70px);
font-size: 1.125rem;
font-weight: 500;
}
@media (min-width: 1000px) {
.notification-area .content-area .header .subject-container {
font-size: 1.125rem;
}
}
@media (max-width: 999.98px) {
.notification-area .content-area .header .subject-container {
font-size: 1rem;
}
}
.notification-area .content-area .header .timestamp {
margin: 0 0 0 65px;
font-size: 0.875rem;
color: #555353;
}
.notification-area .content-area .header:empty {
display: none;
}
.notification-area .content-area > .content {
height: auto;
font-weight: 400;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
@media (min-width: 1000px) {
.notification-area .content-area > .content {
margin: 30px 0 0 95px;
font-size: 0.938rem;
}
}
@media (max-width: 999.98px) {
.notification-area .content-area > .content {
margin: 10px;
font-size: 0.875rem;
}
}
.notification-area .content-area > .content:empty {
display: none;
}
.notification-area .content-area > .content:empty + .empty-text {
display: block;
text-align: left;
padding: 10px 20px;
}
.notification-area .content-area .empty-text {
display: none;
}
.notification-area .content-area .footer {
padding: 10px 30px;
background-color: #F5F5F5;
border-radius: 5px;
font-size: 0.875rem;
font-weight: 500;
color: #434343;
}
@media (min-width: 768px) {
.notification-area .content-area .footer {
margin: 30px 0 0 95px;
}
}
@media (max-width: 999.98px) {
.notification-area .content-area .footer {
margin: 10px;
}
}
.theme-dark .notification-area .content-area .footer {
background-color: #121215;
color: #aeb3b8;
}
.notification-area .content-area .footer:empty {
display: none;
}
.notification-area .content-area .footer a {
color: #434343;
}
.theme-dark .notification-area .content-area .footer a {
color: #aeb3b8;
}
div.disabled {
opacity: 0.5;
}
.drawer.message-drawer {
background-color: #fff;
top: 0;
height: 100vh;
z-index: 9999;
}
.theme-dark .drawer.message-drawer {
background-color: #191a1e;
}
@media (min-width: 768px) {
.drawer.message-drawer {
width: 420px;
}
}
@media (min-width: 320px) and (max-width: 767.98px) {
.drawer.message-drawer {
width: 100%;
height: 100%;
top: 0;
right: 0;
}
}
.drawer.message-drawer.hidden {
display: block;
right: -100%;
}
.drawer.message-drawer .nav .nav-item {
font-size: 0.875rem;
font-weight: 500;
}
.drawer.message-drawer .nav .nav-item a:hover {
color: #ccbab8;
}
.drawer.message-drawer .nav .nav-item .active:before {
width: 100%;
}
[data-region="send-message-txt"] {
height: 120px;
}
.message-drawer [data-region="no-results-container"], .message-app [data-region="no-results-container"] {
font-size: 0.75rem;
color: #434343;
}
.theme-dark .message-drawer [data-region="no-results-container"], .theme-dark .message-app [data-region="no-results-container"] {
color: #aeb3b8;
}
.message-drawer .message-title, .message-app .message-title {
max-width: 120px;
font-size: 0.875rem;
font-weight: 700;
color: #212121;
}
.theme-dark .message-drawer .message-title, .theme-dark .message-app .message-title {
color: #E8EAED;
}
.message-drawer .rui-message-subname, .message-app .rui-message-subname {
max-width: 120px;
font-size: 0.75rem;
font-weight: 500;
color: #434343;
}
.theme-dark .message-drawer .rui-message-subname, .theme-dark .message-app .rui-message-subname {
color: #aeb3b8;
}
.message-drawer .close, .message-drawer .yui3-skin-sam .yui3-button.closebutton, .yui3-skin-sam .message-drawer .yui3-button.closebutton, .message-app .close, .message-app .yui3-skin-sam .yui3-button.closebutton, .yui3-skin-sam .message-app .yui3-button.closebutton {
position: absolute;
top: 7px;
right: 6px;
z-index: 10001;
}
.message-drawer .section.expanded, .message-app .section.expanded {
overflow: hidden;
border-radius: 5px;
box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
border: 2px solid #561911;
}
.message-drawer .header-container, .message-app .header-container {
flex-shrink: 0;
}
.message-drawer .body-container, .message-app .body-container {
flex: 1;
overflow: hidden;
}
#page-message-index .message-drawer .body-container, #page-message-index .message-app .body-container {
min-height: 360px;
}
.message-drawer .body-container > *, .message-app .body-container > * {
position: absolute;
right: 0;
left: 0;
top: 0;
bottom: 0;
}
.message-drawer .footer-container, .message-app .footer-container {
flex-shrink: 0;
}
.message-drawer .contact-status, .message-app .contact-status {
position: absolute;
left: 5px;
top: 5px;
width: 12px;
height: 12px;
border-radius: 50%;
}
.message-drawer .contact-status.online, .message-app .contact-status.online {
border: 3px solid #fff;
background-color: #048444;
}
.theme-dark .message-drawer .contact-status.online, .theme-dark .message-app .contact-status.online {
border-color: #191a1e;
}
.message-drawer .message-txt, .message-app .message-txt {
padding: 0 60px 0 0;
display: inline-flex;
align-items: flex-start;
font-size: 0.75rem;
color: #434343;
word-break: break-word;
}
.theme-dark .message-drawer .message-txt, .theme-dark .message-app .message-txt {
color: #aeb3b8;
}
.message-drawer .message img, .message-app .message img {
max-width: 100%;
width: auto;
height: auto;
border-radius: 5px;
}
.message-drawer .clickable, .message-app .clickable {
margin-left: 5px;
padding: 0.35rem 0;
cursor: pointer;
transition: all 0.2s ease-in-out;
border-radius: 5px;
}
.message-drawer .clickable.border-danger, .message-app .clickable.border-danger {
padding: 0.35rem;
border: 2px dashed #ef1010 !important;
}
.message-drawer .clickable.border-danger .rui-last-message-date-icon, .message-app .clickable.border-danger .rui-last-message-date-icon {
display: none;
}
.message-drawer .clickable:hover:before, .message-app .clickable:hover:before {
content: "";
background-color: #E1E1E1;
width: 5px;
height: 5px;
border-radius: 5px;
position: absolute;
top: 0;
left: -3px;
animation: pulse 2s infinite;
}
.theme-dark .message-drawer .clickable:hover:before, .theme-dark .message-app .clickable:hover:before {
border-color: #2E3134;
}
.message-drawer .icon, .message-app .icon {
margin: 0;
}
.theme-dark .message-drawer .icon, .theme-dark .message-app .icon {
filter: invert(1);
}
.message-drawer [data-region="content-container"], .message-app [data-region="content-container"] {
font-size: 0.875rem;
color: #434343;
}
.theme-dark .message-drawer [data-region="content-container"], .theme-dark .message-app [data-region="content-container"] {
color: #aeb3b8;
}
.message-drawer .overview-section-toggle .collapsed-icon-container, .message-app .overview-section-toggle .collapsed-icon-container {
display: none;
}
.message-drawer .overview-section-toggle .expanded-icon-container, .message-app .overview-section-toggle .expanded-icon-container {
display: inline-block;
}
.message-drawer .overview-section-toggle.collapsed .collapsed-icon-container, .message-app .overview-section-toggle.collapsed .collapsed-icon-container {
display: inline-block;
}
.message-drawer .overview-section-toggle.collapsed .expanded-icon-container, .message-app .overview-section-toggle.collapsed .expanded-icon-container {
display: none;
}
.message-drawer .rui-view-overview-body .section, .message-app .rui-view-overview-body .section {
display: block;
margin: 0 0 0.5rem !important;
}
.message-drawer .rui-view-overview-body .section.expanded, .message-app .rui-view-overview-body .section.expanded {
display: flex;
}
.message-drawer .section .collapsing, .message-app .section .collapsing {
overflow: hidden;
}
.message-drawer .lazy-load-list, .message-app .lazy-load-list {
overflow-y: auto;
}
.dir-rtl .message-drawer {
box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}
.message-search-results-content {
border-bottom: 1px solid #E1E1E1;
padding-bottom: 1.5rem;
}
.theme-dark .message-search-results-content {
border-color: #2E3134;
}
.rui-message-header-info {
color: #212121;
}
.theme-dark .rui-message-header-info {
color: #E8EAED;
}
.rui-message-name {
display: block;
font-weight: 500;
font-size: 0.85rem;
}
.rui-message-user-status, [data-action="view-group-info"] small {
display: block;
width: 100%;
font-size: 0.65rem;
font-weight: 500;
color: #555353;
}
.theme-dark .rui-message-user-status, .theme-dark [data-action="view-group-info"] small {
color: #9AA0A6;
}
.rui-message-user-status {
margin-top: 0.35rem;
}
.rui-message-name-favorite {
position: absolute;
top: -8px;
left: -10px;
width: 20px;
height: 20px;
background-color: #fff;
border-radius: 5px;
color: #F4A614;
display: flex;
align-content: center;
justify-content: center;
}
.theme-dark .rui-message-name-favorite {
background-color: #191a1e;
}
.rui-additional-info {
background-color: #fff;
padding-left: 72px;
padding-bottom: 5px;
}
.theme-dark .rui-additional-info {
color: #191a1e;
}
[data-action="view-contact"] div, [data-action="view-group-info"] {
position: relative;
}
[data-region="last-message-date"] {
right: 0;
}
.rui-message-app-bg {
width: 80%;
margin: 10px 0 20px;
}
.rui-message-app-bg .rui-message-txt {
background-color: #EEEEEE;
padding: 10px 20px 30px 10px;
border-radius: 5px;
font-size: 0.875rem;
color: #212121;
}
.theme-dark .rui-message-app-bg .rui-message-txt {
background-color: #17181B;
color: #E8EAED;
}
.rui-message-app-bg-secondary {
width: 80%;
margin: 10px 0 20px;
}
.rui-message-app-bg-secondary .rui-message-txt {
background-color: #eee8e7;
padding: 10px 20px;
margin-top: 0.25rem;
margin-left: 7px;
border-radius: 5px;
font-size: 0.875rem;
color: #212121;
}
.theme-dark .rui-message-app-bg-secondary .rui-message-txt {
color: #E8EAED;
}
.rui-message-author-avatar {
position: absolute;
bottom: -15px;
left: 15px;
border: 4px solid #fff;
}
.theme-dark .rui-message-author-avatar {
border-color: #191a1e;
}
.rui-message-author-name {
font-size: 0.75rem;
}
.rui-message-author-date {
font-size: 0.75rem;
color: #555353;
}
.theme-dark .rui-message-author-date {
color: #9AA0A6;
}
#page-message-output-popup-notifications [role="main"] h2 {
margin-bottom: 2rem;
}
#page-message-output-popup-notifications [role="main"] hr {
margin: 20px 0;
}
#page-message-output-popup-notifications #region-main {
background-color: #F5F5F5;
color: #434343;
}
.theme-dark #page-message-output-popup-notifications #region-main {
background-color: #121215;
color: #aeb3b8;
}
/* Header of the messages app */
.btn-msg, .btn-msg-special, .btn-msg-danger {
display: inline-flex;
align-items: center;
justify-content: center;
position: relative;
min-width: 40px;
height: 40px;
border-radius: 5px;
border: none;
transition: all 0.2s ease-in-out;
}
.theme-dark .btn-msg, .theme-dark .btn-msg-special, .theme-dark .btn-msg-danger {
background-color: #24262b;
}
.btn-msg {
background-color: transparent;
color: #212121;
}
.theme-dark .btn-msg {
color: #E8EAED;
}
.btn-msg:hover {
background-color: #EEEEEE;
color: #212121;
text-decoration: none;
}
.theme-dark .btn-msg:hover {
background-color: #17181B;
color: #E8EAED;
}
.btn-msg-special {
background-color: #eee8e7;
color: #561911;
}
.theme-dark .btn-msg-special {
background-color: #121215;
color: #fff;
}
.btn-msg-special:hover {
background-color: #ddd1cf;
color: #561911;
text-decoration: none;
}
.theme-dark .btn-msg-special:hover {
background-color: #121215;
color: #fff;
}
.btn-msg-special .btn-msg--text:not(:empty) {
margin-left: 0.35rem;
font-size: 12px;
font-weight: 700;
text-decoration: none;
}
.btn-msg-danger {
background-color: transparent;
color: #212121;
}
.theme-dark .btn-msg-danger {
color: #E8EAED;
}
.btn-msg-danger:hover {
background-color: #feeded;
color: #ca0d0d;
}
[data-region="unread-count"] {
position: absolute;
top: 28px;
right: 10px;
padding: 2px 6px;
font-size: 0.75rem;
font-weight: 700;
background-color: #EAF4DD;
border-radius: 5px;
color: #027654;
}
[data-region="empty-message-container"] .text-muted, [data-region="empty-message-container"] .block .minicalendar td.weekend, .block .minicalendar [data-region="empty-message-container"] td.weekend {
margin-bottom: 1rem;
}
.alert .text-muted, #page-mod-choice-view #notice p .text-muted, .alert .block .minicalendar td.weekend, .block .minicalendar .alert td.weekend, #page-mod-choice-view #notice p .block .minicalendar td.weekend, .block .minicalendar #page-mod-choice-view #notice p td.weekend {
color: inherit !important;
margin-bottom: 0.5rem;
}
.emoji-picker-container {
position: absolute;
top: -5px;
right: 0;
transform: translateY(-100%);
z-index: 10001;
}
@media (max-width: 319.98px) {
.emoji-picker-container {
right: -0.5rem;
}
}
.emoji-auto-complete-container {
overflow: auto;
max-height: 80px;
transition: max-height 0.15s ease-in-out;
visibility: visible;
padding-bottom: 10px;
}
.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;
}
.emoji-picker .emojis-container, .emoji-picker .search-results-container {
max-height: 300px !important;
overflow-y: scroll;
}
.rui-message-app-title {
font-size: 14px;
font-weight: 500;
color: #212121;
}
.theme-dark .rui-message-app-title {
color: #E8EAED;
}
.rui-message-container-md {
margin-left: 72px;
margin-right: 15px;
}
.rui-message-header-container {
padding: 10px 15px;
}
.rui-message-hr {
margin: 0;
}
.rui-message-header-margin {
margin: 1rem 0.5rem 1rem 0;
}
.rui-message-search-wrapper {
position: relative;
}
.rui-message-search-input {
display: block;
padding: 10px 50px 10px 60px;
height: 56px;
background-color: #EEEEEE;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23212121' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M19.25 19.25L15.5 15.5M4.75 11C4.75 7.54822 7.54822 4.75 11 4.75C14.4518 4.75 17.25 7.54822 17.25 11C17.25 14.4518 14.4518 17.25 11 17.25C7.54822 17.25 4.75 14.4518 4.75 11Z'%3E%3C/path%3E%3C/svg%3E%0A");
background-position: left 19px top 50%;
background-repeat: no-repeat;
background-size: 24px;
border-radius: 5px;
border: none;
box-shadow: none;
font-size: 1rem;
font-weight: 500;
color: #434343;
}
.dir-rtl .rui-message-search-input {
background-position: right 19px top 50%;
}
.theme-dark .rui-message-search-input {
background-color: #17181B;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M19.25 19.25L15.5 15.5M4.75 11C4.75 7.54822 7.54822 4.75 11 4.75C14.4518 4.75 17.25 7.54822 17.25 11C17.25 14.4518 14.4518 17.25 11 17.25C7.54822 17.25 4.75 14.4518 4.75 11Z'%3E%3C/path%3E%3C/svg%3E%0A");
color: #aeb3b8;
}
.rui-message-search-input-btn {
display: flex;
position: absolute;
top: calc(50% - 15px);
right: 25px;
width: 30px;
height: 30px;
background-color: #fff;
border-radius: 5px;
border: none;
color: #434343;
transition: all 0.2s ease-in-out;
}
.theme-dark .rui-message-search-input-btn {
background-color: #000;
color: #aeb3b8;
}
.rui-message-search-input-btn:hover {
background-color: #561911;
color: #eee8e7;
}
.rui-message-search-input-btn.dir-rtl {
transform: rotate(-180deg);
}
.rui-message-accordion-wrapper {
position: relative;
transition: all 0.2s ease-in-out;
}
.rui-message-accordion-wrapper:after {
position: absolute;
width: calc(100% - 4px);
height: calc(100% - 4px);
top: 2px;
left: 2px;
border-radius: 5px;
z-index: -1;
}
.rui-message-accordion-wrapper.expanded:after {
content: "";
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04), 0 2px 2px rgba(0, 0, 0, 0.04), 0 4px 4px rgba(0, 0, 0, 0.04), 0 8px 8px rgba(0, 0, 0, 0.04), 0 16px 16px rgba(0, 0, 0, 0.04);
}
.rui-message-accordion {
padding: 10px 15px 10px 20px;
height: 56px;
display: inline-flex;
justify-content: space-between;
align-items: center;
font-size: 0.875rem;
font-weight: 500;
color: #212121;
text-align: left;
background-color: transparent;
border-width: 0 0 2px 0;
border-style: solid;
border-color: #E1E1E1;
}
.theme-dark .rui-message-accordion {
color: #E8EAED;
border-color: #2E3134;
}
.rui-message-accordion[aria-expanded="true"] {
border-color: transparent;
}
.rui-message-accordion .rui-message-accordion-title {
margin-left: 40px;
}
.rui-message-accordion .rui-message-accordion-toggle-icon {
color: #555353;
transition: all 0.2s ease-in-out;
}
.theme-dark .rui-message-accordion .rui-message-accordion-toggle-icon {
color: #9AA0A6;
}
.expanded .rui-message-accordion .rui-message-accordion-toggle-icon {
transform: rotate(180deg);
}
.rui-message-section-starred .rui-message-accordion-toggle .rui-message-accordion, .rui-message-section-group .rui-message-accordion-toggle .rui-message-accordion, .rui-message-section-private .rui-message-accordion-toggle .rui-message-accordion {
background-repeat: no-repeat;
background-size: 18px;
background-position: 45px;
}
.rui-message-section-starred .rui-message-accordion-toggle .rui-message-accordion {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23212121' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M12 4.75L13.75 10.25H19.25L14.75 13.75L16.25 19.25L12 15.75L7.75 19.25L9.25 13.75L4.75 10.25H10.25L12 4.75Z'%3E%3C/path%3E%3C/svg%3E%0A");
}
.theme-dark .rui-message-section-starred .rui-message-accordion-toggle .rui-message-accordion {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M12 4.75L13.75 10.25H19.25L14.75 13.75L16.25 19.25L12 15.75L7.75 19.25L9.25 13.75L4.75 10.25H10.25L12 4.75Z'%3E%3C/path%3E%3C/svg%3E%0A");
}
.rui-message-section-group .rui-message-accordion-toggle .rui-message-accordion {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23212121' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M5.78168 19.25H13.2183C13.7828 19.25 14.227 18.7817 14.1145 18.2285C13.804 16.7012 12.7897 14 9.5 14C6.21031 14 5.19605 16.7012 4.88549 18.2285C4.773 18.7817 5.21718 19.25 5.78168 19.25Z'%3E%3C/path%3E%3Cpath stroke='%23212121' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M15.75 14C17.8288 14 18.6802 16.1479 19.0239 17.696C19.2095 18.532 18.5333 19.25 17.6769 19.25H16.75'%3E%3C/path%3E%3Ccircle cx='9.5' cy='7.5' r='2.75' stroke='%23212121' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3C/circle%3E%3Cpath stroke='%23212121' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M14.75 10.25C16.2688 10.25 17.25 9.01878 17.25 7.5C17.25 5.98122 16.2688 4.75 14.75 4.75'%3E%3C/path%3E%3C/svg%3E%0A");
}
.theme-dark .rui-message-section-group .rui-message-accordion-toggle .rui-message-accordion {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M5.78168 19.25H13.2183C13.7828 19.25 14.227 18.7817 14.1145 18.2285C13.804 16.7012 12.7897 14 9.5 14C6.21031 14 5.19605 16.7012 4.88549 18.2285C4.773 18.7817 5.21718 19.25 5.78168 19.25Z'%3E%3C/path%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M15.75 14C17.8288 14 18.6802 16.1479 19.0239 17.696C19.2095 18.532 18.5333 19.25 17.6769 19.25H16.75'%3E%3C/path%3E%3Ccircle cx='9.5' cy='7.5' r='2.75' stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3C/circle%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M14.75 10.25C16.2688 10.25 17.25 9.01878 17.25 7.5C17.25 5.98122 16.2688 4.75 14.75 4.75'%3E%3C/path%3E%3C/svg%3E%0A");
}
.rui-message-section-private .rui-message-accordion-toggle .rui-message-accordion {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23212121' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M5.75 11.75C5.75 11.1977 6.19772 10.75 6.75 10.75H17.25C17.8023 10.75 18.25 11.1977 18.25 11.75V17.25C18.25 18.3546 17.3546 19.25 16.25 19.25H7.75C6.64543 19.25 5.75 18.3546 5.75 17.25V11.75Z'%3E%3C/path%3E%3Cpath stroke='%23212121' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M7.75 10.5V10.3427C7.75 8.78147 7.65607 7.04125 8.74646 5.9239C9.36829 5.2867 10.3745 4.75 12 4.75C13.6255 4.75 14.6317 5.2867 15.2535 5.9239C16.3439 7.04125 16.25 8.78147 16.25 10.3427V10.5'%3E%3C/path%3E%3C/svg%3E%0A");
}
.theme-dark .rui-message-section-private .rui-message-accordion-toggle .rui-message-accordion {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M5.75 11.75C5.75 11.1977 6.19772 10.75 6.75 10.75H17.25C17.8023 10.75 18.25 11.1977 18.25 11.75V17.25C18.25 18.3546 17.3546 19.25 16.25 19.25H7.75C6.64543 19.25 5.75 18.3546 5.75 17.25V11.75Z'%3E%3C/path%3E%3Cpath stroke='%23E8EAED' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M7.75 10.5V10.3427C7.75 8.78147 7.65607 7.04125 8.74646 5.9239C9.36829 5.2867 10.3745 4.75 12 4.75C13.6255 4.75 14.6317 5.2867 15.2535 5.9239C16.3439 7.04125 16.25 8.78147 16.25 10.3427V10.5'%3E%3C/path%3E%3C/svg%3E%0A");
}
.rui-message-badge {
background-color: #F5F5F5;
border-radius: 5px;
display: inline-flex;
align-items: center;
color: #525151;
overflow: hidden;
}
.theme-dark .rui-message-badge {
background-color: #121215;
color: #9AA0A6;
}
.rui-message-badge .rui-message-badge-icon {
padding: 4px 6px;
background-color: #EEEEEE;
color: #525151;
}
.theme-dark .rui-message-badge .rui-message-badge-icon {
background-color: #17181B;
color: #9AA0A6;
}
.rui-message-badge .rui-message-total-unread, .rui-message-badge .rui-message-total-count {
padding: 5px 12px;
font-weight: 500;
}
.rui-message-badge .rui-message-total-unread {
background-color: #EAF4DD;
color: #027654;
}
.rui-message-list-item {
margin: 10px 0;
position: relative;
border-radius: 5px;
}
.rui-message-list-item:first-of-type {
margin-top: 0;
}
.rui-message-list-item:after {
content: "";
background-color: #E1E1E1;
height: 1px;
width: calc(100% + 12px);
position: absolute;
left: -6px;
bottom: -10px;
}
.theme-dark .rui-message-list-item:after {
background-color: #2E3134;
}
.rui-message-list-item:last-child:after {
display: none;
}
.rui-message-list-item:hover {
background-color: #F5F5F5;
text-decoration: none;
}
.theme-dark .rui-message-list-item:hover {
background-color: #121215;
}
.rui-msg-fullname {
font-size: 0.875rem;
color: #212121;
font-weight: 500;
}
.theme-dark .rui-msg-fullname {
color: #E8EAED;
}
.rui-last-message-date {
margin-right: 10px;
display: inline-flex;
align-items: flex-start;
font-size: 0.75rem;
font-weight: 400;
color: #555353;
line-height: 1;
}
.theme-dark .rui-last-message-date {
color: #9AA0A6;
}
.rui-last-message-date .rui-last-message-date-icon {
line-height: 1;
margin-right: 0.25rem;
}
.rui-last-message-user-you, .rui-last-message-user-sender {
margin-right: 0.35rem;
padding: 3px;
display: inline-flex;
border-radius: 5px;
}
.rui-last-message-user-you {
background-color: #eee8e7;
color: #561911;
}
.rui-last-message-user-sender {
background-color: #F5F5F5;
color: #626262;
}
.theme-dark .rui-last-message-user-sender {
background-color: #121215;
color: #3C4043;
}
.rui-message-heading {
margin: 0;
font-size: 1.125rem;
color: #212121;
}
.theme-dark .rui-message-heading {
color: #E8EAED;
}
.badge-msg {
margin-left: 5px;
padding: 3px 0 3px 5px;
font-size: 12px;
font-weight: 700;
color: #027654;
}
.rui-contact-blocked {
position: absolute;
right: 5px;
top: 5px;
}
.rui-contact-icon-blocked {
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
border-radius: 5px;
background-color: #feeded;
color: #ca0d0d;
}
.rui-contact-icon-blocked .icon {
display: flex;
align-items: center;
justify-content: center;
font-size: 13px;
}
.rui-contact-request-count {
position: absolute;
right: 2px;
top: 2px;
background-color: #ef1010;
width: 6px;
height: 6px;
border-radius: 6px;
animation-name: alertDot;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
.list-group-item-blocked {
background-color: #feeded;
border-color: #fbc8c8;
}
.list-group-item-blocked:hover {
border-color: #f9a3a3;
}
.rui-message-date {
display: block;
position: relative;
padding: 20px 0;
font-weight: 500;
font-size: 0.75rem;
color: #555353;
text-align: center;
}
.theme-dark .rui-message-date {
color: #9AA0A6;
}
.rui-message-date:before {
content: "";
background-color: #E1E1E1;
width: 40px;
height: 1px;
position: absolute;
top: 0;
right: calc(50% - 20px);
}
.theme-dark .rui-message-date:before {
background-color: #2E3134;
}
.rui-day-container {
padding: 15px;
}
.rui-message-text {
margin-right: 2rem;
margin-left: 52px;
margin-top: 0.35rem;
padding: 0.5rem 0.75rem;
background-color: #F5F5F5;
border-radius: 0 5px 5px 5px;
color: #212121;
}
.theme-dark .rui-message-text {
background-color: #121215;
color: #E8EAED;
}
.rui-message-text p {
word-break: break-word;
}
.rui-message-text p img {
max-width: 100%;
}
.send .rui-message-text {
margin-left: 20px;
margin-right: 0;
background-color: #eee8e7;
border-radius: 5px 0 5px 5px;
}
.theme-dark .send .rui-message-text {
background-color: #202124;
color: #E8EAED;
}
.rui-message-footer-container {
padding: 15px;
}
.rui-messageselected {
padding: 0.25rem;
border: 2px dashed #E1E1E1;
border-radius: 5px;
}
.theme-dark .rui-messageselected {
border-color: #2E3134;
}
@keyframes alertDot {
0% {
opacity: 1;
}
50% {
opacity: 0.4;
}
100% {
opacity: 1;
}
}
.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 #E1E1E1;
}
.theme-dark #chooseqtype .fakeqtypes {
border-color: #2E3134;
}
#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 {
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 #E1E1E1;
padding: 0.24em 0;
}
.theme-dark #chooseqtype .qtypes {
border-color: #2E3134;
}
#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;
}
.theme-dark #chooseqtype .selected {
filter: invert(1);
}
#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;
}
.theme-dark #chooseqtype .instruction, .theme-dark #chooseqtype .qtypesummary {
border-color: #121215;
}
#chooseqtype .instruction, #chooseqtype .selected .qtypesummary {
display: block;
}
#categoryquestions {
margin: 0;
}
#categoryquestions td, #categoryquestions th {
padding: 0 0.2em;
color: #212121;
}
.theme-dark #categoryquestions td, .theme-dark #categoryquestions th {
color: #E8EAED;
}
#categoryquestions td div, #categoryquestions th div {
align-items: center;
flex-wrap: wrap;
}
#categoryquestions th {
text-align: left;
font-weight: normal;
}
#categoryquestions .checkbox {
padding-left: 5px;
}
#categoryquestions .checkbox input[type="checkbox"] {
margin-left: 0;
float: none;
}
#categoryquestions .iconcol {
width: 60px;
padding: 3px;
box-sizing: content-box;
}
#categoryquestions .iconcol .icon {
padding: 0;
margin: 0;
width: 24px;
height: 24px;
}
#categoryquestions label {
margin: 0;
display: block;
}
#categoryquestions .header {
text-align: left;
}
.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 .form-group .sr-only:not(legend) {
position: static;
width: auto;
height: auto;
padding: 0;
margin: 0 0.5rem 0 0;
overflow: visible;
clip: auto;
clip-path: none;
border: 0;
}
.que .info .questionflag.editable {
cursor: pointer;
}
.que .info .editquestion img, .que .info .questionflag img, .que .info .questionflag input {
display: none;
}
.que .r0, .que .r1 {
border-radius: 5px;
display: flex;
align-items: center;
}
.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;
}
.que.multichoice .answer div.r0, .que.multichoice .answer div.r1 {
padding: 10px;
border-radius: 5px;
align-items: center;
}
.que.multichoice .answer div.r0 .icon, .que.multichoice .answer div.r1 .icon {
margin-right: 10px;
}
.que.multichoice .answer div.r0 input, .que.multichoice .answer div.r1 input {
margin: 6px 20px 6px 10px;
}
.que.multichoice .answer .answernumber {
min-width: 1.5em;
display: inline-flex;
align-items: center;
font-size: 0.8rem;
}
.formulation input[type="text"] + .icon, .formulation select + .icon {
margin-left: 0.35rem;
}
.que.multianswer .formulation .yui3-widget-positioned {
box-sizing: content-box;
}
.que.multianswer .formulation .yui3-widget-positioned .feedbackspan {
width: inherit;
max-width: inherit;
}
.path-mod-quiz input[size] {
margin: 0;
min-width: 70px;
width: auto;
max-width: 100%;
}
.que .ablock {
margin: 0 0 30px 0;
overflow: inherit;
}
.que .ablock .prompt {
margin-bottom: 10px;
}
.que .im-controls {
margin-top: 0.5em;
text-align: left;
}
.que .generalfeedback, .que .numpartscorrect .que .rightanswer, .que .im-feedback, .que p {
margin: 0.25em 0;
color: #212121;
}
.theme-dark .que .generalfeedback, .theme-dark .que .numpartscorrect .que .rightanswer, .theme-dark .que .im-feedback, .theme-dark .que p {
color: #E8EAED;
}
.rightanswer {
display: inline-flex;
flex-wrap: wrap;
align-items: center;
}
.rightanswer p {
font-weight: 700;
}
.que .correctness.correct {
background-color: #561911;
}
.que .correctness.partiallycorrect {
background-color: #F7B742;
}
.que .correctness.notanswered, .que .correctness.incorrect {
background-color: #ef1010;
}
.que .validationerror {
color: #ef1010;
}
.que .grading, .que .comment, .que .commentlink {
margin-top: 0.5rem;
}
.que .history {
border: none !important;
margin: 30px 0;
padding: 0 !important;
}
.que .history h3 {
font-size: 1rem;
}
.que .history table {
width: 100%;
margin: 0;
}
.que .history .current {
font-weight: 700;
}
.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 #E1E1E1;
}
.theme-dark .importerror {
border-color: #2E3134;
}
.mform .que.comment .fitemtitle {
width: 20%;
}
#page-question-preview #techinfo {
margin: 1em 0;
}
#page-mod-quiz-edit div.questionbankwindow div.header {
margin: 0;
}
#page-mod-quiz-edit div.questionbankwindow.block {
padding: 0;
}
#page-mod-quiz-edit .add-menu-outer {
position: relative;
top: 0;
right: 0;
}
#page-mod-quiz-edit .section-heading {
margin: 1rem 0;
height: auto;
}
#page-mod-quiz-edit .section-heading .editing_section {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
}
#page-mod-quiz-edit .section-heading .editing_section .icon {
padding: 10px;
background-color: #F5F5F5;
border-radius: 40px;
}
.editing_section .icon {
padding: 10px;
background-color: #F5F5F5;
border-radius: 40px;
}
.theme-dark .editing_section .icon {
filter: invert(1);
}
#page-mod-quiz-edit .section-heading .instancesectioncontainer {
display: inline-flex;
}
#page-mod-quiz-edit .section-heading .instancesectioncontainer h3 {
display: flex;
color: inherit;
}
#page-mod-quiz-edit .last-add-menu {
margin: 20px 10px 0;
height: auto;
display: flex;
justify-content: flex-end;
}
#page-mod-quiz-edit ul.slots li.section .content {
background-color: transparent;
}
#page-mod-quiz-edit li.activity > div, #page-mod-quiz-edit li.pagenumber {
margin-bottom: 0;
}
#page-mod-quiz-edit ul.slots li.section li.activity {
background-color: transparent;
padding: 1rem;
min-width: 40px;
border-radius: 5px;
border: 1px solid #E1E1E1;
}
#page-mod-quiz-edit ul.slots li.section li.activity.page h4 {
margin: 0;
font-family: "Poppins", sans-serif;
font-weight: 700;
}
#page-mod-quiz-edit ul.slots li.section li.activity.page .add-menu-outer {
position: absolute;
top: 3px;
right: 3px;
margin: 0;
padding: 2px;
background-color: #fff;
border-radius: 5px;
}
#page-mod-quiz-edit ul.slots li.section li.activity.page .add-menu-outer:empty {
display: none;
}
.theme-dark#page-mod-quiz-edit ul.slots li.section li.activity.pagenumber {
border: none;
}
.theme-dark#page-mod-quiz-edit ul.slots li.section li.activity {
border: 1px solid #2E3134;
}
.theme-dark#page-mod-quiz-edit ul.slots li.section li.activity.page .add-menu-outer {
background-color: #191a1e;
}
#page-mod-quiz-edit .section li.activity:before {
display: none;
}
#page-mod-quiz-edit .inplaceeditable {
margin: 0;
padding: 0;
background-color: transparent;
}
#page-mod-quiz-edit .inplaceeditable-text {
color: #212121;
}
.theme-dark#page-mod-quiz-edit .inplaceeditable-text {
color: #E8EAED;
}
#page-mod-quiz-edit .inplaceeditable .quickeditlink {
padding: 3px 6px;
background-color: #F5F5F5;
color: #212121;
border-radius: 5px;
display: inline-flex;
align-items: center;
height: 30px;
}
.theme-dark#page-mod-quiz-edit .inplaceeditable .quickeditlink {
background-color: #121215;
color: #E8EAED;
}
#page-mod-quiz-edit .section {
position: relative;
}
#page-mod-quiz-edit .section .activity .editing_move {
position: absolute;
top: 0;
left: 0;
height: 100%;
}
#page-mod-quiz-edit.select-multiple#page-mod-quiz-edit ul.slots li.section li.activity .mod-indent-outer, #page-mod-quiz-edit ul.slots li.section li.activity .mod-indent-outer {
display: flex;
flex-wrap: wrap;
}
@media (min-width: 768px) {
#page-mod-quiz-edit.select-multiple#page-mod-quiz-edit ul.slots li.section li.activity .mod-indent-outer, #page-mod-quiz-edit ul.slots li.section li.activity .mod-indent-outer {
padding-left: 60px;
}
}
@media (max-width: 767.98px) {
#page-mod-quiz-edit.select-multiple#page-mod-quiz-edit ul.slots li.section li.activity .mod-indent-outer, #page-mod-quiz-edit ul.slots li.section li.activity .mod-indent-outer {
padding-left: 0;
}
}
#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark {
font-weight: 500;
}
#page-mod-quiz-edit ul.slots li.section li.activity .activityinstance {
margin: 0;
display: flex;
flex-wrap: wrap;
position: relative !important;
top: 0;
left: 0;
}
#page-mod-quiz-edit #categoryquestions .questionname, #page-mod-quiz-edit ul.slots li.activity div.activityinstance .questionname {
font-size: 1rem;
font-weight: 700;
color: #561911;
}
.theme-dark#page-mod-quiz-edit #categoryquestions .questionname, .theme-dark#page-mod-quiz-edit ul.slots li.activity div.activityinstance .questionname {
color: #ab8c88;
}
#page-mod-quiz-edit ul.slots li.activity div.activityinstance .questiontext {
display: block;
padding-left: 50px;
margin-top: 0;
margin-bottom: 0;
max-width: 600px;
font-size: 0.75rem;
font-weight: 400;
color: #434343;
}
.theme-dark#page-mod-quiz-edit ul.slots li.activity div.activityinstance .questiontext {
color: #aeb3b8;
}
#page-mod-quiz-edit ul.section {
padding: 0;
}
#page-mod-quiz-edit .moodle-core-dragdrop-draghandle {
margin: 0 !important;
padding: 0;
}
.page_split_join {
margin-top: 20px;
width: 100%;
}
.theme-dark .page_split_join .icon {
filter: invert(1);
}
#page-mod-quiz-edit ul.slots li.section li.activity .page_split_join_wrapper {
display: block;
position: relative;
left: auto;
bottom: auto;
text-align: center;
}
#page-mod-quiz-edit ul.slots li.section li.activity .page_split_join_wrapper .btn {
width: 300px;
}
#page-mod-quiz-edit ul.slots li.section li.activity .page_split_join_wrapper .btn .img {
margin: 0;
}
.mod_quiz-edit-top-controls {
position: relative;
margin-top: 20px;
padding-bottom: 10px;
border-bottom: 1px solid #E1E1E1;
}
.theme-dark .mod_quiz-edit-top-controls {
border-color: #2E3134;
}
.mod_quiz-edit-top-controls .numberofquestions {
margin-right: 10px;
display: inline-flex;
align-items: center;
flex-wrap: wrap;
font-size: 0.938rem;
}
.mod_quiz-edit-top-controls .quizopeningstatus {
display: inline-flex;
align-items: center;
flex-wrap: wrap;
padding: 0.35rem 0.85rem;
font-size: 0.75rem;
font-weight: 500;
vertical-align: baseline;
border-radius: 40px;
background-color: #EEF8FF;
color: #406CD2;
}
.theme-dark .mod_quiz-edit-top-controls .quizopeningstatus {
background-color: #525ea9;
color: #EEF8FF;
}
.theme-dark .mod_quiz-edit-top-controls .statusbar {
color: #9AA0A6;
}
.instanceshufflequestions [type="checkbox"] {
margin: 10px;
}
#page-mod-quiz-edit .section-heading .instanceshufflequestions {
margin: 0;
display: inline-flex;
align-items: center;
}
#page-mod-quiz-edit .section-heading .instanceshufflequestions label {
margin: 0;
}
.path-mod-quiz .mod-quiz-edit-content {
margin-bottom: 0 !important;
}
#page-mod-quiz-edit .slotnumber {
margin: 0 10px 0 0;
font-weight: 700;
font-size: 0.75rem;
min-width: 30px;
height: 30px;
line-height: 30px;
background-color: #F5F5F5;
color: #434343;
border-radius: 30px;
}
.theme-dark#page-mod-quiz-edit .slotnumber {
filter: invert(1);
}
#page-mod-quiz-edit div.editq div.question div.content {
background-color: #fff;
border: 1px solid #E1E1E1;
border-radius: 2px;
overflow: hidden;
}
.theme-dark #page-mod-quiz-edit div.editq div.question div.content {
filter: invert(1);
}
#page-mod-quiz-edit ul.slots .activityinstance span.instancename .icon {
margin: 0 10px;
opacity: 1;
}
#page-mod-quiz-edit ul.slots .activityinstance .rui-icon {
padding: 5px;
width: 20px;
height: 20px;
margin: 0 10px;
display: inline-flex;
align-items: center;
justify-content: center;
background-color: #F5F5F5;
border-radius: 30px;
}
.theme-dark #page-mod-quiz-edit ul.slots .activityinstance .rui-icon {
filter: invert(1);
}
#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: 0 0 10px 0;
padding: 5px;
}
#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-question-bank-history-history .main-content, #page-question-edit .main-content {
overflow-x: auto;
}
#page-mod-quiz-edit #categoryquestions > thead {
background: #fff;
}
.theme-dark #page-mod-quiz-edit #categoryquestions > thead {
background: #191a1e;
}
#page-mod-quiz-edit #categoryquestions > tbody > tr:nth-of-type(even) {
background: #F5F5F5;
}
.theme-dark #page-mod-quiz-edit #categoryquestions > tbody > tr:nth-of-type(even) {
background-color: #121215;
}
#page-mod-quiz-edit .questionbankwindow div.header {
color: #434343;
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 */
}
.theme-dark #page-mod-quiz-edit .questionbankwindow div.header {
color: #aeb3b8;
}
#page-mod-quiz-edit .questionbankwindow div.header a:link, #page-mod-quiz-edit .questionbankwindow div.header a:visited {
color: #561911;
}
.theme-dark#page-mod-quiz-edit .questionbankwindow div.header a:link, .theme-dark#page-mod-quiz-edit .questionbankwindow div.header a:visited {
color: #ab8c88;
}
#page-mod-quiz-edit .questionbankwindow div.header a:hover {
color: #561911;
}
.theme-dark#page-mod-quiz-edit .questionbankwindow div.header a:hover {
color: #ab8c88;
}
#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: #212121;
}
.theme-dark #page-mod-quiz-edit .questionbankwindow div.header .title {
color: #E8EAED;
}
#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;
}
.theme-dark #page-mod-quiz-edit div.quizpage .pagecontent .pagestatus, .theme-dark #page-mod-quiz-edit div.question div.content div.questioncontrols, .theme-dark #page-mod-quiz-edit div.question div.content div.points {
color: #191a1e;
}
#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 #E1E1E1;
border-radius: 2px;
overflow: hidden;
}
.theme-dark #page-mod-quiz-edit div.quizpage .pagecontent {
border-color: #2E3134;
}
#page-mod-quiz-edit div.questionbank .categoryinfo {
padding: 0.3em 0;
}
#page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer {
padding: 0;
}
#page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer strong {
display: block;
}
#page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer hr, #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer br {
display: none;
}
#page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer strong {
margin-left: -0.3em;
}
#page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer strong label {
margin-left: 0.3em;
}
#page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer input {
margin-left: 0;
}
#page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer input + input {
margin-left: 5px;
}
#page-mod-quiz-edit ul.slots .activityinstance > a {
display: inline-flex;
align-items: flex-start;
}
#page-mod-quiz-edit ul.slots .activityinstance > a:hover {
text-decoration: none;
}
#page-mod-quiz-edit.select-multiple input.select-multiple-checkbox[type="checkbox"] {
margin: 20px;
display: flex;
align-items: center;
justify-content: center;
}
#page-mod-quiz-edit ul.slots .activityinstance span.instancename {
overflow: auto;
text-overflow: initial;
display: block;
height: auto;
}
#page-mod-quiz-edit .section .activity .actions {
background-color: transparent;
padding: 0;
width: max-content;
display: inline-flex;
justify-content: flex-end;
align-items: center;
flex-wrap: wrap;
}
#page-mod-quiz-edit .section .activity .actions .icon.fa-trash {
background-color: #feeded;
color: #910808;
}
#page-mod-quiz-edit .section .activity .actions:hover {
text-decoration: none;
}
#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer {
margin-right: 0 !important;
background-color: transparent;
}
#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_2 {
margin-right: 0.35rem;
}
.questionbankwindow .module {
width: auto;
}
.questionbankwindow .form-autocomplete-selection {
margin-left: 0;
}
.path-mod-quiz .statedetails {
display: block;
font-size: 0.75rem;
opacity: 0.7;
}
a#hidebankcmd {
color: #561911;
}
.theme-dark a#hidebankcmd {
color: #ab8c88;
}
.que.numerical .answer, .que.shortanswer .answer {
width: 100%;
padding: 0;
margin-top: 0.35rem;
display: inline-flex;
align-items: center;
}
.que label {
margin: 0;
font-size: 0.875rem;
}
@media (min-width: 768px) {
.que label {
display: inline-flex;
flex-wrap: wrap;
}
}
@media (max-width: 767.98px) {
.que label {
display: block;
}
}
body.path-question-type .mform fieldset.hidden {
padding: 0;
margin: 0.7em 0 0;
}
.tag-condition-container {
position: relative;
}
.questioncategories {
padding: 1rem 1.5rem;
margin: 2rem 0 0;
border: 1px solid #E1E1E1;
border-radius: 5px;
position: relative;
}
.theme-dark .questioncategories {
border-color: #2E3134;
}
.questioncategories .rui-title-container {
margin-bottom: 0;
width: auto;
}
.questioncategories a:hover {
text-decoration: none;
}
.questioncategories a:after {
display: none;
}
.questioncategories .rui-main-content-title {
width: 100% !important;
padding: 0 0 1rem 0;
margin: 0 0 1rem !important;
font-family: "Poppins", sans-serif;
font-size: 0.938rem;
color: #434343;
border-bottom: 1px solid #E1E1E1;
}
.theme-dark .questioncategories .rui-main-content-title {
color: #aeb3b8;
border-color: #2E3134;
}
.questioncategories ul {
margin: 0 0 0 40px;
padding: 0;
list-style: none;
}
.questioncategories ul li {
padding: 0.35rem 0;
position: relative;
}
.questioncategories ul li:last-child {
padding-bottom: 0;
}
.questioncategories ul li b, .questioncategories ul li .text_to_html {
margin-left: 0;
}
.questioncategories ul li .text_to_html {
margin-top: 0.35rem;
margin-bottom: 0.5rem;
color: #434343;
}
.theme-dark .questioncategories ul li .text_to_html {
color: #aeb3b8;
}
.questionbankwindow .createnewquestion {
margin: 1rem 0 2rem;
}
.questionbankwindow .choosecategory {
margin-bottom: 1rem;
}
.questionbankwindow #displayoptions {
padding: 1rem 2rem;
margin-top: 1rem;
margin-bottom: 1rem;
font-size: 0.938rem !important;
border-radius: 5px;
border: 2px solid #ccbab8;
}
.questionbankwindow #displayoptions .tag-condition-container {
margin: 1rem 0;
padding: 1rem 0;
border-top: 1px solid #E1E1E1;
border-bottom: 1px solid #E1E1E1;
}
.theme-dark .questionbankwindow #displayoptions .tag-condition-container {
border-color: #2E3134;
}
.questionbankwindow #displayoptions .tag-condition-container .form-group {
margin: 0;
}
table#categoryquestions {
overflow: visible;
width: max-content;
}
table#categoryquestions td.modifiername .date, table#categoryquestions td.creatorname .date {
display: block;
margin-top: 0.35rem;
color: #434343;
}
.theme-dark table#categoryquestions td.modifiername .date, .theme-dark table#categoryquestions td.creatorname .date {
color: #aeb3b8;
}
table#categoryquestions th, table#categoryquestions td {
padding: 0.75rem !important;
}
table#categoryquestions th {
color: #212121;
}
.theme-dark table#categoryquestions th {
color: #E8EAED;
}
table#categoryquestions .editmenu {
width: 100px;
}
table#categoryquestions .iconcol .icon {
width: 18px;
height: 18px;
padding: 6px;
border-radius: 5px;
}
table#categoryquestions .addtoquizaction .icon {
background-color: #E1E1E1;
}
.theme-dark table#categoryquestions .addtoquizaction .icon {
background-color: #202124;
}
#categoryquestions .questiontext {
max-width: 500px;
}
#categoryquestions .questiontext h1, #categoryquestions .questiontext h2, #categoryquestions .questiontext h3, #categoryquestions .questiontext h4, #categoryquestions .questiontext h5, #categoryquestions .questiontext h6, #categoryquestions .questiontext p, #categoryquestions .questiontext strong, #categoryquestions .questiontext span, #categoryquestions .questiontext b, #categoryquestions .questiontext em {
max-width: 600px;
display: block !important;
font-size: 0.938rem !important;
font-weight: 400 !important;
text-align: left !important;
}
#categoryquestions .questiontext img {
margin: 10px 0 !important;
float: none !important;
max-width: 100% !important;
height: auto !important;
}
#categoryquestions .checkbox {
width: 40px;
}
#categoryquestions .header {
font-weight: 500;
color: #434343;
}
.theme-dark #categoryquestions .header {
color: #aeb3b8;
}
#categoryquestions .qtype {
width: 60px;
}
#categoryquestions .qtype .icon {
background-color: #F5F5F5;
padding: 0.25rem;
border-radius: 5px;
}
.theme-dark #categoryquestions .qtype .icon {
filter: invert(1);
}
#categoryquestions label {
width: max-content;
max-width: 300px;
color: #212121;
}
.theme-dark #categoryquestions label {
color: #E8EAED;
}
.jschooser .choosercontainer #chooseform .alloptions .option .typename {
width: auto;
max-width: 150px;
}
.choosercontainer #chooseform .submitbuttons {
padding-bottom: 0;
}
.choosercontainer #chooseform .moduletypetitle, .choosercontainer #chooseform .option, .choosercontainer #chooseform .nonoption {
padding: 0;
}
.choosercontainer #chooseform .option .icon {
padding: 0.25rem;
background-color: #F5F5F5;
border-radius: 5px;
}
.theme-dark .choosercontainer #chooseform .option .icon {
filter: invert(1);
}
.choosercontainer #chooseform .moduletypetitle {
padding-top: 0.85rem;
font-size: 0.938rem;
}
#page-mod-quiz-report .toggleincludeauto {
margin: 2rem 0;
text-align: left;
}
#techinfo_inner {
background-color: #F5F5F5;
padding: 1rem;
border-radius: 5px;
}
#techinfo_inner p {
margin: 0.15rem 0;
}
.theme-dark #techinfo_inner {
background-color: #121215;
}
#previewcontrols {
text-align: right;
}
.rui-quizreviewsummary {
margin: 0 auto 2rem;
}
.rui-quizreviewsummary.rui-info-container {
display: inline-flex;
grid-template-columns: 1fr;
}
.rui-quizreviewsummary .rui-infobox {
padding: 10px 20px 10px 45px;
background-position: 13px 33px;
background-color: transparent;
background-size: 24px;
border: 1px solid #E1E1E1;
}
.theme-dark .rui-quizreviewsummary .rui-infobox {
filter: invert(1);
border-color: #6f7071;
}
.rui-quizreviewsummary .rui-infobox.rui-infobox--feedback {
width: 100%;
}
.rui-quizinfo {
display: block;
width: auto;
padding-left: 30px;
padding-right: 30px;
border-radius: 5px;
background-color: #FDF6EA;
font-size: 0.938rem;
font-weight: 500;
}
.theme-dark .rui-quizinfo {
background-color: #121215;
}
.rui-quizinfo .singlebutton {
margin: 10px 0;
}
.rui-quizinfo p {
margin: 0.25rem 0;
}
.rui-quizinfo + .rui-title-container {
margin-top: 20px !important;
}
#mod_quiz_preflight_form .col-md-3, .mod_quiz_preflight_popup .col-md-3 {
display: none;
}
#mod_quiz_preflight_form .col-md-9, .mod_quiz_preflight_popup .col-md-9 {
padding: 0 !important;
flex: 0 0 90% !important;
max-width: 90% !important;
}
#mod_quiz_preflight_form #fitem_id_honestycheckmessage, .mod_quiz_preflight_popup #fitem_id_honestycheckmessage {
margin-top: 0;
margin-bottom: 0;
}
.mod_quiz_preflight_popup {
max-width: 100%;
}
#page-mod-quiz-review .rui-info-container {
margin-bottom: 30px;
}
.que {
margin-top: 6rem;
position: relative;
}
.que:before {
content: "";
background-color: #E1E1E1;
width: 60px;
height: 1px;
position: absolute;
top: -3rem;
left: calc(50% - 30px);
}
.theme-dark .que:before {
background-color: #2E3134;
}
.que:first-of-type {
margin-top: 0;
}
.que:first-of-type:before {
display: none;
}
.que .info {
width: 100%;
padding: 0 0 10px;
margin-bottom: 1rem;
border-bottom: 1px solid #E1E1E1;
font-size: 0.938rem;
display: inline-flex;
align-items: baseline;
justify-content: space-between;
flex-wrap: wrap;
}
.theme-dark .que .info {
border-color: #2E3134;
}
.que .grade, .que .state {
margin: 0;
padding: 0.35rem 1rem;
border-radius: 5px;
font-size: 0.75rem;
}
.que .grade:empty, .que .state:empty {
display: none;
}
.rui-question-no {
color: #212121;
font-family: "Poppins", sans-serif;
font-size: 0.875rem;
}
@media (max-width: 767.98px) {
.rui-question-no {
width: 100%;
display: block;
margin-bottom: 1rem;
margin-right: 0;
text-align: center;
}
}
.theme-dark .rui-question-no {
color: #E8EAED;
}
.que .grade {
background-color: #F5F5F5;
color: #626262;
}
.theme-dark .que .grade {
background-color: #202124;
color: #aeb3b8;
}
.que .info > div {
margin: 0;
font-weight: 500;
}
.que .qtext {
margin-bottom: 0.5rem;
}
.que .content {
margin: 0;
}
.que.ddwtos, .que.ddwtos .drop {
box-sizing: content-box;
}
.que.ddwtos .qtext {
font-size: 1rem;
}
.que.ddwtos .draghome {
background-color: #eee8e7;
font-size: 0.938rem;
font-weight: 500;
color: #561911;
border-radius: 5px;
border: none;
}
.que.ddwtos .draghome.beingdragged {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.12), 0 4px 4px rgba(0, 0, 0, 0.12), 0 8px 8px rgba(0, 0, 0, 0.12), 0 16px 16px rgba(0, 0, 0, 0.12);
}
.que.ddwtos .drop.active {
border-radius: 5px;
background-color: #FDF6EA;
border: 2px dashed #F7B742;
}
.que.ddwtos .drop:focus, .que.ddwtos .drop.valid-drag-over-drop, .que.ddwtos .draghome.placed:focus:not(.beingdragged), .que.ddwtos .draghome.placed.valid-drag-over-drop {
border: 2px solid #94ADE7;
background-color: #EEF8FF;
box-shadow: none;
}
.que .content .feedback {
max-width: 100%;
width: max-content;
margin-top: 0;
padding: 8px 30px;
background-size: 20px;
background-repeat: no-repeat;
background-position: 14px 11px;
border-radius: 5px;
}
.que .content .feedback .generalfeedback, .que .content .feedback .numpartscorrect, .que .content .feedback .rightanswer {
margin-left: 10px;
font-size: 0.75rem;
}
.que .content .feedback .generalfeedback p, .que .content .feedback .numpartscorrect p, .que .content .feedback .rightanswer p {
font-size: 1rem;
}
.notyetanswered .feedback, .notanswered .feedback, .partiallycorrect .feedback, .notyetanswered .state, .notanswered .state, .partiallycorrect .state {
background-color: #FFF1D5;
color: #212121;
}
.theme-dark .notyetanswered .feedback, .theme-dark .notanswered .feedback, .theme-dark .partiallycorrect .feedback, .theme-dark .notyetanswered .state, .theme-dark .notanswered .state, .theme-dark .partiallycorrect .state {
background-color: #6f644a;
color: #FDF6EA;
}
.invalidanswer .feedback, .incorrect .feedback, .invalidanswer .state, .incorrect .state {
background-color: #feeded;
color: #910808;
}
.theme-dark .invalidanswer .feedback, .theme-dark .incorrect .feedback, .theme-dark .invalidanswer .state, .theme-dark .incorrect .state {
background-color: #4e1c1c;
color: #feeded;
}
.correct .feedback, .correct .state {
background-color: #EAF4DD;
color: #027654;
}
.theme-dark .correct .feedback, .theme-dark .correct .state {
background-color: #0a6457;
color: #EAF4DD;
}
.answersaved .feedback, .answersaved .state {
background-color: #eee8e7;
color: #340f0a;
}
.theme-dark .answersaved .feedback, .theme-dark .answersaved .state {
background-color: #561911;
color: #eee8e7;
}
.partiallycorrect .content .feedback, .notanswered .content .feedback {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.75 4.75H15.25C17.4591 4.75 19.25 6.54086 19.25 8.75V15.25C19.25 17.4591 17.4591 19.25 15.25 19.25H8.75C6.54086 19.25 4.75 17.4591 4.75 15.25V8.75C4.75 6.54086 6.54086 4.75 8.75 4.75Z' stroke='%23C3850C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.5 10C14.5 10.2761 14.2761 10.5 14 10.5C13.7239 10.5 13.5 10.2761 13.5 10C13.5 9.72386 13.7239 9.5 14 9.5C14.2761 9.5 14.5 9.72386 14.5 10Z' stroke='%2393640A' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.5 10C10.5 10.2761 10.2761 10.5 10 10.5C9.72386 10.5 9.5 10.2761 9.5 10C9.5 9.72386 9.72386 9.5 10 9.5C10.2761 9.5 10.5 9.72386 10.5 10Z' stroke='%2393640A' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.75 14.25H15.25' stroke='%2393640A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
border-bottom: 2px solid #FFEBC7;
}
.theme-dark .partiallycorrect .content .feedback, .theme-dark .notanswered .content .feedback {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.75 4.75H15.25C17.4591 4.75 19.25 6.54086 19.25 8.75V15.25C19.25 17.4591 17.4591 19.25 15.25 19.25H8.75C6.54086 19.25 4.75 17.4591 4.75 15.25V8.75C4.75 6.54086 6.54086 4.75 8.75 4.75Z' stroke='%23FDF6EA' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.5 10C14.5 10.2761 14.2761 10.5 14 10.5C13.7239 10.5 13.5 10.2761 13.5 10C13.5 9.72386 13.7239 9.5 14 9.5C14.2761 9.5 14.5 9.72386 14.5 10Z' stroke='%23FDF6EA' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.5 10C10.5 10.2761 10.2761 10.5 10 10.5C9.72386 10.5 9.5 10.2761 9.5 10C9.5 9.72386 9.72386 9.5 10 9.5C10.2761 9.5 10.5 9.72386 10.5 10Z' stroke='%23FDF6EA' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.75 14.25H15.25' stroke='%23FDF6EA' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.incorrect .content .feedback {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23910808' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M8.75 4.75H15.25C17.4591 4.75 19.25 6.54086 19.25 8.75V15.25C19.25 17.4591 17.4591 19.25 15.25 19.25H8.75C6.54086 19.25 4.75 17.4591 4.75 15.25V8.75C4.75 6.54086 6.54086 4.75 8.75 4.75Z'/%3E%3Cpath stroke='%23910808' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M7.75 15.25C7.75 15.25 9 12.75 12 12.75C15 12.75 16.25 15.25 16.25 15.25'/%3E%3Ccircle cx='14' cy='10' r='1' fill='%23910808'/%3E%3Ccircle cx='10' cy='10' r='1' fill='%23910808'/%3E%3C/svg%3E");
border-bottom: 2px solid #f9a3a3;
}
.theme-dark .incorrect .content .feedback {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23feeded' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M8.75 4.75H15.25C17.4591 4.75 19.25 6.54086 19.25 8.75V15.25C19.25 17.4591 17.4591 19.25 15.25 19.25H8.75C6.54086 19.25 4.75 17.4591 4.75 15.25V8.75C4.75 6.54086 6.54086 4.75 8.75 4.75Z'/%3E%3Cpath stroke='%23feeded' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M7.75 15.25C7.75 15.25 9 12.75 12 12.75C15 12.75 16.25 15.25 16.25 15.25'/%3E%3Ccircle cx='14' cy='10' r='1' fill='%23feeded'/%3E%3Ccircle cx='10' cy='10' r='1' fill='%23feeded'/%3E%3C/svg%3E");
}
.correct .content .feedback {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23005742' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M8.75 4.75H15.25C17.4591 4.75 19.25 6.54086 19.25 8.75V15.25C19.25 17.4591 17.4591 19.25 15.25 19.25H8.75C6.54086 19.25 4.75 17.4591 4.75 15.25V8.75C4.75 6.54086 6.54086 4.75 8.75 4.75Z'/%3E%3Cpath stroke='%23005742' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M7.75 12.75C7.75 12.75 9 15.25 12 15.25C15 15.25 16.25 12.75 16.25 12.75'/%3E%3Ccircle cx='14' cy='10' r='1' fill='%23005742'/%3E%3Ccircle cx='10' cy='10' r='1' fill='%23005742'/%3E%3C/svg%3E");
border-bottom: 2px solid #96CA88;
}
.theme-dark .correct .content .feedback {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23EAF4DD' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M8.75 4.75H15.25C17.4591 4.75 19.25 6.54086 19.25 8.75V15.25C19.25 17.4591 17.4591 19.25 15.25 19.25H8.75C6.54086 19.25 4.75 17.4591 4.75 15.25V8.75C4.75 6.54086 6.54086 4.75 8.75 4.75Z'/%3E%3Cpath stroke='%23EAF4DD' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M7.75 12.75C7.75 12.75 9 15.25 12 15.25C15 15.25 16.25 12.75 16.25 12.75'/%3E%3Ccircle cx='14' cy='10' r='1' fill='%23EAF4DD'/%3E%3Ccircle cx='10' cy='10' r='1' fill='%23EAF4DD'/%3E%3C/svg%3E");
}
.partiallycorrect .state, .notyetanswered .state, .notanswered .state {
background-color: #FDF6EA;
}
.invalidanswer .state, .incorrect .state {
background-color: #feeded;
}
.theme-dark .invalidanswer .state, .theme-dark .incorrect .state {
background-color: #d03434;
}
.correct .state {
background-color: #EAF4DD;
}
.theme-dark .correct .state {
background-color: #0a6457;
}
.answersaved .state {
background-color: #eee8e7;
}
.theme-dark .answersaved .state {
background-color: #561911;
}
.que .answer .notanswered {
background-color: #FDF6EA;
color: 1;
border-color: #FFEBC7;
}
.theme-dark .que .answer .notanswered {
background-color: #2b2619;
color: #FDF6EA !important;
border-color: #6f644a;
}
.que .answer .incorrect {
background-color: #feeded;
color: #ca0d0d;
border-color: #f9a3a3;
}
.theme-dark .que .answer .incorrect {
background-color: #472424;
color: #ffcfcf !important;
border-color: #d03434;
}
.que .answer .partiallycorrect {
background-color: #FDF6EA;
color: #F7B742;
border-color: #FFEBC7;
}
.theme-dark .que .answer .partiallycorrect {
background-color: #86702e;
color: #FDF6EA;
}
.que .answer .correct {
background-color: #EAF4DD;
color: #027654;
border-color: #96CA88;
}
.theme-dark .que .answer .correct {
background-color: #0a6457;
color: #EAF4DD;
}
.que .specificfeedback {
margin: 0;
padding: 0 10px;
border-radius: 5px;
background-color: transparent;
font-size: 0.938rem;
font-weight: 500;
}
.que .specificfeedback p {
margin: 0;
}
@media (max-width: 767.98px) {
.que .feedback iframe {
max-width: 100%;
height: auto;
}
}
.que.multichoice .answer .specificfeedback {
margin: 3px 0;
padding: 0;
background-color: transparent;
}
.incorrect:after, .notanswered:after {
background-color: #F5F5F5;
background-image: url(/theme/image.php/space/theme/1752943723/space/icon-message-square);
background-size: 20px;
border-radius: 5px;
font-size: 30px;
color: #910808;
width: 60px;
height: 60px;
position: absolute;
top: 60px;
left: -60px;
}
.rui-submitbtns {
margin-top: 1rem !important;
margin-bottom: 1rem;
width: 100%;
display: inline-flex;
flex-wrap: wrap;
justify-content: space-between;
font-size: 0.938rem;
}
@media (max-width: 767.98px) {
.rui-submitbtns .btn {
display: block;
width: 100%;
margin-top: 0.25rem;
}
}
.rui-submitbtns .rui-controls {
width: 100%;
}
@media (max-width: 767.98px) {
.rui-submitbtns .rui-controls .singlebutton {
width: 100%;
}
}
#page-mod-quiz-attempt .submitbtns .mod_quiz-next-nav, #page-mod-quiz-review .submitbtns .mod_quiz-next-nav, .rui-submitbtns .mod_quiz-next-nav {
float: none;
}
@media (max-width: 767.98px) {
#page-mod-quiz-attempt .submitbtns .mod_quiz-next-nav, #page-mod-quiz-review .submitbtns .mod_quiz-next-nav, .rui-submitbtns .mod_quiz-next-nav {
flex-wrap: wrap;
}
#page-mod-quiz-attempt .submitbtns .mod_quiz-next-nav .btn, #page-mod-quiz-review .submitbtns .mod_quiz-next-nav .btn, .rui-submitbtns .mod_quiz-next-nav .btn {
width: 100%;
margin-top: 0.25rem;
}
}
#page-mod-quiz-attempt .submitbtns, #page-mod-quiz-review .submitbtns {
padding-top: 0;
display: inline-flex;
width: 100%;
justify-content: space-between;
}
.mod_quiz-prev-nav .arrow, .mod_quiz-next-nav .arrow {
display: none;
}
#page-mod-quiz-attempt #page .controls, #page-mod-quiz-summary #page .controls, #page-mod-quiz-review #page .controls {
margin: 0;
text-align: left;
}
.rui-quizattemptsummary {
min-width: max-content;
}
.rui-quizattemptsummary p:only-child {
margin: 0;
font-size: 0.938rem;
}
.rui-quizattemptsummary .c3 a {
position: relative;
padding-left: 40px;
width: max-content;
}
.rui-quizattemptsummary .c3 a:after {
content: "";
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.2635 2.29289C20.873 1.90237 20.2398 1.90237 19.8493 2.29289L18.9769 3.16525C17.8618 2.63254 16.4857 2.82801 15.5621 3.75165L4.95549 14.3582L10.6123 20.0151L21.2189 9.4085C22.1426 8.48486 22.338 7.1088 21.8053 5.99367L22.6777 5.12132C23.0682 4.7308 23.0682 4.09763 22.6777 3.70711L21.2635 2.29289ZM16.9955 10.8035L10.6123 17.1867L7.78392 14.3582L14.1671 7.9751L16.9955 10.8035ZM18.8138 8.98525L19.8047 7.99429C20.1953 7.60376 20.1953 6.9706 19.8047 6.58007L18.3905 5.16586C18 4.77534 17.3668 4.77534 16.9763 5.16586L15.9853 6.15683L18.8138 8.98525Z' fill='%23ccbab8' /%3E%3Cpath d='M2 22.9502L4.12171 15.1717L9.77817 20.8289L2 22.9502Z' fill='%23ccbab8' /%3E%3C/svg%3E");
background-size: 16px;
background-repeat: no-repeat;
background-position: left;
width: 24px;
height: 24px;
position: absolute;
top: calc(50% - 12px);
left: 14px;
}
.rui-quizattempt .continuebutton {
margin-top: 1rem;
text-align: left;
}
.rui-quizattempt:empty {
display: none;
}
@media (max-width: 767.98px) {
.rui-quizattempt {
width: 100%;
}
.rui-quizattempt .singlebutton, .rui-quizattempt .btn {
width: 100%;
}
}
.rui-infobox--avatar {
padding: 1rem 1.25rem 1rem 1.25rem !important;
background-color: #F5F5F5;
position: relative;
}
.rui-infobox--avatar img {
margin-right: 10px;
border-radius: 5px;
}
.rui-infobox--avatar .rui-infobox-content--small a {
color: inherit;
}
.rui-infobox--quiz, .rui-infobox--question {
background-color: #F5F3FB;
}
.rui-infobox--startedon {
background-image: url(/theme/image.php/space/theme/1752943723/space/icon-calendar);
background-color: #F5F3FB;
}
.rui-infobox--attemptlist, .rui-infobox--attempts {
background-image: url(/theme/image.php/space/theme/1752943723/space/icon-rewind);
background-color: #F5F5F5;
}
.rui-infobox--state {
background-image: url(/theme/image.php/space/theme/1752943723/space/icon-git-commit);
background-color: #fbefe9;
}
.rui-infobox--completedon {
background-image: url(/theme/image.php/space/theme/1752943723/space/icon-award);
background-color: #EAF4DD;
}
.rui-infobox--timetaken {
background-image: url(/theme/image.php/space/theme/1752943723/space/icon-clock);
background-color: #FDF6EA;
}
.rui-infobox--grade {
background-image: url(/theme/image.php/space/theme/1752943723/space/icon-edit);
background-color: #EEF8FF;
}
.rui-infobox--feedback {
background-image: url(/theme/image.php/space/theme/1752943723/space/icon-message-square);
background-color: #F5F5F5;
}
.rui-infobox--overdue {
background-image: url(/theme/image.php/space/theme/1752943723/space/icon-alert-triangle);
background-color: #fbc8c8;
}
.rui-infobox--marks {
background-image: url(/theme/image.php/space/theme/1752943723/space/icon-check-square);
background-color: #F5F5F5;
}
.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
max-height: 80vh;
overflow-y: auto;
}
.moodle-dialogue-base .moodle-dialogue.mod_quiz_preflight_popup .moodle-dialogue-bd #mod_quiz_preflight_form legend {
padding: 0;
}
.moodle-dialogue-base .moodle-dialogue.mod_quiz_preflight_popup .moodle-dialogue-bd #mod_quiz_preflight_form .fitem {
margin-left: 0;
}
.mod_quiz_preflight_popup .fcontainer {
padding: 0;
}
.mod_quiz_preflight_popup #fitem_id_passwordmessage {
margin-top: 0.25rem;
}
#page-mod-quiz-report h2 + .quizattemptcounts {
margin: 0 1rem;
}
#page-mod-quiz-report .main-content .mdl-align {
text-align: right;
margin-bottom: 20px;
}
#page-mod-quiz-report .main-content #tablecontainer {
margin: 30px 0;
}
.quizattemptcounts {
display: inline-flex;
align-items: center;
text-align: left;
margin: 10px 0;
padding: 0.65rem 1.5rem;
font-size: 0.75rem;
font-weight: 500;
}
#page-mod-quiz-report table#attempts {
width: max-content;
}
#page-mod-quiz-report table#attempts .header, #page-mod-quiz-report table#attempts .cell {
padding: 0.75rem;
}
#page-mod-quiz-report table#attempts td {
border-left: 0;
border-right: 0;
}
#page-mod-quiz-report table#attempts td.c2 a:first-of-type {
display: inline-flex;
margin-top: 0.25rem;
margin-bottom: 0.25rem;
}
#page-mod-quiz-report table#attempts td.c5, #page-mod-quiz-report table#attempts td.c6, #page-mod-quiz-report table#attempts td.c7 {
font-size: 0.75rem;
color: #555353;
}
#page-mod-quiz-report table#attempts .correct {
color: #027654;
}
#page-mod-quiz-report table#attempts .partiallycorrect {
color: #F4A614;
}
#page-mod-quiz-report table#attempts .incorrect {
color: #f45959;
}
#page-mod-quiz-report table#attempts a:hover {
text-decoration: none;
opacity: 0.8;
}
#page-mod-quiz-report table#attempts .questionflag {
padding: 5px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 5px;
background-color: #EAF4DD;
}
#page-mod-quiz-report table#attempts.grades span.que span, #page-mod-quiz-report table#attempts span.avgcell span {
padding: 0.25rem 0.25rem 0.25rem 0.45rem;
}
#page-mod-quiz-report table#attempts.grades span.que, #page-mod-quiz-report table#attempts span.avgcell {
display: flex;
align-items: center;
}
.path-question div[id^=fgroup_id_][id*=answeroptions_], .path-question div[id^=fitem_id_][id*=feedback_], .path-question div[id^=fitem_id_][id*=subquestions_], .path-question div[id^=fitem_id_][id*=subanswers_], .path-question div[id^=fitem_id_][id*=answer_] {
margin: 0 !important;
}
.path-question div[id^=fgroup_id_][id*=answeroptions_], .path-question div[id^=fitem_id_][id*=feedback_], .path-question div[id^=fitem_id_][id*=subquestions_], .path-question div[id^=fitem_id_][id*=subanswers_], .path-question div[id^=fitem_id_][id*=answer_], .path-question div[id^=fitem_id_][id*=fraction_] {
margin: 0 !important;
padding: 11px 10px 13px !important;
border-color: #E1E1E1 !important;
background-color: #F5F5F5 !important;
}
.theme-dark .path-question div[id^=fgroup_id_][id*=answeroptions_], .theme-dark .path-question div[id^=fitem_id_][id*=feedback_], .theme-dark .path-question div[id^=fitem_id_][id*=subquestions_], .theme-dark .path-question div[id^=fitem_id_][id*=subanswers_], .theme-dark .path-question div[id^=fitem_id_][id*=answer_], .theme-dark .path-question div[id^=fitem_id_][id*=fraction_] {
background-color: #121215 !important;
border-color: #2E3134 !important;
}
.path-question div[id^=fgroup_id_][id*=answeroptions_], .path-question div[id^=fitem_id_][id*=subquestions_], .path-question div[id^=fitem_id_][id*=answer_] {
border-radius: 5px 5px 0 0 !important;
margin-bottom: 0 !important;
}
.path-question div[id^=fitem_id_][id*=feedback_], .path-question div[id^=fitem_id_][id*=subanswers_] {
border-radius: 0 0 5px 5px !important;
margin-bottom: 10px !important;
}
.path-question.theme-dark div[id^=fgroup_id_][id*=answeroptions_], .path-question.theme-dark div[id^=fitem_id_][id*=feedback_], .path-question.theme-dark div[id^=fitem_id_][id*=subquestions_], .path-question.theme-dark div[id^=fitem_id_][id*=subanswers_], .path-question.theme-dark div[id^=fitem_id_][id*=answer_], .path-question.theme-dark div[id^=fitem_id_][id*=fraction_] {
border: 1px solid #2E3134 !important;
}
.content .attachments {
margin-top: 2rem;
position: relative;
}
div[class*="draggrouphomes"] {
margin-top: 2rem;
padding: 1rem;
border: 2px dashed #ab8c88;
border-radius: 5px;
}
.que .validationerror {
margin-top: 1rem;
}
.que.multianswer .feedbackspan {
padding: 1rem;
background-color: #FDF6EA;
border-radius: 5px;
font-size: 0.938rem;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.07), 0 4px 8px rgba(0, 0, 0, 0.07), 0 8px 16px rgba(0, 0, 0, 0.07), 0 16px 32px rgba(0, 0, 0, 0.07), 0 32px 64px rgba(0, 0, 0, 0.07);
}
.categorypagingbarcontainer .pagination {
margin-bottom: 0.5rem;
}
.categorypagingbarcontainer .paging {
text-align: center;
}
#page-mod-quiz-edit .statusdisplay {
padding: 0.75rem 1rem 0.75rem 3.5rem !important;
margin-top: 30px;
margin-bottom: 30px;
background-color: #FDF6EA;
background-image: url(/theme/image.php/space/theme/1752943723/space/icon-alert-circle);
background-size: 18px;
background-position: 20px;
background-repeat: no-repeat;
border-radius: 5px;
font-size: 0.875rem;
font-weight: 500;
color: #212121;
}
#page-mod-quiz-edit .statusdisplay p {
margin: 0;
}
.theme-dark#page-mod-quiz-edit .statusdisplay {
filter: invert(1);
}
.questionflagsavebutton {
margin: 10px 0;
}
.qtype_multichoice_clearchoice {
margin-top: 10px;
}
.rui-infobox--attemptlist .rui-infobox-content--small, .rui-infobox--attempts .rui-infobox-content--small {
max-height: 70px;
overflow-y: auto;
}
.rui-infobox--attemptlist a, .rui-infobox--attemptlist strong, .rui-infobox--attempts a, .rui-infobox--attempts strong {
margin: 2px;
width: 40px;
height: 30px;
display: inline-flex;
align-items: center;
justify-content: center;
background-color: #F5F5F5;
border-radius: 5px;
color: #434343;
}
.rui-infobox--attemptlist a:hover, .rui-infobox--attemptlist strong:hover, .rui-infobox--attempts a:hover, .rui-infobox--attempts strong:hover {
background-color: #eee8e7;
color: #561911;
}
.rui-infobox--attemptlist strong, .rui-infobox--attempts strong {
opacity: 0.4;
}
#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer .editicon {
width: auto;
}
#page-mod-quiz-edit ul.slots li.section li.activity .question_dependency_wrapper .cm-edit-action {
padding: 0.75rem 1.25rem;
font-size: 0.875rem;
line-height: 1.5;
border-radius: 5px;
}
.que.multichoice .answer div.r0 [type="radio"], .que.multichoice .answer div.r0 [type="checkbox"], .que.multichoice .answer div.r1 [type="radio"], .que.multichoice .answer div.r1 [type="checkbox"], .que .answer [type="radio"], .que .answer [type="checkbox"] {
border: 0;
width: 20px;
height: 20px;
}
.path-mod-quiz #user-picture {
margin: 0 0 20px;
display: inline-flex;
align-items: center;
font-weight: 500;
}
.path-mod-quiz #user-picture .userpicture {
width: 40px;
height: 40px;
margin-right: 10px;
}
@media (max-width: 767.98px) {
.quizstartbuttondiv, .quizstartbuttondiv .btn {
width: 100%;
}
}
.quizsummaryheading th:empty {
padding: 0;
}
.camera video {
margin-top: 10px;
width: 100%;
}
.path-mod-quiz .othernav .singlebutton {
margin-top: 24px;
width: 100%;
}
.path-mod-quiz .othernav .btn {
width: 100%;
}
.categoryquestionscontainer .table-responsive {
overflow: visible;
}
#page-mod-quiz-edit .section .activity .actions .version-selection {
padding: 0.75rem 1.25rem;
}
.que.formulas .formulas_number {
width: auto !important;
}
#page-question-bank-previewquestion-preview .que {
margin-top: 10px;
}
#page-question-bank-previewquestion-preview .que::before {
display: none;
}
#page-question-bank-previewquestion-preview #techinfo {
margin-bottom: 20px;
}
#page-question-bank-previewquestion-preview #commentcollapse + form {
margin-top: 1rem;
}
#page-question-bank-previewquestion-preview #responseform {
padding: 20px;
border: 1px solid #E1E1E1;
border-radius: 5px;
}
.theme-dark #page-question-bank-previewquestion-preview #responseform {
border-color: #E8EAED;
}
table .highlight:before {
display: none;
}
table tr.highlight {
border: 2px solid #ab8c88 !important;
}
.path-question div[id^=fgroup_id_][id*=answeroptions_] .form-control-feedback {
padding: 6px 16px !important;
font-size: 0.875rem !important;
font-weight: 500 !important;
border: none !important;
border-radius: 5px !important;
}
.path-question div[id^=fgroup_id_][id*=answeroptions_] .invalid-feedback {
background-color: #feeded !important;
color: #910808;
}
.theme-dark .path-question div[id^=fgroup_id_][id*=answeroptions_] .invalid-feedback {
background-color: #d03434;
color: #feeded;
}
body.path-mod-quiz .gradedattempt, body.path-mod-quiz table tbody tr.gradedattempt > td {
background-color: #F5F5F5;
border-color: #E1E1E1;
}
body.path-mod-quiz.theme-dark .gradedattempt, body.path-mod-quiz.theme-dark table tbody tr.gradedattempt > td {
background-color: #121215;
border-color: #202124;
}
.theme-dark .que.ddimageortext .draghome, .que.ddimageortext .drag, .theme-dark form.mform fieldset#id_previewareaheader .droppreview {
border-color: #2E3134;
background-color: #121215;
}
#page-mod-quiz-attempt.pagelayout-secure .submitbtns, #page-mod-quiz-review.pagelayout-secure .submitbtns {
margin-bottom: 30px;
}
#page-mod-quiz-edit span.editinstructions {
right: auto;
}
.mod-indent-outer span.editinstructions {
right: 0 !important;
top: -21px;
font-size: 11px;
}
#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer {
overflow: hidden;
}
#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer form input {
height: auto !important;
}
.totalpoints {
font-size: 0.875rem;
}
#page-mod-quiz-view .generalbox#feedback {
width: 100%;
}
/* user.less */
.userprofile .fullprofilelink {
text-align: center;
margin: 10px;
}
.userprofile .description {
margin-top: 30px;
margin-bottom: 30px;
}
.page-context-header + .profile_tree {
margin-top: 20px;
}
.userprofile .profile_tree {
column-count: 2;
grid-gap: 1rem;
}
@media (min-width: 1600px) {
.userprofile .profile_tree {
column-count: 3;
}
}
@media (max-width: 767.98px) {
.userprofile .profile_tree {
column-count: 1;
}
}
.userprofile dl.list > dd + dt {
clear: left;
}
.user-box {
margin: 8px;
width: 115px;
height: 160px;
text-align: center;
float: left;
clear: none;
}
.profile_tree .node_category ul {
margin: 0;
list-style: none;
padding-left: 0;
}
.profile_tree .node_category dl {
margin: 0.25rem 0;
}
.profile_tree .node_category dd {
font-size: 0.875rem;
color: #434343;
}
.theme-dark .profile_tree .node_category dd {
color: #aeb3b8;
}
.profile_tree .node_category li {
padding: 0.5rem 0;
border-bottom: 1px solid #E1E1E1;
}
.theme-dark .profile_tree .node_category li {
border-color: #2E3134;
}
.profile_tree .node_category li:last-child {
border-bottom: none;
padding-bottom: 0;
}
.profile_tree .node_category li a {
font-weight: 500;
}
.profile_tree .node_category li a:hover {
color: #561911;
text-decoration: none;
}
.profile_tree .node_category li a:hover:after {
display: none;
}
.theme-dark .profile_tree .node_category li a:hover {
color: #ab8c88;
}
.theme-dark .profile_tree .node_category li a {
color: #ab8c88;
}
.profile_tree .node_category .editprofile, .profile_tree .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.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;
}
.userpicture {
width: 40px;
height: 40px;
border-radius: 5px;
}
.userinfobox .userpicture {
width: 100px;
height: 100px;
border-radius: 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: 700;
}
.userinfobox td.label {
text-align: right;
white-space: nowrap;
vertical-align: top;
font-weight: 700;
}
.rui-group-edit {
position: relative;
}
.rui-group-image {
display: block;
float: left;
margin-right: 1em;
}
.rui-group-image .rui-grouppicture {
border-radius: 50%;
}
#page-group-overview .main-content .singleselect label:first-of-type {
margin-left: 2rem;
}
#page-group-overview .main-content .generaltable, #page-group-overview .main-content .rolecap {
margin: 1rem 0;
}
#page-group-overview .main-content .groupdisplay + h3, #page-group-overview .main-content .singleselect + h3, #page-group-overview .main-content .generaltable + h3, #page-group-overview .main-content .rolecap + h3 {
margin: 2rem 0;
}
#page-group-overview .yui3-overlay-content.yui3-widget-stdmod {
max-width: 600px;
padding: 1rem;
border-radius: 5px;
background-color: #eee8e7;
font-size: 0.875rem;
}
.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 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 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;
}
#page-user-profile #settingsMenu .singlebutton {
display: none;
}
.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: inline-block;
}
[data-region="participant-count"] {
display: inline-flex;
margin: 1rem auto;
padding: 0.35rem 0.85rem;
background-color: #F5F5F5;
font-size: 0.75rem;
font-weight: 500;
color: #212121;
text-align: left;
border-radius: 5px;
}
.theme-dark [data-region="participant-count"] {
background-color: #121215;
color: #9AA0A6;
}
.filter-group {
padding: 1rem;
border: 1px solid #E1E1E1;
border-radius: 5px;
}
.theme-dark .filter-group {
border-color: #2E3134;
}
.filter-group [data-filterregion="filters"] {
margin-top: 3px;
padding: 0.35rem;
background-color: transparent;
border: 2px solid #E1E1E1;
border-radius: 5px;
}
.theme-dark .filter-group [data-filterregion="filters"] {
border-color: #2E3134;
}
@media (min-width: 320px) and (max-width: 767.98px) {
.filter-group .btn {
width: 100%;
}
.filter-group [data-filteraction="remove"] {
margin: 10px auto 7px;
width: 100%;
align-items: center;
justify-content: center;
}
}
.search-results .result {
margin-left: 0;
margin-right: 0;
}
.search-results .result .filename {
font-style: italic;
}
.simplesearchform {
position: relative;
border: 0;
max-width: 320px;
}
.block .simplesearchform {
z-index: 0;
}
.block-myoverview .simplesearchform {
max-width: 100%;
}
@media (max-width: 767.98px) {
.simplesearchform {
max-width: 100%;
}
}
.rui-icon-menu .simplesearchform {
transition: all 0.2s ease-in-out;
}
.show .rui-icon-menu .simplesearchform {
width: 300px;
}
.simplesearchform input:focus {
outline: none;
}
.simplesearchform .form-control {
border-radius: 5px 0 0 5px !important;
border: none;
}
.simplesearchform .btn {
padding-left: 1rem;
padding-right: 1rem;
}
.simplesearchform .btn .icon {
margin: 0;
}
.rui-topbar .simplesearchform .btn .icon {
color: #fff;
}
.simplesearchform .show .btn .icon {
color: inherit;
}
.simplesearchform .btn-close, .simplesearchform .btn-clear {
position: absolute;
top: calc(50% - 23px);
right: 6px;
z-index: 4;
}
.simplesearchform .btn-close {
padding: 0;
background-color: #F5F5F5;
color: #626262;
width: 30px;
height: 30px;
border-radius: 60px;
top: calc(50% - 15px);
right: 40px;
}
.theme-dark .simplesearchform .btn-close {
background-color: #121215;
color: #3C4043;
}
.simplesearchform .btn-close:hover {
background-color: #ffc2c2;
color: #ca0d0d;
}
.simplesearchform .btn-submit {
background-color: #F5F5F5;
}
.theme-dark .simplesearchform .btn-submit {
background-color: #121215;
}
.simplesearchform .withclear {
margin: 0;
width: 220px;
height: 44px;
padding-right: 50px;
}
.simplesearchform .searchinput {
display: flex;
flex: 1 1 auto;
}
.simplesearchform .collapsing {
height: inherit;
transition: none;
width: inherit;
}
.searchform-navbar {
position: absolute;
right: 0;
}
@media (min-width: 768px) and (max-width: 999.98px) {
.searchform-navbar {
right: -45px;
}
}
@media (max-width: 767.98px) {
.searchform-navbar {
right: -40px;
}
}
@media (max-width: 999.98px) {
.simplesearchform .collapse.show, .simplesearchform .collapsing {
width: 100%;
display: flex;
background-color: #fff;
z-index: 10000;
}
.theme-dark .simplesearchform .collapse.show, .theme-dark .simplesearchform .collapsing {
background-color: #000;
}
.simplesearchform .collapse.show .form-inline, .simplesearchform .collapsing .form-inline {
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;
}
/* Search results */
.search-results {
margin-top: 30px;
}
.search-results hr {
margin: 2rem 0;
}
.search-results .result-title {
display: inline-flex;
align-items: center;
font-size: 1.15rem;
font-weight: 700;
color: #212121;
}
.theme-dark .search-results .result-title {
color: #E8EAED;
}
.search-results .result-title a {
color: inherit;
}
.search-results .result-title a:hover {
text-decoration: none;
color: #561911;
}
.theme-dark .search-results .result-title a:hover {
color: #ab8c88;
}
.search-results .result-title .icon {
margin-right: 15px;
width: 18px;
}
.search-results .result-content {
margin: 10px 0 10px 34px !important;
font-size: 0.875rem;
color: #434343;
}
.theme-dark .search-results .result-content {
color: #aeb3b8;
}
.search-results .result-context-info {
margin: 10px 0 10px 34px;
font-size: 0.875rem;
font-weight: 700;
color: #212121;
}
.theme-dark .search-results .result-context-info {
color: #E8EAED;
}
.search-results .result-context-info a {
color: inherit;
}
.search-results .result-context-info a:hover {
text-decoration: none;
}
#page-search-index .search-results + nav .pagination {
margin-top: 2rem !important;
margin-bottom: 0 !important;
}
#page-search-index .pagination {
margin-left: 34px;
}
/**
* 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 #ef1010;
border-radius: 4px;
background-color: #feeded;
padding: 4px;
margin-bottom: 4px;
}
.mform .form-inline .form-control, .mform .form-inline .custom-select {
max-width: 100%;
margin: 0;
}
.mform .form-inline .form-group {
margin: 0.1rem 0.25rem 0.1rem 0;
max-width: 100%;
}
.mform .form-inline br + label, .mform .form-inline br + div {
justify-content: flex-start;
width: 100%;
margin-right: 0;
}
.unresponsive.mform .form-inline, .unresponsive.mform .form-inline label {
display: inline-flex;
}
#jump-to-activity.custom-select {
width: 100%;
}
@media (max-width: 767.98px) {
#jump-to-activity.custom-select {
min-width: 130px;
}
}
.mform fieldset {
margin-bottom: 0;
font-size: 0.875rem;
}
#adminsettings .form-control[size] {
width: auto;
}
#adminsettings .error {
color: #ef1010;
}
.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 {
display: block;
padding: 0.35rem 0.85rem;
font-size: 0.75rem;
font-weight: 500;
border-radius: 5px;
}
.form-label .form-shortname {
font-size: 11px;
color: #525151;
word-break: break-word;
}
.theme-dark .form-label .form-shortname {
color: #9AA0A6;
}
.form-item .form-inline {
display: inline;
}
.form-inline label:not(.sr-only):not(.accesshide) + select {
margin-top: 0.25rem;
margin-bottom: 0.25rem;
margin-left: 0.5rem;
}
.no-felement.fstatic {
color: #525151;
padding-top: 5px;
}
.no-fitem .fstaticlabel {
font-weight: 700;
}
.form-item .form-setting .defaultsnext > input {
display: inline-block;
}
.form-item .form-setting .form-checkbox.defaultsnext {
display: inline-block;
}
/* 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;
font-weight: 500;
line-height: 1.2;
align-items: center;
}
.form-label {
font-weight: 500;
}
div#dateselector-calendar-panel {
z-index: 3100;
/* Set higher than the z-index of the filemanager - see MDL-39047. */
}
fieldset.coursesearchbox label {
display: inline;
}
/**
* 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 label {
display: inline-flex;
align-items: center;
margin-right: 0.5rem;
font-size: 0.75rem;
}
.availability-field .availability-group label {
vertical-align: top;
align-self: center;
}
.availability-field .col-form-label {
font-size: 0.75rem;
font-weight: 500;
}
.availability-eye {
clear: left;
float: left;
}
.availability-header {
width: 100%;
display: inline-flex;
align-items: center;
font-weight: 500;
background-color: #F5F5F5;
border-radius: 5px;
padding: 5px 20px;
}
.availability-header .availability-eye {
margin-right: 0.35rem;
}
.availability-header input, .availability-header select {
padding-top: 0.375rem;
padding-bottom: 0.375rem;
padding-left: 0.65rem;
margin: 0.25rem;
font-size: 0.75rem !important;
}
.availability-header input {
padding-right: 0.65rem;
}
.availability-header select {
padding-right: 30px;
}
.availability-inner, .availability-plugincontrols {
float: left;
border-radius: 5px;
border: 1px solid #E1E1E1;
padding: 0.35rem;
margin-top: 0;
margin-right: 0;
}
.availability-inner .availability-none, .availability-plugincontrols .availability-none {
background-color: #FFF1D5;
padding: 0.25rem;
border-radius: 5px;
font-size: 0.75rem;
font-weight: 500;
}
.availability-inner .availability-none .badge, .availability-plugincontrols .availability-none .badge {
margin: 0 !important;
}
.availability-inner .label, .availability-plugincontrols .label {
display: inline-block;
margin: 0.25rem 0;
padding: 0.25rem 0.5rem;
background-color: #FFF1D5;
border-radius: 5px;
font-size: 0.75rem;
font-weight: 500;
}
.availability-plugincontrols, .availability-childlist .availability-inner {
margin-left: 0.625rem;
}
.availability-field .availability-plugincontrols .availability-group select {
max-width: 12rem;
}
.availability-item {
border: 2px solid #027654;
border-radius: 5px;
padding: 10px;
font-size: 0.875rem;
}
.availability-item .availability-group {
display: inline-flex;
align-items: center;
}
.availability-item .availability-plugincontrols {
display: inline-flex;
align-items: center;
flex-wrap: wrap;
}
.availability-item .availability-plugincontrols input, .availability-item .availability-plugincontrols select {
padding-top: 0.375rem;
padding-bottom: 0.375rem;
padding-left: 0.65rem;
margin: 0.25rem;
font-size: 0.75rem !important;
}
.availability-item .availability-plugincontrols input {
padding-right: 0.65rem;
}
.availability-item .availability-plugincontrols select {
padding-right: 30px;
}
.availability-delete {
margin-right: 10px;
margin-left: 10px;
padding: 0 !important;
text-align: center;
line-height: 28px;
background-color: #F5F5F5;
width: 30px;
height: 30px;
border-radius: 60px;
transition: all 0.2s ease-in-out;
}
.availability-delete:hover {
background-color: #EEEEEE;
}
.availability-delete img {
width: 18px;
}
.availability-list .btn {
width: 100%;
}
.availability-buttons {
padding: 0 1rem;
}
.availability-buttons .btn {
width: 100%;
}
/* 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: 2.1rem;
vertical-align: bottom;
}
.form-autocomplete-selection [role="option"] {
cursor: pointer;
white-space: inherit;
word-break: break-word;
text-align: left;
justify-content: flex-start;
}
.form-autocomplete-selection [role="option"] span {
min-width: max-content;
max-width: calc(100% - 30px);
}
.form-autocomplete-suggestions {
margin-left: 0;
padding: 0.35rem 0.35rem;
min-width: 206px;
max-height: 20em;
overflow: auto;
position: absolute;
z-index: 10001;
background-color: #212121;
border: 1px solid #2E3134;
border-radius: 5px;
font-size: 0.875rem;
font-weight: 500;
color: #EEEEEE;
box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
}
.theme-dark .form-autocomplete-suggestions {
filter: invert(1);
box-shadow: rgba(255, 255, 255, 0.07) 0px 1px 2px, rgba(255, 255, 255, 0.07) 0px 2px 4px, rgba(255, 255, 255, 0.07) 0px 4px 8px, rgba(255, 255, 255, 0.07) 0px 8px 16px, rgba(255, 255, 255, 0.07) 0px 16px 32px, rgba(255, 255, 255, 0.07) 0px 32px 64px;
}
.form-autocomplete-suggestions li {
list-style-type: none;
padding: 0.4rem 0.75rem;
border-radius: 5px;
margin: 0 0 0.25rem;
cursor: pointer;
font-size: 0.875rem;
font-weight: 500;
color: #EEEEEE;
}
.form-autocomplete-suggestions li:empty {
display: none !important;
}
.form-autocomplete-suggestions li:last-child {
margin-bottom: 0;
}
.form-autocomplete-suggestions li:hover, .form-autocomplete-suggestions li:focus {
background-color: #434343;
color: #F5F5F5;
}
.form-autocomplete-suggestions li::before {
content: "";
}
.form-autocomplete-suggestions li span + span {
margin-left: 0;
display: block;
}
.form-autocomplete-suggestions li span + span small {
color: #EEEEEE;
}
.form-autocomplete-suggestions li span img {
margin-right: 0.35rem;
width: 20px;
height: 20px;
border-radius: 5px;
}
.form-autocomplete-suggestions li small {
display: block;
width: 100%;
}
.form-autocomplete-downarrow {
position: absolute;
top: calc(50% - 15px) !important;
right: 8px;
display: inline-flex;
align-items: center;
justify-content: center;
text-align: center;
width: 30px;
height: 30px;
border-radius: 5px;
background-color: #EEEEEE;
color: #434343;
transition: all 0.2s ease-in-out;
cursor: pointer;
}
.form-autocomplete-downarrow .icon {
font-size: 0.75rem;
line-height: 16px;
}
.form-autocomplete-downarrow:hover {
background-color: #E1E1E1;
}
.theme-dark .form-autocomplete-downarrow {
filter: invert(1);
mix-blend-mode: screen;
}
/** Undo some bootstrap things */
.form-autocomplete-selection + input.form-control {
width: auto;
display: inline-block;
vertical-align: middle;
}
.form-autocomplete-selection {
max-width: 300px;
}
.form-autocomplete-selection [data-active-selection="true"] span + span {
margin-left: 29px;
display: block;
}
.form-autocomplete-selection [data-active-selection="true"] span img {
margin-right: 0.35rem;
width: 20px;
height: 20px;
border-radius: 5px;
}
/* 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%;
}
/** Allow wrapping an mform in a div with the form-inline class to have an inline, responsive form. */
@media (min-width: 768px) {
.form-inline .col-md-9, .form-inline .col-md-3 {
margin-bottom: 1rem;
width: auto;
}
.form-inline .col-md-9 label, .form-inline .col-md-3 label {
margin-left: 1rem;
}
}
[data-fieldtype="modgrade"] fieldset br + label {
width: auto !important;
}
[data-fieldtype="modgrade"] fieldset br {
display: none;
}
[data-fieldtype="modgrade"] fieldset input, [data-fieldtype="modgrade"] fieldset select {
padding-top: 0.375rem;
padding-bottom: 0.375rem;
padding-left: 0.65rem;
padding-right: 30px;
margin: 0.25rem;
height: auto;
font-size: 0.75rem;
}
[data-fieldtype="modgrade"] fieldset .form-group {
margin: 0 !important;
padding: 0 !important;
}
[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;
}
.form-inline[data-fieldtype="autocomplete"], .form-inline[data-fieldtype="tags"] {
display: block;
}
[data-fieldtype="editor"] > div {
flex-grow: 1;
}
@media (min-width: 320px) {
.modal .mform fieldset.collapsible legend a.fheader, .mform fieldset.collapsible legend a.fheader {
width: 100%;
display: block;
padding: 0.85rem 1.5rem;
margin: 0 0 0.5rem;
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 9.75L16.25 15.25H7.75L12 9.75Z' stroke='%23212121' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
background-size: 16px;
background-repeat: no-repeat;
background-position: calc(100% - 20px);
border-radius: 5px;
}
.modal .mform fieldset.collapsible legend a.fheader h3, .mform fieldset.collapsible legend a.fheader h3 {
font-size: 0.875rem;
font-weight: 500;
color: #212121;
}
.theme-dark .modal .mform fieldset.collapsible legend a.fheader h3, .theme-dark .mform fieldset.collapsible legend a.fheader h3 {
color: #F5F5F5;
}
.theme-dark .modal .mform fieldset.collapsible legend a.fheader, .theme-dark .mform fieldset.collapsible legend a.fheader {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 9.75L16.25 15.25H7.75L12 9.75Z' stroke='%23E8EAED' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
color: #F5F5F5;
}
.modal .mform fieldset.collapsible legend a.fheader[aria-expanded="true"], .modal .mform fieldset.collapsible legend a.fheader:hover, .mform fieldset.collapsible legend a.fheader[aria-expanded="true"], .mform fieldset.collapsible legend a.fheader:hover {
text-decoration: none;
background-color: #F5F5F5;
color: #555353;
}
.theme-dark .modal .mform fieldset.collapsible legend a.fheader[aria-expanded="true"] h3, .theme-dark .modal .mform fieldset.collapsible legend a.fheader:hover h3, .theme-dark .mform fieldset.collapsible legend a.fheader[aria-expanded="true"] h3, .theme-dark .mform fieldset.collapsible legend a.fheader:hover h3 {
color: #9AA0A6;
}
.theme-dark .modal .mform fieldset.collapsible legend a.fheader[aria-expanded="true"], .theme-dark .modal .mform fieldset.collapsible legend a.fheader:hover, .theme-dark .mform fieldset.collapsible legend a.fheader[aria-expanded="true"], .theme-dark .mform fieldset.collapsible legend a.fheader:hover {
background-color: #121215;
border-color: #2E3134;
color: #9AA0A6;
}
.mform fieldset.collapsible:last-of-type legend a.fheader {
margin-bottom: 0;
}
.fheader.collapsed, .fheader.icons-collapse-expand, .mform fieldset.collapsed legend a.fheader {
/*rtl:raw:
background-image: url(/theme/image.php/space/core/1752943723/t/collapsed_rtl);
*/
/*rtl:remove*/
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='%23212121' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
background-size: 16px;
background-repeat: no-repeat;
background-color: transparent;
border: 1px solid #E1E1E1;
}
.theme-dark .fheader.collapsed, .theme-dark .fheader.icons-collapse-expand, .theme-dark .mform fieldset.collapsed legend a.fheader {
border-color: #2E3134;
}
.mform .form-inline .fdefaultcustom label {
justify-content: initial;
}
}
.btn.btn-icon {
background-position: center;
}
.fcontainer {
padding: 0.75rem 0;
}
.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.75rem + 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-description, .form-control-static {
font-size: 0.75rem;
line-height: 1.4;
color: #555353;
word-break: break-word;
}
.theme-dark .form-description, .theme-dark .form-control-static {
color: #9AA0A6;
}
.form-description ul, .form-control-static ul {
margin-left: 1rem;
}
.form-description p:last-of-type, .form-control-static p:last-of-type {
margin-bottom: 0;
}
:disabled + span, :disabled + span + span {
opacity: 0.2;
cursor: not-allowed !important;
}
/* Theme */
.fdescription {
position: relative;
padding: 5px 10px;
margin: 0.25rem 0;
display: inline-flex;
align-items: center;
max-width: 100%;
border: 1px solid transparent;
border-radius: 5px;
font-size: 0.75rem;
font-weight: 500;
}
.fdescription ul {
margin: 0;
}
.fdescription img {
width: 12px;
height: auto;
}
.fdescription.required {
background-color: #FDF6EA;
}
.theme-dark .fdescription.required {
background-color: #121215;
}
.fdescription.required .icon {
display: inline-flex;
}
.fdescription.form-filetypes-descriptions {
background-color: #F5F5F5;
}
.theme-dark .fdescription.form-filetypes-descriptions {
background-color: #121215;
}
.logselecform input, .logselecform select {
margin-right: 0.25rem;
margin-bottom: 0.25rem;
}
.ftoggler {
position: relative;
}
.ftoggler [data-toggle="popover"] {
width: 30px;
height: 30px;
position: absolute;
top: calc(50% - 19px);
right: 40px;
}
/* Form additional UI */
.password--wrapper .password--edit, .password--wrapper .text-muted, .password--wrapper .block .minicalendar td.weekend, .block .minicalendar .password--wrapper td.weekend, .form-password .password--edit, .form-password .text-muted, .form-password .block .minicalendar td.weekend, .block .minicalendar .form-password td.weekend {
display: inline-flex;
align-items: center;
font-size: 0.875rem;
color: #406CD2;
}
.password--wrapper .password--edit .icon, .password--wrapper .text-muted .icon, .password--wrapper .block .minicalendar td.weekend .icon, .block .minicalendar .password--wrapper td.weekend .icon, .form-password .password--edit .icon, .form-password .text-muted .icon, .form-password .block .minicalendar td.weekend .icon, .block .minicalendar .form-password td.weekend .icon {
margin-left: 0.35rem;
}
.password--wrapper .password--edit:hover, .password--wrapper .text-muted:hover, .password--wrapper .block .minicalendar td.weekend:hover, .block .minicalendar .password--wrapper td.weekend:hover, .form-password .password--edit:hover, .form-password .text-muted:hover, .form-password .block .minicalendar td.weekend:hover, .block .minicalendar .form-password td.weekend:hover {
text-decoration: none;
}
.password--wrapper .password--edit span, .password--wrapper .text-muted span, .password--wrapper .block .minicalendar td.weekend span, .block .minicalendar .password--wrapper td.weekend span, .form-password .password--edit span, .form-password .text-muted span, .form-password .block .minicalendar td.weekend span, .block .minicalendar .form-password td.weekend span {
padding-left: 6px;
}
.password--wrapper em, .form-password em {
font-style: normal !important;
font-weight: 500;
}
.password--wrapper {
display: inline-flex;
align-items: center;
padding: 4px;
background-color: transparent;
border: 2px dashed #BACDF7;
border-radius: 5px;
}
.password--unmask {
width: 40px;
height: 40px;
display: inline-flex;
justify-content: center;
align-items: center;
padding: 10px;
margin-left: 0.35rem;
background-color: #D4DEF8;
border-radius: 5px;
color: #fff;
}
.password--unmask .icon {
width: auto;
height: auto;
}
.password--unmask:hover {
background-color: #6E8EDA;
color: #fff;
text-decoration: none;
}
.adminsettingsflags {
float: right;
display: inline-flex;
align-items: center;
margin: 0 10px;
padding: 10px;
background-color: #feeded;
border-radius: 5px;
}
.adminsettingsflags input {
margin-right: 0.35rem;
}
.adminsettingsflags label {
margin: 0 1rem 0 0;
color: #ca0d0d;
font-size: 0.75rem;
}
.fieldset-styled, [data-fieldtype="modgrade"] fieldset, .wiki-upload-section, #page-grade-grading-form-guide-edit fieldset.hidden, #id_changepassword, #page-mod-feedback-show_nonrespondents fieldset {
padding: 1.25rem;
margin-bottom: 1.25rem;
font-size: 0.875rem !important;
border-radius: 5px;
border: 2px solid #ccbab8;
}
.theme-dark .fieldset-styled, .theme-dark [data-fieldtype="modgrade"] fieldset, .theme-dark .wiki-upload-section, .theme-dark #page-grade-grading-form-guide-edit fieldset.hidden, .theme-dark #id_changepassword, .theme-dark #page-mod-feedback-show_nonrespondents fieldset {
border-color: #121215;
}
.fieldset-styled .fcontainer, [data-fieldtype="modgrade"] fieldset .fcontainer, .wiki-upload-section .fcontainer, #page-grade-grading-form-guide-edit fieldset.hidden .fcontainer, #id_changepassword .fcontainer, #page-mod-feedback-show_nonrespondents fieldset .fcontainer {
padding: 0;
}
.fieldset-styled legend, [data-fieldtype="modgrade"] fieldset legend, .wiki-upload-section legend, #page-grade-grading-form-guide-edit fieldset.hidden legend, #id_changepassword legend, #page-mod-feedback-show_nonrespondents fieldset legend {
width: auto;
padding: 5px 20px;
border-radius: 5px;
background-color: #561911;
color: #fff;
font-size: 0.875rem;
font-weight: 500;
}
.theme-dark .fieldset-styled legend, .theme-dark [data-fieldtype="modgrade"] fieldset legend, .theme-dark .wiki-upload-section legend, .theme-dark #page-grade-grading-form-guide-edit fieldset.hidden legend, .theme-dark #id_changepassword legend, .theme-dark #page-mod-feedback-show_nonrespondents fieldset legend {
background-color: #121215;
color: #E8EAED;
}
.fieldset-styled legend:empty, [data-fieldtype="modgrade"] fieldset legend:empty, .wiki-upload-section legend:empty, #page-grade-grading-form-guide-edit fieldset.hidden legend:empty, #id_changepassword legend:empty, #page-mod-feedback-show_nonrespondents fieldset legend:empty {
display: none;
}
.fieldset-styled ul, [data-fieldtype="modgrade"] fieldset ul, .wiki-upload-section ul, #page-grade-grading-form-guide-edit fieldset.hidden ul, #id_changepassword ul, #page-mod-feedback-show_nonrespondents fieldset ul {
margin: 0;
font-size: 1rem;
font-weight: 500;
}
.fieldset-styled ul li, [data-fieldtype="modgrade"] fieldset ul li, .wiki-upload-section ul li, #page-grade-grading-form-guide-edit fieldset.hidden ul li, #id_changepassword ul li, #page-mod-feedback-show_nonrespondents fieldset ul li {
padding: 0.5rem 0;
list-style: none;
}
.fieldset-styled ul li li, [data-fieldtype="modgrade"] fieldset ul li li, .wiki-upload-section ul li li, #page-grade-grading-form-guide-edit fieldset.hidden ul li li, #id_changepassword ul li li, #page-mod-feedback-show_nonrespondents fieldset ul li li {
font-size: 0.875rem;
font-weight: 500;
}
.fieldset-styled ul li input, [data-fieldtype="modgrade"] fieldset ul li input, .wiki-upload-section ul li input, #page-grade-grading-form-guide-edit fieldset.hidden ul li input, #id_changepassword ul li input, #page-mod-feedback-show_nonrespondents fieldset ul li input {
margin-top: 0.25rem;
width: auto;
}
.fieldset-styled .alert, .fieldset-styled #page-mod-choice-view #notice p, #page-mod-choice-view #notice .fieldset-styled p, [data-fieldtype="modgrade"] fieldset .alert, [data-fieldtype="modgrade"] fieldset #page-mod-choice-view #notice p, #page-mod-choice-view #notice [data-fieldtype="modgrade"] fieldset p, .wiki-upload-section .alert, .wiki-upload-section #page-mod-choice-view #notice p, #page-mod-choice-view #notice .wiki-upload-section p, #page-grade-grading-form-guide-edit fieldset.hidden .alert, #page-grade-grading-form-guide-edit fieldset.hidden #page-mod-choice-view #notice p, #page-mod-choice-view #notice #page-grade-grading-form-guide-edit fieldset.hidden p, #id_changepassword .alert, #id_changepassword #page-mod-choice-view #notice p, #page-mod-choice-view #notice #id_changepassword p, #page-mod-feedback-show_nonrespondents fieldset .alert, #page-mod-feedback-show_nonrespondents fieldset #page-mod-choice-view #notice p, #page-mod-choice-view #notice #page-mod-feedback-show_nonrespondents fieldset p {
width: 100%;
}
.wiki-upload-section {
width: auto;
}
/*#id_filterstartdate_calendar,
#id_filterenddate_calendar,
#id_datefrom_calendar,
#id_datetill_calendar,
#id_locktime_calendar,
#id_completionexpected_calendar,
a[id*="id_bydate_"]*/
a[id*="_calendar"] {
margin: 0 5px;
padding: 5px;
background-color: #F5F5F5;
border-radius: 5px;
line-height: 1;
}
a[id*="_calendar"]:hover {
color: #561911;
background-color: #eee8e7;
}
.theme-dark a[id*="_calendar"] {
filter: invert(1);
background-color: #F5F5F5;
}
a[id*="_calendar"] .icon {
width: 24px;
height: 24px;
margin: 0;
}
.form-filemanager {
width: inherit;
}
.form-filemanager p {
font-size: 0.75rem;
}
.search-input-group {
display: flex;
position: relative;
z-index: 1;
color: #434343;
}
.rui-icon-menu .search-input-group {
width: 200px !important;
}
@media (max-width: 999.98px) {
.rui-icon-menu .search-input-group {
width: 255px !important;
position: absolute;
z-index: 3;
left: -40px;
}
}
.theme-dark .search-input-group {
color: #aeb3b8;
}
.search-input-group .search-input {
width: 100%;
padding: 0.75rem 1.25rem 0.75rem 45px;
margin: 0;
height: 47px;
font-size: 0.875rem;
font-weight: 500;
border-radius: 5px;
background-color: #F5F5F5;
border: none;
}
.search-input-group .search-input::-webkit-input-placeholder {
/* Edge */
color: #9AA0A6;
}
.search-input-group .search-input::-ms-input-placeholder {
/* Internet Explorer */
color: #9AA0A6;
}
.search-input-group .search-input::placeholder {
color: #9AA0A6;
}
#nav-drawer .search-input-group .search-input {
padding: 7px 0 7px 42px;
margin-bottom: 4px;
height: auto;
background-color: #F5F5F5;
color: #434343;
font-size: 0.75rem;
}
.theme-dark #nav-drawer .search-input-group .search-input {
background-color: #121215;
color: #aeb3b8;
}
.theme-dark .search-input-group .search-input {
background-color: #121215;
color: #aeb3b8;
}
.search-input-group .search-input-icon {
display: flex;
position: absolute;
left: 15px;
top: calc(50% - 10px);
z-index: 3;
}
#nav-drawer .search-input-group .search-input-icon {
top: calc(50% - 10px);
left: 13px;
color: #434343;
opacity: 0.7;
}
.theme-dark #nav-drawer .search-input-group .search-input-icon {
color: #E8EAED;
}
.search-input-group .search-input-btn {
position: absolute;
top: calc(50% - 15px);
right: 10px;
z-index: 3;
height: 30px;
width: 30px;
display: flex;
align-items: center;
background-color: transparent;
border-radius: 60px;
border: none;
color: #434343;
transition: all 0.2s ease-in-out;
}
.theme-dark .search-input-group .search-input-btn {
color: #aeb3b8;
}
#nav-drawer .search-input-group .search-input-btn {
color: #fff;
}
.dir-rtl .search-input-group .search-input-btn {
transform: rotate(180deg);
}
.search-input-group .search-input-btn:hover {
background-color: #561911;
color: #eee8e7;
}
.rui-show-password-btn {
position: absolute;
top: calc(50% - 15px);
right: 5px;
background-color: #eee8e7;
color: #561911;
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
border-radius: 30px;
cursor: pointer;
}
.theme-dark .rui-show-password-btn {
background-color: #561911;
color: #ccbab8;
}
.rui-show-password-btn:hover {
background-color: #eee8e7;
color: #561911;
}
.rui-show-password-btn.rui-show-password-btn--hidden {
background-color: #F5F5F5;
color: #626262;
}
.theme-dark .rui-show-password-btn.rui-show-password-btn--hidden {
background-color: #121215;
color: #aeb3b8;
}
label + .btn[data-toggle="popover"] {
margin: 0 0.35rem;
}
body.path-login.pagelayout-admin, body.path-login.pagelayout-base {
background-image: none;
}
#page-login-index, #page-login-signup, #page-login-forgot_password {
background-color: #F5F5F5;
display: flex;
align-items: center;
height: auto;
}
#page-login-index .main-content, #page-login-signup .main-content, #page-login-forgot_password .main-content {
margin-bottom: 0;
}
.theme-dark#page-login-index, .theme-dark#page-login-signup, .theme-dark#page-login-forgot_password {
background-color: #121215;
}
.rui-login-footer {
padding: 0 20px;
margin-bottom: 30px;
}
@media (max-width: 999.98px) {
.rui-login-footer {
margin: 0 auto 20px;
width: 90%;
}
}
.rui-login-footer-content {
font-size: 0.938rem;
}
.rui-login-top-btn {
background-color: rgba(0, 0, 0, 0.4);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
padding: 5px 14px;
border-radius: 5px;
font-size: 0.938rem;
text-align: center;
color: #fff;
}
@media (min-width: 1000px) {
.rui-login-top-btn {
position: fixed;
top: 20px;
right: 20px;
text-align: right;
}
.rui-login-layout-5 .rui-login-top-btn {
left: 20px;
right: auto;
}
}
@media (max-width: 999.98px) {
.rui-login-top-btn {
margin: 3px auto;
width: max-content;
max-width: 300px;
position: relative;
top: 0;
left: 0;
right: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
text-align: center;
}
}
.rui-login-top-btn a, .rui-login-top-btn .btn-link--clean {
font-size: 0.938rem;
color: #fff;
}
.rui-login-top-btn a:hover, .rui-login-top-btn .btn-link--clean:hover {
color: #fff;
opacity: 0.6;
}
.rui-login-top-btn h1 {
font-size: 14px;
}
.rui-login-layout-4 .rui-login-layout, .rui-login-layout-5 .rui-login-layout {
height: 100vh;
}
.rui-login-layout-1 .login-wrapper, .rui-login-layout-2 .login-wrapper, .rui-login-layout-3 .login-wrapper {
align-content: center;
display: grid;
height: 100%;
min-height: 100vh;
}
.rui-loginpage-intro-logo {
margin-bottom: 30px;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.rui-loginpage-intro-logo .rui-login-logo {
width: 100%;
max-width: 260px;
height: 90px;
object-fit: contain;
object-position: center;
}
.rui-loginpage-intro-logo a:hover {
text-decoration: none;
}
.rui-loginpage-intro-logo h2 {
font-size: 30px;
}
.rui-login-large-container {
width: 700px;
margin: 30px auto;
}
.rui-login-large-container input[type="text"], .rui-login-large-container input[type="password"] {
width: 100%;
}
@media (min-width: 320px) and (max-width: 999.98px) {
.rui-login-large-container {
max-width: 90%;
}
}
.rui-login-box {
display: flex;
align-items: center;
justify-content: center;
background-color: #fff;
}
.theme-dark .rui-login-box {
background-color: #191a1e;
}
@media (max-width: 767.98px) {
.rui-login-box {
padding: 10px;
}
}
.rui-login-layout--1 .rui-login-box {
padding: 30px;
border-radius: 5px;
}
@media (max-width: 767.98px) {
.rui-login-layout--1 .rui-login-box {
padding: 20px;
}
}
.rui-login-layout--2 .rui-login-box, .rui-login-layout--3 .rui-login-box {
padding: 60px;
}
@media (max-width: 767.98px) {
.rui-login-layout--2 .rui-login-box, .rui-login-layout--3 .rui-login-box {
padding: 20px;
}
}
.rui-login-layout--3 .rui-login-box {
border-radius: 5px 0 0 5px;
}
.rui-login-layout--3 .rui-login-box {
border-radius: 0 5px 5px 0;
}
.rui-login-layout--4 .rui-login-box, .rui-login-layout--5 .rui-login-box {
padding: 40px;
}
@media (max-width: 1199.98px) {
.rui-login-layout--4 .rui-login-box, .rui-login-layout--5 .rui-login-box {
padding: 20px;
width: 100%;
max-width: 400px;
border-radius: 5px;
margin: 0 auto;
}
}
#page-login-forgot_password .login-container .main-content {
max-width: 500px;
padding: 60px;
margin: 60px auto;
background-color: #fff;
border-radius: 5px;
}
@media (max-width: 767.98px) {
#page-login-forgot_password .login-container .main-content {
padding: 20px;
}
}
#page-login-forgot_password .login-container .main-content .mform .col-md-3, #page-login-forgot_password .login-container .main-content .mform .col-md-9 {
padding: 0 !important;
margin-bottom: 0.35rem !important;
flex: 0 0 100% !important;
max-width: 100% !important;
text-align: left !important;
}
.theme-dark#page-login-forgot_password .login-container .main-content {
background-color: #191a1e;
}
.rui-hasinstructions-desc {
font-size: 0.75rem;
font-weight: 400;
}
.rui-rememberusername-text, .rui-login-forgot-btn {
font-size: 0.938rem;
font-weight: 500;
color: #555353;
}
.rui-login-container {
margin: 30px auto;
overflow: hidden;
display: flex;
flex-wrap: wrap;
align-items: stretch;
border-radius: 5px;
}
.rui-login-layout-img .rui-login-container {
max-width: 1020px;
width: 100%;
}
@media (min-width: 1200px) {
.rui-login-layout-img .rui-login-container {
width: 100%;
}
}
.rui-login-layout--2 .rui-login-container {
flex-direction: row;
}
@media (min-width: 768px) {
.rui-login-layout--2 .rui-login-container {
border-radius: 30px;
}
}
@media (max-width: 767.98px) {
.rui-login-layout--2 .rui-login-container {
border-radius: 5px;
}
}
.rui-login-layout--3 .rui-login-container {
flex-direction: row-reverse;
}
@media (min-width: 768px) {
.rui-login-layout--3 .rui-login-container {
border-radius: 30px;
}
}
@media (max-width: 767.98px) {
.rui-login-layout--3 .rui-login-container {
border-radius: 5px;
}
}
.rui-login-bg-container {
width: 50%;
background-color: #EEEEEE;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: relative;
color: #212121;
}
.theme-dark .rui-login-bg-container {
background-color: #191a1e;
color: #E8EAED;
}
.rui-login-layout--2 .rui-login-bg-container {
border-radius: 0 40px 40px 0;
}
.rui-login-layout--3 .rui-login-bg-container {
border-radius: 40px 0 0 40px;
}
.rui-login-bg-container h1, .rui-login-bg-container h2, .rui-login-bg-container h3, .rui-login-bg-container h4, .rui-login-bg-container h5, .rui-login-bg-container h6, .rui-login-bg-container p, .rui-login-bg-container small, .rui-login-bg-container span, .rui-login-bg-container div {
color: inherit;
}
@media (min-width: 320px) and (max-width: 999.98px) {
.rui-login-bg-container {
width: 100%;
}
}
@media (min-width: 768px) {
.rui-login-box .rui-login-content {
width: 340px;
height: 100%;
}
}
@media (max-width: 767.98px) {
.rui-login-box .rui-login-content {
max-width: 280px;
height: 100%;
}
}
.rui-login-layout-img .rui-login-box {
width: 50%;
}
@media (min-width: 768px) and (max-width: 999.98px) {
.rui-login-layout-img .rui-login-box {
width: 100%;
max-width: 600px;
margin: 0 auto;
}
}
@media (min-width: 320px) and (max-width: 767.98px) {
.rui-login-layout-img .rui-login-box {
width: 100%;
margin: 0 auto;
}
}
.rui-login-layout--1 .rui-login-box {
margin: 30px auto;
width: 100%;
max-width: 400px;
scrollbar-width: thin;
scrollbar-color: #626262 #F5F5F5;
}
.rui-login-layout--1 .rui-login-box::-webkit-scrollbar {
width: 6px;
}
.rui-login-layout--1 .rui-login-box::-webkit-scrollbar-track {
background: #F5F5F5;
border-radius: 20px;
}
.rui-login-layout--1 .rui-login-box::-webkit-scrollbar-thumb {
background-color: #626262;
border-radius: 20px;
border: 0;
}
.rui-login-layout--1 .rui-login-box::-webkit-scrollbar-thumb:hover {
background-color: #525151;
}
@media (min-width: 1000px) {
.rui-login-layout--4 .rui-login-box, .rui-login-layout--5 .rui-login-box {
position: absolute;
top: 0;
border-radius: 0;
min-height: 100vh;
}
}
@media (max-width: 999.98px) {
.rui-login-layout--4 .rui-login-box, .rui-login-layout--5 .rui-login-box {
position: relative;
top: 0;
}
}
.rui-login-layout--4 .rui-login-box {
left: 0;
}
.rui-login-layout--5 .rui-login-box {
right: 0;
}
.rui-login-additional-content {
position: absolute;
top: 90px;
left: 90px;
font-size: 2rem;
font-weight: 700;
}
.rui-login-wrapper {
width: 100%;
max-width: 1020px;
margin-left: auto;
margin-right: auto;
}
.rui-login-logo--sep {
margin-bottom: 0;
margin-left: 40px;
padding-left: 20px;
position: relative;
}
.rui-login-logo--sep:before {
content: "";
position: absolute;
left: -10px;
top: calc(50% - 10px);
background-color: #E1E1E1;
width: 1px;
height: 20px;
}
.rui-signup-layout {
padding: 40px 40px 40px 100px;
height: 100vh;
display: flex;
justify-content: center;
}
@media (min-width: 768px) and (max-width: 999.98px) {
.rui-signup-layout {
padding: 0 30px 30px 30px;
}
}
@media (max-width: 767.98px) {
.rui-signup-layout {
padding: 0;
}
}
.rui-login-box .form-control {
width: 100%;
}
.rui-login-box .col-md-3, .rui-login-box .col-md-9 {
flex: 0 0 100%;
max-width: 100%;
text-align: left !important;
}
.rui-login-box .col-md-3 {
padding: 0 !important;
margin-top: 5px !important;
margin-bottom: 5px !important;
}
.rui-login-box .rui-additional-content {
position: sticky;
top: 60px;
}
.rui-login-box .mform fieldset.collapsible legend a.fheader:last-of-type {
margin-bottom: 0;
}
.rui-signup-additional-content {
height: max-content;
}
@media (min-width: 1200px) {
.rui-signup-additional-content {
position: sticky;
top: 11%;
margin: 90px 0;
padding-left: 80px;
}
}
@media (max-width: 999.98px) {
.rui-signup-additional-content {
width: 90%;
padding-left: 0;
margin: 30px auto;
position: relative;
}
}
.rui-backtologin {
position: fixed;
top: 26px;
left: 30px;
}
@media (max-width: 767.98px) {
.rui-backtologin {
position: absolute;
top: -34px;
left: 10px;
}
}
.btn--back {
display: flex;
align-items: center;
justify-content: center;
background-color: transparent;
width: 40px;
height: 40px;
border: 1px solid #E1E1E1;
border-radius: 60px;
color: #212121;
}
.btn--back:hover {
background-color: #212121;
border-color: #212121;
color: #F5F5F5;
}
.rui-badge-guest {
position: fixed;
bottom: 3px;
right: 3px;
padding: 6px 12px;
display: inline-flex;
align-items: center;
border-radius: 5px;
background-color: #FFF1D5;
font-size: 0.938rem;
font-weight: 500;
color: #212121;
}
.rui-login-lang-btn {
display: flex;
align-items: center;
justify-content: center;
height: 40px;
border: none;
background-color: #212121;
border-radius: 60px;
font-size: 0.75rem;
color: #F5F5F5;
}
@media (max-width: 767.98px) {
.rui-login-lang-btn {
padding: 8px;
}
}
.rui-login-lang-btn[aria-expanded="true"], .rui-login-lang-btn:hover {
color: #F5F5F5;
background-color: #434343;
text-decoration: none;
}
.form-control--username, .form-control--password {
background-size: 22px;
background-position: left 16px top 11px;
background-repeat: no-repeat;
background-color: transparent;
padding-left: 50px;
position: relative;
}
.form-control--username-box:before, .form-control--password-box:before {
content: "";
width: 20px;
height: 20px;
position: absolute;
z-index: 3;
top: calc(50% - 10px);
left: 16px;
background-size: 20px;
}
.form-control--username-box:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='%23555353'%3E%3Cg%3E%3Cg data-name='person'%3E%3Crect width='24' height='24' opacity='0'/%3E%3Cpath d='M12 11a4 4 0 1 0-4-4 4 4 0 0 0 4 4zm0-6a2 2 0 1 1-2 2 2 2 0 0 1 2-2z'/%3E%3Cpath d='M12 13a7 7 0 0 0-7 7 1 1 0 0 0 2 0 5 5 0 0 1 10 0 1 1 0 0 0 2 0 7 7 0 0 0-7-7z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.form-control--password-box:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23555353' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15 13.25C17.3472 13.25 19.25 11.3472 19.25 9C19.25 6.65279 17.3472 4.75 15 4.75C12.6528 4.75 10.75 6.65279 10.75 9C10.75 9.31012 10.7832 9.61248 10.8463 9.90372L4.75 16V19.25H8L8.75 18.5V16.75H10.5L11.75 15.5V13.75H13.5L14.0963 13.1537C14.3875 13.2168 14.6899 13.25 15 13.25Z'%3E%3C/path%3E%3Cpath stroke='%23555353' d='M16.5 8C16.5 8.27614 16.2761 8.5 16 8.5C15.7239 8.5 15.5 8.27614 15.5 8C15.5 7.72386 15.7239 7.5 16 7.5C16.2761 7.5 16.5 7.72386 16.5 8Z'%3E%3C/path%3E%3C/svg%3E%0A");
}
.rui-login-lang-wrapper {
position: fixed;
bottom: 20px;
right: 20px;
z-index: 1030;
}
.rui-login-layout-5 .rui-login-lang-wrapper {
left: 20px;
}
@media (max-width: 767.98px) {
.rui-lang-btn .rui-lang-btn-text {
display: none;
}
}
.rui-login-wrapper--margin {
margin-top: 25px;
}
.rui-login-logo-container .rui-login-logo {
max-width: 260px;
height: 90px;
}
.rui-login-layout--1 .rui-login-logo-container, .rui-login-layout--2 .rui-login-logo-container, .rui-login-layout--3 .rui-login-logo-container {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
text-align: center;
max-width: 100%;
max-height: 200px;
}
@media (min-width: 1000px) {
.rui-login-layout--4 .rui-login-logo-container, .rui-login-layout--5 .rui-login-logo-container {
width: 200px;
position: fixed;
top: 40px;
}
}
@media (max-width: 999.98px) {
.rui-login-layout--4 .rui-login-logo-container, .rui-login-layout--5 .rui-login-logo-container {
width: 100%;
position: relative;
text-align: center;
}
}
@media (min-width: 1000px) {
.rui-login-layout--4 .rui-login-logo-container {
right: 60px;
text-align: right;
}
}
@media (min-width: 1000px) {
.rui-login-layout--5 .rui-login-logo-container {
left: 60px;
text-align: left;
}
}
.rui-login-layout--1 .rui-topbar, .rui-login-layout--2 .rui-topbar, .rui-login-layout--3 .rui-topbar {
width: 100%;
margin-top: 30px;
margin-bottom: 30px;
}
.rui-login-layout--4 .rui-login-html-1, .rui-login-layout--5 .rui-login-html-1 {
position: fixed;
top: 40%;
font-weight: 700;
color: #fff;
}
@media (min-width: 1000px) {
.rui-login-layout--4 .rui-login-html-1, .rui-login-layout--5 .rui-login-html-1 {
font-size: 40px;
}
}
@media (max-width: 999.98px) {
.rui-login-layout--4 .rui-login-html-1, .rui-login-layout--5 .rui-login-html-1 {
display: none;
}
}
.rui-login-layout--4 .rui-login-html-1 {
right: 60px;
}
.rui-login-layout--5 .rui-login-html-1 {
left: 60px;
}
@media (min-width: 320px) and (max-width: 999.98px) {
#page-login-index .greedy {
justify-content: center;
}
}
.rui-login-logo-name {
margin-bottom: 0;
font-size: 1.125rem;
font-weight: 700;
color: #212121;
}
.btn--cookie {
position: fixed;
bottom: 20px;
right: 20px;
}
.rui-multilang .btn--cookie {
bottom: 70px;
}
.rui-login-layout--5 .btn--cookie {
left: 20px;
right: auto;
}
.rui-login-layout-1 .login-container {
min-height: 100vh;
display: grid;
align-content: center;
}
.rui-login-layout-1 .main-content {
margin-bottom: 0;
}
.rui-login-layout-4 .rui-maintenance, .rui-login-layout-5 .rui-maintenance {
max-width: 400px;
position: absolute;
top: 0;
left: 30px;
}
.rui-maintenance h2 {
font-size: 16px;
}
.rui-maintenance .rui-maintenance-desc {
font-size: 0.875rem;
}
.rui-login-box .custom-select {
width: 100%;
}
/* modules.less */
/*
█████╗ ██████╗████████╗██╗██╗ ██╗██╗████████╗██╗ ██╗
██╔══██╗██╔════╝╚══██╔══╝██║██║ ██║██║╚══██╔══╝╚██╗ ██╔╝
███████║██║ ██║ ██║██║ ██║██║ ██║ ╚████╔╝
██╔══██║██║ ██║ ██║╚██╗ ██╔╝██║ ██║ ╚██╔╝
██║ ██║╚██████╗ ██║ ██║ ╚████╔╝ ██║ ██║ ██║
╚═╝ ╚═╝ ╚═════╝ ╚═╝ ╚═╝ ╚═══╝ ╚═╝ ╚═╝ ╚═╝
███╗ ███╗ ██████╗ ██████╗ ██╗ ██╗██╗ ███████╗███████╗
████╗ ████║██╔═══██╗██╔══██╗██║ ██║██║ ██╔════╝██╔════╝
██╔████╔██║██║ ██║██║ ██║██║ ██║██║ █████╗ ███████╗
██║╚██╔╝██║██║ ██║██║ ██║██║ ██║██║ ██╔══╝ ╚════██║
██║ ╚═╝ ██║╚██████╔╝██████╔╝╚██████╔╝███████╗███████╗███████║
╚═╝ ╚═╝ ╚═════╝ ╚═════╝ ╚═════╝ ╚══════╝╚══════╝╚══════╝
*/
select {
width: auto;
}
.path-mod-choice .horizontal .choices .option {
display: inline-flex;
align-items: center;
}
.path-mod-choice .choices .option label {
margin: 10px;
}
@media (max-width: 767.98px) {
.reportlink {
text-align: center;
}
.reportlink a {
width: 100%;
}
}
.maincalendar .calendarmonth td, .maincalendar .calendarmonth th {
border: 1px dotted #E1E1E1;
}
.theme-dark .maincalendar .calendarmonth td, .theme-dark .maincalendar .calendarmonth th {
border-color: #2E3134;
}
.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;
}
.path-mod-data form {
margin-top: 0;
}
.path-mod-data .rui-page-title {
margin-bottom: 0;
}
#page-mod-data-templates td.save_template, #page-mod-data-templates .template_heading {
text-align: left;
}
#tempform table {
width: 100%;
}
#availabletags_wrapper {
max-width: 300px;
}
.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;
}
.path-mod-lesson .invisiblefieldset.fieldsetfix {
display: block;
}
.path-mod-lesson .answeroption .checkbox label p {
display: inline;
margin: 0;
}
.path-mod-lesson .form-inline label.form-check-label {
display: inline-block;
}
.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, .path-mod-lesson .rolecap td {
vertical-align: middle;
}
.path-mod-lesson .generaltable td label, .path-mod-lesson .rolecap td label {
margin-bottom: 0;
}
.path-mod-lesson .generaltable td .highlight, .path-mod-lesson .rolecap td .highlight {
display: inline-block;
margin-left: 0.25rem;
}
.path-mod-lesson .generaltable td input[type="checkbox"], .path-mod-lesson .rolecap td input[type="checkbox"] {
display: block;
}
.wiki_headingtitle, .midpad {
text-align: left;
}
.wiki_headingtitle {
margin-top: 30px;
}
.path-mod-wiki .wiki_headingtitle .icon {
margin-left: 0.35rem;
}
.wiki_difftime, .wiki_headingtime {
margin-bottom: 0.35rem;
font-style: normal;
color: #434343;
}
.theme-dark .wiki_difftime, .theme-dark .wiki_headingtime {
color: #aeb3b8;
}
.path-mod-wiki .wiki_contentbox {
width: 100%;
}
.path-mod-survey #surveyform th {
font-size: 0.875rem;
padding-left: 16px;
padding-right: 16px;
}
.path-mod-survey .surveytable > tbody > tr:nth-of-type(even) {
background-color: rgba(0, 0, 0, 0.025);
}
.path-mod-survey .surveytable tr:hover {
background-color: #eee8e7 !important;
}
.path-mod-survey .surveytable .rblock label {
text-align: center;
margin: 0;
}
.path-mod-survey .surveytable .qnumtopcell {
display: inline-flex;
font-size: 0.875rem;
}
.path-mod-survey .surveytable .optioncell, .path-mod-survey .surveytable .questioncell {
padding: 10px;
}
.path-mod-survey .smalltext th {
font-size: 0.75rem !important;
color: #555353;
}
.theme-dark.path-mod-survey .smalltext th {
color: #9AA0A6;
}
.theme-dark.path-mod-survey .surveytable .whitecell {
background-color: #191a1e;
}
.theme-dark.path-mod-survey .surveytable tr:hover {
background-color: #340f0a !important;
}
#intro {
margin-top: 0;
padding: 0 !important;
}
@media (min-width: 768px) {
#intro {
margin-bottom: 30px;
}
}
@media (max-width: 767.98px) {
#intro {
margin-bottom: 16px;
}
}
.nav .caret {
margin-left: 4px;
}
.nav .divider {
overflow: hidden;
width: 0;
}
.usermenu .login {
line-height: 2.25rem;
}
.usermenu .action-menu {
display: flex !important;
padding: 0;
margin: 0;
}
.usermenu .dropdown {
display: flex;
}
.usermenu .dropdown-btn {
padding: 0;
background-color: transparent;
color: #fff;
}
.usermenu .btn.btn-icon {
padding: 0 !important;
}
.usermenu img.userpicture {
margin: 0;
border-radius: 5px;
width: 40px;
height: 40px;
}
.userinitials {
min-width: 40px;
min-height: 40px;
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid #E1E1E1;
border-radius: 5px;
background-color: transparent;
font-size: 0.85rem;
font-weight: 700;
line-height: 1;
color: #212121;
}
.theme-dark .userinitials {
color: #E8EAED;
border-color: #2E3134;
}
.userloggedinas .avatar.current .userinitials {
background-color: #fff;
font-size: 9px;
min-width: 20px;
min-height: 20px;
width: 20px;
height: 20px;
max-width: 20px;
max-height: 20px;
border: none;
font-size: 11px;
color: #212121;
}
table .userinitials, .aabtn .userinitials {
margin-right: 0.5rem;
}
.userinitials.size-56 {
width: 40px;
height: 40px;
}
.userinitials.size-100 {
width: 40px;
height: 40px;
display: flex;
}
.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 {
display: block;
font-size: 0.875rem;
}
.userloggedinas .usermenu .avatar img, .userswitchedrole .usermenu .avatar img, .loginfailures .usermenu .avatar img {
margin: 0;
}
.userloggedinas .usermenu .avatar::before, .userswitchedrole .usermenu .avatar::before, .loginfailures .usermenu .avatar::before {
content: "";
width: 16px;
height: 16px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' currentColor='%23212121' viewBox='0 0 24 24'%3E%3Cg data-name='Layer 2'%3E%3Cg data-name='info'%3E%3Crect width='24' height='24' transform='rotate(180 12 12)' opacity='0'/%3E%3Cpath d='M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm0 18a8 8 0 1 1 8-8 8 8 0 0 1-8 8z'/%3E%3Ccircle cx='12' cy='8' r='1'/%3E%3Cpath d='M12 10a1 1 0 0 0-1 1v5a1 1 0 0 0 2 0v-5a1 1 0 0 0-1-1z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-size: 14px;
background-position: center;
background-color: #F8C971;
border-radius: 20px;
position: absolute;
top: 3px;
right: 3px;
}
.userloggedinas .usermenu .userbutton .avatars {
position: relative;
display: inline-block;
}
.userloggedinas .usermenu .userbutton .avatars .avatar.current {
display: inline-block;
position: absolute;
bottom: 1px;
right: 0;
width: 20px;
height: 20px;
border-radius: 5px;
}
.userloggedinas .usermenu .userbutton .avatars .avatar.current img {
vertical-align: baseline;
}
.userloggedinas .usermenu .userbutton .avatars .avatar.current::before {
display: none;
}
.userloggedinas .usermenu .userbutton .avatars .avatar img {
width: inherit;
height: inherit;
}
.userloggedinas .usermenu .userbutton .avatars .realuser {
width: 44px;
height: 44px;
display: inline-block;
}
@media (max-width: 767.98px) {
.usertext {
display: none;
}
}
.path-mod-quiz .mod-quiz-edit-content {
margin-bottom: 10rem;
}
#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 .form-group {
width: 20rem;
display: inline-block;
min-height: 12rem;
}
#page-mod-quiz-mod #id_reviewoptionshdr .btn-link, #page-mod-quiz-mod #id_reviewoptionshdr [data-fieldtype="submit"] a, [data-fieldtype="submit"] #page-mod-quiz-mod #id_reviewoptionshdr a, #page-mod-quiz-mod #id_reviewoptionshdr .cancel a, .cancel #page-mod-quiz-mod #id_reviewoptionshdr a, #page-mod-quiz-mod #id_reviewoptionshdr #page-mod-quiz-report .gradetheselink, #page-mod-quiz-report #page-mod-quiz-mod #id_reviewoptionshdr .gradetheselink {
line-height: 1.5;
vertical-align: bottom;
}
#page-mod-quiz-mod #id_reviewoptionshdr .form-inline {
float: left;
clear: left;
}
#page-mod-quiz-mod #id_reviewoptionshdr .form-check {
width: 90%;
height: 22px;
justify-content: flex-start;
}
.review_option_item {
width: 98%;
display: flex;
margin: 5px 0;
}
.qn_buttons {
grid-gap: 9px;
display: inline-flex;
flex-wrap: wrap;
justify-content: start;
}
#mod_quiz_navblock .qnbutton {
display: grid;
text-decoration: none;
font-size: 14px;
font-weight: 700;
background-color: transparent;
background-image: none;
height: 40px;
width: 40px;
border-radius: 40px;
border: 0;
overflow: hidden;
margin: 0 6px 6px 0;
}
.theme-dark #mod_quiz_navblock .qnbutton {
color: #E8EAED !important;
}
#mod_quiz_navblock span.qnbutton {
cursor: default;
background-color: #EEEEEE;
color: #525151;
}
#mod_quiz_navblock a.qnbutton:hover, #mod_quiz_navblock a.qnbutton:active, #mod_quiz_navblock a.qnbutton:focus {
text-decoration: underline;
}
#mod_quiz_navblock span.qnbutton {
background-color: transparent;
}
.theme-dark #mod_quiz_navblock span.qnbutton {
background-color: transparent;
}
#mod_quiz_navblock .qnbutton .thispageholder {
border-radius: 40px;
z-index: 1;
border: 1px solid #E1E1E1;
background-color: transparent;
}
.theme-dark #mod_quiz_navblock .qnbutton .thispageholder {
border-color: #2E3134;
}
#mod_quiz_navblock span.qnbutton.thispage {
color: #561911;
background-color: #eee8e7;
}
#mod_quiz_navblock .qnbutton.thispage .thispageholder {
border-color: #561911;
}
#mod_quiz_navblock .qnbutton.flagged .thispageholder::before {
content: "";
background-color: #ef1010;
width: 4px;
height: 4px;
border-radius: 4px;
position: absolute;
top: 5px;
left: calc(50% - 2px);
}
#mod_quiz_navblock .qnbutton .trafficlight {
border: 0;
}
#mod_quiz_navblock .qnbutton.notyetanswered .trafficlight, #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight {
background-color: transparent;
}
#mod_quiz_navblock .qnbutton.incorrect, #mod_quiz_navblock .qnbutton.invalidanswer {
color: #910808;
}
#mod_quiz_navblock .qnbutton.incorrect .thispageholder, #mod_quiz_navblock .qnbutton.invalidanswer .thispageholder {
border-color: #f9a3a3;
}
#mod_quiz_navblock .qnbutton.invalidanswer .trafficlight {
background-color: rgba(251, 200, 200, 0.3);
color: #910808;
}
.theme-dark #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight {
background-color: rgba(251, 200, 200, 0.3);
}
#mod_quiz_navblock .qnbutton.correct {
color: #027654;
}
#mod_quiz_navblock .qnbutton.correct .thispageholder {
border-color: #96CA88;
}
#mod_quiz_navblock .qnbutton.correct .trafficlight {
background-color: rgba(209, 236, 192, 0.5);
color: #027654;
}
#mod_quiz_navblock .qnbutton.blocked .trafficlight {
background-color: rgba(238, 238, 238, 0.5);
color: #D8D8D8;
}
#mod_quiz_navblock .qnbutton.notanswered {
color: #910808;
}
#mod_quiz_navblock .qnbutton.notanswered .thispageholder {
border-color: #f9a3a3;
}
#mod_quiz_navblock .qnbutton.notanswered .trafficlight, #mod_quiz_navblock .qnbutton.incorrect .trafficlight {
background-color: rgba(251, 200, 200, 0.5);
color: #910808;
}
.theme-dark #mod_quiz_navblock .qnbutton.notanswered .trafficlight, .theme-dark #mod_quiz_navblock .qnbutton.incorrect .trafficlight {
background-color: rgba(251, 200, 200, 0.3);
}
#mod_quiz_navblock .qnbutton.partiallycorrect {
color: #C3850C;
}
#mod_quiz_navblock .qnbutton.partiallycorrect .thispageholder {
border-color: #F7DAA2;
}
#mod_quiz_navblock .qnbutton.partiallycorrect .trafficlight {
background-color: rgba(255, 241, 213, 0.5);
color: #F7B742;
}
#mod_quiz_navblock .qnbutton.complete .trafficlight, #mod_quiz_navblock .qnbutton.answersaved .trafficlight, #mod_quiz_navblock .qnbutton.requiresgrading .trafficlight {
background-color: rgba(98, 98, 98, 0.2);
color: #434343;
}
#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;
margin: 0 0.4em;
}
/* Countdown timer. */
#page-mod-quiz-attempt #region-main {
overflow-x: inherit;
}
#quiz-timer-wrapper {
display: none;
position: sticky;
top: 74px;
z-index: 1020;
}
#quiz-timer-wrapper .btn {
border-radius: 30px;
}
#quiz-timer-wrapper #quiz-timer {
margin: 0;
padding: 8px 9px 8px 10px;
border-radius: 30px;
background-color: #EAF4DD;
display: flex;
align-items: center;
font-size: 0.938rem;
font-weight: 500;
color: #027654;
}
.pagelayout-embedded #quiz-timer-wrapper {
top: 5px;
}
#quiz-timer-wrapper #quiz-timer.timeleft0 {
background-color: #ef1010;
color: #fff;
}
#quiz-timer-wrapper #quiz-timer.timeleft1 {
background-color: #f01e1e;
color: #fff;
}
#quiz-timer-wrapper #quiz-timer.timeleft2 {
background-color: #f12d2d;
color: #fff;
}
#quiz-timer-wrapper #quiz-timer.timeleft3 {
background-color: #f23b3b;
color: #fff;
}
#quiz-timer-wrapper #quiz-timer.timeleft4 {
background-color: #f34949;
color: #fff;
}
#quiz-timer-wrapper #quiz-timer.timeleft5 {
background-color: #f45858;
color: #fff;
}
#quiz-timer-wrapper #quiz-timer.timeleft6 {
background-color: #f56666;
color: #fff;
}
#quiz-timer-wrapper #quiz-timer.timeleft7 {
background-color: #f67474;
color: #212121;
}
#quiz-timer-wrapper #quiz-timer.timeleft8 {
background-color: #f78383;
color: #212121;
}
#quiz-timer-wrapper #quiz-timer.timeleft9 {
background-color: #f89191;
color: #212121;
}
#quiz-timer-wrapper #quiz-timer.timeleft10 {
background-color: #f99f9f;
color: #212121;
}
#quiz-timer-wrapper #quiz-timer.timeleft11 {
background-color: #faaeae;
color: #212121;
}
#quiz-timer-wrapper #quiz-timer.timeleft12 {
background-color: #fbbcbc;
color: #212121;
}
#quiz-timer-wrapper #quiz-timer.timeleft13 {
background-color: #fbcaca;
color: #212121;
}
#quiz-timer-wrapper #quiz-timer.timeleft14 {
background-color: #fcd9d9;
color: #212121;
}
#quiz-timer-wrapper #quiz-timer.timeleft15 {
background-color: #fde7e7;
color: #212121;
}
#quiz-timer-wrapper #quiz-timer.timeleft16 {
background-color: #fef5f5;
color: #212121;
}
.path-mod-quiz #mod_quiz_navblock h3.mod_quiz-section-heading {
width: 100%;
font-size: 0.75rem;
}
.path-admin-mod-lti .btn .loader img, .path-admin-mod-lti #tool-list-loader-container .loader img {
height: auto;
}
.path-mod-resource .resourcecontent {
margin-top: 30px;
text-align: left;
}
.path-mod-resource .resourcecontent #resourceobject {
width: 100% !important;
border-radius: 5px;
}
.path-mod-survey .main-content .reportlink {
margin-top: 20px;
margin-bottom: 20px;
}
.path-mod-survey .main-content .rui-main-content-title--h3 {
margin-top: 1rem;
font-size: 1.25rem;
}
.path-mod-survey .main-content .centerpara {
text-align: left;
}
.path-mod-survey .main-content .generaltable .c0, .path-mod-survey .main-content .rolecap .c0 {
width: 35px !important;
}
#page-contentbank-edit .h5p-editor-iframe {
margin-top: 1rem;
margin-bottom: 1rem;
}
#page-contentbank-edit #fgroup_id_buttonar .col-md-3 {
display: none;
}
#page-contentbank-edit #fgroup_id_buttonar .col-md-9 {
padding: 0;
}
.bigbluebutton-container {
overflow-x: auto;
}
.bigbluebutton-container .yui3-datatable-paginator {
background-color: transparent;
background-image: none;
padding: 10px 0;
font-size: 0.875rem;
}
.bigbluebutton-container .yui3-datatable-paginator-group button {
padding: 0.6rem 1rem;
font-size: 0.8125rem;
background-color: #EEEEEE;
border: 0;
border-radius: 5px;
color: #212121;
}
.theme-dark .bigbluebutton-container .yui3-datatable-paginator-group button {
background-color: #17181B;
color: #E8EAED;
}
.bigbluebutton-container .yui3-datatable-paginator-group button:hover {
background-color: #E1E1E1;
border: 0;
color: #212121;
box-shadow: none;
}
.theme-dark .bigbluebutton-container .yui3-datatable-paginator-group button:hover {
background-color: #202124;
color: #E8EAED;
}
.bigbluebutton-container .yui3-datatable-paginator-group input, .bigbluebutton-container .yui3-datatable-paginator-group select {
margin: 0 0.5rem;
min-width: 3rem;
padding: 0.6rem 1rem;
font-size: 0.8125rem;
background: transparent;
border: 1px solid #D8D8D8;
border-radius: 5px;
color: #212121;
}
#fitem_id_h5peditor .form-control-static {
width: 100%;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax {
background-color: #fff;
}
.theme-dark .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax {
background-color: #191a1e;
}
.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: #F5F5F5;
}
.theme-dark .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit.yui-layout-unit-center div.yui-layout-bd {
background-color: #121215;
}
.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 .form-group {
margin: 0;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area .form-group #input-message {
height: auto;
padding: 10px;
}
.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.rolecap, .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable td.cell, .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.rolecap 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: 5px;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list li {
border-top: 1px solid #fff;
border-bottom: 1px solid #E1E1E1;
padding: 5px 0;
}
.theme-dark .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list li {
border-top: 1px solid #191a1e;
border-bottom: 1px solid #202124;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list img {
margin-right: 8px;
border-radius: 5px;
max-width: none;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list strong {
font-size: 0.875rem;
font-weight: 500;
}
.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.875rem;
color: #525151;
}
.theme-dark .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-event.course-theme {
color: #9AA0A6;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme {
margin-bottom: 1.25rem;
border-radius: 5px;
border: 1px solid #E1E1E1;
padding: 1.25rem;
}
.theme-dark .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme {
border: 1px solid #2E3134;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .time {
float: right;
font-size: 11px;
color: #525151;
}
.theme-dark .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .time {
color: #9AA0A6;
}
.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: 700;
}
#page-mod-chat-report .main-content #intro p, #page-mod-chat-view .main-content #intro p {
margin: 0;
}
#page-mod-chat-report .main-content #enterlink:empty, #page-mod-chat-view .main-content #enterlink:empty {
display: none;
}
#page-mod-chat-report .main-content #enterlink p, #page-mod-chat-view .main-content #enterlink p {
margin-bottom: 0.5rem;
}
#page-mod-chat-report .main-content .list-group {
margin-top: 2rem;
}
#page-mod-chat-report .main-content .list-group p {
margin: 0 5px 0;
font-size: 0.875rem;
color: #434343;
}
.theme-dark #page-mod-chat-report .main-content .list-group p {
color: #aeb3b8;
}
#page-mod-chat-report .main-content .list-group .generalbox {
padding: 0 !important;
}
#page-mod-chat-report .main-content .list-group [align="right"] {
margin: 1rem 5px 0;
width: 100%;
display: inline-flex;
justify-content: space-between;
}
#page-mod-chat-report .main-content .list-group [align="right"] a:nth-of-type(2) {
color: #910808;
}
.chat-message .userpicture {
border-radius: 5px;
}
.chat-message .title {
font-size: 0.875rem;
color: #434343;
}
.theme-dark .chat-message .title {
color: #aeb3b8;
}
.chat-message p {
font-size: 1rem;
color: #212121;
}
.theme-dark .chat-message p {
color: #E8EAED;
}
.chat-event {
margin-bottom: 0.25rem;
background-color: #F5F5F5;
border-radius: 5px;
}
.theme-dark .chat-event {
background-color: #121215;
}
.chat-event td {
padding: 0.25rem 0.35rem;
}
.chat-event .text {
padding-right: 1rem;
font-size: 0.75rem;
}
.chat-event .event {
color: #525151;
}
.theme-dark .chat-event .event {
color: #9AA0A6;
}
.chat-event .userpicture {
margin: 0;
width: 26px;
height: 26px;
}
#chatcurrentusers {
padding: 1rem;
background-color: #F5F5F5;
border-radius: 5px;
}
.theme-dark #chatcurrentusers {
background-color: #121215;
}
#chatcurrentusers .chatuserimage {
margin-right: 0.5rem;
}
#chatcurrentusers .chatuserimage img {
border-radius: 5px;
}
#chatcurrentusers p {
margin: 0;
font-weight: 500;
}
#chatcurrentusers .idletime {
font-size: 0.75rem;
color: #434343;
}
.theme-dark #chatcurrentusers .idletime {
color: #aeb3b8;
}
#page-mod-chat-gui_basic-index {
margin: 10px 0;
}
#page-mod-chat-gui_basic-index #page {
padding: 2rem !important;
}
#page-mod-chat-gui_basic-index #messages {
margin: 2rem 0 0;
}
#page-mod-chat-gui_basic-index .generaltable, #page-mod-chat-gui_basic-index .rolecap {
margin: 20px;
width: calc(100% - 40px);
}
#page-mod-chat-gui_basic-index #participants {
margin: 10px 60px;
}
#page-mod-chat-gui_basic-index #participants .userpicture {
border-radius: 5px;
}
#page-mod-chat-gui_basic-index #participants .userinfo {
font-size: 0.75rem;
color: #434343;
}
.theme-dark #page-mod-chat-gui_basic-index #participants .userinfo {
color: #aeb3b8;
}
#enterlink {
padding: 20px 30px;
background-color: #eee8e7;
border-radius: 5px;
text-align: center;
}
.theme-dark #enterlink {
background-color: transparent;
border: 1px solid #2E3134;
}
#enterlink p:nth-of-type(1) {
margin-top: 10px;
margin-bottom: 20px !important;
color: #340f0a;
}
.path-mod-assign [data-region="grade-actions-panel"] [data-region="grade-actions"] .collapse-buttons {
top: auto;
height: auto;
}
.path-mod-assign [data-region="grade-actions-panel"] {
background-color: #fff;
border-radius: 5px;
border: none;
box-shadow: rgba(0, 0, 0, 0.15) 0 15px 25px, rgba(0, 0, 0, 0.05) 0 5px 10px, rgba(0, 0, 0, 0.12) 0 2px 3px;
height: 64px;
bottom: 30px;
left: 30px;
right: 30px;
width: 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;
top: 145px;
right: 30px;
bottom: 100px;
left: auto;
width: calc(30% - 60px);
border-radius: 5px;
background-color: #fff;
}
.path-mod-assign [data-region="review-panel"].collapsed + [data-region="grade-panel"] {
width: calc(100% - 60px);
}
.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 0 20px 0 !important;
}
.path-mod-assign [data-region="grade-panel"] .mform .fitem.has-popout .felement {
width: 100%;
}
.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.popout {
width: 100vw;
max-width: 60vw;
max-height: 100vh;
top: 0;
left: 0;
right: 0;
overflow: auto;
background-color: #fff;
padding: 2rem !important;
border-radius: 5px;
}
.theme-dark .gradingform_rubric .criterion.even td, .theme-dark .gradingform_rubric .criterion.odd td, .theme-dark.path-mod-assign [data-region="grade-actions-panel"], .theme-dark.path-mod-assign [data-region="grade-panel"], .theme-dark.path-mod-assign [data-region="grading-navigation-panel"], .theme-dark.path-mod-assign [data-region="grade-panel"] .fitem.has-popout.popout {
background-color: #121215;
}
.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.5rem;
}
.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;
position: absolute;
top: -50px;
justify-content: space-between;
}
.path-mod-assign [data-region="grading-navigation"] {
padding: 0;
}
.path-mod-assign [data-region="grade-actions"] {
padding: 10px;
}
.path-mod-assign [data-region="user-info"] {
margin: 1rem;
padding: 0;
height: 40px;
line-height: 1.2;
color: #212121;
}
.path-mod-assign [data-region="user-info"] a {
color: inherit;
}
.path-mod-assign [data-region="user-info"] .img-rounded {
margin-top: 0;
border-radius: 5px;
}
.path-mod-assign [data-region="grading-navigation-panel"] {
background-color: #fff;
border-radius: 5px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 0, 0.05), 0 4px 4px rgba(0, 0, 0, 0.05), 0 8px 8px rgba(0, 0, 0, 0.05);
top: 60px;
left: 30px;
right: 30px;
z-index: 999;
width: auto;
height: auto;
}
@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="review-panel"] {
top: 145px;
left: 30px;
bottom: 100px;
}
.path-mod-assign [data-region="grading-navigation"] [data-region="input-field"] input {
width: auto;
display: inline-block;
}
#id_gradeheader, #id_attemptsettings {
font-size: 0.875rem !important;
border-radius: 5px;
border: 2px solid #ccbab8;
padding: 1.25rem;
margin-bottom: 1.25rem;
}
#id_gradeheader .fcontainer, #id_attemptsettings .fcontainer {
padding: 0;
}
#id_gradeheader legend, #id_gradeheader > legend, #id_attemptsettings legend, #id_attemptsettings > legend {
width: auto;
padding: 5px 20px;
border-radius: 5px;
background-color: #561911;
color: #fff;
font-size: 0.875rem !important;
font-weight: 500 !important;
line-height: 1.5 !important;
}
#id_gradeheader .col-form-label, #id_attemptsettings .col-form-label {
margin-bottom: 0.35rem;
font-size: 0.75rem;
font-weight: 500;
}
#id_gradeheader .form-control-static, #id_gradeheader .form-group, #id_attemptsettings .form-control-static, #id_attemptsettings .form-group {
margin-bottom: 0.5rem;
}
.gradingform .custom-select {
padding: 9px 17px;
max-width: 100%;
height: auto;
font-size: 0.75rem;
}
.gradingform .col-form-label {
margin-bottom: 0.5rem;
}
.path-mod-assign [data-region="grade-panel"] .has-popout .col-md-3 {
border-bottom: none;
}
.path-mod-assign [data-region="grade-panel"] #id_gradeheader > legend {
visibility: visible;
height: auto;
}
.path-mod-assign [data-region="grade-panel"] .fitem > .col-md-3, .path-mod-assign [data-region="grade-panel"] .fitem > .col-md-9 {
margin-bottom: 0.35rem !important;
text-align: left !important;
}
.path-mod-assign #page-content [data-region="grade-panel"] [data-region="popout-button"] {
float: none;
}
.path-mod-assign #page-content [data-region="grade-panel"] [data-region="popout-button"] .icon {
margin: 1px;
}
.path-mod-assign #page-content [data-region="grade-panel"] [data-region="popout-button"] a:hover {
text-decoration: none;
}
/**
* 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.55rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: 5px;
color: #21386d;
background-color: #d9e2f6;
border-color: #cad6f2;
/* stylelint-disable-line max-line-length */
}
.assignfeedback_editpdf_widget .label hr {
border-top-color: #b6c6ed;
}
.assignfeedback_editpdf_widget .label .alert-link {
color: #152446;
}
.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 [data-region="grade-panel"] h3 {
font-family: "Poppins", sans-serif;
}
.rui-gradingsummary {
margin: 60px 0;
}
.rui-submissionstatustable {
padding-top: 60px;
margin-bottom: 60px;
border-top: 1px solid #E1E1E1;
}
.theme-dark .rui-submissionstatustable {
border-top: 1px solid #2E3134;
}
.section .rui-submissionstatustable {
padding-top: 10px;
margin-bottom: 10px;
}
.rui-plugincontentsummary, .rui-submissionsummarytable {
margin-bottom: 60px;
}
.section .rui-plugincontentsummary, .section .rui-submissionsummarytable {
margin-bottom: 10px;
}
.rui-plugincontentsummary:last-of-type {
margin-bottom: 0;
}
.rui-plugincontentsummary .visibleifjs .btn {
display: inline-block;
margin-top: 0.35rem;
margin-left: 44px;
}
.rui-info-container {
column-gap: 10px;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
flex-wrap: wrap;
margin: 0;
padding: 0;
}
.theme-dark .rui-info-container {
color: #212121;
}
@media (min-width: 768px) and (max-width: 999.98px) {
.rui-info-container {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 767.98px) {
.rui-info-container {
grid-template-columns: 1fr;
}
}
.rui-infobox-title {
font-size: 0.75rem;
font-weight: 500;
word-break: break-word;
}
.theme-dark .rui-infobox-title {
color: #212121;
}
.rui-infobox {
display: inline-grid;
padding: 3.75rem 1.25rem 1rem 1.25rem;
margin-bottom: 10px;
background-repeat: no-repeat;
background-position: left 16px top 20px;
background-size: 25px;
word-break: break-all;
border-radius: 5px;
}
.dir-rtl .rui-infobox {
background-position: right 16px top 20px;
}
#page-mod-assign-grader .rui-infobox {
width: auto;
height: auto;
}
.rui-infobox .rui-infobox-content {
font-size: 1.25rem;
font-weight: 700;
word-break: break-word;
}
.rui-infobox .rui-infobox-content--small {
font-size: 0.875rem;
font-weight: 700;
}
.theme-dark .rui-infobox {
mix-blend-mode: hard-light;
}
.rui-infobox--hiddenfromstudents {
background-image: url(/theme/image.php/space/theme/1752943723/space/icon-eye-off);
background-color: #F5F5F5;
}
.rui-infobox--participant {
background-image: url(/theme/image.php/space/theme/1752943723/space/icon-users);
background-color: #EEF8FF;
}
.rui-infobox--draft, .rui-infobox--drafts {
background-image: url(/theme/image.php/space/theme/1752943723/space/icon-edit);
background-color: #fbefe9;
}
.submissionstatussubmitted, .submissioneditable, .rui-badge-assign--submitted, .rui-infobox--submitted {
background-image: url(/theme/image.php/space/theme/1752943723/space/icon-checked);
background-color: #EAF4DD;
}
.path-mod-assign [data-region="grade-panel"] div.submissionnotgraded, .latesubmission, .submissionstatus, .path-mod-assign [data-region="grade-panel"] div.overdue, .rui-badge-assign--noattempt, .rui-badge-assign--overdue, .rui-badge-assign--needgrading, .rui-infobox--needgrading {
background-image: url(/theme/image.php/space/theme/1752943723/space/icon-alert-circle);
background-color: #fce59c;
}
.lockedsubmission, .rui-badge-assign--submissionlocked, .rui-infobox--submissionlocked {
background-image: url(/theme/image.php/space/theme/1752943723/space/icon-lock);
background-color: #feeded;
}
.rui-badge-assign--timeremaining, .rui-infobox--duedate {
background-image: url(/theme/image.php/space/theme/1752943723/space/icon-calendar);
background-color: #eee8e7;
}
.submissionnoteditable, .rui-badge-assign--noonlinesubmissions, .rui-infobox--noonlinesubmissions, .rui-infobox--timeremaining {
background-image: url(/theme/image.php/space/theme/1752943723/space/icon-alert-triangle);
background-color: #FFF1D5;
}
.overduesubmission, .rui-infobox--cutofdate {
background-image: url(/theme/image.php/space/theme/1752943723/space/icon-alert-circle);
background-color: #feeded !important;
}
.rui-infobox--status {
background-image: url(/theme/image.php/space/theme/1752943723/space/icon-state);
background-color: #FDF6EA;
}
.rui-badge-assign-submissionstatus, .rui-infobox--progress {
background-image: url(/theme/image.php/space/theme/1752943723/space/icon-progress);
background-color: #F5F5F5;
}
.rui-submissionsummarytable, .rui-feedbacktable {
background-color: #F5F5F5;
padding: 1.25rem;
border-radius: 5px;
font-size: 0.875rem;
}
.theme-dark .rui-submissionsummarytable, .theme-dark .rui-feedbacktable {
background-color: #121215;
}
.submissionsummarytable .generaltable, .submissionsummarytable .rolecap {
width: max-content !important;
}
.rui-feedback {
margin-top: 60px;
margin-bottom: 60px;
}
.rui-feedback .userpicture {
border-radius: 60px;
}
.jsenabled .comment-link .icon, .path-mod-assign.jsenabled .expandsummaryicon {
padding: 10px;
margin-right: 0.5rem;
display: inline-flex;
justify-content: center;
align-items: center;
width: 18px;
height: 18px;
background: #F5F5F5;
color: #212121;
border-radius: 5px;
}
.jsenabled .comment-link .icon:hover, .path-mod-assign.jsenabled .expandsummaryicon:hover {
text-decoration: none;
}
.theme-dark.jsenabled .comment-link .icon, .theme-dark.path-mod-assign.jsenabled .expandsummaryicon {
filter: invert(1);
}
.rui-submissionaction .singlebutton, .rui-submissionaction .btn {
width: 100%;
}
.rui-assign-btns {
margin-top: 10px;
padding-top: 60px;
border-top: 1px solid #E1E1E1;
}
.theme-dark .rui-assign-btns {
border-top: 1px solid #2E3134;
}
.rui-assignsubmissio {
margin: 60px 0;
padding: 1rem;
background-color: #fff;
border-radius: 5px;
}
.theme-dark .rui-assignsubmissio {
background-color: #191a1e;
}
.path-mod-assign .feedbacktable {
margin-top: 0;
}
.path-mod-assign .fileuploadsubmission a {
color: #212121;
}
.theme-dark .path-mod-assign .fileuploadsubmission a {
color: #E8EAED;
}
.path-mod-assign .fileuploadsubmissiontime {
margin-top: 0.25rem;
margin-left: 27px;
float: none !important;
font-size: 0.75rem;
color: #555353;
}
.theme-dark .path-mod-assign .fileuploadsubmissiontime {
color: #9AA0A6;
}
.path-mod-assign .gradingtable tr.unselectedrow td {
vertical-align: top;
background-color: transparent;
}
.path-mod-assign.jsenabled .gradingtable .c0 .commands {
display: none;
}
.path-mod-assign.jsenabled .gradingtable .c0 .selectall {
display: inline-flex;
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.path-mod-assign .gradingtable tr.selectedrow td {
background-color: #eee8e7;
vertical-align: top;
}
.path-mod-assign.jsenabled .gradingtable tr {
border-bottom: 1px solid #E1E1E1;
}
.theme-dark .path-mod-assign.jsenabled .gradingtable tr {
border-bottom: 1px solid #2E3134;
}
.path-mod-assign [data-region="user-selector"] .alignment {
margin: 0 10px 0 0;
width: auto;
}
.path-mod-assign [data-region="user-selector"] select {
padding: 3px 7px;
max-width: 100%;
height: auto;
font-size: 0.75rem;
}
.path-mod-assign [data-region="grading-navigation"] [data-region="input-field"] input {
margin: 0;
}
.path-mod-assign [data-region="configure-filters"] {
margin-top: 48px;
margin-left: -143px;
width: 180px;
}
.path-mod-assign [data-region="grade-panel"] .fitem.popout {
bottom: auto;
}
.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.popout .felement {
padding: 0;
}
.moodle-dialogue-base .moodle-dialogue.assignfeedback_editpdf_dropdown .moodle-dialogue-bd {
padding: 0 !important;
}
.assignfeedback_editpdf_widget .warningmessages .icon {
margin-right: 0.35rem;
width: 12px;
height: 12px;
}
.assignfeedback_editpdf_widget .warningmessages .warningmessages {
display: inline-flex;
align-items: center;
}
.path-mod-assign #page-content .mform:not(.unresponsive) #fitem_id_grade.fitem .felement input {
width: auto;
}
#fitem_id_assignfeedbackcomments_editor .col-md-3.text-right {
display: inline-flex;
align-items: center;
justify-content: space-between;
}
.badge-assign {
padding-top: 10px;
padding-left: 50px;
padding-bottom: 9px;
padding-right: 1.5rem;
margin-bottom: 0.25rem;
background-size: 18px;
background-position: 17px;
background-repeat: no-repeat;
border-radius: 5px;
font-weight: 500;
font-size: 0.875rem;
line-height: 1.5;
color: #212121;
}
.theme-dark .badge-assign {
color: #E8EAED;
}
.overduesubmission, .submissionstatus, .lockedsubmission, .submissionstatussubmitted, .latesubmission, .submissionnoteditable, .path-mod-assign [data-region="grade-panel"] div.submissionnotgraded, .overdue, .timeremaining, .submissioneditable {
width: max-content;
max-width: 100%;
padding-top: 7px;
padding-left: 30px;
padding-bottom: 7px;
padding-right: 14px;
margin-bottom: 0.25rem;
background-size: 18px;
background-position: 9px;
background-repeat: no-repeat;
border-radius: 5px;
font-weight: 500;
font-size: 0.75rem;
line-height: 1.5;
color: #212121;
}
.editsubmissionform .row {
margin-bottom: 30px;
}
.editsubmissionform .row:last-of-type {
margin-bottom: 0;
}
.assignfeedback_editpdf_widget .pageheader button img {
padding: 0;
line-height: 0;
width: 16px;
}
.timeremaining {
background-color: #FFF1D5;
color: #212121 !important;
}
#page-mod-assign-grading .generaltable, #page-mod-assign-grading .rolecap {
width: max-content;
}
.path-mod-book .navtop, .path-mod-book .navbottom {
border: 0 !important;
}
@media (max-width: 999.98px) {
.path-mod-book .navtop, .path-mod-book .navbottom {
width: 100%;
}
}
.path-mod-book .navtop a, .path-mod-book .navbottom a {
width: auto;
padding: 0.75rem 1.25rem;
background-color: #F5F5F5;
border-radius: 5px;
color: #525151;
line-height: 1.2;
}
.path-mod-book .navtop a:only-of-type, .path-mod-book .navbottom a:only-of-type {
margin-left: 0 !important;
}
.path-mod-book .navtop a:hover, .path-mod-book .navbottom a:hover {
text-decoration: none;
background-color: #eee8e7;
color: #561911;
}
.path-mod-book .navtop a .icon, .path-mod-book .navbottom a .icon {
display: inline-flex;
align-items: center;
justify-content: center;
height: auto;
font-size: 0.75rem;
line-height: 1.5;
}
.path-mod-book .navtop a.bookexit, .path-mod-book .navbottom a.bookexit {
background-color: #feeded;
color: #910808;
}
.path-mod-book .navtop a.bookexit:hover, .path-mod-book .navbottom a.bookexit:hover {
background-color: #fbc8c8;
}
.path-mod-book .navtop:after, .path-mod-book .navbottom:after {
display: none;
}
.path-mod-book .navtop {
margin: 0 auto;
display: flex;
justify-content: space-between;
position: sticky;
top: 60px;
}
.path-mod-book .navbottom {
/*margin: 1rem 0 0;
width: 100%;
display: inline-flex;
justify-content: flex-end;*/
display: none;
}
.theme-dark.path-mod-book .navtop a, .theme-dark.path-mod-book .navbottom a {
filter: invert(1);
}
.bookprev {
margin-right: 0.5rem;
width: 50%;
text-align: left;
}
.booknext {
margin-left: 0.5rem;
}
.booknext, .bookexit {
width: 50%;
text-align: right;
}
.block_book_toc h5 {
display: block !important;
margin-bottom: 0.5rem;
}
/* toc style INDENTED*/
.path-mod-book .book_toc ul {
margin: 0;
}
.path-mod-book .book_toc li {
margin-bottom: 0.25rem;
}
.path-mod-book .book_toc li a, .path-mod-book .book_toc li strong {
padding: 5px;
margin: 0.1rem 0;
display: block;
border-radius: 5px;
}
.path-mod-book .book_toc li a {
color: #212121;
}
.path-mod-book .book_toc li a::after {
display: none;
}
.path-mod-book .book_toc li a:hover {
background-color: #EEF8FF;
text-decoration: none;
color: #406CD2;
}
.path-mod-book .book_toc li strong {
background-color: #EEEEEE;
color: #626262;
}
.theme-dark.path-mod-book .book_toc li a {
color: #E8EAED;
}
.theme-dark.path-mod-book .book_toc li a:hover {
background-color: #121215;
color: #ab8c88;
}
.theme-dark.path-mod-book .book_toc li strong {
background-color: #17181B;
color: #E8EAED;
}
#page-grade-report-overview-index .main-content, .rui-book-wrapper, .modal-in-page, .book_content {
background-color: #fff;
padding: 30px !important;
position: relative;
border-width: 1px 2px 1px 2px;
border-style: solid solid solid dashed;
border-color: #E1E1E1 #EEEEEE #E1E1E1 #E1E1E1;
border-radius: 5px;
}
@media (max-width: 767.98px) {
#page-grade-report-overview-index .main-content, .rui-book-wrapper, .modal-in-page, .book_content {
padding: 10px !important;
}
}
#page-grade-report-overview-index .main-content:before, #page-grade-report-overview-index .main-content:after, .rui-book-wrapper:before, .rui-book-wrapper:after, .modal-in-page:before, .modal-in-page:after, .book_content:before, .book_content:after {
content: "";
width: 10px;
height: 100%;
position: absolute;
top: 0;
border-radius: 5px;
border-style: solid;
}
#page-grade-report-overview-index .main-content:before, .rui-book-wrapper:before, .modal-in-page:before, .book_content:before {
right: 4px;
border-color: #EEEEEE;
border-width: 0px 2px 0px 0px;
}
#page-grade-report-overview-index .main-content:after, .rui-book-wrapper:after, .modal-in-page:after, .book_content:after {
right: 1px;
border-color: #F5F5F5;
border-width: 0px 2px 0px 0px;
}
.theme-dark#page-enrol-index .main-content, .theme-dark#page-grade-report-overview-index .main-content, .theme-dark .rui-book-wrapper, .theme-dark .modal-in-page, .theme-dark .book_content {
background-color: #191a1e;
border-color: #202124 #202124 #202124 #202124;
}
.theme-dark#page-enrol-index .main-content:before, .theme-dark#page-grade-report-overview-index .main-content:before, .theme-dark .rui-book-wrapper:before, .theme-dark .modal-in-page:before, .theme-dark .book_content:before {
border-color: #202124;
}
.theme-dark#page-enrol-index .main-content:after, .theme-dark#page-grade-report-overview-index .main-content:after, .theme-dark .rui-book-wrapper:after, .theme-dark .modal-in-page:after, .theme-dark .book_content:after {
border-color: #202124;
}
#page-grade-report-overview-index .main-content .grade-navigation {
width: auto;
}
.book_content {
margin-bottom: 20px;
}
.book_content .rui-title-container {
margin-top: 0;
}
.book_content .rui-main-content-title--h3, .book_content .rui-main-content-title--h4 {
width: auto !important;
padding-top: 0.5rem;
padding-left: 40px;
padding-bottom: 0.5rem;
padding-right: 1rem;
margin: 0 0 1rem 0 !important;
background: #eee8e7 url(/theme/image.php/space/theme/1752943723/space/icon-file-text) 13px no-repeat;
background-size: 18px;
border-radius: 5px;
font-family: "Poppins", sans-serif;
font-weight: 500;
font-size: 0.875rem;
line-height: 1.3;
color: #212121;
}
.theme-dark .book_content .rui-main-content-title--h3, .theme-dark .book_content .rui-main-content-title--h4 {
filter: invert(1);
mix-blend-mode: luminosity;
}
.book_content .rui-main-content-title--h4 {
display: inline-flex;
margin-left: 0.35rem !important;
}
.book-tags {
margin-top: 30px;
margin-bottom: 30px;
}
.book-tags b {
display: none;
}
.block_book_toc .action-list .icon {
font-size: 12px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.theme-dark .block_book_toc .action-list .icon {
filter: invert(1);
}
.path-mod-book .book_toc_numbered li div {
align-items: center;
}
.path-mod-book .book_toc_numbered li ul li a, .path-mod-book .book_toc_numbered li ul li strong {
font-size: 0.75rem;
color: #434343;
}
.theme-dark .path-mod-book .book_toc_numbered li ul li a, .theme-dark .path-mod-book .book_toc_numbered li ul li strong {
color: #aeb3b8;
}
.path-mod-book .book_toc_numbered li ul li a::before, .path-mod-book .book_toc_numbered li ul li strong::before {
display: none;
}
.path-mod-book .book_toc li strong {
background-color: #eee8e7;
font-weight: 500;
color: #561911;
}
.path-mod-book .main-content .rui-main-content-title {
margin-bottom: 0;
display: inline-flex;
align-content: center;
justify-content: space-between;
}
#page-mod-choice-view .btn-primary + .ml-1, #page-mod-choice-view .addtagcoll a + .ml-1, .addtagcoll #page-mod-choice-view a + .ml-1, #page-mod-choice-view .path-admin-tag .addstandardtags a + .ml-1, .path-admin-tag .addstandardtags #page-mod-choice-view a + .ml-1, #page-mod-choice-view .gradereport_history_usp .usp-finish input + .ml-1, .gradereport_history_usp .usp-finish #page-mod-choice-view input + .ml-1, #page-mod-choice-view #siteconfiglink a + .ml-1, #siteconfiglink #page-mod-choice-view a + .ml-1, #page-mod-choice-view .forum-post-footer a + .ml-1, .forum-post-footer #page-mod-choice-view a + .ml-1, #page-mod-choice-view .rui-submissionaction .singlebutton .btn + .ml-1, .rui-submissionaction .singlebutton #page-mod-choice-view .btn + .ml-1, #page-mod-choice-view #enterlink p:nth-of-type(1) a + .ml-1, #enterlink p:nth-of-type(1) #page-mod-choice-view a + .ml-1, #page-mod-choice-view .mod_quiz-next-nav + .ml-1, #page-mod-choice-view .addbloglink a + .ml-1, .addbloglink #page-mod-choice-view a + .ml-1, #page-mod-choice-view #addcontrols input + .ml-1, #addcontrols #page-mod-choice-view input + .ml-1, #page-mod-choice-view #page-mod-forum-index .subscription .helplink:nth-of-type(1) a + .ml-1, #page-mod-forum-index .subscription .helplink:nth-of-type(1) #page-mod-choice-view a + .ml-1, #page-mod-choice-view #page-mod-forum-view .subscription .helplink a + .ml-1, #page-mod-forum-view .subscription .helplink #page-mod-choice-view a + .ml-1, #page-mod-choice-view .midpad a + .ml-1, .midpad #page-mod-choice-view a + .ml-1, #page-mod-choice-view .createstep + .ml-1, #page-mod-choice-view #enterlink p:nth-of-type(2) a + .ml-1, #enterlink p:nth-of-type(2) #page-mod-choice-view a + .ml-1, #page-mod-choice-view .webservicestokenui + a + .ml-1, #page-mod-choice-view .rui-pre button + .ml-1, .rui-pre #page-mod-choice-view button + .ml-1, #page-mod-choice-view .last-add-menu .dropdown-btn + .ml-1, .last-add-menu #page-mod-choice-view .dropdown-btn + .ml-1 {
padding: 0.75rem 1.25rem;
display: inline-flex;
justify-content: center;
align-items: center;
font-size: 0.875rem;
color: #910808;
}
@media (min-width: 768px) {
#page-mod-choice-view .btn-primary + .ml-1, #page-mod-choice-view .addtagcoll a + .ml-1, .addtagcoll #page-mod-choice-view a + .ml-1, #page-mod-choice-view .path-admin-tag .addstandardtags a + .ml-1, .path-admin-tag .addstandardtags #page-mod-choice-view a + .ml-1, #page-mod-choice-view .gradereport_history_usp .usp-finish input + .ml-1, .gradereport_history_usp .usp-finish #page-mod-choice-view input + .ml-1, #page-mod-choice-view #siteconfiglink a + .ml-1, #siteconfiglink #page-mod-choice-view a + .ml-1, #page-mod-choice-view .forum-post-footer a + .ml-1, .forum-post-footer #page-mod-choice-view a + .ml-1, #page-mod-choice-view .rui-submissionaction .singlebutton .btn + .ml-1, .rui-submissionaction .singlebutton #page-mod-choice-view .btn + .ml-1, #page-mod-choice-view #enterlink p:nth-of-type(1) a + .ml-1, #enterlink p:nth-of-type(1) #page-mod-choice-view a + .ml-1, #page-mod-choice-view .mod_quiz-next-nav + .ml-1, #page-mod-choice-view .addbloglink a + .ml-1, .addbloglink #page-mod-choice-view a + .ml-1, #page-mod-choice-view #addcontrols input + .ml-1, #addcontrols #page-mod-choice-view input + .ml-1, #page-mod-choice-view #page-mod-forum-index .subscription .helplink:nth-of-type(1) a + .ml-1, #page-mod-forum-index .subscription .helplink:nth-of-type(1) #page-mod-choice-view a + .ml-1, #page-mod-choice-view #page-mod-forum-view .subscription .helplink a + .ml-1, #page-mod-forum-view .subscription .helplink #page-mod-choice-view a + .ml-1, #page-mod-choice-view .midpad a + .ml-1, .midpad #page-mod-choice-view a + .ml-1, #page-mod-choice-view .createstep + .ml-1, #page-mod-choice-view #enterlink p:nth-of-type(2) a + .ml-1, #enterlink p:nth-of-type(2) #page-mod-choice-view a + .ml-1, #page-mod-choice-view .webservicestokenui + a + .ml-1, #page-mod-choice-view .rui-pre button + .ml-1, .rui-pre #page-mod-choice-view button + .ml-1, #page-mod-choice-view .last-add-menu .dropdown-btn + .ml-1, .last-add-menu #page-mod-choice-view .dropdown-btn + .ml-1 {
margin-left: 20px !important;
}
}
@media (max-width: 767.98px) {
#page-mod-choice-view .btn-primary + .ml-1, #page-mod-choice-view .addtagcoll a + .ml-1, .addtagcoll #page-mod-choice-view a + .ml-1, #page-mod-choice-view .path-admin-tag .addstandardtags a + .ml-1, .path-admin-tag .addstandardtags #page-mod-choice-view a + .ml-1, #page-mod-choice-view .gradereport_history_usp .usp-finish input + .ml-1, .gradereport_history_usp .usp-finish #page-mod-choice-view input + .ml-1, #page-mod-choice-view #siteconfiglink a + .ml-1, #siteconfiglink #page-mod-choice-view a + .ml-1, #page-mod-choice-view .forum-post-footer a + .ml-1, .forum-post-footer #page-mod-choice-view a + .ml-1, #page-mod-choice-view .rui-submissionaction .singlebutton .btn + .ml-1, .rui-submissionaction .singlebutton #page-mod-choice-view .btn + .ml-1, #page-mod-choice-view #enterlink p:nth-of-type(1) a + .ml-1, #enterlink p:nth-of-type(1) #page-mod-choice-view a + .ml-1, #page-mod-choice-view .mod_quiz-next-nav + .ml-1, #page-mod-choice-view .addbloglink a + .ml-1, .addbloglink #page-mod-choice-view a + .ml-1, #page-mod-choice-view #addcontrols input + .ml-1, #addcontrols #page-mod-choice-view input + .ml-1, #page-mod-choice-view #page-mod-forum-index .subscription .helplink:nth-of-type(1) a + .ml-1, #page-mod-forum-index .subscription .helplink:nth-of-type(1) #page-mod-choice-view a + .ml-1, #page-mod-choice-view #page-mod-forum-view .subscription .helplink a + .ml-1, #page-mod-forum-view .subscription .helplink #page-mod-choice-view a + .ml-1, #page-mod-choice-view .midpad a + .ml-1, .midpad #page-mod-choice-view a + .ml-1, #page-mod-choice-view .createstep + .ml-1, #page-mod-choice-view #enterlink p:nth-of-type(2) a + .ml-1, #enterlink p:nth-of-type(2) #page-mod-choice-view a + .ml-1, #page-mod-choice-view .webservicestokenui + a + .ml-1, #page-mod-choice-view .rui-pre button + .ml-1, .rui-pre #page-mod-choice-view button + .ml-1, #page-mod-choice-view .last-add-menu .dropdown-btn + .ml-1, .last-add-menu #page-mod-choice-view .dropdown-btn + .ml-1 {
margin-left: 0 !important;
}
}
@media (max-width: 767.98px) {
.horizontal .btn, .vertical .btn, .chart-table-expand .btn {
width: 100%;
margin: 0.25rem 0;
}
.chart-table-expand a, .btn-primary + .ml-1, .addtagcoll a + .ml-1, .path-admin-tag .addstandardtags a + .ml-1, .gradereport_history_usp .usp-finish input + .ml-1, #siteconfiglink a + .ml-1, .forum-post-footer a + .ml-1, .rui-submissionaction .singlebutton .btn + .ml-1, #enterlink p:nth-of-type(1) a + .ml-1, .mod_quiz-next-nav + .ml-1, .addbloglink a + .ml-1, #addcontrols input + .ml-1, #page-mod-forum-index .subscription .helplink:nth-of-type(1) a + .ml-1, #page-mod-forum-view .subscription .helplink a + .ml-1, .midpad a + .ml-1, .createstep + .ml-1, #enterlink p:nth-of-type(2) a + .ml-1, .webservicestokenui + a + .ml-1, .rui-pre button + .ml-1, .last-add-menu .dropdown-btn + .ml-1 {
width: 100%;
}
}
.path-mod-feedback .nav + .singleselect {
display: block !important;
}
#page-mod-feedback-use_templ .mform:not(.feedback_form) .col-md-3 {
display: none;
}
#feedback_dragarea {
border: 2px dashed #E1E1E1;
}
#feedback_complete_form {
border: 1px solid #E1E1E1;
}
#feedback_print_form, #feedback_complete_form, #feedback_dragarea {
margin-top: 30px;
padding: 0 40px;
border-radius: 5px;
}
#feedback_print_form .dropdown-btn, #feedback_complete_form .dropdown-btn, #feedback_dragarea .dropdown-btn {
padding: 7px 12px;
font-size: 0.875rem;
}
#feedback_print_form .feedback_itemlist, #feedback_complete_form .feedback_itemlist, #feedback_dragarea .feedback_itemlist {
padding: 10px 20px;
margin: 0 -40px;
width: calc(100% + 80px);
max-width: calc(100% + 80px);
border-bottom: 1px solid #E1E1E1;
}
#feedback_print_form .feedback_itemlist:last-child, #feedback_complete_form .feedback_itemlist:last-child, #feedback_dragarea .feedback_itemlist:last-child {
border-bottom: none;
}
#feedback_print_form .feedback_itemlist.feedback_is_dependent, #feedback_complete_form .feedback_itemlist.feedback_is_dependent, #feedback_dragarea .feedback_itemlist.feedback_is_dependent {
padding-left: 40px !important;
}
#feedback_print_form .custom-control-inline, #feedback_complete_form .custom-control-inline, #feedback_dragarea .custom-control-inline {
margin-left: 5px;
}
#feedback_print_form .col-md-3, #feedback_print_form .col-md-9, #feedback_complete_form .col-md-3, #feedback_complete_form .col-md-9, #feedback_dragarea .col-md-3, #feedback_dragarea .col-md-9 {
padding: 12px 40px !important;
flex: 0 0 100%;
max-width: 100%;
text-align: left !important;
}
#feedback_print_form .col-form-label, #feedback_print_form .col-md-3 .itemname, #feedback_complete_form .col-form-label, #feedback_complete_form .col-md-3 .itemname, #feedback_dragarea .col-form-label, #feedback_dragarea .col-md-3 .itemname {
font-size: 1.125rem;
font-weight: 400;
}
#feedback_print_form #fgroup_id_buttonar .col-md-9, #feedback_complete_form #fgroup_id_buttonar .col-md-9, #feedback_dragarea #fgroup_id_buttonar .col-md-9 {
padding-top: 20px !important;
padding-bottom: 20px !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
#feedback_print_form #fgroup_id_buttonar fieldset, #feedback_complete_form #fgroup_id_buttonar fieldset, #feedback_dragarea #fgroup_id_buttonar fieldset {
width: 100%;
}
#feedback_print_form #fgroup_id_buttonar fieldset .rui-form-element-group, #feedback_complete_form #fgroup_id_buttonar fieldset .rui-form-element-group, #feedback_dragarea #fgroup_id_buttonar fieldset .rui-form-element-group {
justify-content: space-between;
}
#feedback_print_form #fgroup_id_buttonar fieldset .rui-form-element-group .btn, #feedback_complete_form #fgroup_id_buttonar fieldset .rui-form-element-group .btn, #feedback_dragarea #fgroup_id_buttonar fieldset .rui-form-element-group .btn {
margin: 0;
}
#feedback_print_form .mform .form-inline .form-group, #feedback_complete_form .mform .form-inline .form-group, #feedback_dragarea .mform .form-inline .form-group {
margin: 0;
}
.col-form-label .rui-icon {
display: inline-grid;
}
.path-mod-feedback div.feedback_is_dependent {
background-color: transparent;
position: relative;
}
.path-mod-feedback div.feedback_is_dependent:before {
content: "";
position: absolute;
top: 20px;
left: 20px;
width: 20px;
height: 20px;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.25 7C9.25 8.24264 8.24264 9.25 7 9.25C5.75736 9.25 4.75 8.24264 4.75 7C4.75 5.75736 5.75736 4.75 7 4.75C8.24264 4.75 9.25 5.75736 9.25 7Z' stroke='%23212121' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.75 9.5V14.5' stroke='%23212121' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.75 12.25H15.25C16.3546 12.25 17.25 11.3546 17.25 10.25V9.5' stroke='%23212121' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.25 7C19.25 8.24264 18.2426 9.25 17 9.25C15.7574 9.25 14.75 8.24264 14.75 7C14.75 5.75736 15.7574 4.75 17 4.75C18.2426 4.75 19.25 5.75736 19.25 7Z' stroke='%23212121' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.25 17C9.25 18.2426 8.24264 19.25 7 19.25C5.75736 19.25 4.75 18.2426 4.75 17C4.75 15.7574 5.75736 14.75 7 14.75C8.24264 14.75 9.25 15.7574 9.25 17Z' stroke='%23212121' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
#page-mod-quiz-edit ul.slots li.section li.activity.page, .feedback-item-pagebreak {
background-image: url(/theme/image.php/space/theme/1752943723/diagonal-lines);
background-repeat: repeat;
background-size: 5px;
background-color: #F5F5F5;
z-index: 10;
}
#page-mod-quiz-edit ul.slots li.section li.activity.page h4, .feedback-item-pagebreak h4 {
color: #212121;
}
.theme-dark#page-mod-quiz-edit ul.slots li.section li.activity.page, .theme-dark .feedback-item-pagebreak {
filter: invert(1);
}
#page-mod-feedback-print .continuebutton {
margin-bottom: 1rem;
}
.path-mod-feedback .itemactions {
position: absolute;
top: -17px;
right: -5px;
}
.path-mod-feedback .itemhandle {
margin: 0;
position: absolute;
top: -7px;
left: 0;
}
.path-mod-feedback span.feedback_depend {
display: inline-grid;
margin-left: 0.35rem;
padding: 0.35rem 0.5rem;
border-radius: 5px;
background-color: #EAF4DD;
font-size: 0.75rem;
color: #027654;
}
#page-mod-feedback-complete [align="center"] {
text-align: left;
}
#feedback_subject {
width: auto;
margin-bottom: 0.35rem;
}
#showentrytable .c10 {
max-width: 300px;
font-size: 0.875rem;
}
.path-mod-feedback table.analysis {
border: none;
}
.path-mod-feedback table.analysis th {
font-size: 1.125rem;
}
.chart-table-data {
border: 1px solid #E1E1E1;
border-radius: 5px;
font-size: 0.875rem;
}
.chart-table-data table {
margin: 0;
}
.chart-table-data table tr {
border-bottom: 1px solid #E1E1E1;
}
.chart-table-data table tr th {
background-color: #F5F5F5;
}
.chart-table-data table tr:last-of-type {
border-bottom: none;
}
#fitem_id_anonymousmode .felement {
padding: 0 !important;
margin-top: 10px;
font-weight: 700;
}
.feedback_description .no-overflow + .tertiary-navigation {
margin-top: 30px;
}
.path-mod-forum .forumsearch input, .path-mod-forum .forumsearch .helptooltip {
margin: 0 3px;
}
.discussionname {
margin-bottom: 1rem;
}
.path-mod-forum .forumheaderlist, .path-mod-forum .forumheaderlist td {
border: none;
}
.forumheaderlist thead .header, .forumheaderlist tbody .discussion td {
white-space: normal;
vertical-align: top;
padding-left: 0.5em;
padding-right: 0.5em;
}
.forumheaderlist thead .header {
white-space: normal;
vertical-align: top;
}
.forumheaderlist thead .header.replies {
text-align: center;
}
.forumheaderlist thead .header.lastpost {
text-align: right;
}
.forumheaderlist thead .header th.discussionsubscription, .forumheaderlist tbody .discussion td.discussionsubscription {
width: 16px;
padding-left: 0.5em;
padding-right: 0.5em;
}
.forumheaderlist .discussion .replies, .forumheaderlist .discussion .lastpost {
white-space: normal;
}
.forumheaderlist .discussion .discussionsubscription, .forumheaderlist .discussion .replies {
text-align: center;
}
.forumheaderlist .discussion .topic, .forumheaderlist .discussion .discussionsubscription, .forumheaderlist .discussion .topic.starter, .forumheaderlist .discussion .replies, .forumheaderlist .discussion .lastpost {
vertical-align: top;
}
.discussion-list .topic {
font-weight: inherit;
min-width: 200px;
}
.discussion-list .userpicture {
width: 45px;
height: 45px;
}
.forum-post-details {
font-size: 0.75rem;
color: #434343;
}
.theme-dark .forum-post-details {
color: #aeb3b8;
}
.forum-post-details a {
font-weight: 500;
}
.subscriptionmode {
background-color: #eee8e7;
color: #561911;
}
.theme-dark .subscriptionmode {
background-color: #561911;
color: #eee8e7;
}
.activesetting {
background-color: #EEF8FF;
color: #406CD2;
}
.theme-dark .activesetting {
background-color: #406CD2;
color: #EEF8FF;
}
.subscriptionmode, .activesetting {
display: block;
padding: 0.5rem 0.95rem;
border-radius: 5px;
font-weight: 700;
}
.discussion-settings-container .custom-select {
width: 100%;
}
.discussion-settings-container input {
max-width: 100%;
}
.forum-post {
border-width: 1px 0 0 0;
border-style: solid;
border-color: #E1E1E1;
display: block;
width: 100%;
padding: 1.25rem 0 1rem;
}
.theme-dark .forum-post {
border-color: #2E3134;
}
.modal-body .forum-post {
width: 100%;
margin-left: 0;
padding-left: 0;
padding-right: 0;
}
.forum-post:last-of-type {
border-bottom: none;
}
.forum-post .forum-post-rating {
background-color: #F5F5F5;
border-radius: 5px;
padding: 6px 20px;
font-size: 0.75rem;
}
.theme-dark .forum-post .forum-post-rating {
background-color: #121215;
}
.forum-post .forum-post-rating select, .forum-post .forum-post-rating .custom-select {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
font-size: 0.75rem;
}
.forum-post .forum-post-rating .icon {
margin: 0 0 0 15px;
}
.theme-dark .forum-post .forum-post-rating .icon {
filter: invert(1);
}
.forum-post .edited {
display: inline-flex;
align-items: center;
margin-top: 1rem;
padding: 0.35rem 0.85rem;
font-size: 0.75rem;
font-weight: 500;
line-height: 1.3;
text-align: center;
vertical-align: baseline;
border-radius: 40px;
background-color: #FDF6EA;
}
.forum-post .picture a:before {
display: none;
}
.forum-post .picture img.userpicture {
margin-top: 10px;
}
@media (min-width: 320px) and (max-width: 767.98px) {
.forum-post .picture img.userpicture {
margin: 0;
}
}
.forum-post .subject {
font-weight: 500;
font-size: 1.5rem;
color: #212121;
padding: 10px 0 0;
}
.theme-dark .forum-post .subject {
color: #E8EAED;
}
.forum-post .subject a {
font-weight: 500;
color: #212121;
}
.theme-dark .forum-post .subject a {
color: #E8EAED;
}
@media (min-width: 320px) and (max-width: 767.98px) {
.forum-post .subject {
font-size: 0.8rem;
}
}
.forum-post .author {
font-size: 0.875rem;
padding: 0 0 0.5rem;
margin-bottom: 0;
color: #525151;
}
@media (min-width: 320px) and (max-width: 767.98px) {
.forum-post .author {
font-size: 0.75rem;
}
}
.forum-post .author a {
color: #434343;
}
.theme-dark .forum-post .author a {
color: #aeb3b8;
}
.forum-post .post-word-count {
display: inline-block;
padding: 0.5rem 1rem;
margin: 1rem 0 0;
font-size: 0.75rem;
font-weight: 700;
font-style: normal;
background: #D8D8D8;
color: #434343;
border-radius: 5px;
}
.theme-dark .forum-post .post-word-count {
background: #282A2D;
color: #aeb3b8;
}
.forum-post .options {
margin: 1rem -1rem 0 !important;
padding: 0.5rem 1.25rem;
border-top: 1px solid #E1E1E1;
}
.theme-dark .forum-post .options {
border-color: #2E3134;
}
.forum-post .options .commands {
margin: 0 1rem;
float: right;
color: #D8D8D8;
}
.theme-dark .forum-post .options .commands {
color: #282A2D;
}
@media (min-width: 320px) and (max-width: 767.98px) {
.forum-post .options .commands {
margin: 0.5rem 0;
display: block;
float: none;
width: auto;
text-align: center;
}
}
.forum-post .options .commands a {
padding: 0 1.5rem;
margin: 1.5rem 0 0.5rem 0;
font-size: 0.875rem;
font-weight: 500;
color: #434343;
border-left: none !important;
}
@media (min-width: 320px) and (max-width: 767.98px) {
.forum-post .options .commands a {
display: block;
padding: 0;
margin: 1rem 0.5rem;
}
}
.theme-dark .forum-post .options .commands a {
color: #aeb3b8;
}
.forum-post .options .commands a:before {
display: none;
}
.forum-post .tag_list {
margin: 1rem 0;
font-size: 0.75rem;
}
.forum-post .footer a {
margin: 0.5rem 1rem;
width: calc(100% - 2rem);
}
.forum-post .content, .forum-post .topic {
padding: 0 2rem;
}
@media (min-width: 320px) and (max-width: 767.98px) {
.forum-post .content, .forum-post .topic {
padding: 0;
}
}
@media (min-width: 768px) and (max-width: 999.98px) {
.forum-post .content {
padding: 0;
}
}
.forum-post .content .posting.fullpost {
margin-top: 0;
padding-left: 3rem;
}
@media (min-width: 320px) and (max-width: 999.98px) {
.forum-post .content .posting.fullpost {
padding-left: 0;
}
}
.forum-post .row .topic, .forum-post .row .content-mask, .forum-post .row .options {
margin-left: 43px;
}
@media (min-width: 320px) and (max-width: 767.98px) {
.forum-post .row .topic, .forum-post .row .content-mask, .forum-post .row .options {
margin-left: 0;
}
}
.forum-post .row.side {
clear: both;
}
.forum-post .commands {
margin: 2rem 0;
font-size: 0.75rem;
}
.forum-post .commands a {
margin: 0 1rem;
}
.forum-post .commands a:first-of-type {
margin-left: 0;
}
.unread .forum-post-header {
padding: 8px;
background-color: #eee8e7;
border-radius: 5px;
}
.author-info-details {
font-size: 0.75rem;
font-weight: 500;
color: #434343;
}
.theme-dark .author-info-details {
color: #aeb3b8;
}
.author-info time {
font-size: 0.75rem;
}
.forumpost-locked {
border: 2px dotted #fbc8c8;
padding: 0.25rem;
margin: 0.25rem;
}
.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);
}
#page-mod-forum-view .main-content .rui-main-content-title--h2, #page-mod-forum-post .main-content .rui-main-content-title--h2, #page-mod-forum-discuss .main-content .rui-main-content-title--h2, #user-content .main-content .rui-main-content-title--h2 {
color: #434343;
}
#page-mod-forum-subscribers .main-content h3:first-of-type {
margin-bottom: 2rem;
}
@media (min-width: 768px) {
.forum-post-reply {
margin-left: 77px;
max-width: 70%;
}
}
.forum-icon-col a {
display: flex;
margin: 2px;
padding: 4px;
}
.forum-icon-col a .icon {
padding: 2px;
margin: 0;
}
#page-mod-forum-discuss .course-settings-menu .search-input-group .search-input {
width: 70px !important;
}
#page-mod-forum-discuss .course-settings-menu:hover .search-input-group .search-input {
width: auto !important;
}
#page-mod-forum-discuss .discussioncontrols {
width: auto;
margin: 0;
}
#page-mod-forum-discuss .discussioncontrols .form-inline input {
margin-top: -1px;
}
/** 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 .form-defaultinfo, .path-mod-forum .nested-v2-display-mode .rui-backup-progress .backup_stage, .rui-backup-progress .path-mod-forum .nested-v2-display-mode .backup_stage, .path-mod-forum.nested-v2-display-mode .badge-light, .path-mod-forum.nested-v2-display-mode .form-defaultinfo, .path-mod-forum.nested-v2-display-mode .rui-backup-progress .backup_stage, .rui-backup-progress .path-mod-forum.nested-v2-display-mode .backup_stage {
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 #page-mod-choice-view #notice p.discussionlocked, #page-mod-choice-view #notice .path-mod-forum .nested-v2-display-mode p.discussionlocked, .path-mod-forum.nested-v2-display-mode .alert.discussionlocked, .path-mod-forum.nested-v2-display-mode #page-mod-choice-view #notice p.discussionlocked, #page-mod-choice-view #notice .path-mod-forum.nested-v2-display-mode p.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 .block .minicalendar td.weekend, .block .minicalendar .path-mod-forum .nested-v2-display-mode td.weekend, .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 .block .minicalendar td.weekend, .block .minicalendar .path-mod-forum.nested-v2-display-mode td.weekend, .path-mod-forum.nested-v2-display-mode .dimmed_text {
color: #525151 !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: 300px;
left: 75px !important;
}
.filter-dates-popover .form-check {
width: 100%;
}
.filter-dates-popover .col-md-9, .filter-dates-popover .col-md-3 {
flex: 0 0 100%;
max-width: 100%;
}
.filter-dates-popover .custom-select, .filter-dates-popover select.quickgrade {
padding: 8px 21px 8px 10px;
height: auto;
font-size: 11px;
}
.filter-dates-popover .popover-body {
padding: 16px;
}
.filter-dates-popover .rui-title-container + form, .filter-dates-popover .mform + div {
margin-top: 5px;
margin-bottom: 0;
}
.filter-dates-popover .text-danger {
color: #ffa0a0 !important;
}
.filter-dates-popover .btn {
display: flex;
}
/* stylelint-disable-line max-line-length */
@keyframes expandSearchButton {
from {
height: 36px;
width: 36px;
border-radius: 18px;
background-color: #EEEEEE;
}
to {
width: 100%;
height: calc(1.5em + 2rem + 2px);
border-radius: 0;
background-color: #fff;
border-color: #D8D8D8;
padding-left: calc(0.5rem + 8px);
padding-top: 1rem;
padding-bottom: 1rem;
font-size: 1rem;
line-height: 1.5;
right: 0;
}
}
@keyframes collapseSearchButton {
from {
width: 100%;
height: calc(1.5em + 2rem + 2px);
border-radius: 0;
background-color: #fff;
border-color: #D8D8D8;
padding-left: calc(0.5rem + 8px);
padding-top: 1rem;
padding-bottom: 1rem;
font-size: 1rem;
line-height: 1.5;
right: 0;
}
to {
height: 36px;
width: 36px;
border-radius: 18px;
background-color: #EEEEEE;
}
}
.path-mod-forum .unified-grader .rui-topbar {
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 {
right: 0;
}
.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 {
background-color: #F5F5F5;
color: #212121;
width: 30px;
height: 30px;
border-radius: 30px;
border: 0;
}
.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: #434343;
height: 36px;
width: 34px;
background-color: #fff;
opacity: 1;
visibility: visible;
transition: opacity 0s linear 0.3s, visibility 0s linear 0.3s;
}
.theme-dark .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .search-icon {
color: #aeb3b8;
background-color: #17181B;
}
.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 {
line-height: 1;
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 {
line-height: 1;
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: #561911;
}
.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 {
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: 40px;
}
.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: #EEEEEE;
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 */
}
.theme-dark.path-mod-forum .unified-grader .grader-grading-panel .header-container .toggle-search-button.expand, .theme-dark.path-mod-forum .unified-grader .grader-grading-panel .header-container .toggle-search-button {
background-color: #121215;
}
.path-mod-forum .unified-grader .nested-v2-display-mode .post-subject, .path-mod-forum .modal .nested-v2-display-mode .post-subject {
display: none;
}
.path-mod-forum .unified-grader .grader-grading-panel {
width: 100%;
position: fixed;
overflow: auto;
top: 0;
z-index: 1120;
}
.path-mod-forum .unified-grader .body-container {
overflow: visible;
}
.path-mod-forum .discussionsubscription, .path-mod-forum .discussion-settings-menu {
margin-top: 0;
margin-bottom: 0;
}
.attachedimages img {
border-radius: 5px;
}
/* stylelint-disable-line max-line-length */
@keyframes collapseSearchButton {
from {
width: 100%;
height: calc(1.5em + 2rem + 2px);
border-radius: 0;
background-color: #fff;
border-color: #D8D8D8;
padding-left: calc(0.5rem + 8px);
padding-top: 1rem;
padding-bottom: 1rem;
line-height: 1.5;
right: 0;
}
to {
height: 36px;
width: 36px;
border-radius: 18px;
background-color: #EEEEEE;
}
}
.path-mod-forum .unified-grader .rui-topbar {
max-height: none;
z-index: 1;
}
.path-mod-forum .unified-grader .body-container.hidden {
display: none !important;
/* stylelint-disable-line declaration-no-important */
}
.path-mod-forum .unified-grader .userpicture {
height: 50px;
width: 50px;
}
.path-mod-forum .unified-grader .grader-grading-panel {
position: absolute;
padding: 20px;
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;
font-size: 0.875rem;
}
.path-mod-forum .unified-grader .grader-grading-panel .user-picker-container .page-link {
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 {
background-color: #fff;
border: none;
padding-left: calc(0.5rem + 8px);
padding-top: 1rem;
padding-bottom: 1rem;
line-height: 1.5;
right: 0;
}
.theme-dark .path-mod-forum .unified-grader .grader-grading-panel .header-container .toggle-search-button.expand {
background-color: #17181B;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .toggle-search-button.collapse {
display: block;
}
.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: #434343;
height: 36px;
width: 34px;
background-color: transparent;
opacity: 1;
visibility: visible;
transition: opacity 0s linear 0.3s, visibility 0s linear 0.3s;
}
.theme-dark .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .search-icon {
color: #aeb3b8;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .search-icon .icon {
font-size: 0.875rem;
}
.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: 0;
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: #561911;
}
.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 {
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 {
display: none;
}
.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: 40px;
}
.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: #EEEEEE;
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: 319.98px) {
.path-mod-forum .unified-grader .grader-grading-panel {
width: 100%;
}
}
.grade-notifications-box, .grade-grade-box {
padding: 20px;
border: 1px solid #E1E1E1;
border-radius: 5px;
}
.theme-dark .grade-notifications-box, .theme-dark .grade-grade-box {
border-color: #2E3134;
}
.grade-notifications-box label, .grade-grade-box label {
margin: 0.5rem 0;
}
#page-mod-forum-search .rui-main-content-title--h4 {
margin-top: 1rem;
}
#page-mod-forum-search .rui-main-content-title--h3 {
margin-bottom: 30px;
}
.path-mod-forum .forumthread.post-replies {
margin-left: 76px;
}
.rui-forum-border-left {
position: relative;
}
.rui-forum-border-left:before {
content: "";
background-color: #E1E1E1;
height: 16px;
width: 1px;
position: absolute;
top: calc(50% - 8px);
left: 0;
}
.theme-dark .rui-forum-border-left:before {
background-color: #2E3134;
}
#page-mod-forum-index .subscription, #page-mod-forum-view .subscription {
margin: 0 !important;
padding: 0 !important;
display: inline-flex;
}
#page-mod-forum-index .subscription .helplink + .helplink, #page-mod-forum-view .subscription .helplink + .helplink {
margin-left: 0.25rem;
}
#page-mod-forum-index .generaltable td, #page-mod-forum-index .rolecap td, #page-mod-forum-index .generaltable th, #page-mod-forum-index .rolecap th {
max-width: 300px;
}
.path-mod-forum-report .pb-5.rui-main-content-title--h2 {
margin: 1rem 0;
padding-bottom: 0 !important;
}
.rui-collapseaddform .row {
display: block !important;
}
.rui-collapseaddform .col-md-3 {
margin-bottom: 0.35rem;
text-align: left !important;
}
.rui-collapseaddform .col-md-3, .rui-collapseaddform .col-md-9 {
flex: 0 0 100%;
max-width: 100%;
padding-left: 0;
padding-right: 0;
}
.user-content .page-content-header-avatar {
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
width: 860px !important;
}
@media (max-width: 999.98px) {
.user-content .page-content-header-avatar {
width: 100%;
}
}
.discussion.favourited {
border-color: #784741;
}
@media (max-width: 767.98px) {
.rui-exportdiscussion, .rui-movediscussion {
width: 100%;
}
.rui-exportdiscussion div, .rui-movediscussion div {
width: 100%;
}
.rui-exportdiscussion .btn, .rui-exportdiscussion .form-inline .custom-select, .rui-movediscussion .btn, .rui-movediscussion .form-inline .custom-select {
margin: 2px 0 !important;
width: 100%;
max-width: 100%;
}
.rui-exportdiscussion .form-inline .custom-select, .rui-movediscussion .form-inline .custom-select {
height: 40px;
padding: 3px 6px;
font-size: 0.75rem;
}
.rui-forum-buttons .btn {
width: 100%;
}
}
.discussion-list th {
min-width: 70px;
}
[data-action="forum-inpage-submit"] {
position: relative;
height: 47px;
}
#page-mod-glossary-view table.glossarycategoryheader h3 {
font-size: 2.5rem;
}
.continuous .entryheader .concept, .faq .entryheader .concept, .dictionary .entryheader .concept {
color: #434343;
}
.theme-dark .continuous .entryheader .concept, .theme-dark .faq .entryheader .concept, .theme-dark .dictionary .entryheader .concept {
color: #aeb3b8;
}
.continuous .entryheader .concept h4, .faq .entryheader .concept h4, .dictionary .entryheader .concept h4 {
margin: 1rem 0;
font-size: 1.5rem;
color: #212121;
line-height: 1.5;
}
.theme-dark .continuous .entryheader .concept h4, .theme-dark .faq .entryheader .concept h4, .theme-dark .dictionary .entryheader .concept h4 {
color: #aeb3b8;
}
.continuous .entry, .faq .entry, .dictionary .entry {
padding-top: 1rem;
}
.continuous .entry b, .faq .entry b, .dictionary .entry b {
margin: 1rem 0;
font-size: 0.875rem;
}
.continuous .time, .faq .time, .fullwithauthor .time, .fullwithoutauthor .time, .dictionary .time {
display: block;
margin: 0 0 0.5rem 0;
font-size: 0.75rem;
font-weight: 400;
color: #555353;
}
.theme-dark .continuous .time, .theme-dark .faq .time, .theme-dark .fullwithauthor .time, .theme-dark .fullwithoutauthor .time, .theme-dark .dictionary .time {
color: #9AA0A6;
}
.continuous .attachments, .faq .attachments, .fullwithauthor .attachments, .fullwithoutauthor .attachments, .dictionary .attachments {
margin: 1rem 0;
}
.continuous .attachments a, .faq .attachments a, .fullwithauthor .attachments a, .fullwithoutauthor .attachments a, .dictionary .attachments a {
padding: 0.25rem 0;
font-size: 0.75rem;
color: inherit;
}
.continuous .attachments a:hover, .faq .attachments a:hover, .fullwithauthor .attachments a:hover, .fullwithoutauthor .attachments a:hover, .dictionary .attachments a:hover {
text-decoration: none;
}
.continuous .attachments br + a, .faq .attachments br + a, .fullwithauthor .attachments br + a, .fullwithoutauthor .attachments br + a, .dictionary .attachments br + a {
margin-top: 10px;
}
.fullwithoutauthor .userpicture, .fullwithauthor .userpicture {
border-radius: 5px;
}
.fullwithoutauthor .concept h4, .fullwithauthor .concept h4 {
margin: 0 0 0.5rem;
}
.fullwithoutauthor .author, .fullwithauthor .author {
display: inline-flex;
margin: 0.5rem 0;
font-size: 0.75rem;
color: #555353;
}
.theme-dark .fullwithoutauthor .author, .theme-dark .fullwithauthor .author {
color: #9AA0A6;
}
.fullwithoutauthor .author a, .fullwithauthor .author a {
margin: 0 0.25rem;
}
.fullwithoutauthor .entrylowersection, .fullwithauthor .entrylowersection {
padding-top: 1rem;
}
.path-mod-glossary .glossarypost {
width: 100%;
}
.path-mod-glossary .glossarypost .entrylowersection .icons {
margin-top: 10px;
display: block;
text-align: left;
}
.glossarypost .aliases, .glossarypost .entrylowersection {
display: block;
margin-top: 0.35rem;
text-align: left;
}
.glossarypost .aliases label, .glossarypost .entrylowersection label {
margin-right: 0.35rem;
font-size: 0.75rem;
}
.glossarypost .attachments {
margin: 1rem 0;
}
.glossarypost .attachments img {
margin: 10px 0;
max-width: 100%;
border-radius: 5px;
}
.glossarypost.fullwithauthor, .glossarypost.encyclopedia {
padding: 0;
}
.glossarypost.fullwithauthor .entryheader, .glossarypost.encyclopedia .entryheader {
padding: 8px 16px;
}
.glossarypost.fullwithauthor .concept h4, .glossarypost.encyclopedia .concept h4 {
margin-bottom: 0;
}
.glossarypost.fullwithauthor .entry, .glossarypost.encyclopedia .entry {
padding-left: 16px;
}
.glossarypost.fullwithauthor .userpicture, .glossarypost.encyclopedia .userpicture {
border-radius: 5px;
}
.glossarypost.fullwithauthor .author, .glossarypost.encyclopedia .author {
display: inline-flex;
margin: 0.5rem 0;
font-size: 0.75rem;
color: #555353;
}
.theme-dark .glossarypost.fullwithauthor .author, .theme-dark .glossarypost.encyclopedia .author {
color: #9AA0A6;
}
.glossarypost.fullwithauthor .author a, .glossarypost.encyclopedia .author a {
margin: 0 0.25rem;
}
.glossarypost.fullwithauthor .entrylowersection, .glossarypost.encyclopedia .entrylowersection {
padding-top: 1rem;
}
.path-mod-glossary .entrybox {
text-align: center;
}
.entrybox table th, .entrybox table td {
border: 0;
}
#page-mod-glossary-view .main-content .glossaryexplain {
margin: 0 auto 20px;
}
#page-mod-glossary-view .main-content .glossarycontrol, #page-mod-glossary-view .main-content .simplesearchform, #page-mod-glossary-view .main-content .glossaryaddentry {
margin: 0 auto;
float: none;
}
#page-mod-glossary-view .main-content .glossarycontrol {
text-align: left !important;
}
#page-mod-glossary-view .main-content .glossaryaddentry {
display: block;
margin-bottom: 2.5rem;
}
#page-mod-glossary-view .main-content .glossaryaddentry div {
width: 100%;
}
#page-mod-glossary-view .main-content .glossaryaddentry div .btn {
margin: 0;
width: 100%;
}
#page-mod-glossary-view .main-content hr {
border-width: 2px;
margin-top: 2rem;
margin-bottom: 2rem;
}
#page-mod-glossary-view #intro {
display: block;
margin: 0 auto 2rem auto;
padding: 0 !important;
}
.addlinks {
margin-top: 2rem;
border-top: 1px solid #E1E1E1;
text-align: center;
}
.addlinks:nth-of-type(1) {
margin-top: 0;
border-top: none;
}
.branchbuttoncontainer .singlebutton {
margin: 0.25rem 0;
}
.text_to_html + .singlebutton {
margin-top: 10px;
}
@media (max-width: 767.98px) {
.branchbuttoncontainer .singlebutton, .branchbuttoncontainer .btn {
width: 100%;
}
}
.path-mod-lesson .progress_bar {
font-size: 0.875rem;
}
.path-mod-lesson .progress_bar .progress_bar {
margin-top: 10px;
}
.path-mod-lesson .wrapper-fw + .wrapper-fw {
margin-top: 10px;
}
.menuwrapper ul {
margin: 0;
padding: 0;
list-style: none;
}
.menuwrapper ul li {
margin-bottom: 3px;
font-size: 0.75rem;
}
.menuwrapper ul .selected {
padding: 3px 6px;
border-radius: 5px;
background-color: #eee8e7;
color: #561911;
}
.menuwrapper ul .notselected a {
display: block;
padding: 3px 6px;
border-radius: 5px;
background-color: #F5F5F5;
color: #212121;
}
.menuwrapper ul .notselected a:hover {
background-color: #eee8e7;
color: #561911;
}
.theme-dark .menuwrapper ul .notselected a {
background-color: #121215;
color: #E8EAED;
}
.path-mod-workshop .perpagewidget {
text-align: left;
}
.path-mod-workshop div.singlebutton {
margin: 0 0.25rem;
}
/**
* User plan
*/
.path-mod-workshop .userplan {
margin: 1rem auto;
border: 1px solid #E1E1E1;
border-radius: 5px;
font-size: 0.875rem;
}
@media (max-width: 999.98px) {
.path-mod-workshop .userplan {
overflow-x: auto;
}
}
@media (max-width: 999.98px) {
.rui-userplan-container {
width: max-content;
}
}
.theme-dark.path-mod-workshop .userplan {
border-color: #2E3134;
}
.path-mod-workshop .userplan dt {
height: auto;
color: #212121;
border-bottom: 2px solid #b2b2b2;
padding: 0.5rem;
}
.theme-dark.path-mod-workshop .userplan dt {
color: #E8EAED;
border-color: #2E3134;
}
.path-mod-workshop .userplan dt.active {
border-left: 2px solid #027654;
border-right: 2px solid #027654;
border-top: 2px solid #027654;
border-radius: 5px 5px 0 0;
background-color: #EAF4DD;
}
.theme-dark.path-mod-workshop .userplan dd.active, .theme-dark.path-mod-workshop .userplan dt.active {
background-color: transparent;
color: #E8EAED;
border-color: #048444;
}
.path-mod-workshop .userplan dt.active .phasetitle {
font-size: 1rem;
color: #027654;
}
.path-mod-workshop .userplan dl {
width: 20%;
float: inherit;
display: inline-grid;
}
@media only screen and (max-width: 768px) {
.path-mod-workshop .userplan {
border-right: none;
border-top: none;
}
.path-mod-workshop .userplan dl {
width: 20%;
border-right: none;
}
.path-mod-workshop .userplan dt {
float: left;
width: 100%;
border-bottom: none;
border-top: 1px solid #E1E1E1;
}
.theme-dark.path-mod-workshop .userplan dt {
border-color: #2E3134;
}
.path-mod-workshop .userplan dt.active {
border: none;
}
.path-mod-workshop .userplan dd {
float: left;
width: 100%;
border-left: 1px solid #E1E1E1;
border-top: 1px solid #E1E1E1;
}
.theme-dark.path-mod-workshop .userplan dd {
border-color: #2E3134;
}
}
@media only screen and (max-width: 420px) {
.path-mod-workshop .userplan {
border-bottom: none;
}
.path-mod-workshop .userplan dt {
float: left;
width: 100%;
border-bottom: none;
border-right: 1px solid #E1E1E1;
border-left: 1px solid #E1E1E1;
margin: 0;
padding: 5px;
}
.path-mod-workshop .userplan dd {
float: left;
width: 100%;
border-left: 1px solid #E1E1E1;
border-top: 1px solid #E1E1E1;
border-bottom: 1px solid #E1E1E1;
}
.theme-dark.path-mod-workshop .userplan dt, .theme-dark.path-mod-workshop .userplan dd {
border-color: #2E3134;
}
}
.path-mod-workshop .userplan dd {
border-right: 1px solid #E1E1E1;
background-color: #F5F5F5;
padding: 0.5rem;
}
.path-mod-workshop .userplan dd:last-child {
border-right: 0;
}
.theme-dark.path-mod-workshop .userplan dd {
border-color: #2E3134;
background-color: #121215;
}
.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: #434343;
}
.theme-dark.path-mod-workshop .userplan dd, .theme-dark.path-mod-workshop .userplan dd a, .theme-dark.path-mod-workshop .userplan dd a:link, .theme-dark.path-mod-workshop .userplan dd a:hover, .theme-dark.path-mod-workshop .userplan dd a:visited, .theme-dark.path-mod-workshop .userplan dd a:active {
color: #aeb3b8;
}
.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: #212121;
}
.theme-dark.path-mod-workshop .userplan dd.active, .theme-dark.path-mod-workshop .userplan dd.active a, .theme-dark.path-mod-workshop .userplan dd.active a:link, .theme-dark.path-mod-workshop .userplan dd.active a:hover, .theme-dark.path-mod-workshop .userplan dd.active a:visited, .theme-dark.path-mod-workshop .userplan dd.active a:active {
color: #E8EAED;
}
.path-mod-workshop .grading-report {
border-color: #E1E1E1;
}
.theme-dark.path-mod-workshop .grading-report {
border-color: #2E3134;
}
.path-mod-workshop .userplan dd.lastcol {
border-right: 0;
}
.path-mod-workshop .userplan dd.active {
border-left: 2px solid #027654;
border-right: 2px solid #027654;
border-bottom: 2px solid #027654;
border-radius: 0 0 5px 5px;
background-color: #EAF4DD;
}
.path-mod-workshop .userplan dt .actions {
width: 100%;
display: inline-flex;
align-items: center;
}
.path-mod-workshop .userplan dt .actions .icon {
margin-left: 0.35rem;
width: auto;
height: auto;
font-size: 12px;
}
.theme-dark.path-mod-workshop .userplan dt .actions .icon {
filter: invert(1);
}
.path-mod-workshop .userplan dd.phasetasks li {
background-image: url(/theme/image.php/space/theme/1752943723/mod/workshop/userplan/task-todo);
background-size: 14px;
background-position: 0 2px;
background-repeat: no-repeat;
list-style-type: none;
min-height: 16px;
margin: 0.5rem 0;
}
.dir-rtl.path-mod-workshop .userplan dd.phasetasks li {
background-image: url(/theme/image.php/space/theme/1752943723/mod/workshop/userplan/task-todo-rtl);
}
.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/space/theme/1752943723/mod/workshop/userplan/task-done);
background-size: 14px;
background-position: 0 2px;
color: #087159;
}
.path-mod-workshop .userplan dd.phasetasks li.completed a {
color: #087159;
}
.dir-rtl.path-mod-workshop .userplan dd.phasetasks li.completed {
background-image: url(/theme/image.php/space/theme/1752943723/mod/workshop/userplan/task-done-rtl);
}
.path-mod-workshop .userplan dd.phasetasks li.fail {
background-image: url(/theme/image.php/space/theme/1752943723/mod/workshop/userplan/task-fail);
background-size: 10px;
background-position: 7px;
padding: 0.25rem;
margin: 0.25rem 0;
background-color: #fbc8c8;
border: 2px solid #f67e7e;
border-radius: 5px;
color: #910808;
line-height: 1.3;
}
.path-mod-workshop .userplan dd.phasetasks li.fail a {
color: #910808 !important;
}
.path-mod-workshop .userplan dd.phasetasks li.info {
background-image: url(/theme/image.php/space/mod_workshop/1752943723/userplan/task-info);
background-position: 4px;
padding: 0.25rem;
margin: 0.25rem 0;
background-color: #FFF1D5;
border-radius: 5px;
line-height: 1.3;
font-size: 0.75rem;
}
.theme-dark.path-mod-workshop .userplan dd.phasetasks li.info {
color: #212121;
}
.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;
font-weight: 500;
}
.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 21px;
font-size: 0.75rem;
opacity: 0.8;
}
.dir-rtl.path-mod-workshop .userplan dd.phasetasks .details {
padding: 0 21px 0 10px;
font-size: 0.75rem;
opacity: 0.8;
}
#mod_workshop-userplanheading {
margin-top: 2rem;
}
[id^="workshop-viewlet-"] .box {
padding: 0 !important;
}
[id^="workshop-viewlet-"] .alert, [id^="workshop-viewlet-"] #page-mod-choice-view #notice p, #page-mod-choice-view #notice [id^="workshop-viewlet-"] p {
margin: 0 !important;
}
.path-mod-workshop .perpagewidget {
margin: 0 !important;
}
.groupwidget:empty {
display: none;
}
/* 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-user .main-content .section {
margin: 1rem auto;
padding: 1rem;
border: 1px solid #E1E1E1;
border-radius: 5px;
}
.theme-dark #page-report-outline-user .main-content .section {
border-color: #2E3134;
}
#page-report-outline-user .main-content .section .content {
margin: 1rem 0;
}
#page-report-outline-user .main-content .section .content table {
width: 100%;
font-size: 0.75rem;
}
#page-report-outline-user .main-content .section .content table td {
vertical-align: middle !important;
}
#page-report-outline-user .main-content .section .content table td:nth-child(1) {
width: max-content;
}
#page-report-outline-user .main-content .section .content table td:nth-child(1) .rui-icon {
margin-right: 0;
}
#page-report-outline-user .main-content .section .content table td:nth-child(2) {
max-width: 300px !important;
font-size: 0.875rem;
font-weight: 500;
}
#page-report-outline-user .main-content .section .content table td:nth-child(6) {
max-width: 300px !important;
color: #555353;
white-space: normal !important;
}
.theme-dark #page-report-outline-user .main-content .section .content table td:nth-child(6) {
color: #9AA0A6;
}
#page-report-outline-user .main-content .section h2 {
margin: 0;
padding: 0.35rem 0.45rem;
display: inline-block;
background-color: #F5F5F5;
border-radius: 5px;
font-size: 0.875rem;
font-weight: 700;
}
.theme-dark #page-report-outline-user .main-content .section h2 {
background-color: #121215;
}
#page-report-outline-user .main-content .section h4 {
width: calc(100% + 2rem);
margin-left: -1rem;
margin-top: 1rem;
padding-top: 1rem;
padding-left: 1rem;
padding-right: 1rem;
border-top: 2px solid #E1E1E1;
}
.theme-dark #page-report-outline-user .main-content .section h4 {
border-color: #2E3134;
}
#page-report-outline-user .main-content .section .rui-icon {
margin-right: 8px;
}
#page-report-outline-user .main-content .section ul {
margin-left: 20px;
}
.export-actions a {
margin-top: 0.5rem;
}
#page-report-log-index .logselecform {
margin-bottom: 30px;
}
#page-report-completion-index .rui-main-content-title--h3 {
margin-bottom: 30px;
}
#page-report-completion-index .urlselect .urlselect {
margin-bottom: 0 !important;
}
/* Log live report table */
.reportloglive .c0 {
font-size: 0.75rem;
color: #555353;
}
#page-report-progress-index .main-content div.urlselect {
display: inline-flex;
margin-right: 2rem !important;
width: auto;
}
#scormviewform, #page-mod-scorm-view #intro {
padding: 0 !important;
}
@media (max-width: 767.98px) {
#scormviewform .btn, #scormviewform .form-inline .custom-select {
padding: 8px 20px;
margin: 2px 0 !important;
width: 100%;
max-width: 100%;
}
}
#scormtablecontainer #attempts .c5, #scormtablecontainer #attempts .c6 {
font-size: 0.75rem;
color: #434343;
}
.theme-dark #scormtablecontainer #attempts .c5, .theme-dark #scormtablecontainer #attempts .c6 {
color: #aeb3b8;
}
/* Mod default styles */
#page-mod-scorm-player #scormpage div.yui3-u-3-4 {
width: calc(75% - 30px);
margin-left: 30px;
}
#scorm_toc_toggle_btn {
margin: 0 0 10px;
background-color: #fff;
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.75 5.75H14.25' stroke='%23212121' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M4.75 18.25H14.25' stroke='%23212121' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M4.75 12H19.25' stroke='%23212121' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: center;
width: 40px;
height: 40px;
border-radius: 0 5px 5px 5px;
border: none;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.26), 0 14px 44px 0 rgba(0, 0, 0, 0.2);
display: inline-flex;
align-items: center;
justify-content: center;
overflow: hidden;
text-indent: -99px;
}
.theme-dark #scorm_toc_toggle_btn {
background-color: #000;
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.75 5.75H14.25' stroke='%23E8EAED' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M4.75 18.25H14.25' stroke='%23E8EAED' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M4.75 12H19.25' stroke='%23E8EAED' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
}
.scorm_toc_toggle {
position: absolute;
top: 0;
z-index: 1030;
}
.disabled .scorm_toc_toggle {
position: relative;
}
#scorm_toc {
padding: 10px 20px 0 0;
background-color: transparent;
}
#scorm_tree .yui3-treeview-row {
padding: 10px;
background-color: transparent;
border-radius: 5px;
}
#scorm_tree .yui3-treeview-row .icon {
font-size: 11px;
}
#scorm_tree .yui3-treeview-row .rui-icon {
display: none;
}
#scorm_tree .yui3-skin-sam .yui3-treeview-label {
margin: 0;
padding: 0;
}
#scorm_nav .yui3-button-disabled {
display: none;
}
#page-mod-scorm-player #scormpage #scorm_toc_title {
margin-bottom: 10px;
font-size: 0.875rem;
}
#page-mod-scorm-player #scormpage div.yui3-g-r {
letter-spacing: normal;
word-spacing: normal;
}
.rui-scorm-exit-btn {
position: fixed;
top: 69px;
right: 30px;
z-index: 1030;
}
#page-mod-scorm-player #scormpage #toctree {
margin-top: -10px;
}
#scorm_content {
margin-bottom: 30px;
}
.theme-dark.path-backup .mform .icon {
filter: invert(0.9);
}
.path-backup .table-responsive table {
width: 100%;
}
.path-backup .mform {
/* These are long labels with checkboxes on the right. */
}
.path-backup .mform .checkbox .form-check {
background-color: transparent;
padding: 3px 0;
}
.path-backup .mform .form-control-static {
line-height: 2;
padding: 0;
margin: 0;
background-color: transparent;
box-shadow: none;
}
.path-backup .mform .form-control-static .icon {
font-size: 12px;
height: auto !important;
}
.path-backup .mform .fcontainer {
margin: 0 0 1rem;
}
.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 .icon {
margin: 0 0.25rem;
width: 30px;
height: 30px;
}
.path-backup .mform .grouped_settings.section_level {
border-radius: 5px;
margin-bottom: 1.25rem;
}
.path-backup .mform .grouped_settings.section_level::after {
display: block;
clear: both;
content: "";
}
.path-backup .mform .include_setting {
width: 50%;
display: inline-block;
}
.path-backup .mform .include_setting .text {
display: flex;
flex-direction: row-reverse;
align-items: center;
}
.path-backup .mform .include_setting.section_level {
padding: 0;
}
.path-backup .mform .normal_setting {
width: 50%;
display: inline-block;
}
.path-backup .mform .backup_selector {
padding: 10px 15px;
background-color: #F5F5F5;
}
.theme-dark .path-backup .mform .backup_selector {
background-color: #121215;
}
.path-backup .section_level {
font-weight: 500;
}
.path-backup .section_level .activity_level {
padding-left: 20px;
}
.path-backup .proceedbutton {
margin-left: auto;
}
.path-backup .detail-pair {
border-bottom: 1px solid #E1E1E1;
padding: 10px 0;
}
.path-backup .detail-pair:last-of-type {
border-bottom: 0;
}
.backup-restore .path-backup .detail-pair {
display: inline-flex;
}
.path-backup .detail-pair .detail-pair-label {
margin: 0;
padding-right: 10px;
font-weight: 700;
}
.path-backup .detail-pair .detail-pair-label:empty {
display: none;
}
.path-backup h2.header {
font-size: 1.25rem;
}
.path-backup .subheader {
margin: 1rem 0;
font-size: 1rem;
}
.theme-dark .theme-dark.path-backup .detail-pair {
border-bottom: 1px solid #2E3134;
}
/* Override the columns width to leave more room for the labels. */
.path-backup .mform .felement {
padding: 0.25rem 0;
font-size: 0.75rem;
font-weight: 500;
}
.path-backup .mform .custom-select {
padding: 10px 20px 10px 10px;
}
.path-backup .mform .root_setting, .path-backup .mform .grouped_settings {
padding: 5px 0;
/* Striped rows like a table */
}
.path-backup .mform .root_setting:nth-of-type(odd), .path-backup .mform .grouped_settings:nth-of-type(odd) {
border-bottom: 1px solid #E1E1E1;
}
.path-backup .mform .root_setting .form-group, .path-backup .mform .grouped_settings .form-group {
margin: 0;
}
.path-backup .mform .root_setting .form-group .col-md-3.checkbox, .path-backup .mform .grouped_settings .form-group .col-md-3.checkbox {
width: 0%;
}
.path-backup .mform .root_setting .form-group .col-md-9.checkbox, .path-backup .mform .grouped_settings .form-group .col-md-9.checkbox {
width: 100%;
left: 0;
}
.theme-dark.path-backup .mform .root_setting:nth-of-type(odd), .theme-dark.path-backup .mform .grouped_settings:nth-of-type(odd) {
border-color: #2E3134;
}
.theme-dark.path-backup .mform .mform .grouped_settings .icon {
filter: invert(0.9);
}
/* Detail pair is (usually) some short label with a longer value */
.path-backup .detail-pair {
width: 100%;
display: inline-flex;
}
.path-backup .detail-pair .detail-pair-label, .path-backup .detail-pair .detail-pair-value {
display: block !important;
}
.detail-pair .rcs-search {
margin-top: 10px;
}
.detail-pair .pl-2 {
padding: 0 !important;
}
.ics-results {
margin-bottom: 1rem;
}
/* Make these bits full width and work with the detail-pair */
#id_rootsettings, #id_coursesettings {
font-size: 0.875rem !important;
border-radius: 5px;
border: 2px solid #ccbab8;
padding: 1.25rem;
margin-bottom: 1.25rem;
}
.theme-dark #id_rootsettings, .theme-dark #id_coursesettings {
border-color: #2E3134;
}
#id_rootsettings legend, #id_coursesettings legend {
width: auto;
padding: 5px 20px;
border-radius: 5px;
background-color: #561911;
color: #fff;
font-size: 0.875rem;
font-weight: 500;
}
.path-backup .backup-section {
font-size: 0.875rem;
border-radius: 5px;
padding: 1.25rem;
margin-bottom: 1.25rem;
/* Fix for nested table headers */
/* Add card styles to backup sections */
}
.path-backup .backup-section::after {
display: block;
clear: both;
content: "";
}
.path-backup .backup-section .generaltable, .path-backup .backup-section .rolecap {
margin-bottom: 0;
}
.path-backup .backup-section .sub-header, .path-backup .backup-section .backup-sub-section, .path-backup .backup-section .singlebutton {
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 .ics-totalresults {
margin-top: 1rem;
margin-bottom: 1rem;
font-size: 1rem;
font-weight: 500;
}
.path-backup .backup-section.ics-existing-course .detail-pair {
display: block !important;
}
.backup-restore .backup-section {
border: 1px solid #E1E1E1;
border-radius: 5px;
}
.theme-dark .backup-restore .backup-section {
border: 1px solid #2E3134;
}
.backup-restore .backup-section .detail-pair label {
margin-bottom: 0 !important;
}
.backup-restore .backup-section .detail-pair .detail-pair-label, .backup-restore .backup-section .detail-pair .detail-pair-value {
display: inline-flex;
width: auto;
margin-bottom: 0 !important;
}
.backup-restore .backup-section .w-25, .backup-restore .backup-section .w-75 {
width: 100% !important;
}
.backup-restore .backup-section .subheader {
margin: 2rem 0 0.5rem;
}
.path-backup .notification.dependencies_enforced {
color: #910808;
font-weight: 700;
}
.rui-backup-progress {
margin-top: 0;
margin-bottom: 1.25rem;
font-size: 0.75rem;
font-weight: 500;
color: #434343;
}
.theme-dark .rui-backup-progress {
color: #aeb3b8;
}
.rui-backup-progress .sep {
display: none;
}
.rui-backup-progress .backup_stage {
margin: 3px;
display: inline-flex;
align-items: center;
flex-wrap: wrap;
padding: 0.35rem 0.85rem;
font-size: 0.75rem;
font-weight: 500;
vertical-align: baseline;
border-radius: 40px;
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) {
.rui-backup-progress .backup_stage {
transition: none;
}
}
a.backup_stage:hover, a.backup_stage:focus {
text-decoration: none;
}
.rui-backup-progress .backup_stage.backup_stage_next {
opacity: 0.5;
cursor: not-allowed;
}
.rui-backup-progress .backup_stage.backup_stage_next + .accesshide + .arrow + .backup_stage, .rui-backup-progress .backup_stage.backup_stage_next + .accesshide + .arrow + .backup_stage + .accesshide + .arrow + .backup_stage, .rui-backup-progress .backup_stage.backup_stage_next + .accesshide + .arrow + .backup_stage + .accesshide + .arrow + .backup_stage + .accesshide + .arrow + .backup_stage, .rui-backup-progress .backup_stage.backup_stage_next + .accesshide + .arrow + .backup_stage + .accesshide + .arrow + .backup_stage + .accesshide + .arrow + .backup_stage + .accesshide + .arrow + .backup_stage {
opacity: 0.5;
cursor: not-allowed;
}
.path-backup .rui-backup-progress span.backup_stage.backup_stage_complete {
color: inherit;
}
#page-backup-restore .filealiasesfailures {
background-color: #feeded;
}
#page-backup-restore .filealiasesfailures .aliaseslist {
background-color: #fff;
}
.wibbler {
margin: 5px auto 10px;
padding: 10px;
position: relative;
min-height: 10px;
border-radius: 5px;
background-color: #F5F5F5;
}
.theme-dark .wibbler {
background-color: #121215;
}
.wibbler .wibble {
position: absolute;
left: 10px;
right: 10px;
top: 8px;
height: 5px;
border-radius: 5px;
}
.wibbler .state0 {
background: #FFF1D5;
}
.wibbler .state1 {
background: #FFEBC7;
}
.wibbler .state2 {
background: #F7B742;
}
.wibbler .state3 {
background: #048444;
}
.wibbler .state4 {
background: #027654;
}
.wibbler .state5 {
background: #087159;
}
.wibbler .state6 {
background: #005742;
}
.wibbler .state7 {
background: #043a2d;
}
.wibbler .state8 {
background: #D4DEF8;
}
.wibbler .state9 {
background: #BACDF7;
}
.wibbler .state10 {
background: #94ADE7;
}
.wibbler .state11 {
background: #6E8EDA;
}
.wibbler .state12 {
background: #406CD2;
}
#page-backup-backup [role="main"] .form-group {
margin: 0;
padding: 0 0.25rem;
}
#page-backup-backup [role="main"] .form-group label {
margin: 0;
}
.path-backup .mform .grouped_settings.section_level {
padding: 10px;
border: 1px solid #E1E1E1;
}
.theme-dark .path-backup .mform .grouped_settings.section_level {
border: 1px solid #2E3134;
}
.path-backup .mform .grouped_settings.section_level:last-child {
margin-bottom: 0;
}
.backup-restore span.error {
margin: 15px 0 0;
padding: 10px;
display: inline-flex;
font-size: 0.75rem;
font-weight: 500;
color: #fff;
background-color: #ef1010;
border-radius: 5px 5px 0 0;
}
.backup-restore fieldset.error {
padding: 1rem;
background-color: #fff;
border-radius: 0 5px 5px 5px;
border: 2px solid #ef1010;
}
.backup-restore td, .backup-restore th {
padding: 3px;
font-size: 0.75rem;
}
.backup-restore .error .detail-pair {
align-items: flex-start;
}
.activitytable .modulename .icon {
margin-right: 0.35rem;
}
.backup_progress {
margin-bottom: 20px;
font-size: 0.75rem;
display: inline-flex;
flex-wrap: wrap;
align-items: center;
}
.backup_progress .arrow.sep {
margin: 0 4px;
display: inline-flex;
align-items: center;
justify-content: center;
width: 16px;
height: 16px;
border-radius: 16px;
background: #EEEEEE;
font-size: 9px;
color: #626262;
text-indent: 2px;
}
.theme-dark .backup_progress .arrow.sep {
background-color: #17181B;
color: #3C4043;
}
.normal_setting label, .root_setting label {
margin-bottom: 0;
}
/* UI elements */
.table-overflow {
overflow-x: auto;
}
.table-btn-uninstall, #mediaplayerplugins .c6 a #page-admin-setting-managepaymentgateways .generaltable td:nth-of-type(6) a, #mediaplayerplugins .c6 a #page-admin-setting-managepaymentgateways .rolecap td:nth-of-type(6) a, #reportplugins .c3 a, #toolplugins .c2 a, .manageformattable .c3 a, #localplugins .c2 a, .managecustomfieldtable .c2 a, #commentstable .c3 a, #page-admin-setting-editorsettingsatto .admintable .c4 a, #plugins-control-panel .c4 a, #assignfeedbackplugins .c5 a, #assignsubmissionplugins .c5 a, #modules .c5 a, #filterssetting .c5 a, #repositoriessetting .c4 a, .tinymcesubplugins .lastcol a, #editormanagement .lastcol a, #courseenrolmentplugins .lastcol a, #logstoreplugins .lastcol a, #manageauthtable .lastcol a, #compatibleblockstable .c6 a, .attosubplugins .admintable .lastcol a, #qtypes .c6 a, #qbehaviours .c5 a, #mediaplayerplugins .c6 a, .managecontentbanktable .lastcol a {
display: inline-block;
padding: 0.5rem 1rem 0.5rem 2.5rem;
margin: 1px 4px 1px 1px;
background-color: #feeded;
color: #910808;
font-size: 0.875rem;
font-weight: 500;
text-align: center;
border-radius: 40px;
position: relative;
transition: all 0.2s ease-in-out;
}
.table-btn-uninstall:after, #mediaplayerplugins .c6 a #page-admin-setting-managepaymentgateways .generaltable td:nth-of-type(6) a:after, #mediaplayerplugins .c6 a #page-admin-setting-managepaymentgateways .rolecap td:nth-of-type(6) a:after, #reportplugins .c3 a:after, #toolplugins .c2 a:after, .manageformattable .c3 a:after, #localplugins .c2 a:after, .managecustomfieldtable .c2 a:after, #commentstable .c3 a:after, #page-admin-setting-editorsettingsatto .admintable .c4 a:after, #plugins-control-panel .c4 a:after, #assignfeedbackplugins .c5 a:after, #assignsubmissionplugins .c5 a:after, #modules .c5 a:after, #filterssetting .c5 a:after, #repositoriessetting .c4 a:after, .tinymcesubplugins .lastcol a:after, #editormanagement .lastcol a:after, #courseenrolmentplugins .lastcol a:after, #logstoreplugins .lastcol a:after, #manageauthtable .lastcol a:after, #compatibleblockstable .c6 a:after, .attosubplugins .admintable .lastcol a:after, #qtypes .c6 a:after, #qbehaviours .c5 a:after, #mediaplayerplugins .c6 a:after, .managecontentbanktable .lastcol a:after {
content: "";
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23ca0d0d' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6.75 7.75L7.59115 17.4233C7.68102 18.4568 8.54622 19.25 9.58363 19.25H14.4164C15.4538 19.25 16.319 18.4568 16.4088 17.4233L17.25 7.75'%3E%3C/path%3E%3Cpath stroke='%23ca0d0d' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9.75 7.5V6.75C9.75 5.64543 10.6454 4.75 11.75 4.75H12.25C13.3546 4.75 14.25 5.64543 14.25 6.75V7.5'%3E%3C/path%3E%3Cpath stroke='%23ca0d0d' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 7.75H19'%3E%3C/path%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-size: 18px;
background-position: top left 13px;
position: absolute;
left: 1px;
top: calc(50% - 10px);
}
.dir-rtl .table-btn-uninstall:after, .dir-rtl #mediaplayerplugins .c6 a #page-admin-setting-managepaymentgateways .generaltable td:nth-of-type(6) a:after, .dir-rtl #mediaplayerplugins .c6 a #page-admin-setting-managepaymentgateways .rolecap td:nth-of-type(6) a:after, #mediaplayerplugins .c6 a #page-admin-setting-managepaymentgateways .generaltable td:nth-of-type(6) .dir-rtl a:after, .dir-rtl #reportplugins .c3 a:after, #reportplugins .c3 .dir-rtl a:after, .dir-rtl #toolplugins .c2 a:after, #toolplugins .c2 .dir-rtl a:after, .dir-rtl .manageformattable .c3 a:after, .manageformattable .c3 .dir-rtl a:after, .dir-rtl #localplugins .c2 a:after, #localplugins .c2 .dir-rtl a:after, .dir-rtl .managecustomfieldtable .c2 a:after, .managecustomfieldtable .c2 .dir-rtl a:after, .dir-rtl #commentstable .c3 a:after, #commentstable .c3 .dir-rtl a:after, .dir-rtl #page-admin-setting-editorsettingsatto .admintable .c4 a:after, #page-admin-setting-editorsettingsatto .admintable .c4 .dir-rtl a:after, .dir-rtl #plugins-control-panel .c4 a:after, #plugins-control-panel .c4 .dir-rtl a:after, .dir-rtl #assignfeedbackplugins .c5 a:after, #assignfeedbackplugins .c5 .dir-rtl a:after, .dir-rtl #assignsubmissionplugins .c5 a:after, #assignsubmissionplugins .c5 .dir-rtl a:after, .dir-rtl #modules .c5 a:after, #modules .c5 .dir-rtl a:after, .dir-rtl #filterssetting .c5 a:after, #filterssetting .c5 .dir-rtl a:after, .dir-rtl #repositoriessetting .c4 a:after, #repositoriessetting .c4 .dir-rtl a:after, .dir-rtl .tinymcesubplugins .lastcol a:after, .tinymcesubplugins .lastcol .dir-rtl a:after, .dir-rtl #editormanagement .lastcol a:after, #editormanagement .lastcol .dir-rtl a:after, .dir-rtl #courseenrolmentplugins .lastcol a:after, #courseenrolmentplugins .lastcol .dir-rtl a:after, .dir-rtl #logstoreplugins .lastcol a:after, #logstoreplugins .lastcol .dir-rtl a:after, .dir-rtl #manageauthtable .lastcol a:after, #manageauthtable .lastcol .dir-rtl a:after, .dir-rtl #compatibleblockstable .c6 a:after, #compatibleblockstable .c6 .dir-rtl a:after, .dir-rtl .attosubplugins .admintable .lastcol a:after, .attosubplugins .admintable .lastcol .dir-rtl a:after, .dir-rtl #qtypes .c6 a:after, #qtypes .c6 .dir-rtl a:after, .dir-rtl #qbehaviours .c5 a:after, #qbehaviours .c5 .dir-rtl a:after, .dir-rtl #mediaplayerplugins .c6 a:after, #mediaplayerplugins .c6 .dir-rtl a:after, .dir-rtl .managecontentbanktable .lastcol a:after, .managecontentbanktable .lastcol .dir-rtl a:after {
background-position: top right 13px;
}
.table-btn-uninstall:hover, #mediaplayerplugins .c6 a #page-admin-setting-managepaymentgateways .generaltable td:nth-of-type(6) a:hover, #mediaplayerplugins .c6 a #page-admin-setting-managepaymentgateways .rolecap td:nth-of-type(6) a:hover, #reportplugins .c3 a:hover, #toolplugins .c2 a:hover, .manageformattable .c3 a:hover, #localplugins .c2 a:hover, .managecustomfieldtable .c2 a:hover, #commentstable .c3 a:hover, #page-admin-setting-editorsettingsatto .admintable .c4 a:hover, #plugins-control-panel .c4 a:hover, #assignfeedbackplugins .c5 a:hover, #assignsubmissionplugins .c5 a:hover, #modules .c5 a:hover, #filterssetting .c5 a:hover, #repositoriessetting .c4 a:hover, .tinymcesubplugins .lastcol a:hover, #editormanagement .lastcol a:hover, #courseenrolmentplugins .lastcol a:hover, #logstoreplugins .lastcol a:hover, #manageauthtable .lastcol a:hover, #compatibleblockstable .c6 a:hover, .attosubplugins .admintable .lastcol a:hover, #qtypes .c6 a:hover, #qbehaviours .c5 a:hover, #mediaplayerplugins .c6 a:hover, .managecontentbanktable .lastcol a:hover {
background-color: #fbc8c8;
text-decoration: none;
}
.table, .generaltable, .rolecap, .userenrolment, #categoryquestions, .grading-report, .gradereport-grader-table, #completion-progress {
width: 100%;
margin-bottom: 1rem;
color: #212121;
}
.theme-dark .table, .theme-dark .generaltable, .theme-dark .rolecap, .theme-dark .userenrolment, .theme-dark #categoryquestions, .theme-dark .grading-report, .theme-dark .gradereport-grader-table, .theme-dark #completion-progress {
color: #E8EAED;
}
.table td, .generaltable td, .rolecap td, .userenrolment td, #categoryquestions td, .grading-report td, .gradereport-grader-table td, #completion-progress td {
max-width: 600px;
border-color: #E1E1E1;
font-size: 0.875rem;
}
.table th, .table td, .generaltable th, .rolecap th, .generaltable td, .rolecap td, .userenrolment th, .userenrolment td, #categoryquestions th, #categoryquestions td, .grading-report th, .grading-report td, .gradereport-grader-table th, .gradereport-grader-table td, #completion-progress th, #completion-progress td {
border: 0;
padding: 0.75rem;
vertical-align: middle;
}
.theme-dark .table th, .theme-dark .table td, .theme-dark .generaltable th, .theme-dark .rolecap th, .theme-dark .generaltable td, .theme-dark .rolecap td, .theme-dark .userenrolment th, .theme-dark .userenrolment td, .theme-dark #categoryquestions th, .theme-dark #categoryquestions td, .theme-dark .grading-report th, .theme-dark .grading-report td, .theme-dark .gradereport-grader-table th, .theme-dark .gradereport-grader-table td, .theme-dark #completion-progress th, .theme-dark #completion-progress td {
border-color: #2E3134 !important;
}
.table th.column-leader, .table td.column-leader, .generaltable th.column-leader, .rolecap th.column-leader, .generaltable td.column-leader, .rolecap td.column-leader, .userenrolment th.column-leader, .userenrolment td.column-leader, #categoryquestions th.column-leader, #categoryquestions td.column-leader, .grading-report th.column-leader, .grading-report td.column-leader, .gradereport-grader-table th.column-leader, .gradereport-grader-table td.column-leader, #completion-progress th.column-leader, #completion-progress td.column-leader {
padding: 0;
}
.table th a, .table td a, .generaltable th a, .rolecap th a, .generaltable td a, .rolecap td a, .userenrolment th a, .userenrolment td a, #categoryquestions th a, #categoryquestions td a, .grading-report th a, .grading-report td a, .gradereport-grader-table th a, .gradereport-grader-table td a, #completion-progress th a, #completion-progress td a {
font-weight: 500;
word-break: normal;
}
.table th .commands, .generaltable th .commands, .rolecap th .commands, .userenrolment th .commands, #categoryquestions th .commands, .grading-report th .commands, .gradereport-grader-table th .commands, #completion-progress th .commands {
display: inline-flex;
line-height: 1.3;
}
.table th .commands a .icon, .generaltable th .commands a .icon, .rolecap th .commands a .icon, .userenrolment th .commands a .icon, #categoryquestions th .commands a .icon, .grading-report th .commands a .icon, .gradereport-grader-table th .commands a .icon, #completion-progress th .commands a .icon {
margin-left: 0.25rem;
}
.table th .commands a:before, .table th .commands a:after, .generaltable th .commands a:before, .rolecap th .commands a:before, .generaltable th .commands a:after, .rolecap th .commands a:after, .userenrolment th .commands a:before, .userenrolment th .commands a:after, #categoryquestions th .commands a:before, #categoryquestions th .commands a:after, .grading-report th .commands a:before, .grading-report th .commands a:after, .gradereport-grader-table th .commands a:before, .gradereport-grader-table th .commands a:after, #completion-progress th .commands a:before, #completion-progress th .commands a:after {
display: none;
}
.table thead th, .generaltable thead th, .rolecap thead th, .userenrolment thead th, #categoryquestions thead th, .grading-report thead th, .gradereport-grader-table thead th, #completion-progress thead th {
border-bottom: 2px solid #E1E1E1;
color: #525151;
}
.theme-dark .table thead th, .theme-dark .generaltable thead th, .theme-dark .rolecap thead th, .theme-dark .userenrolment thead th, .theme-dark #categoryquestions thead th, .theme-dark .grading-report thead th, .theme-dark .gradereport-grader-table thead th, .theme-dark #completion-progress thead th {
border-color: #2E3134;
color: #9AA0A6;
}
.table tbody th, .table thead th, .generaltable tbody th, .rolecap tbody th, .generaltable thead th, .rolecap thead th, .userenrolment tbody th, .userenrolment thead th, #categoryquestions tbody th, #categoryquestions thead th, .grading-report tbody th, .grading-report thead th, .gradereport-grader-table tbody th, .gradereport-grader-table thead th, #completion-progress tbody th, #completion-progress thead th {
font-size: 0.75rem;
font-weight: 500;
}
.table tbody th a:not(.btn), .table thead th a:not(.btn), .generaltable tbody th a:not(.btn), .rolecap tbody th a:not(.btn), .generaltable thead th a:not(.btn), .rolecap thead th a:not(.btn), .userenrolment tbody th a:not(.btn), .userenrolment thead th a:not(.btn), #categoryquestions tbody th a:not(.btn), #categoryquestions thead th a:not(.btn), .grading-report tbody th a:not(.btn), .grading-report thead th a:not(.btn), .gradereport-grader-table tbody th a:not(.btn), .gradereport-grader-table thead th a:not(.btn), #completion-progress tbody th a:not(.btn), #completion-progress thead th a:not(.btn) {
position: relative;
}
.table tbody + tbody, .generaltable tbody + tbody, .rolecap tbody + tbody, .userenrolment tbody + tbody, #categoryquestions tbody + tbody, .grading-report tbody + tbody, .gradereport-grader-table tbody + tbody, #completion-progress tbody + tbody {
border-top: 2px solid #E1E1E1;
}
.table tbody tr:nth-of-type(odd), .generaltable tbody tr:nth-of-type(odd), .rolecap tbody tr:nth-of-type(odd), .userenrolment tbody tr:nth-of-type(odd), #categoryquestions tbody tr:nth-of-type(odd), .grading-report tbody tr:nth-of-type(odd), .gradereport-grader-table tbody tr:nth-of-type(odd), #completion-progress tbody tr:nth-of-type(odd) {
background-color: transparent;
}
.table.table-sm th, .table.table-sm td, .generaltable.table-sm th, .table-sm.rolecap th, .generaltable.table-sm td, .table-sm.rolecap td, .userenrolment.table-sm th, .userenrolment.table-sm td, #categoryquestions.table-sm th, #categoryquestions.table-sm td, .grading-report.table-sm th, .grading-report.table-sm td, .gradereport-grader-table.table-sm th, .gradereport-grader-table.table-sm td, #completion-progress.table-sm th, #completion-progress.table-sm td {
padding: 0.3rem;
}
.table tbody tr, .generaltable tbody tr, .rolecap tbody tr, .userenrolment tbody tr, #categoryquestions tbody tr, .grading-report tbody tr, .gradereport-grader-table tbody tr, #completion-progress tbody tr {
background-color: transparent;
border-bottom: 1px solid #E1E1E1;
}
.theme-dark .table tbody tr, .theme-dark .generaltable tbody tr, .theme-dark .rolecap tbody tr, .theme-dark .userenrolment tbody tr, .theme-dark #categoryquestions tbody tr, .theme-dark .grading-report tbody tr, .theme-dark .gradereport-grader-table tbody tr, .theme-dark #completion-progress tbody tr {
border-color: #2E3134;
}
.table tbody tr:hover, .generaltable tbody tr:hover, .rolecap tbody tr:hover, .userenrolment tbody tr:hover, #categoryquestions tbody tr:hover, .grading-report tbody tr:hover, .gradereport-grader-table tbody tr:hover, #completion-progress tbody tr:hover {
background-color: #F5F5F5;
}
.theme-dark .table tbody tr:hover, .theme-dark .generaltable tbody tr:hover, .theme-dark .rolecap tbody tr:hover, .theme-dark .userenrolment tbody tr:hover, .theme-dark #categoryquestions tbody tr:hover, .theme-dark .grading-report tbody tr:hover, .theme-dark .gradereport-grader-table tbody tr:hover, .theme-dark #completion-progress tbody tr:hover {
background-color: #121215;
}
.table .license-status a:hover, .generaltable .license-status a:hover, .rolecap .license-status a:hover, .userenrolment .license-status a:hover, #categoryquestions .license-status a:hover, .grading-report .license-status a:hover, .gradereport-grader-table .license-status a:hover, #completion-progress .license-status a:hover {
text-decoration: none;
}
.table .icon.sorticon, .generaltable .icon.sorticon, .rolecap .icon.sorticon, .userenrolment .icon.sorticon, #categoryquestions .icon.sorticon, .grading-report .icon.sorticon, .gradereport-grader-table .icon.sorticon, #completion-progress .icon.sorticon {
padding: 6px;
width: 18px;
height: 18px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 40px;
background-color: #EEEEEE;
font-size: 0.75rem;
color: #434343;
transition: all 0.2s ease-in-out;
}
.theme-dark .table .icon.sorticon, .theme-dark .generaltable .icon.sorticon, .theme-dark .rolecap .icon.sorticon, .theme-dark .userenrolment .icon.sorticon, .theme-dark #categoryquestions .icon.sorticon, .theme-dark .grading-report .icon.sorticon, .theme-dark .gradereport-grader-table .icon.sorticon, .theme-dark #completion-progress .icon.sorticon {
filter: invert(1);
}
.table .icon.sorticon:hover, .generaltable .icon.sorticon:hover, .rolecap .icon.sorticon:hover, .userenrolment .icon.sorticon:hover, #categoryquestions .icon.sorticon:hover, .grading-report .icon.sorticon:hover, .gradereport-grader-table .icon.sorticon:hover, #completion-progress .icon.sorticon:hover {
background-color: #D4DEF8;
color: #0642CD !important;
}
.theme-dark .table .icon.sorticon:hover, .theme-dark .generaltable .icon.sorticon:hover, .theme-dark .rolecap .icon.sorticon:hover, .theme-dark .userenrolment .icon.sorticon:hover, .theme-dark #categoryquestions .icon.sorticon:hover, .theme-dark .grading-report .icon.sorticon:hover, .theme-dark .gradereport-grader-table .icon.sorticon:hover, .theme-dark #completion-progress .icon.sorticon:hover {
background-color: #525151;
color: #EEEEEE !important;
}
.table .move-down, .table .move-up, .table .action-icon, .table .license-status, .generaltable .move-down, .rolecap .move-down, .generaltable .move-up, .rolecap .move-up, .generaltable .action-icon, .rolecap .action-icon, .generaltable .license-status, .rolecap .license-status, .userenrolment .move-down, .userenrolment .move-up, .userenrolment .action-icon, .userenrolment .license-status, #categoryquestions .move-down, #categoryquestions .move-up, #categoryquestions .action-icon, #categoryquestions .license-status, .grading-report .move-down, .grading-report .move-up, .grading-report .action-icon, .grading-report .license-status, .gradereport-grader-table .move-down, .gradereport-grader-table .move-up, .gradereport-grader-table .action-icon, .gradereport-grader-table .license-status, #completion-progress .move-down, #completion-progress .move-up, #completion-progress .action-icon, #completion-progress .license-status {
display: inline-flex;
margin: 2px;
}
.table .move-down .icon:not(.spacer), .table .move-up .icon:not(.spacer), .table .action-icon .icon:not(.spacer), .table .license-status .icon:not(.spacer), .generaltable .move-down .icon:not(.spacer), .rolecap .move-down .icon:not(.spacer), .generaltable .move-up .icon:not(.spacer), .rolecap .move-up .icon:not(.spacer), .generaltable .action-icon .icon:not(.spacer), .rolecap .action-icon .icon:not(.spacer), .generaltable .license-status .icon:not(.spacer), .rolecap .license-status .icon:not(.spacer), .userenrolment .move-down .icon:not(.spacer), .userenrolment .move-up .icon:not(.spacer), .userenrolment .action-icon .icon:not(.spacer), .userenrolment .license-status .icon:not(.spacer), #categoryquestions .move-down .icon:not(.spacer), #categoryquestions .move-up .icon:not(.spacer), #categoryquestions .action-icon .icon:not(.spacer), #categoryquestions .license-status .icon:not(.spacer), .grading-report .move-down .icon:not(.spacer), .grading-report .move-up .icon:not(.spacer), .grading-report .action-icon .icon:not(.spacer), .grading-report .license-status .icon:not(.spacer), .gradereport-grader-table .move-down .icon:not(.spacer), .gradereport-grader-table .move-up .icon:not(.spacer), .gradereport-grader-table .action-icon .icon:not(.spacer), .gradereport-grader-table .license-status .icon:not(.spacer), #completion-progress .move-down .icon:not(.spacer), #completion-progress .move-up .icon:not(.spacer), #completion-progress .action-icon .icon:not(.spacer), #completion-progress .license-status .icon:not(.spacer) {
padding: 6px;
width: 18px;
height: 18px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 40px;
background-color: #EEEEEE;
font-size: 0.75rem;
color: #434343;
transition: all 0.2s ease-in-out;
}
.theme-dark .table .move-down .icon:not(.spacer), .theme-dark .table .move-up .icon:not(.spacer), .theme-dark .table .action-icon .icon:not(.spacer), .theme-dark .table .license-status .icon:not(.spacer), .theme-dark .generaltable .move-down .icon:not(.spacer), .theme-dark .rolecap .move-down .icon:not(.spacer), .theme-dark .generaltable .move-up .icon:not(.spacer), .theme-dark .rolecap .move-up .icon:not(.spacer), .theme-dark .generaltable .action-icon .icon:not(.spacer), .theme-dark .rolecap .action-icon .icon:not(.spacer), .theme-dark .generaltable .license-status .icon:not(.spacer), .theme-dark .rolecap .license-status .icon:not(.spacer), .theme-dark .userenrolment .move-down .icon:not(.spacer), .theme-dark .userenrolment .move-up .icon:not(.spacer), .theme-dark .userenrolment .action-icon .icon:not(.spacer), .theme-dark .userenrolment .license-status .icon:not(.spacer), .theme-dark #categoryquestions .move-down .icon:not(.spacer), .theme-dark #categoryquestions .move-up .icon:not(.spacer), .theme-dark #categoryquestions .action-icon .icon:not(.spacer), .theme-dark #categoryquestions .license-status .icon:not(.spacer), .theme-dark .grading-report .move-down .icon:not(.spacer), .theme-dark .grading-report .move-up .icon:not(.spacer), .theme-dark .grading-report .action-icon .icon:not(.spacer), .theme-dark .grading-report .license-status .icon:not(.spacer), .theme-dark .gradereport-grader-table .move-down .icon:not(.spacer), .theme-dark .gradereport-grader-table .move-up .icon:not(.spacer), .theme-dark .gradereport-grader-table .action-icon .icon:not(.spacer), .theme-dark .gradereport-grader-table .license-status .icon:not(.spacer), .theme-dark #completion-progress .move-down .icon:not(.spacer), .theme-dark #completion-progress .move-up .icon:not(.spacer), .theme-dark #completion-progress .action-icon .icon:not(.spacer), .theme-dark #completion-progress .license-status .icon:not(.spacer) {
filter: invert(1);
}
.table .move-down:hover, .table .move-up:hover, .table .action-icon:hover, .table .license-status:hover, .generaltable .move-down:hover, .rolecap .move-down:hover, .generaltable .move-up:hover, .rolecap .move-up:hover, .generaltable .action-icon:hover, .rolecap .action-icon:hover, .generaltable .license-status:hover, .rolecap .license-status:hover, .userenrolment .move-down:hover, .userenrolment .move-up:hover, .userenrolment .action-icon:hover, .userenrolment .license-status:hover, #categoryquestions .move-down:hover, #categoryquestions .move-up:hover, #categoryquestions .action-icon:hover, #categoryquestions .license-status:hover, .grading-report .move-down:hover, .grading-report .move-up:hover, .grading-report .action-icon:hover, .grading-report .license-status:hover, .gradereport-grader-table .move-down:hover, .gradereport-grader-table .move-up:hover, .gradereport-grader-table .action-icon:hover, .gradereport-grader-table .license-status:hover, #completion-progress .move-down:hover, #completion-progress .move-up:hover, #completion-progress .action-icon:hover, #completion-progress .license-status:hover {
text-decoration: none;
}
.table .move-down:hover:before, .table .move-up:hover:before, .table .action-icon:hover:before, .table .license-status:hover:before, .generaltable .move-down:hover:before, .rolecap .move-down:hover:before, .generaltable .move-up:hover:before, .rolecap .move-up:hover:before, .generaltable .action-icon:hover:before, .rolecap .action-icon:hover:before, .generaltable .license-status:hover:before, .rolecap .license-status:hover:before, .userenrolment .move-down:hover:before, .userenrolment .move-up:hover:before, .userenrolment .action-icon:hover:before, .userenrolment .license-status:hover:before, #categoryquestions .move-down:hover:before, #categoryquestions .move-up:hover:before, #categoryquestions .action-icon:hover:before, #categoryquestions .license-status:hover:before, .grading-report .move-down:hover:before, .grading-report .move-up:hover:before, .grading-report .action-icon:hover:before, .grading-report .license-status:hover:before, .gradereport-grader-table .move-down:hover:before, .gradereport-grader-table .move-up:hover:before, .gradereport-grader-table .action-icon:hover:before, .gradereport-grader-table .license-status:hover:before, #completion-progress .move-down:hover:before, #completion-progress .move-up:hover:before, #completion-progress .action-icon:hover:before, #completion-progress .license-status:hover:before {
display: none;
}
.table .move-down:hover .icon:not(.spacer), .table .move-up:hover .icon:not(.spacer), .table .action-icon:hover .icon:not(.spacer), .table .license-status:hover .icon:not(.spacer), .generaltable .move-down:hover .icon:not(.spacer), .rolecap .move-down:hover .icon:not(.spacer), .generaltable .move-up:hover .icon:not(.spacer), .rolecap .move-up:hover .icon:not(.spacer), .generaltable .action-icon:hover .icon:not(.spacer), .rolecap .action-icon:hover .icon:not(.spacer), .generaltable .license-status:hover .icon:not(.spacer), .rolecap .license-status:hover .icon:not(.spacer), .userenrolment .move-down:hover .icon:not(.spacer), .userenrolment .move-up:hover .icon:not(.spacer), .userenrolment .action-icon:hover .icon:not(.spacer), .userenrolment .license-status:hover .icon:not(.spacer), #categoryquestions .move-down:hover .icon:not(.spacer), #categoryquestions .move-up:hover .icon:not(.spacer), #categoryquestions .action-icon:hover .icon:not(.spacer), #categoryquestions .license-status:hover .icon:not(.spacer), .grading-report .move-down:hover .icon:not(.spacer), .grading-report .move-up:hover .icon:not(.spacer), .grading-report .action-icon:hover .icon:not(.spacer), .grading-report .license-status:hover .icon:not(.spacer), .gradereport-grader-table .move-down:hover .icon:not(.spacer), .gradereport-grader-table .move-up:hover .icon:not(.spacer), .gradereport-grader-table .action-icon:hover .icon:not(.spacer), .gradereport-grader-table .license-status:hover .icon:not(.spacer), #completion-progress .move-down:hover .icon:not(.spacer), #completion-progress .move-up:hover .icon:not(.spacer), #completion-progress .action-icon:hover .icon:not(.spacer), #completion-progress .license-status:hover .icon:not(.spacer) {
background-color: #D4DEF8;
color: #0642CD !important;
}
.theme-dark .table .move-down:hover .icon:not(.spacer), .theme-dark .table .move-up:hover .icon:not(.spacer), .theme-dark .table .action-icon:hover .icon:not(.spacer), .theme-dark .table .license-status:hover .icon:not(.spacer), .theme-dark .generaltable .move-down:hover .icon:not(.spacer), .theme-dark .rolecap .move-down:hover .icon:not(.spacer), .theme-dark .generaltable .move-up:hover .icon:not(.spacer), .theme-dark .rolecap .move-up:hover .icon:not(.spacer), .theme-dark .generaltable .action-icon:hover .icon:not(.spacer), .theme-dark .rolecap .action-icon:hover .icon:not(.spacer), .theme-dark .generaltable .license-status:hover .icon:not(.spacer), .theme-dark .rolecap .license-status:hover .icon:not(.spacer), .theme-dark .userenrolment .move-down:hover .icon:not(.spacer), .theme-dark .userenrolment .move-up:hover .icon:not(.spacer), .theme-dark .userenrolment .action-icon:hover .icon:not(.spacer), .theme-dark .userenrolment .license-status:hover .icon:not(.spacer), .theme-dark #categoryquestions .move-down:hover .icon:not(.spacer), .theme-dark #categoryquestions .move-up:hover .icon:not(.spacer), .theme-dark #categoryquestions .action-icon:hover .icon:not(.spacer), .theme-dark #categoryquestions .license-status:hover .icon:not(.spacer), .theme-dark .grading-report .move-down:hover .icon:not(.spacer), .theme-dark .grading-report .move-up:hover .icon:not(.spacer), .theme-dark .grading-report .action-icon:hover .icon:not(.spacer), .theme-dark .grading-report .license-status:hover .icon:not(.spacer), .theme-dark .gradereport-grader-table .move-down:hover .icon:not(.spacer), .theme-dark .gradereport-grader-table .move-up:hover .icon:not(.spacer), .theme-dark .gradereport-grader-table .action-icon:hover .icon:not(.spacer), .theme-dark .gradereport-grader-table .license-status:hover .icon:not(.spacer), .theme-dark #completion-progress .move-down:hover .icon:not(.spacer), .theme-dark #completion-progress .move-up:hover .icon:not(.spacer), .theme-dark #completion-progress .action-icon:hover .icon:not(.spacer), .theme-dark #completion-progress .license-status:hover .icon:not(.spacer) {
background-color: #525151;
color: #EEEEEE !important;
}
.table .move-down .fa-spacer, .table .move-up .fa-spacer, .table .action-icon .fa-spacer, .table .license-status .fa-spacer, .generaltable .move-down .fa-spacer, .rolecap .move-down .fa-spacer, .generaltable .move-up .fa-spacer, .rolecap .move-up .fa-spacer, .generaltable .action-icon .fa-spacer, .rolecap .action-icon .fa-spacer, .generaltable .license-status .fa-spacer, .rolecap .license-status .fa-spacer, .userenrolment .move-down .fa-spacer, .userenrolment .move-up .fa-spacer, .userenrolment .action-icon .fa-spacer, .userenrolment .license-status .fa-spacer, #categoryquestions .move-down .fa-spacer, #categoryquestions .move-up .fa-spacer, #categoryquestions .action-icon .fa-spacer, #categoryquestions .license-status .fa-spacer, .grading-report .move-down .fa-spacer, .grading-report .move-up .fa-spacer, .grading-report .action-icon .fa-spacer, .grading-report .license-status .fa-spacer, .gradereport-grader-table .move-down .fa-spacer, .gradereport-grader-table .move-up .fa-spacer, .gradereport-grader-table .action-icon .fa-spacer, .gradereport-grader-table .license-status .fa-spacer, #completion-progress .move-down .fa-spacer, #completion-progress .move-up .fa-spacer, #completion-progress .action-icon .fa-spacer, #completion-progress .license-status .fa-spacer {
display: none !important;
}
.table span.action-icon, .generaltable span.action-icon, .rolecap span.action-icon, .userenrolment span.action-icon, #categoryquestions span.action-icon, .grading-report span.action-icon, .gradereport-grader-table span.action-icon, #completion-progress span.action-icon {
display: none;
}
.table .userpicture, .generaltable .userpicture, .rolecap .userpicture, .userenrolment .userpicture, #categoryquestions .userpicture, .grading-report .userpicture, .gradereport-grader-table .userpicture, #completion-progress .userpicture {
margin-right: 0.5rem;
}
.table .btn, .table .dropdown-btn, .generaltable .btn, .rolecap .btn, .generaltable .dropdown-btn, .rolecap .dropdown-btn, .userenrolment .btn, .userenrolment .dropdown-btn, #categoryquestions .btn, #categoryquestions .dropdown-btn, .grading-report .btn, .grading-report .dropdown-btn, .gradereport-grader-table .btn, .gradereport-grader-table .dropdown-btn, #completion-progress .btn, #completion-progress .dropdown-btn {
padding: 0.35rem 0.65rem;
font-size: 0.8rem;
}
.table .dropdown-btn, .generaltable .dropdown-btn, .rolecap .dropdown-btn, .userenrolment .dropdown-btn, #categoryquestions .dropdown-btn, .grading-report .dropdown-btn, .gradereport-grader-table .dropdown-btn, #completion-progress .dropdown-btn {
background-color: #EEEEEE;
}
.theme-dark .table .dropdown-btn, .theme-dark .generaltable .dropdown-btn, .theme-dark .rolecap .dropdown-btn, .theme-dark .userenrolment .dropdown-btn, .theme-dark #categoryquestions .dropdown-btn, .theme-dark .grading-report .dropdown-btn, .theme-dark .gradereport-grader-table .dropdown-btn, .theme-dark #completion-progress .dropdown-btn {
background-color: #17181B;
}
#completion-progress .criteriaicon .icon {
width: 40px;
height: 40px;
}
table caption {
font-size: 1.15rem;
font-weight: 700;
padding: 0;
text-align: left;
caption-side: top;
}
.table-dynamic + div {
overflow-x: auto;
}
.table-dynamic .page-context-header {
display: inline-flex;
align-items: center;
}
.table-dynamic .loading-icon {
position: absolute;
left: calc(50% - 1.5rem);
top: 200px;
}
.table-dynamic .loading-icon .icon:not(.spacer) {
height: 3rem;
width: 3rem;
font-size: 3rem;
}
/* Theme Mod */
h2 + table {
margin-top: 1.25rem;
}
/* Scrollable tables */
#page-admin-tool-task-scheduledtasks .main-content {
overflow-x: auto;
position: relative;
}
#page-admin-tool-task-scheduledtasks .generaltable, #page-admin-tool-task-scheduledtasks .rolecap {
width: max-content;
}
.main-content .form-inline + .no-overflow {
margin-top: 1.25rem;
}
#report-eventlist-table {
overflow-x: auto;
}
#thirdpartylibs .c1, #thirdpartylibs .c3 {
font-size: 0.75rem;
color: #434343;
}
.theme-dark #thirdpartylibs .c1, .theme-dark #thirdpartylibs .c3 {
color: #aeb3b8;
}
#thirdpartylibs .c2 {
font-family: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 0.75rem;
color: #434343;
}
.theme-dark #thirdpartylibs .c2 {
color: #aeb3b8;
}
.tag-areas-table .c2 a .icon:not(.spacer), .fieldslist .table-buttons a .icon:not(.spacer), #page-admin-tool-filetypes-index .c1 a .icon:not(.spacer), #page-mod-lesson-edit .generaltable .c0 a .icon:not(.spacer), #page-mod-lesson-edit .rolecap .c0 a .icon:not(.spacer), #page-mod-lesson-edit .generaltable .c3 a .icon:not(.spacer), #page-mod-lesson-edit .rolecap .c3 a .icon:not(.spacer), #mediaplayerplugins .c4 a .icon:not(.spacer), #mediaplayerplugins .c5 a .icon:not(.spacer), #repositoriessetting a .icon:not(.spacer), #page-admin-tool-oauth2-issuers .generaltable .c4 a .icon:not(.spacer), #page-admin-tool-oauth2-issuers .rolecap .c4 a .icon:not(.spacer), #page-admin-tool-oauth2-issuers .generaltable .c5 a .icon:not(.spacer), #page-admin-tool-oauth2-issuers .rolecap .c5 a .icon:not(.spacer), .recordauthor a .icon:not(.fa-spacer), .recordauthor a .icon:not(.spacer), #compatibleblockstable a .icon:not(.spacer), #backpacklist a .icon, #roles a .icon, #manage-licenses a .icon {
margin: 1px;
padding: 7px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 40px;
background-color: #EEEEEE;
font-size: 0.75rem;
color: #434343;
transition: all 0.2s ease-in-out;
}
.theme-dark .tag-areas-table .c2 a .icon:not(.spacer), .theme-dark .fieldslist .table-buttons a .icon:not(.spacer), .theme-dark #page-admin-tool-filetypes-index .c1 a .icon:not(.spacer), .theme-dark #page-mod-lesson-edit .generaltable .c0 a .icon:not(.spacer), .theme-dark #page-mod-lesson-edit .rolecap .c0 a .icon:not(.spacer), .theme-dark #page-mod-lesson-edit .generaltable .c3 a .icon:not(.spacer), .theme-dark #page-mod-lesson-edit .rolecap .c3 a .icon:not(.spacer), .theme-dark #mediaplayerplugins .c4 a .icon:not(.spacer), .theme-dark #mediaplayerplugins .c5 a .icon:not(.spacer), .theme-dark #repositoriessetting a .icon:not(.spacer), .theme-dark #page-admin-tool-oauth2-issuers .generaltable .c4 a .icon:not(.spacer), .theme-dark #page-admin-tool-oauth2-issuers .rolecap .c4 a .icon:not(.spacer), .theme-dark #page-admin-tool-oauth2-issuers .generaltable .c5 a .icon:not(.spacer), .theme-dark #page-admin-tool-oauth2-issuers .rolecap .c5 a .icon:not(.spacer), .theme-dark .recordauthor a .icon:not(.fa-spacer), .theme-dark .recordauthor a .icon:not(.spacer), .theme-dark #compatibleblockstable a .icon:not(.spacer), .theme-dark #backpacklist a .icon, .theme-dark #roles a .icon, .theme-dark #manage-licenses a .icon {
filter: invert(1);
}
.tag-areas-table .c2 a:hover, .fieldslist .table-buttons a:hover, #page-admin-tool-filetypes-index .c1 a:hover, #page-mod-lesson-edit .generaltable .c0 a:hover, #page-mod-lesson-edit .rolecap .c0 a:hover, #page-mod-lesson-edit .generaltable .c3 a:hover, #page-mod-lesson-edit .rolecap .c3 a:hover, #mediaplayerplugins .c4 a:hover, #mediaplayerplugins .c5 a:hover, #repositoriessetting a:hover, #page-admin-tool-oauth2-issuers .generaltable .c4 a:hover, #page-admin-tool-oauth2-issuers .rolecap .c4 a:hover, #page-admin-tool-oauth2-issuers .generaltable .c5 a:hover, #page-admin-tool-oauth2-issuers .rolecap .c5 a:hover, .recordauthor a:hover, #compatibleblockstable a:hover, #backpacklist a:hover, #roles a:hover, #manage-licenses a:hover {
text-decoration: none;
}
/*.tag-areas-table .c2 a:hover .icon:not(.spacer),
.fieldslist .table-buttons a:hover .icon:not(.spacer),
#page-admin-tool-filetypes-index .c1 a:hover .icon:not(.spacer),
#page-mod-lesson-edit .generaltable .c0 a:hover .icon:not(.spacer),
#page-mod-lesson-edit .generaltable .c3 a:hover .icon:not(.spacer),
#mediaplayerplugins .c4 a:hover .icon:not(.spacer),
#mediaplayerplugins .c5 a:hover .icon:not(.spacer),
#repositoriessetting a:hover .icon:not(.spacer),
#page-admin-tool-oauth2-issuers .generaltable .c4 a:hover .icon:not(.spacer),
#page-admin-tool-oauth2-issuers .generaltable .c5 a:hover .icon:not(.spacer),
.recordauthor a:hover .icon:not(.fa-spacer),
.recordauthor a:hover .icon:not(.spacer),
#roles a:hover .icon,
#manage-licenses a:hover .icon
{
&.fa-eye {
background-color: $green-200;
color: $green-600;
}
&.fa-trash,
&.fa-eye-slash {
background-color: $red-700;
color: $red-100;
}
}*/
.tag-areas-table .c2 a:hover .icon:not(.spacer), .fieldslist .table-buttons a:hover .icon:not(.spacer), #page-admin-tool-filetypes-index .c1 a:hover .icon:not(.spacer), #page-mod-lesson-edit .generaltable .c0 a:hover .icon:not(.spacer), #page-mod-lesson-edit .rolecap .c0 a:hover .icon:not(.spacer), #page-mod-lesson-edit .generaltable .c3 a:hover .icon:not(.spacer), #page-mod-lesson-edit .rolecap .c3 a:hover .icon:not(.spacer), #mediaplayerplugins .c4 a:hover .icon:not(.spacer), #mediaplayerplugins .c5 a:hover .icon:not(.spacer), #repositoriessetting a:hover .icon:not(.spacer), #page-admin-tool-oauth2-issuers .generaltable .c4 a:hover .icon:not(.spacer), #page-admin-tool-oauth2-issuers .rolecap .c4 a:hover .icon:not(.spacer), #page-admin-tool-oauth2-issuers .generaltable .c5 a:hover .icon:not(.spacer), #page-admin-tool-oauth2-issuers .rolecap .c5 a:hover .icon:not(.spacer), .recordauthor a:hover .icon:not(.fa-spacer), .recordauthor a:hover .icon:not(.spacer), #compatibleblockstable a:hover .icon, #backpacklist a:hover .icon, #roles a:hover .icon, #manage-licenses a:hover .icon {
background-color: #D4DEF8;
color: #0642CD;
}
.theme-dark .tag-areas-table .c2 a:hover .icon:not(.spacer), .theme-dark .fieldslist .table-buttons a:hover .icon:not(.spacer), .theme-dark #page-admin-tool-filetypes-index .c1 a:hover .icon:not(.spacer), .theme-dark #page-mod-lesson-edit .generaltable .c0 a:hover .icon:not(.spacer), .theme-dark #page-mod-lesson-edit .rolecap .c0 a:hover .icon:not(.spacer), .theme-dark #page-mod-lesson-edit .generaltable .c3 a:hover .icon:not(.spacer), .theme-dark #page-mod-lesson-edit .rolecap .c3 a:hover .icon:not(.spacer), .theme-dark #mediaplayerplugins .c4 a:hover .icon:not(.spacer), .theme-dark #mediaplayerplugins .c5 a:hover .icon:not(.spacer), .theme-dark #repositoriessetting a:hover .icon:not(.spacer), .theme-dark #page-admin-tool-oauth2-issuers .generaltable .c4 a:hover .icon:not(.spacer), .theme-dark #page-admin-tool-oauth2-issuers .rolecap .c4 a:hover .icon:not(.spacer), .theme-dark #page-admin-tool-oauth2-issuers .generaltable .c5 a:hover .icon:not(.spacer), .theme-dark #page-admin-tool-oauth2-issuers .rolecap .c5 a:hover .icon:not(.spacer), .theme-dark .recordauthor a:hover .icon:not(.fa-spacer), .theme-dark .recordauthor a:hover .icon:not(.spacer), .theme-dark #compatibleblockstable a:hover .icon, .theme-dark #backpacklist a:hover .icon, .theme-dark #roles a:hover .icon, .theme-dark #manage-licenses a:hover .icon {
background-color: #525151;
color: #EEEEEE;
}
.fieldslist .table-buttons a:hover, #page-mod-lesson-edit .generaltable .c0 a:hover, #page-mod-lesson-edit .rolecap .c0 a:hover, #page-mod-lesson-edit .generaltable .c3 a:hover, #page-mod-lesson-edit .rolecap .c3 a:hover, #mediaplayerplugins .c4 a:hover, #mediaplayerplugins .c5 a:hover, #page-admin-tool-oauth2-issuers .generaltable .c4 a:hover, #page-admin-tool-oauth2-issuers .rolecap .c4 a:hover, #page-admin-tool-oauth2-issuers .generaltable .c5 a:hover, #page-admin-tool-oauth2-issuers .rolecap .c5 a:hover {
text-decoration: none;
}
table {
/*i.pluginicon {
margin-right: 0.35rem;
background-color: $white;
border-radius: $border-radius-lg;
border: 1px solid $border-color;
font-size: 16px;
width: 38px;
height: 38px;
line-height: 38px;
.theme-dark & {
background-color: $black;
border-color: $dm-border-color;
}
&.noicon {
opacity: 0;
}
}*/
}
table img.pluginicon {
padding: 6px;
margin-right: 0.35rem;
background-color: #fff;
border-radius: 5px;
border: 1px solid #E1E1E1;
}
table img.pluginicon.noicon {
opacity: 0;
}
.table img.icon:not(.spacer) {
margin: 0 5px;
}
#mediaplayerplugins .c0 .pluginicon {
padding: 10px;
margin-right: 0.35rem;
background-color: #fff;
border-radius: 40px;
border: 1px solid #E1E1E1;
}
.theme-dark #mediaplayerplugins .c0 .pluginicon {
background-color: #000;
border-color: #2E3134;
}
#mediaplayerplugins .c2 {
font-size: 0.75rem;
color: #434343;
}
.theme-dark #mediaplayerplugins .c2 {
color: #aeb3b8;
}
#page-admin-setting-managepaymentgateways .generaltable td a .icon:not(.spacer), #page-admin-setting-managepaymentgateways .rolecap td a .icon:not(.spacer), #page-admin-setting-managepaymentgateways .generaltable td a .icon:not(.noicon), #page-admin-setting-managepaymentgateways .rolecap td a .icon:not(.noicon) {
margin: 1px;
padding: 10px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 40px;
background-color: #EEEEEE;
font-size: 0.75rem;
color: #434343;
transition: all 0.2s ease-in-out;
}
.theme-dark #page-admin-setting-managepaymentgateways .generaltable td a .icon:not(.spacer), .theme-dark #page-admin-setting-managepaymentgateways .rolecap td a .icon:not(.spacer), .theme-dark #page-admin-setting-managepaymentgateways .generaltable td a .icon:not(.noicon), .theme-dark #page-admin-setting-managepaymentgateways .rolecap td a .icon:not(.noicon) {
filter: invert(1);
}
#participants td a .icon:not(.spacer), #participants td a .icon:not(.noicon), #modules td a .icon:not(.spacer), #modules td a .icon:not(.noicon), .tinymcesubplugins td a .icon:not(.spacer), .tinymcesubplugins td a .icon:not(.noicon), #editormanagement td a .icon:not(.spacer), #editormanagement td a .icon:not(.noicon), #webserviceprotocols td a .icon:not(.spacer), #webserviceprotocols td a .icon:not(.noicon), #courseenrolmentplugins td a .icon:not(.spacer), #courseenrolmentplugins td a .icon:not(.noicon), #logstoreplugins td a .icon:not(.spacer), #logstoreplugins td a .icon:not(.noicon), #page-admin-setting-managefileconverterplugins .admintable.generaltable td a .icon:not(.spacer), #page-admin-setting-managefileconverterplugins .admintable.rolecap td a .icon:not(.spacer), #page-admin-setting-managefileconverterplugins .admintable.generaltable td a .icon:not(.noicon), #page-admin-setting-managefileconverterplugins .admintable.rolecap td a .icon:not(.noicon), .managecustomfieldtable td a .icon:not(.spacer), .managecustomfieldtable td a .icon:not(.noicon), .manageformattable td a .icon:not(.spacer), .manageformattable td a .icon:not(.noicon), #availabilityconditions td a .icon:not(.spacer), #availabilityconditions td a .icon:not(.noicon), #manageauthtable td a .icon:not(.spacer), #manageauthtable td a .icon:not(.noicon), #antivirusmanagement td a .icon:not(.spacer), #antivirusmanagement td a .icon:not(.noicon), #mediaplayerplugins td a .icon:not(.spacer), #mediaplayerplugins td a .icon:not(.noicon), .managecontentbanktable td a .icon:not(.spacer), .managecontentbanktable td a .icon:not(.noicon) {
margin: 1px;
padding: 10px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 40px;
background-color: #EEEEEE;
font-size: 0.75rem;
color: #434343;
transition: all 0.2s ease-in-out;
}
.theme-dark #participants td a .icon:not(.spacer), .theme-dark #participants td a .icon:not(.noicon), .theme-dark #modules td a .icon:not(.spacer), .theme-dark #modules td a .icon:not(.noicon), .theme-dark .tinymcesubplugins td a .icon:not(.spacer), .theme-dark .tinymcesubplugins td a .icon:not(.noicon), .theme-dark #editormanagement td a .icon:not(.spacer), .theme-dark #editormanagement td a .icon:not(.noicon), .theme-dark #webserviceprotocols td a .icon:not(.spacer), .theme-dark #webserviceprotocols td a .icon:not(.noicon), .theme-dark #courseenrolmentplugins td a .icon:not(.spacer), .theme-dark #courseenrolmentplugins td a .icon:not(.noicon), .theme-dark #logstoreplugins td a .icon:not(.spacer), .theme-dark #logstoreplugins td a .icon:not(.noicon), .theme-dark #page-admin-setting-managefileconverterplugins .admintable.generaltable td a .icon:not(.spacer), .theme-dark #page-admin-setting-managefileconverterplugins .admintable.rolecap td a .icon:not(.spacer), .theme-dark #page-admin-setting-managefileconverterplugins .admintable.generaltable td a .icon:not(.noicon), .theme-dark #page-admin-setting-managefileconverterplugins .admintable.rolecap td a .icon:not(.noicon), .theme-dark .managecustomfieldtable td a .icon:not(.spacer), .theme-dark .managecustomfieldtable td a .icon:not(.noicon), .theme-dark .manageformattable td a .icon:not(.spacer), .theme-dark .manageformattable td a .icon:not(.noicon), .theme-dark #availabilityconditions td a .icon:not(.spacer), .theme-dark #availabilityconditions td a .icon:not(.noicon), .theme-dark #manageauthtable td a .icon:not(.spacer), .theme-dark #manageauthtable td a .icon:not(.noicon), .theme-dark #antivirusmanagement td a .icon:not(.spacer), .theme-dark #antivirusmanagement td a .icon:not(.noicon), .theme-dark #mediaplayerplugins td a .icon:not(.spacer), .theme-dark #mediaplayerplugins td a .icon:not(.noicon), .theme-dark .managecontentbanktable td a .icon:not(.spacer), .theme-dark .managecontentbanktable td a .icon:not(.noicon) {
filter: invert(1);
}
#participants td a:hover, #modules td a:hover, .tinymcesubplugins td a:hover, #editormanagement td a:hover, #webserviceprotocols td a:hover, #courseenrolmentplugins td a:hover, #logstoreplugins td a:hover, #page-admin-setting-managefileconverterplugins .admintable.generaltable td a:hover, #page-admin-setting-managefileconverterplugins .admintable.rolecap td a:hover, .managecustomfieldtable td a:hover, .manageformattable td a:hover, #availabilityconditions td a:hover, #manageauthtable td a:hover, #antivirusmanagement td a:hover, #mediaplayerplugins td a:hover, .managecontentbanktable td a:hover {
text-decoration: none;
}
.discussion-list td a .icon:not(.spacer), .discussion-list td a .icon:not(.noicon), .discussion-list td span .icon:not(.spacer), .discussion-list td span .icon:not(.noicon) {
margin: 1px;
padding: 10px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 40px;
background-color: #EEEEEE;
font-size: 0.75rem;
color: #434343;
transition: all 0.2s ease-in-out;
}
.theme-dark .discussion-list td a .icon:not(.spacer), .theme-dark .discussion-list td a .icon:not(.noicon), .theme-dark .discussion-list td span .icon:not(.spacer), .theme-dark .discussion-list td span .icon:not(.noicon) {
background-color: #17181B;
color: #aeb3b8;
}
.discussion-list td a:hover, .discussion-list td span:hover {
text-decoration: none;
}
.discussion-list td a:hover .icon:not(.spacer), .discussion-list td a:hover .icon:not(.noicon), .discussion-list td span:hover .icon:not(.spacer), .discussion-list td span:hover .icon:not(.noicon) {
background-color: #E1E1E1;
}
.theme-dark .discussion-list td a:hover .icon:not(.spacer), .theme-dark .discussion-list td a:hover .icon:not(.noicon), .theme-dark .discussion-list td span:hover .icon:not(.spacer), .theme-dark .discussion-list td span:hover .icon:not(.noicon) {
background-color: #202124;
}
.discussion-list th span .icon:not(.spacer), .discussion-list th span .icon:not(.noicon) {
margin: 1px 1px 1px 5px;
padding: 4px;
display: inline-flex;
align-items: center;
justify-content: center;
background-color: #FFF1D5;
border-radius: 40px;
font-size: 0.75rem;
color: #212121;
width: 18px;
height: 18px;
}
.theme-dark .discussion-list th span .icon:not(.spacer), .theme-dark .discussion-list th span .icon:not(.noicon) {
background-color: #998341;
color: #FDF6EA;
}
#repositoriessetting .c3 .mdl-left br {
display: none;
}
#page-admin-tool-oauth2-issuers .generaltable .c0 img, #page-admin-tool-oauth2-issuers .rolecap .c0 img {
padding: 0.25rem;
background-color: #fff;
border-radius: 40px;
border: 1px solid #E1E1E1;
}
.theme-dark #page-admin-tool-oauth2-issuers .generaltable .c0 img, .theme-dark #page-admin-tool-oauth2-issuers .rolecap .c0 img {
background-color: #000;
border-color: #2E3134;
}
.rolecap .allowmore {
display: inline-flex;
margin-left: 4px;
}
.rolecap .allowedroles .allowed {
background-color: #fff;
width: inherit;
margin: 0.25rem 0;
padding: 1px 1px 1px 10px;
font-size: 0.875rem;
border: 1px solid #E1E1E1;
border-radius: 40px;
}
.theme-dark .rolecap .allowedroles .allowed {
background-color: #000;
border-color: #2E3134;
}
.rolecap .forbidden {
display: inline-flex;
background-color: #fff;
width: inherit;
margin: 0.25rem 0;
padding: 1px 1px 1px 10px;
font-size: 0.75rem;
border: 1px solid #E1E1E1;
border-radius: 40px;
}
.theme-dark .rolecap .forbidden {
background-color: #000;
border-color: #2E3134;
}
.rolecap .allowlink .icon:not(.spacer), .rolecap .prohibitlink .icon:not(.spacer), .rolecap .preventlink .icon:not(.spacer), .rolecap .forbiddenroles .icon:not(.spacer) {
margin: 1px;
padding: 10px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 40px;
background-color: #EEEEEE;
font-size: 0.75rem;
transition: all 0.2s ease-in-out;
}
.rolecap .allowlink:hover, .rolecap .prohibitlink:hover, .rolecap .preventlink:hover, .rolecap .forbiddenroles:hover {
text-decoration: none;
}
.rolecap .allowlink:hover .icon:not(.spacer), .rolecap .prohibitlink:hover .icon:not(.spacer), .rolecap .preventlink:hover .icon:not(.spacer), .rolecap .forbiddenroles:hover .icon:not(.spacer) {
background-color: #D4DEF8;
}
.theme-dark .rolecap .allowlink:hover .icon:not(.spacer), .theme-dark .rolecap .prohibitlink:hover .icon:not(.spacer), .theme-dark .rolecap .preventlink:hover .icon:not(.spacer), .theme-dark .rolecap .forbiddenroles:hover .icon:not(.spacer) {
background-color: #C3850C;
}
.rolecap .allow {
background-color: #D1ECC0;
color: #087159;
}
.theme-dark .rolecap .allow {
background-color: #005742;
}
.rolecap .forbiddenroles {
background-color: #fbc8c8;
color: #910808;
}
.theme-dark .rolecap .forbiddenroles {
background-color: #910808;
}
#page-grade-report-overview-index .main-content .no-overflow {
margin-bottom: 2rem;
}
#page-admin-tool-usertours-configure .admintable .c3 a:hover {
text-decoration: none;
}
#page-admin-tool-usertours-configure .admintable .c3 a .icon:not(.spacer) {
margin: 1px;
padding: 10px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 40px;
background-color: #EEEEEE;
font-size: 0.75rem;
color: #434343;
transition: all 0.2s ease-in-out;
}
.theme-dark #page-admin-tool-usertours-configure .admintable .c3 a .icon:not(.spacer) {
filter: invert(1);
}
#cohorts p {
margin-bottom: 0;
}
#cohorts .c5 a:hover, #cohorts .c6 a:hover {
text-decoration: none;
}
#cohorts .c5 a .icon:not(.spacer), #cohorts .c6 a .icon:not(.spacer) {
margin: 1px;
padding: 10px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 40px;
background-color: #EEEEEE;
font-size: 0.75rem;
color: #434343;
transition: all 0.2s ease-in-out;
}
.theme-dark #cohorts .c5 a .icon:not(.spacer), .theme-dark #cohorts .c6 a .icon:not(.spacer) {
filter: invert(1);
}
#cohorts .c5 a:hover .icon:not(.spacer), #cohorts .c6 a:hover .icon:not(.spacer) {
background-color: #D4DEF8;
color: #0642CD;
}
.theme-dark #cohorts .c5 a:hover .icon:not(.spacer), .theme-dark #cohorts .c6 a:hover .icon:not(.spacer) {
background-color: #0642CD;
color: #D4DEF8;
}
#users .c5 a:hover {
text-decoration: none;
}
#users .c5 a .icon:not(.spacer) {
margin: 1px;
padding: 10px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 40px;
background-color: #EEEEEE;
font-size: 0.75rem;
color: #434343;
transition: all 0.2s ease-in-out;
}
.theme-dark #users .c5 a .icon:not(.spacer) {
filter: invert(1);
}
#users .c5 a:hover .icon:not(.spacer) {
background-color: #D4DEF8;
color: #0642CD;
}
.theme-dark #users .c5 a:hover .icon:not(.spacer) {
background-color: #0642CD;
color: #D4DEF8;
}
#toolmonitorrules_table {
margin: 1rem 0;
}
#page-admin-tool-monitor-managerules .main-content .no-overflow + a {
display: inline-flex;
margin-bottom: 2rem;
}
#page-admin-tool-monitor-managerules .urlselect {
margin-bottom: 0 !important;
}
#page-admin-tool-monitor-managerules .c1 {
max-width: 400px;
}
#plugins-control-panel {
width: max-content;
}
#plugins-control-panel img.pluginicon {
margin-right: 13px;
}
#page-admin-tool-policy-user .generaltable td, #page-admin-tool-policy-user .rolecap td {
font-size: 0.875rem;
}
#tool-policy-managedocs-wrapper {
margin-top: 30px;
margin-bottom: 0;
}
#tool-policy-managedocs-wrapper small {
color: #434343;
}
.groupmanagementtable tr {
background-color: transparent !important;
}
.groupmanagementtable tr:hover {
box-shadow: none !important;
}
.groupmanagementtable td {
padding: 0 !important;
}
.groupmanagementtable td#backcell {
padding-top: 10px;
}
.groupmanagementtable select {
min-height: 165px;
max-height: 300px;
margin-bottom: 10px;
}
#page-mod-data-field- table .lastcol, #page-mod-data-field- .table .lastcol, #page-mod-data-field- .generaltable .lastcol, #page-mod-data-field- .rolecap .lastcol, #page-admin-tool-dataprivacy-defaults table .lastcol, #page-admin-tool-dataprivacy-defaults .table .lastcol, #page-admin-tool-dataprivacy-defaults .generaltable .lastcol, #page-admin-tool-dataprivacy-defaults .rolecap .lastcol, #page-group-groupings table .lastcol, #page-group-groupings .table .lastcol, #page-group-groupings .generaltable .lastcol, #page-group-groupings .rolecap .lastcol {
text-align: left !important;
}
#page-mod-data-field- table .lastcol a, #page-mod-data-field- .table .lastcol a, #page-mod-data-field- .generaltable .lastcol a, #page-mod-data-field- .rolecap .lastcol a, #page-admin-tool-dataprivacy-defaults table .lastcol a, #page-admin-tool-dataprivacy-defaults .table .lastcol a, #page-admin-tool-dataprivacy-defaults .generaltable .lastcol a, #page-admin-tool-dataprivacy-defaults .rolecap .lastcol a, #page-group-groupings table .lastcol a, #page-group-groupings .table .lastcol a, #page-group-groupings .generaltable .lastcol a, #page-group-groupings .rolecap .lastcol a {
display: inline-flex;
}
#page-mod-data-field- table .lastcol a .icon:not(.fa-spacer), #page-mod-data-field- table .lastcol a .icon:not(.spacer), #page-mod-data-field- .table .lastcol a .icon:not(.fa-spacer), #page-mod-data-field- .table .lastcol a .icon:not(.spacer), #page-mod-data-field- .generaltable .lastcol a .icon:not(.fa-spacer), #page-mod-data-field- .rolecap .lastcol a .icon:not(.fa-spacer), #page-mod-data-field- .generaltable .lastcol a .icon:not(.spacer), #page-mod-data-field- .rolecap .lastcol a .icon:not(.spacer), #page-admin-tool-dataprivacy-defaults table .lastcol a .icon:not(.fa-spacer), #page-admin-tool-dataprivacy-defaults table .lastcol a .icon:not(.spacer), #page-admin-tool-dataprivacy-defaults .table .lastcol a .icon:not(.fa-spacer), #page-admin-tool-dataprivacy-defaults .table .lastcol a .icon:not(.spacer), #page-admin-tool-dataprivacy-defaults .generaltable .lastcol a .icon:not(.fa-spacer), #page-admin-tool-dataprivacy-defaults .rolecap .lastcol a .icon:not(.fa-spacer), #page-admin-tool-dataprivacy-defaults .generaltable .lastcol a .icon:not(.spacer), #page-admin-tool-dataprivacy-defaults .rolecap .lastcol a .icon:not(.spacer), #page-group-groupings table .lastcol a .icon:not(.fa-spacer), #page-group-groupings table .lastcol a .icon:not(.spacer), #page-group-groupings .table .lastcol a .icon:not(.fa-spacer), #page-group-groupings .table .lastcol a .icon:not(.spacer), #page-group-groupings .generaltable .lastcol a .icon:not(.fa-spacer), #page-group-groupings .rolecap .lastcol a .icon:not(.fa-spacer), #page-group-groupings .generaltable .lastcol a .icon:not(.spacer), #page-group-groupings .rolecap .lastcol a .icon:not(.spacer) {
margin: 1px;
padding: 10px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 40px;
background-color: #EEEEEE;
font-size: 0.75rem;
color: #434343;
transition: all 0.2s ease-in-out;
}
.theme-dark #page-mod-data-field- table .lastcol a .icon:not(.fa-spacer), .theme-dark #page-mod-data-field- table .lastcol a .icon:not(.spacer), .theme-dark #page-mod-data-field- .table .lastcol a .icon:not(.fa-spacer), .theme-dark #page-mod-data-field- .table .lastcol a .icon:not(.spacer), .theme-dark #page-mod-data-field- .generaltable .lastcol a .icon:not(.fa-spacer), .theme-dark #page-mod-data-field- .rolecap .lastcol a .icon:not(.fa-spacer), .theme-dark #page-mod-data-field- .generaltable .lastcol a .icon:not(.spacer), .theme-dark #page-mod-data-field- .rolecap .lastcol a .icon:not(.spacer), .theme-dark #page-admin-tool-dataprivacy-defaults table .lastcol a .icon:not(.fa-spacer), .theme-dark #page-admin-tool-dataprivacy-defaults table .lastcol a .icon:not(.spacer), .theme-dark #page-admin-tool-dataprivacy-defaults .table .lastcol a .icon:not(.fa-spacer), .theme-dark #page-admin-tool-dataprivacy-defaults .table .lastcol a .icon:not(.spacer), .theme-dark #page-admin-tool-dataprivacy-defaults .generaltable .lastcol a .icon:not(.fa-spacer), .theme-dark #page-admin-tool-dataprivacy-defaults .rolecap .lastcol a .icon:not(.fa-spacer), .theme-dark #page-admin-tool-dataprivacy-defaults .generaltable .lastcol a .icon:not(.spacer), .theme-dark #page-admin-tool-dataprivacy-defaults .rolecap .lastcol a .icon:not(.spacer), .theme-dark #page-group-groupings table .lastcol a .icon:not(.fa-spacer), .theme-dark #page-group-groupings table .lastcol a .icon:not(.spacer), .theme-dark #page-group-groupings .table .lastcol a .icon:not(.fa-spacer), .theme-dark #page-group-groupings .table .lastcol a .icon:not(.spacer), .theme-dark #page-group-groupings .generaltable .lastcol a .icon:not(.fa-spacer), .theme-dark #page-group-groupings .rolecap .lastcol a .icon:not(.fa-spacer), .theme-dark #page-group-groupings .generaltable .lastcol a .icon:not(.spacer), .theme-dark #page-group-groupings .rolecap .lastcol a .icon:not(.spacer) {
background-color: #17181B;
color: #aeb3b8;
}
#page-mod-data-field- table .lastcol a:hover, #page-mod-data-field- .table .lastcol a:hover, #page-mod-data-field- .generaltable .lastcol a:hover, #page-mod-data-field- .rolecap .lastcol a:hover, #page-admin-tool-dataprivacy-defaults table .lastcol a:hover, #page-admin-tool-dataprivacy-defaults .table .lastcol a:hover, #page-admin-tool-dataprivacy-defaults .generaltable .lastcol a:hover, #page-admin-tool-dataprivacy-defaults .rolecap .lastcol a:hover, #page-group-groupings table .lastcol a:hover, #page-group-groupings .table .lastcol a:hover, #page-group-groupings .generaltable .lastcol a:hover, #page-group-groupings .rolecap .lastcol a:hover {
text-decoration: none;
}
#page-mod-data-field- table .lastcol a:hover .icon:not(.fa-spacer), #page-mod-data-field- table .lastcol a:hover .icon:not(.spacer), #page-mod-data-field- .table .lastcol a:hover .icon:not(.fa-spacer), #page-mod-data-field- .table .lastcol a:hover .icon:not(.spacer), #page-mod-data-field- .generaltable .lastcol a:hover .icon:not(.fa-spacer), #page-mod-data-field- .rolecap .lastcol a:hover .icon:not(.fa-spacer), #page-mod-data-field- .generaltable .lastcol a:hover .icon:not(.spacer), #page-mod-data-field- .rolecap .lastcol a:hover .icon:not(.spacer), #page-admin-tool-dataprivacy-defaults table .lastcol a:hover .icon:not(.fa-spacer), #page-admin-tool-dataprivacy-defaults table .lastcol a:hover .icon:not(.spacer), #page-admin-tool-dataprivacy-defaults .table .lastcol a:hover .icon:not(.fa-spacer), #page-admin-tool-dataprivacy-defaults .table .lastcol a:hover .icon:not(.spacer), #page-admin-tool-dataprivacy-defaults .generaltable .lastcol a:hover .icon:not(.fa-spacer), #page-admin-tool-dataprivacy-defaults .rolecap .lastcol a:hover .icon:not(.fa-spacer), #page-admin-tool-dataprivacy-defaults .generaltable .lastcol a:hover .icon:not(.spacer), #page-admin-tool-dataprivacy-defaults .rolecap .lastcol a:hover .icon:not(.spacer), #page-group-groupings table .lastcol a:hover .icon:not(.fa-spacer), #page-group-groupings table .lastcol a:hover .icon:not(.spacer), #page-group-groupings .table .lastcol a:hover .icon:not(.fa-spacer), #page-group-groupings .table .lastcol a:hover .icon:not(.spacer), #page-group-groupings .generaltable .lastcol a:hover .icon:not(.fa-spacer), #page-group-groupings .rolecap .lastcol a:hover .icon:not(.fa-spacer), #page-group-groupings .generaltable .lastcol a:hover .icon:not(.spacer), #page-group-groupings .rolecap .lastcol a:hover .icon:not(.spacer) {
background-color: #D4DEF8;
color: #0642CD;
}
.theme-dark #page-mod-data-field- table .lastcol a:hover .icon:not(.fa-spacer), .theme-dark #page-mod-data-field- table .lastcol a:hover .icon:not(.spacer), .theme-dark #page-mod-data-field- .table .lastcol a:hover .icon:not(.fa-spacer), .theme-dark #page-mod-data-field- .table .lastcol a:hover .icon:not(.spacer), .theme-dark #page-mod-data-field- .generaltable .lastcol a:hover .icon:not(.fa-spacer), .theme-dark #page-mod-data-field- .rolecap .lastcol a:hover .icon:not(.fa-spacer), .theme-dark #page-mod-data-field- .generaltable .lastcol a:hover .icon:not(.spacer), .theme-dark #page-mod-data-field- .rolecap .lastcol a:hover .icon:not(.spacer), .theme-dark #page-admin-tool-dataprivacy-defaults table .lastcol a:hover .icon:not(.fa-spacer), .theme-dark #page-admin-tool-dataprivacy-defaults table .lastcol a:hover .icon:not(.spacer), .theme-dark #page-admin-tool-dataprivacy-defaults .table .lastcol a:hover .icon:not(.fa-spacer), .theme-dark #page-admin-tool-dataprivacy-defaults .table .lastcol a:hover .icon:not(.spacer), .theme-dark #page-admin-tool-dataprivacy-defaults .generaltable .lastcol a:hover .icon:not(.fa-spacer), .theme-dark #page-admin-tool-dataprivacy-defaults .rolecap .lastcol a:hover .icon:not(.fa-spacer), .theme-dark #page-admin-tool-dataprivacy-defaults .generaltable .lastcol a:hover .icon:not(.spacer), .theme-dark #page-admin-tool-dataprivacy-defaults .rolecap .lastcol a:hover .icon:not(.spacer), .theme-dark #page-group-groupings table .lastcol a:hover .icon:not(.fa-spacer), .theme-dark #page-group-groupings table .lastcol a:hover .icon:not(.spacer), .theme-dark #page-group-groupings .table .lastcol a:hover .icon:not(.fa-spacer), .theme-dark #page-group-groupings .table .lastcol a:hover .icon:not(.spacer), .theme-dark #page-group-groupings .generaltable .lastcol a:hover .icon:not(.fa-spacer), .theme-dark #page-group-groupings .rolecap .lastcol a:hover .icon:not(.fa-spacer), .theme-dark #page-group-groupings .generaltable .lastcol a:hover .icon:not(.spacer), .theme-dark #page-group-groupings .rolecap .lastcol a:hover .icon:not(.spacer) {
background-color: #0642CD;
color: #D4DEF8;
}
#page-mod-data-field- table .lastcol a.dropdown-item, #page-mod-data-field- .table .lastcol a.dropdown-item, #page-mod-data-field- .generaltable .lastcol a.dropdown-item, #page-mod-data-field- .rolecap .lastcol a.dropdown-item, #page-admin-tool-dataprivacy-defaults table .lastcol a.dropdown-item, #page-admin-tool-dataprivacy-defaults .table .lastcol a.dropdown-item, #page-admin-tool-dataprivacy-defaults .generaltable .lastcol a.dropdown-item, #page-admin-tool-dataprivacy-defaults .rolecap .lastcol a.dropdown-item, #page-group-groupings table .lastcol a.dropdown-item, #page-group-groupings .table .lastcol a.dropdown-item, #page-group-groupings .generaltable .lastcol a.dropdown-item, #page-group-groupings .rolecap .lastcol a.dropdown-item {
display: flex;
}
.admintable .lastcol a:hover, .profilefield .lastcol a:hover {
text-decoration: none;
}
.admintable .lastcol a .icon, .profilefield .lastcol a .icon {
margin: 1px;
padding: 10px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 40px;
background-color: #EEEEEE;
font-size: 0.75rem;
color: #434343;
transition: all 0.2s ease-in-out;
}
.theme-dark .admintable .lastcol a .icon, .theme-dark .profilefield .lastcol a .icon {
filter: invert(1);
}
.admintable .lastcol a:hover .icon, .profilefield .lastcol a:hover .icon {
background-color: #D4DEF8;
color: #0642CD;
}
.theme-dark .admintable .lastcol a:hover .icon, .theme-dark .profilefield .lastcol a:hover .icon {
background-color: #0642CD;
color: #D4DEF8;
}
.tool_policy-user_agreement-actions {
margin-left: 0.35rem;
}
.tool_policy-user_agreement-actions a {
padding: 0.25rem 0.35rem;
}
.tool_policy-user_agreement-actions a small {
font-size: 0.875rem;
font-weight: 500;
}
.tool_policy-user_agreement-status {
margin-left: 0.25rem;
font-size: 0.875rem;
font-weight: 500;
}
#page-report-outline-index .section td {
text-align: left;
}
#page-report-outline-index td.numviews {
text-align: left;
}
#assigningrole tr {
background-color: transparent;
}
#assigningrole tr:hover {
box-shadow: none;
}
.toolmonitor .c1 {
max-width: 400px;
}
#page-admin-tool-monitor-index .singleselect + h3 {
margin: 1rem 0;
}
#page-admin-tool-monitor-index .no-overflow + div {
margin-top: 1rem;
}
#page-admin-tool-policy-acceptances .colselect {
width: auto;
}
#showentrytable .userpic {
min-width: 150px;
}
[data-region="plans"] .float-left {
float: none !important;
}
.path-admin-tool-lp [data-region] .generaltable.fullwidth, .path-admin-tool-lp [data-region] .fullwidth.rolecap {
margin: 2rem 0;
}
.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 {
width: calc(100% - 40px);
display: inline-flex;
padding: 0;
}
.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: #eee8e7;
}
.theme-dark.path-admin-tool-lp [data-region="competencylinktree"] ul [aria-selected="true"] > span, .theme-dark.path-badges [data-region="competencylinktree"] ul [aria-selected="true"] > span, .theme-dark.path-admin-tool-lp [data-region="competencymovetree"] ul [aria-selected="true"] > span, .theme-dark.path-admin-tool-lp [data-region="plans"] ul [aria-selected="true"] > span, .theme-dark.path-admin-tool-lp [data-region="managecompetencies"] ul [aria-selected="true"] > span {
border-color: #2E3134;
background-color: #202124;
}
.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-color: #E1E1E1;
}
.theme-dark.path-admin-tool-lp [data-region="managecompetencies"] ul[data-enhance="tree"], .theme-dark.path-admin-tool-lp [data-region="plans"] ul[data-enhance="tree"], .theme-dark.path-admin-tool-lp [data-region="competencylinktree"] ul[data-enhance="linktree"], .theme-dark.path-badges [data-region="competencylinktree"] ul[data-enhance="linktree"], .theme-dark.path-admin-tool-lp [data-region="competencymovetree"] ul[data-enhance="movetree"] {
border-color: #2E3134;
}
.path-admin-tool-lp [data-region="managecompetencies"] ul li:focus {
outline: none;
}
.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd .competency-tree li img, .path-admin-tool-lp [data-region="managecompetencies"] ul li img {
padding: 4px;
width: 26px;
}
.theme-dark.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd .competency-tree li img, .theme-dark.path-admin-tool-lp [data-region="managecompetencies"] ul li img {
filter: invert(1);
}
.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd .competency-tree li ul li, .path-admin-tool-lp [data-region="managecompetencies"] ul li ul li {
font-size: 0.875rem;
}
[data-region="managecompetencies"] div dl, [data-region="managetemplates"] div dl {
font-size: 0.75rem;
}
[data-region="managecompetencies"] div:empty, [data-region="managetemplates"] div:empty {
display: none;
}
.path-admin-tool-lp [data-region="filtercompetencies"] input {
margin: 0;
}
.path-admin-tool-lp .competency-rule-points input[type="number"] {
width: 70px;
padding-left: 10px;
padding-right: 10px;
}
#id_parentcompetencybutton {
padding: 10px;
background-color: #F5F5F5;
border-radius: 40px;
color: #212121;
font-size: 0.875rem;
}
.theme-dark #id_parentcompetencybutton {
background-color: #17181B;
color: #aeb3b8;
}
#id_parentcompetencybutton .icon {
margin: 0;
}
#id_parentcompetencybutton:hover {
background-color: #eee8e7;
color: #561911;
}
.theme-dark #id_parentcompetencybutton:hover {
background-color: #340f0a;
color: #ddd1cf;
}
.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd ul li:focus {
outline: none;
}
#page-report-progress-index .modicon .icon {
width: 30px;
height: 30px;
font-size: 30px;
}
#page-report-progress-index .rotated-text-container {
width: auto;
}
#page-report-progress-index .rotated-text {
display: inline-flex;
transform: none;
}
#page-report-progress-index .rotated-text:after {
margin-top: 0;
}
#page-report-progress-index .completion-header {
padding: 0;
}
#page-report-progress-index .urlselect {
margin: 0 !important;
}
#page-report-progress-index .include-activity-selector {
margin: 0 !important;
}
#page-report-progress-index .activity-order-selector {
margin: 0 0 0 2rem !important;
}
#page-report-progress-index #page .initialbar {
margin: 10px 0 !important;
}
table.surveytable {
width: 100%;
margin-top: 10px !important;
margin-bottom: 30px;
border-radius: 5px;
background-color: #F5F5F5;
}
.theme-dark table.surveytable {
background-color: #121215;
}
#explaincaps .rolecapheading {
background-color: #EEEEEE;
font-size: 1rem;
}
.theme-dark #explaincaps .rolecapheading {
background-color: #17181B;
}
#explaincaps .cap-name {
color: #555353;
}
.theme-dark #explaincaps .cap-name {
color: #9AA0A6;
}
.webservicestokenui {
padding-top: 0 !important;
}
.webservicestokenui div {
margin-bottom: 1rem;
}
#webservicetokens .missingcaps {
max-width: 300px;
font-size: 0.75rem;
color: #434343;
}
.theme-dark #webservicetokens .missingcaps {
color: #aeb3b8;
}
#builtinservices {
margin-bottom: 2rem;
}
#onesystemcontrol .description, #userasclients .description {
max-width: 600px;
}
#page-admin-tool-messageinbound-index .handler-function {
padding: 0;
font-size: 0.75rem;
}
.messageinboundhandlers td {
vertical-align: top;
}
#backpacklist caption {
font-size: 1rem;
margin-top: 2rem;
margin-bottom: 0.5rem;
}
#predictionmodelslist {
margin-top: 30px;
}
#rssfeeds {
width: 100%;
margin-bottom: 1rem;
}
#rssfeeds .title {
font-size: 1.15rem;
}
#rssfeeds .url {
font-size: 0.875rem;
font-weight: 500;
}
#rssfeeds .description {
margin-top: 0.5rem;
font-size: 1rem;
}
#completion-progress th[scope="row"], #completion-progress .completion-sortchoice {
position: sticky;
top: 0;
left: 0;
z-index: 3;
background-color: rgba(255, 255, 255, 0.2);
backdrop-filter: blur(7px);
-webkit-backdrop-filter: blur(7px);
}
#page-report-progress-index #completion-progress th, #page-report-progress-index #completion-progress td {
min-width: 140px;
width: 140px;
}
#page-report-progress-index #completion-progress th a, #page-report-progress-index #completion-progress td a {
display: block;
text-align: left;
}
#page-report-progress-index #completion-progress td {
padding: 10px;
}
#page-report-progress-index #completion-progress tbody th, #page-report-progress-index #completion-progress tbody td {
vertical-align: middle;
}
#page-report-progress-index .rotated-text {
margin: 0 0 0 10px;
display: block;
font-size: 0.75rem;
line-height: 1.3;
transform: none;
white-space: normal;
word-break: break-word;
}
#page-report-progress-index .rotated-text-container {
display: block;
}
#page-report-progress-index .modicon {
padding-top: 0;
}
#page-report-progress-index .modicon .icon {
margin: 0 0 0 10px;
width: 30px;
height: 30px;
}
.theme-dark #page-report-progress-index .modicon .icon {
filter: invert(0.9);
}
#page-report-progress-index.theme-dark .modicon .icon {
filter: invert(0.9);
}
.completion-expired .completion-expected {
display: inline-flex;
align-items: center;
padding: 0.3rem 0.65rem;
margin-top: 1rem;
font-size: 0.75rem;
font-weight: 500;
text-align: left;
border-radius: 40px;
background-color: #EEF8FF;
color: #406CD2;
}
.theme-dark .completion-expired .completion-expected {
background-color: #406CD2;
color: #EEF8FF;
}
.completion-header {
min-width: 100px;
max-width: 100px;
}
.completion-header a {
display: flow-root;
}
#completion-progress .completion-progresscell a {
display: flex !important;
align-content: center;
justify-content: center;
}
#page-report-progress-index #completion-progress thead th a, #page-report-progress-index #completion-progress thead td a {
display: inline-flex;
width: 100%;
justify-content: flex-start;
align-items: center;
}
#outlinetable .activity {
display: flex;
align-items: center;
width: 300px;
}
#outlinetable .activity .icon {
display: flex;
margin-right: 10px;
margin-bottom: 0;
width: 40px;
height: 40px;
}
#outlinetable td {
min-width: 200px;
}
#roles .c1 {
max-width: 260px;
font-size: 0.75rem;
color: #434343;
}
.theme-dark #roles .c1 {
color: #aeb3b8;
}
.iconsort {
margin: 2px;
padding: 5px;
width: 20px;
height: 20px;
background-color: #F5F5F5;
border-radius: 40px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.iconsort:hover {
background-color: #eee8e7;
}
.theme-dark .iconsort:hover {
background-color: #340f0a;
}
.toolmonitor {
margin-top: 1rem;
}
#page-admin-tool-monitor-index .main-content .singleselect {
margin-bottom: 1rem;
}
.theme-dark table th, .theme-dark table td {
border-color: #2E3134;
}
#participants td {
font-size: 0.75rem;
}
.theme-dark th .rui-icon {
filter: invert(1);
}
.preferences-container .preference-table th {
font-size: 0.875rem;
font-weight: 700;
}
.preferences-container .preference-table .custom-control {
min-height: auto;
}
.preferences-container .preference-table .custom-switch {
margin: 0;
}
.singlebutton {
display: inline-block;
}
.singlebutton + .singlebutton {
margin-left: 0.5rem;
}
.singlebutton + .btn-link, [data-fieldtype="submit"] .singlebutton + a, .cancel .singlebutton + a, #page-mod-quiz-report .singlebutton + .gradetheselink {
margin-left: 0.35rem;
}
.continuebutton {
text-align: right;
}
p.arrow_button {
margin-top: 5em;
text-align: center;
}
#addcontrols {
margin-top: 38px;
text-align: center;
}
#addcontrols label {
display: inline;
}
#removecontrols {
margin-top: 10px;
}
#addcontrols input, #removecontrols input {
width: 100%;
margin: auto;
}
.btn-lineup {
margin: 0 0 10px 5px;
}
.btn.btn-icon {
height: 40px;
width: 40px;
font-size: 20px;
line-height: 20px;
padding: 0;
border-radius: 5px;
flex-shrink: 0;
justify-content: center;
}
.action-menu .btn.btn-icon {
width: auto;
font-size: 0.875rem;
}
.action-menu.dropdown-btn .btn.btn-icon {
background-color: transparent;
}
.sticky-header-settings-menu .btn.btn-icon, #headerBtn .btn.btn-icon {
padding: 0;
height: 40px;
width: 40px;
}
.rui-activity-actions .btn.btn-icon {
width: auto;
height: 40px;
padding: 0 1rem;
font-size: 0.875rem;
}
.rui-activity-actions .btn.btn-icon:hover, .rui-activity-actions .btn.btn-icon:focus {
background-color: #EEEEEE;
}
.theme-dark .rui-activity-actions .btn.btn-icon:hover, .theme-dark .rui-activity-actions .btn.btn-icon:focus {
background-color: #17181B;
}
.btn.btn-icon.icon-size-0 {
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 {
height: 25px !important;
/* stylelint-disable-line declaration-no-important */
width: 25px !important;
/* stylelint-disable-line declaration-no-important */
font-size: 5px !important;
/* stylelint-disable-line declaration-no-important */
line-height: 5px !important;
/* stylelint-disable-line declaration-no-important */
}
.btn.btn-icon.icon-size-2 {
height: 30px !important;
/* stylelint-disable-line declaration-no-important */
width: 30px !important;
/* stylelint-disable-line declaration-no-important */
font-size: 10px !important;
/* stylelint-disable-line declaration-no-important */
line-height: 10px !important;
/* stylelint-disable-line declaration-no-important */
}
.btn.btn-icon.icon-size-3 {
height: 40px !important;
/* stylelint-disable-line declaration-no-important */
width: 40px !important;
/* stylelint-disable-line declaration-no-important */
font-size: 20px !important;
/* stylelint-disable-line declaration-no-important */
line-height: 20px !important;
/* stylelint-disable-line declaration-no-important */
}
.btn.btn-icon.icon-size-4 {
height: 50px !important;
/* stylelint-disable-line declaration-no-important */
width: 50px !important;
/* stylelint-disable-line declaration-no-important */
font-size: 30px !important;
/* stylelint-disable-line declaration-no-important */
line-height: 30px !important;
/* stylelint-disable-line declaration-no-important */
}
.btn.btn-icon.icon-size-5 {
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-6 {
height: 70px !important;
/* stylelint-disable-line declaration-no-important */
width: 70px !important;
/* stylelint-disable-line declaration-no-important */
font-size: 50px !important;
/* stylelint-disable-line declaration-no-important */
line-height: 50px !important;
/* stylelint-disable-line declaration-no-important */
}
.btn.btn-icon.icon-size-7 {
height: 80px !important;
/* stylelint-disable-line declaration-no-important */
width: 80px !important;
/* stylelint-disable-line declaration-no-important */
font-size: 60px !important;
/* stylelint-disable-line declaration-no-important */
line-height: 60px !important;
/* stylelint-disable-line declaration-no-important */
}
.btn-icon--xs {
width: 30px;
height: 30px;
font-size: 20px;
line-height: 20px;
padding: 0;
border-radius: 50%;
flex-shrink: 0;
}
.btn-icon--xs:hover, .btn-icon--xs:focus {
background-color: #EEEEEE;
}
.theme-dark .btn-icon--xs:hover, .theme-dark .btn-icon--xs:focus {
background-color: #17181B;
}
.btn--topbar {
/*margin-right: -20px;*/
color: #434343;
}
.theme-dark .btn--topbar {
color: #aeb3b8;
}
.btn--topbar:hover {
background-color: #F5F5F5;
color: #212121;
}
.theme-dark .btn--topbar:hover {
background-color: #121215;
color: #E8EAED;
}
.settings-menu form {
margin: 0;
}
.btn .loading-icon img {
width: 14px;
height: 14px;
}
.gradetreebox h4 {
font-size: 1rem;
}
.theme-dark .gradetreebox h4 .icon {
filter: invert(1);
}
.gradetreebox input[type=text] {
min-width: 120px;
}
.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 {
overflow-x: visible;
min-width: 100%;
width: auto;
display: inline-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 .gradeparent .user.cell .username {
display: inline-flex;
align-items: center;
}
.path-grade-report-grader .gradeparent .user.cell .username .userinitials {
margin-right: 0.5rem;
}
.path-grade-report-grader .gradeparent .user.cell .userpicture {
display: flex;
}
.path-grade-report-grader .header, .path-grade-report-grader td.userfield div {
padding: 2px 0;
}
.path-grade-report-grader .gradepass, .path-grade-report-user .gradepass {
color: #561911;
}
.path-grade-report-grader .gradefail, .path-grade-report-user .gradefail {
color: #ef1010;
}
#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: flex;
gap: 10px;
border: 1px solid #E1E1E1;
border-radius: 5px;
padding: 20px;
margin: 1rem 0 30px;
}
#page-grade-grading-manage .actions .action {
padding: 0.6rem 1rem;
font-size: 0.75rem;
}
#page-grade-grading-manage .actions .action .action-text {
position: relative;
font-size: 0.875rem;
white-space: normal;
}
#page-grade-grading-manage .actions .action .icon {
display: none;
}
#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: #ccbab8;
}
.gradingform_rubric.evaluate .criterion .levels .level.checked {
border: none;
border-left: 1px solid #E1E1E1;
}
.gradingform_rubric .criterion .description {
vertical-align: top;
padding: 6px;
}
.gradingform_rubric .criterion .description textarea {
margin-bottom: 0;
height: 115px;
}
.gradingform_rubric .criterion .definition {
padding: 2px;
font-size: 0.875rem;
}
.gradingform_rubric .criterion .definition textarea {
width: 80%;
margin-bottom: 0;
}
.gradingform_rubric .criterion .score {
position: relative;
margin: 10px 0;
text-align: center;
color: #561911;
}
.gradingform_rubric .criterion .score input {
margin-bottom: 0;
}
.gradingform_rubric .criterion .level {
vertical-align: top;
padding: 6px;
}
.gradingform_rubric .criterion .level.currentchecked {
background: #eee8e7;
}
.gradingform_rubric .criterion .level.checked {
background: #ccbab8;
border: 1px solid #E1E1E1;
}
.gradingform_rubric .criterion .level .delete {
position: relative;
width: 100%;
height: 40px;
margin-top: 5px;
}
.gradingform_rubric .criterion .level .delete input {
display: block;
position: absolute;
right: 0;
bottom: 0;
height: 40px;
width: 100%;
border-radius: 5px;
margin: 0;
}
.gradingform_rubric .criterion .level .delete input:hover {
background-color: #fbc8c8;
}
.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/space/core/1752943723/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;
}
.gradetree-wrapper {
padding: 10px 10px;
background-color: #F5F5F5;
}
.theme-dark .gradetree-wrapper {
background-color: #121215;
}
.gradetree-wrapper .grade_icons .icon {
width: 20px;
height: 20px;
padding: 3px;
border-radius: 30px;
background-color: #F5F5F5;
}
.theme-dark .gradetree-wrapper .grade_icons .icon {
filter: invert(1);
}
.gradetree-wrapper .setup-grades h4 {
margin: 0;
}
.gradetree-wrapper .setup-grades h4 .icon {
padding: 4px;
background-color: #F5F5F5;
border-radius: 5px;
}
.gradetree-wrapper .setup-grades .column-rowspan {
padding: 0;
width: 24px;
min-width: 24px;
max-width: 24px;
}
.gradetree-wrapper .setup-grades .emptyrow {
display: none;
}
.gradetree-wrapper .setup-grades .gradeitemdescription {
font-weight: normal;
padding-left: 24px;
}
.gradetree-wrapper .setup-grades.generaltable tr.spacer, .gradetree-wrapper .setup-grades.rolecap tr.spacer {
height: 0.5rem;
}
.gradetree-wrapper .setup-grades.generaltable tr[data-hidden="true"], .gradetree-wrapper .setup-grades.rolecap tr[data-hidden="true"] {
display: none;
}
.gradetree-wrapper .setup-grades.generaltable tr th, .gradetree-wrapper .setup-grades.rolecap tr th {
vertical-align: bottom;
border: none;
text-align: left;
background-color: #F5F5F5;
}
.theme-dark .gradetree-wrapper .setup-grades.generaltable tr th, .theme-dark .gradetree-wrapper .setup-grades.rolecap tr th {
background-color: #121215;
}
.gradetree-wrapper .setup-grades.generaltable tr th.rowspan, .gradetree-wrapper .setup-grades.rolecap tr th.rowspan {
padding: 0;
width: 24px;
min-width: 24px;
}
.gradetree-wrapper .setup-grades.generaltable tr td, .gradetree-wrapper .setup-grades.rolecap tr td {
min-width: 4.5em;
background-color: #F5F5F5;
border: none;
vertical-align: middle;
}
.theme-dark .gradetree-wrapper .setup-grades.generaltable tr td, .theme-dark .gradetree-wrapper .setup-grades.rolecap tr td {
background-color: #121215;
}
.gradetree-wrapper .setup-grades.generaltable tr td.column-name, .gradetree-wrapper .setup-grades.rolecap tr td.column-name {
padding-left: 38px;
}
.gradetree-wrapper .setup-grades.generaltable tr td.column-name .small, .gradetree-wrapper .setup-grades.rolecap tr td.column-name .small {
font-size: 70%;
}
.gradetree-wrapper .setup-grades.generaltable tr td.column-name .itemicon, .gradetree-wrapper .setup-grades.rolecap tr td.column-name .itemicon {
font-size: 18px;
width: 18px;
height: 18px;
}
.gradetree-wrapper .setup-grades.generaltable tr td.column-weight, .gradetree-wrapper .setup-grades.rolecap tr td.column-weight {
min-width: 15em;
}
.gradetree-wrapper .setup-grades.generaltable tr td.column-weight .weightoverride, .gradetree-wrapper .setup-grades.rolecap tr td.column-weight .weightoverride {
margin-right: 5px;
}
.gradetree-wrapper .setup-grades.generaltable tr td.column-actions .dropdown-toggle::after, .gradetree-wrapper .setup-grades.rolecap tr td.column-actions .dropdown-toggle::after {
display: none;
}
.gradetree-wrapper .setup-grades.generaltable tr td.movehere, .gradetree-wrapper .setup-grades.rolecap tr td.movehere {
padding: 0;
}
.gradetree-wrapper .setup-grades.generaltable tr td.movehere a.movehere, .gradetree-wrapper .setup-grades.rolecap tr td.movehere a.movehere {
display: block;
width: 100%;
margin: 5px 0 5px 0;
padding: 3px 0 3px 0;
}
.gradetree-wrapper .setup-grades.generaltable tr td.movehere a.movehere hr, .gradetree-wrapper .setup-grades.rolecap tr td.movehere a.movehere hr {
border-top: 2px dashed #b2b2b2;
margin: 0;
}
.theme-dark .gradetree-wrapper .setup-grades.generaltable tr td.movehere a.movehere hr, .theme-dark .gradetree-wrapper .setup-grades.rolecap tr td.movehere a.movehere hr {
background-color: #2E3134;
}
.gradetree-wrapper .setup-grades.generaltable tr td.movehere a.movehere:hover hr, .gradetree-wrapper .setup-grades.rolecap tr td.movehere a.movehere:hover hr {
border-top: 2px dashed #406CD2;
}
.gradetree-wrapper .setup-grades.generaltable tr.category td, .gradetree-wrapper .setup-grades.rolecap tr.category td {
background-color: white;
border-top: 1px solid #E1E1E1;
border-bottom: 1px solid #E1E1E1;
}
.theme-dark .gradetree-wrapper .setup-grades.generaltable tr.category td, .theme-dark .gradetree-wrapper .setup-grades.rolecap tr.category td {
background-color: #121215 !important;
border-color: #2E3134 !important;
}
.gradetree-wrapper .setup-grades.generaltable tr.category td:first-child, .gradetree-wrapper .setup-grades.rolecap tr.category td:first-child {
border-left: 1px solid #E1E1E1;
}
.theme-dark .gradetree-wrapper .setup-grades.generaltable tr.category td:first-child, .theme-dark .gradetree-wrapper .setup-grades.rolecap tr.category td:first-child {
border-color: #2E3134;
}
.gradetree-wrapper .setup-grades.generaltable tr.category td:last-child, .gradetree-wrapper .setup-grades.rolecap tr.category td:last-child {
border-right: 1px solid #E1E1E1;
}
.theme-dark .gradetree-wrapper .setup-grades.generaltable tr.category td:last-child, .theme-dark .gradetree-wrapper .setup-grades.rolecap tr.category td:last-child {
border-color: #2E3134;
}
.gradetree-wrapper .setup-grades.generaltable tr.category td.column-name, .gradetree-wrapper .setup-grades.rolecap tr.category td.column-name {
padding-left: 10px;
font-weight: 700;
}
.gradetree-wrapper .setup-grades.generaltable tr.category td.column-name div, .gradetree-wrapper .setup-grades.rolecap tr.category td.column-name div {
display: flex;
min-height: 30px;
align-items: center;
}
.gradetree-wrapper .setup-grades.generaltable tr.category td.column-name div a.toggle-category, .gradetree-wrapper .setup-grades.rolecap tr.category td.column-name div a.toggle-category {
height: 24px;
width: 24px;
font-size: 12px;
line-height: 24px;
margin-right: 3px;
}
.gradetree-wrapper .setup-grades.generaltable tr.category td.column-name div a.toggle-category[aria-expanded="true"] .expanded, .gradetree-wrapper .setup-grades.rolecap tr.category td.column-name div a.toggle-category[aria-expanded="true"] .expanded, .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name div a.toggle-category[aria-expanded="false"] .collapsed, .gradetree-wrapper .setup-grades.rolecap tr.category td.column-name div a.toggle-category[aria-expanded="false"] .collapsed {
display: none;
}
.gradetree-wrapper .setup-grades.generaltable tr.category td.column-name div a.toggle-category i, .gradetree-wrapper .setup-grades.rolecap tr.category td.column-name div a.toggle-category i {
font-size: 12px;
width: 12px;
height: 12px;
color: #212121;
margin: 0;
}
.theme-dark .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name div a.toggle-category i, .theme-dark .gradetree-wrapper .setup-grades.rolecap tr.category td.column-name div a.toggle-category i {
color: #E8EAED !important;
}
.gradetree-wrapper .setup-grades.generaltable tr.item td, .gradetree-wrapper .setup-grades.rolecap tr.item td {
background-color: white;
border-top: 3px solid #F5F5F5;
}
.theme-dark .gradetree-wrapper .setup-grades.generaltable tr.item td, .theme-dark .gradetree-wrapper .setup-grades.rolecap tr.item td {
background-color: #121215 !important;
border-color: #2E3134 !important;
}
.gradetree-wrapper .setup-grades.generaltable tr.item.categoryitem td, .gradetree-wrapper .setup-grades.rolecap tr.item.categoryitem td, .gradetree-wrapper .setup-grades.generaltable tr.item.courseitem td, .gradetree-wrapper .setup-grades.rolecap tr.item.courseitem td {
min-width: 4.5em;
background-color: #F5F5F5;
border: none;
vertical-align: middle;
}
.gradetree-wrapper .setup-grades.generaltable tr.item.categoryitem td.column-name, .gradetree-wrapper .setup-grades.rolecap tr.item.categoryitem td.column-name, .gradetree-wrapper .setup-grades.generaltable tr.item.courseitem td.column-name, .gradetree-wrapper .setup-grades.rolecap tr.item.courseitem td.column-name {
padding-left: 0;
}
.gradetree-wrapper .setup-grades.generaltable tr.item.categoryitem td:not(.column-actions), .gradetree-wrapper .setup-grades.rolecap tr.item.categoryitem td:not(.column-actions), .gradetree-wrapper .setup-grades.generaltable tr.item.courseitem td:not(.column-actions), .gradetree-wrapper .setup-grades.rolecap tr.item.courseitem td:not(.column-actions) {
font-weight: 700;
}
.gradetree-wrapper .badge-light, .gradetree-wrapper .form-defaultinfo, .gradetree-wrapper .rui-backup-progress .backup_stage, .rui-backup-progress .gradetree-wrapper .backup_stage {
margin-right: 0.5em;
margin-bottom: 0.5em;
}
td.movehere a.movehere {
display: block;
width: 100%;
height: 2rem;
border: 2px dashed #561911;
background-color: #eee8e7;
border-radius: 5px;
}
.theme-dark td.movehere a.movehere {
border: 2px dashed #9AA0A6;
background-color: #202124;
}
/**
* Grader report.
*/
.column-name .gradeitemheader, .column-itemname .gradeitemheader {
display: flex;
align-items: center;
}
.column-name .gradeitemheader .icon.itemicon, .column-itemname .gradeitemheader .icon.itemicon {
margin-right: 0.5rem;
width: 30px;
height: 30px;
}
.column-name .gradeitemheader {
margin-left: 3px;
}
.path-grade-report-grader .heading .gradeitemheader {
line-height: 1.3;
}
.drawer-courseindex--open .gradeparent, .drawer-open-index--open .gradeparent, .drawer-open-left .gradeparent {
width: calc(100vw - 460px);
max-width: calc(100vw - 460px);
}
.search-input-group .search-input-icon, .path-grade-report-grader .usersearchwidget button, .path-grade-report-grader .usersearchwidget a {
z-index: 3;
}
/**
* 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: #E1E1E1;
}
.path-grade-report-grader .gradeparent table div, .path-grade-report-grader .gradeparent .cell div {
align-items: center;
}
.path-grade-report-grader .gradeparent .heading .cell, .path-grade-report-grader .gradeparent .cell.category, .path-grade-report-grader .gradeparent .avg .cell {
background-color: #F5F5F5;
}
.path-grade-report-grader .gradeparent table .clickable {
cursor: pointer;
}
.path-grade-report-grader .gradeparent tr.heading {
position: sticky;
top: 0;
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 {
position: sticky;
bottom: -1px;
}
.path-grade-report-grader .gradeparent tr.lastrow.pinned {
z-index: 4;
}
.path-grade-report-grader .gradeparent tr.lastrow td, .path-grade-report-grader .gradeparent tr.lastrow th {
border-top: 1px solid #E1E1E1;
}
.path-grade-report-grader .gradeparent th.header {
position: sticky;
}
@media (max-width: 767.98px) {
.path-grade-report-grader .gradeparent th.header {
left: 0;
}
}
@media (min-width: 768px) {
.path-grade-report-grader .gradeparent th.header {
left: -80px;
}
}
.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 .show-drawer-left .gradeparent th.header {
left: -80px;
}
.theme-dark.path-grade-report-grader .gradeparent tr .cell, .theme-dark.path-grade-report-grader .gradeparent .floater .cell {
background-color: #191a1e;
}
.theme-dark.path-grade-report-grader .gradeparent table, .theme-dark.path-grade-report-grader .gradeparent .cell {
border-color: #2E3134;
}
.theme-dark.path-grade-report-grader .gradeparent .heading .cell, .theme-dark.path-grade-report-grader .gradeparent .cell.category, .theme-dark.path-grade-report-grader .gradeparent .avg .cell {
background-color: #121215;
}
.theme-dark.path-grade-report-grader tr.lastrow td, .theme-dark.path-grade-report-grader tr.lastrow th {
border-top: 1px solid #2E3134;
}
/**
* User report.
*/
.path-grade-report-user .user-grade {
border: none;
}
.path-grade-report-user .user-grade.generaltable .levelodd, .path-grade-report-user .user-grade.rolecap .levelodd {
background-color: rgba(0, 0, 0, 0.025);
}
.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 input[name^="finalgrade"] {
width: 80px;
}
/* Table */
.scale_options {
font-size: 0.75rem;
color: #555353;
}
.theme-dark .scale_options {
color: #9AA0A6;
}
/* Modal */
.usp-results-count {
padding: 0.5rem 0;
font-size: 0.875rem;
font-weight: 700;
text-align: left;
}
.gradereport_history_usp .usp-finish {
padding: 7px 0 0;
}
.gradereport_history_usp .usp-finish input {
width: 100%;
}
.gradereport_history_usp .usp-search-field {
text-align: left;
}
.gradereport_history_usp .usp-search {
text-align: left;
}
.gradereport_history_usp .usp-search input {
width: auto;
display: inline-flex;
}
.gradereport_history_usp .usp-search input[type="submit"] {
margin-left: 0.35rem;
}
.gradereport_history_usp .usp-user .details {
font-size: 0.875rem;
}
.gradereport_history_usp .usp-user .details .userpicture {
border-radius: 5px;
}
.gradereport_history_usp .usp-user .details .fullname label {
font-weight: 700;
}
.path-mod-assign [data-region="grade-panel"] .gradingform_rubric .criterion .remark textarea {
min-width: 200px;
min-height: 70px;
}
#page-grade-grading-pick .templatesearchform {
margin-bottom: 2rem;
}
#page-grade-grading-pick h2 + .singlebutton {
margin-top: 1rem;
}
#page-grade-grading-form-rubric-edit .options, .gradingform_guide .options {
margin-top: 2rem;
}
.gradingform_guide .options .optionsheading {
padding-bottom: 1rem;
font-size: 0.875rem;
}
.gradingform_guide .options .option label {
margin-bottom: 0;
}
.gradingform_guide .commentheader {
margin-top: 2rem;
}
.gradingform_guide .criterion label {
font-size: 0.875rem;
margin: 1rem 0 0.5rem 0;
}
.gradingform_rubric {
width: 100%;
}
.gradingform_rubric .criteria {
overflow: auto;
}
#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .scorevalue input, .gradingform_guide .criterion .description .criterionmaxscore input {
width: 100% !important;
}
.gradingform_rubric .criterion .levels .level .score {
font-size: 1rem;
font-style: normal;
font-weight: 500;
white-space: normal;
color: #005742;
background-color: #D1ECC0;
display: block !important;
padding: 2px 5px;
border-radius: 3px;
}
.gradingform_rubric .criterion .level {
width: 150px !important;
font-size: 0.875rem;
}
.gradingform_rubric.editor .criterion .controls, .gradingform_rubric .criterion .description, .gradingform_rubric.editor .criterion .addlevel, .gradingform_rubric .criterion .remark, .gradingform_rubric .criterion .levels .level {
padding: 10px;
}
.gradingform_rubric .criterion .levels .level {
min-width: 120px;
}
.gradingform_rubric .criterion, .gradingform_rubric .criterion .levels .level {
border-color: #E1E1E1;
}
.theme-dark .gradingform_rubric .criterion, .theme-dark .gradingform_rubric .criterion .levels .level {
border-color: #2E3134;
}
.gradingform_guide.editor .criterion .controls .delete input, .gradingform_guide.editor .moveup input, .gradingform_guide.editor .movedown input, .gradingform_rubric.editor .criterion .controls .delete input, .gradingform_rubric.editor .criterion .controls .duplicate input, .gradingform_rubric.editor .movedown input, .gradingform_rubric.editor .moveup input {
background-color: #F5F5F5;
border-radius: 5px;
margin: 0.25rem;
}
.gradingform_rubric.editor .levels .level .delete input, .gradingform_rubric.editor .criterion .controls .delete input, .gradingform_guide.editor .criterion .controls .delete input {
width: 100%;
height: 40px;
background: #feeded url(/theme/image.php/space/theme/1752943723/mod/workshop/userplan/task-fail) no-repeat center center;
}
.gradingform_rubric.editor .levels .level .delete input:hover, .gradingform_rubric.editor .criterion .controls .delete input:hover, .gradingform_guide.editor .criterion .controls .delete input:hover {
background: #fbc8c8 url(/theme/image.php/space/theme/1752943723/mod/workshop/userplan/task-fail) no-repeat center center;
}
.controls .delete input {
max-width: 40px;
}
.gradingform_rubric.editor .moveup input, .gradingform_guide.editor .moveup input {
width: 40px;
height: 40px;
background: #F5F5F5 url(/theme/image.php/space/theme/1752943723/space/icon-arrow-up) no-repeat center center;
}
.gradingform_rubric.editor .movedown input, .gradingform_guide.editor .movedown input {
width: 40px;
height: 40px;
background: #F5F5F5 url(/theme/image.php/space/theme/1752943723/space/icon-arrow-down) no-repeat center center;
}
.gradingform_rubric.editor .criterion .controls .duplicate input {
width: 40px;
height: 40px;
background: #F5F5F5 url(/theme/image.php/space/theme/1752943723/space/icon-copy) no-repeat center center;
}
.gradingform_rubric .criteria {
overflow: auto;
margin-bottom: 30px;
}
.col-md-9 .gradingform_rubric .criteria {
margin-bottom: 0;
}
#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input, #rubric-rubric.gradingform_rubric .addcriterion, #rubric-rubric.gradingform_rubric .addcriterion input, .gradingform_rubric.editor .addlevel input, .gradingform_guide.editor .addcriterion input, .gradingform_guide.editor .addcomment input {
background-image: none;
background-color: #561911;
color: #eee8e7;
font-weight: 500;
font-size: 0.875rem;
margin: 0.5rem 0;
height: auto;
line-height: inherit;
}
.addlevel .btn {
width: max-content;
}
#rubric-rubric.gradingform_rubric .addcriterion input {
padding-left: 15px;
padding-right: 15px;
}
.gradingform_rubric .plainvalue.empty, .gradingform_guide .plainvalue.editname, .gradingform_guide .plainvalue.empty {
background: #FDF6EA url(/theme/image.php/space/theme/1752943723/space/icon-edit) no-repeat 20px;
background-size: 14px;
padding: 10px 10px 10px 50px;
font-size: 0.875rem;
font-style: normal;
color: #434343;
}
.gradingform_guide .plainvalue.editname {
font-size: 1rem;
}
#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .scorevalue input.hiddenelement, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .scorevalue input.pseudotablink, .gradingform_guide.editor .pseudotablink {
height: 0;
}
.gradingform_rubric .criterion.even, .gradingform_guide .criterion.even {
background: transparent;
}
.gradingform_rubric .criterion {
border-width: 0 0 2px 0;
border-color: #E1E1E1;
border-style: solid;
}
.gradingform_guide.editor .criterion .description {
padding: 1rem;
}
.gradingform_guide.editor .criterion .controls {
padding: 0;
}
#guide-comments textarea, #guide-criteria textarea {
min-height: 100px;
}
.path-mod-assign .quickgrade {
display: inline-flex;
width: auto;
}
.path-mod-assign tr.unselectedrow td.c7 {
font-size: 0.75rem;
}
.path-mod-assign tr.unselectedrow td.c8 {
max-width: 320px;
font-size: 0.75rem;
}
.grade-navigation {
margin-top: 30px;
margin-bottom: 30px;
}
.rui-grader-toolbar .active {
background-color: #eee8e7;
}
.theme-dark .rui-grader-toolbar .active {
background-color: #2b0d09;
}
#guide-criteria label {
padding-top: 1rem;
display: block;
border-top: 1px solid #E1E1E1;
color: #434343;
}
#guide-criteria .criteriondescriptionmarkers {
width: auto;
}
.gradingform_rubric_editform .status, .gradingform_guide_editform .status {
display: inline-flex;
align-items: center;
padding: 0.35rem 0.85rem;
font-size: 0.75rem;
font-weight: 500;
border-radius: 40px;
text-transform: none;
border: none;
}
#page-grade-edit-letter-index .mdl-align {
text-align: left;
}
.gradereport-grader-table .user.cell {
position: sticky;
left: -80px;
z-index: 3;
}
.path-grade-report-grader .gradeparent table {
border: 0;
}
#page-grade-report-overview-index .main-content .generaltable, #page-grade-report-overview-index .main-content .rolecap {
margin-bottom: 0;
}
#page-grade-report-overview-index .main-content .generaltable td, #page-grade-report-overview-index .main-content .rolecap td, #page-grade-report-overview-index .main-content .generaltable th, #page-grade-report-overview-index .main-content .rolecap th {
padding: 0.75rem 0;
}
#page-grade-report-overview-index .main-content .generaltable tr:hover, #page-grade-report-overview-index .main-content .rolecap tr:hover {
background-color: transparent;
border-color: #ddd1cf;
}
#page-grade-report-overview-index .main-content .rui-page-title--page, #page-grade-report-overview-index .main-content .rui-page-title--avatar {
display: none;
}
.path-grade-report-singleview div.reporttable {
text-align: left;
}
.theme-dark.path-grade-report-singleview div.reporttable {
background-color: #121215;
color: #E8EAED;
}
.theme-dark.path-grade-report-singleview .reporttable tbody tr, .theme-dark.path-grade-report-singleview .reporttable tbody tr:nth-of-type(odd), .theme-dark.path-grade-report-singleview .reporttable tbody tr:hover {
background-color: #17181B;
color: #E8EAED;
border-color: #2E3134;
}
.path-grade-report-singleview .overrideexcludecheck {
width: 16px !important;
height: 16px !important;
padding: 5px;
border-radius: 20px;
background-color: #D1ECC0;
}
.path-grade-report-singleview .reporttable tbody th .itemicon {
margin-right: 0.35rem;
width: 36px;
height: 36px;
}
.path-grade-report-singleview .reporttable .category {
font-size: 0.75rem;
color: #555353;
}
.pagelayout-redirect #page {
max-width: 400px;
margin: 30px auto;
padding: 20px;
}
.path-mod-assign [data-region="review-panel"].collapsed + [data-region="grade-panel"] [data-region="grade"], .path-mod-assign [data-region="grade-panel"].fullwidth [data-region="grade"] {
max-width: calc(100% - 40px);
/* increasing the width of the screen*/
margin-left: auto;
margin-right: auto;
}
.path-mod-assign [data-region="grade-panel"] .gradingform_rubric .criterion .description {
width: 20%;
/* reduces the size of the criterion description from 50% to 20%*/
}
.path-mod-assign [data-region="grade-panel"] .gradingform_rubric {
margin-top: 20px;
}
.path-mod-assign [data-region="grade-panel"].fullwidth {
left: 0;
width: calc(100% - 40px);
overflow: auto;
}
.gradingform_rubric .criterion .description {
max-width: 300px;
}
#graded_users_selector {
margin-top: 30px;
}
.path-grade-report .main-content .itemnav {
max-width: 260px;
}
.path-grade-report .main-content .previtem {
text-align: left;
}
.path-grade-report .main-content .nextitem {
text-align: right;
}
.theme-dark.path-mod-assign td.submissionnotgraded, .theme-dark.path-mod-assign div.submissionnotgraded {
color: #E8EAED;
}
.currentstampbutton img {
text-indent: -9999px;
}
.search-widget .btn {
padding: 2px !important;
}
.search-widget .userinitials:empty {
display: block;
}
.search-widget .user-info {
padding: 10px 16px;
}
.search-widget .dropdown-menu {
min-height: 50px;
}
@media (min-width: 768px) {
.path-grade-report-grader .initialsdropdown {
min-width: 460px;
}
}
.path-grade-report-grader .grade_type_value .grade_icons .icon {
background-color: #FDF6EA;
display: flex;
align-items: center;
justify-content: center;
padding: 5px;
width: 16px;
height: 16px;
border-radius: 30px;
}
.theme-dark.path-grade-report-grader .grade_type_value .grade_icons .icon {
background-color: #EEEEEE;
filter: invert(1);
}
.path-grade-report-user .user-report-container, .grade-report-user .user-report-container, .gradereport_history_usp .usp-user:nth-child(odd) {
background-color: #F5F5F5;
}
.theme-dark.path-grade-report-user .user-grade thead th, .grade-report-user .user-grade thead th, .theme-dark.path-grade-report-user .user-grade td.category, .grade-report-user .user-grade td.category, .theme-dark.path-grade-report-user .user-report-container, .theme-dark .grade-report-user .user-report-container, .theme-dark.path-grade-report-user .user-grade tbody tr, .theme-dark.path-grade-report-user .user-grade td, .grade-report-user .user-grade td, .grade-report-user .user-grade tbody tr, .theme-dark .gradereport_history_usp .usp-user:nth-child(odd) {
background-color: #121215;
}
.path-grade-report-user .user-report-container, .grade-report-user .user-report-container, .gradereport_history_usp .usp-user, .gradereport_history_usp .usp-ajax-content {
border-color: #E1E1E1;
}
.theme-dark.path-grade-report-user .user-report-container, .theme-dark .grade-report-user .user-report-container, .theme-dark .gradereport_history_usp .usp-user, .theme-dark .gradereport_history_usp .usp-ajax-content {
border-color: #2E3134;
}
.gradereport_history_usp .usp-user .details {
padding: 6px 10px;
}
.extrafields {
font-size: 0.75rem;
}
.searchresultitemscontainer {
margin: 0;
}
.path-grade-report-singleview .overrideexcludecheck {
width: 24px;
height: 24px;
}
.path-grade-report-singleview .report-navigation .container, .path-grade-report-user .user-navigation .container {
max-width: 100%;
width: 100%;
}
.searchresultitemscontainer .userpicture {
width: 40px !important;
height: 40px !important;
}
.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: transparent;
color: inherit;
border: inherit;
text-shadow: none;
padding: 8px;
white-space: normal;
display: block;
font-size: inherit;
line-height: inherit;
text-align: inherit;
}
.file-picker td.label {
display: table-cell;
text-align: right;
}
.choosercontainer #chooseform .option label {
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?
*/
li.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
*/
.forum-post .row {
margin-left: 0 !important;
/* stylelint-disable-line declaration-no-important */
}
.forum-post .row:before, .forum-post .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;
}
.rui-topbar.fixed-top .dropdown .dropdown-menu {
max-height: calc(100vh - 59px);
overflow-y: auto;
}
.page-item.active .page-link, .page-item.active .page-link:hover, .page-item.active .page-link:focus {
z-index: inherit;
}
/* Force positioning of popover arrows.
*
* The Css prefixer used in Moodle does not support complex calc statements used
* in Bootstrap 4 CSS. For example:
* calc((0.5rem + 1px) * -1); is stripped out by lib/php-css-parser/Parser.php.
* See MDL-61879. For now the arrow positions of popovers are fixed until this is resolved.
*/
.bs-popover-right .arrow, .bs-popover-auto[x-placement^="right"] .arrow {
left: -9px;
}
.bs-popover-left .arrow, .bs-popover-auto[x-placement^="left"] .arrow {
right: -9px;
}
.bs-popover-top .arrow, .bs-popover-auto[x-placement^="top"] .arrow {
bottom: -9px;
}
.bs-popover-bottom .arrow, .bs-popover-auto[x-placement^="bottom"] .arrow {
top: -9px;
}
.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-content .card {
border: none;
}
body.reset-style .page-header-content .card .page-header-headings h1 {
margin-bottom: 0;
}
@media (max-width: 767.98px) {
body.reset-style .page-header-content .card .card-body {
padding-left: 0;
padding-right: 0;
}
}
body.reset-style .page-header-content > 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% - 435px);
}
@media (max-width: 1599.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: 1599.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) {
border-radius: 40px;
}
body.behat-site .fixed-top {
position: absolute;
}
body.behat-site .dropdown-item {
margin-top: 4px !important;
/* stylelint-disable declaration-no-important */
}
body.behat-site.drawer-ease {
transition: initial;
}
body.behat-site [data-region="drawer"] {
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;
}
body.behat-site .custom-control-label::before, body.behat-site .custom-control-label::after {
content: none;
}
.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: 700;
}
.phpinfo .h {
background-color: #99c;
font-weight: 700;
}
/**
* This file contains the styles required to make the footer sticky.
*/
html, body {
height: 100%;
}
.stickyfooter {
width: max-content;
max-width: calc(100% - 40px);
display: flex;
flex-wrap: wrap;
transition: all 350ms ease;
background-color: #fff;
border-top: none !important;
left: 20px;
right: 20px;
border-radius: 5px;
box-shadow: rgba(0, 0, 0, 0.26) 0 9px 16px, rgba(0, 0, 0, 0.2) 0 2px 3px;
z-index: 1230;
}
@media (min-width: 768px) {
.stickyfooter {
height: 60px;
bottom: calc(60px * -1);
}
}
@media (max-width: 767.98px) {
.stickyfooter {
height: 162px;
bottom: -200px;
}
}
#page-grade-report-grader-index.path-grade .stickyfooter, #page-grade-export-ods-index.path-grade .stickyfooter {
padding: 10px 0 0 !important;
bottom: 0;
left: 0;
right: 0;
position: relative;
box-shadow: none;
background-color: transparent !important;
z-index: 1;
}
#page-grade-report-grader-index.path-grade .stickyfooter .col-md-9, #page-grade-report-grader-index.path-grade .stickyfooter .col-md-3, #page-grade-export-ods-index.path-grade .stickyfooter .col-md-9, #page-grade-export-ods-index.path-grade .stickyfooter .col-md-3 {
flex: 0 0 100%;
max-width: 100%;
}
.theme-dark .stickyfooter {
background-color: #121215;
}
@media (min-width: 1200px) {
.drawer-open-index--open .stickyfooter, .drawer-open-left .stickyfooter {
left: 315px;
}
}
.stickyfooter div {
margin-top: 0 !important;
}
.stickyfooter label {
margin-bottom: 0;
font-size: 0.875rem;
}
.stickyfooter select {
margin-top: 0 !important;
margin-left: 0.5rem;
padding: 2px 30px 2px 10px;
height: 30px;
font-size: 0.75rem;
}
.stickyfooter .col-auto {
padding: 0 !important;
}
.stickyfooter .col:empty {
display: none;
}
.hasstickyfooter .stickyfooter {
bottom: 20px;
}
@media (min-width: 320px) {
#page-wrapper {
height: 100%;
display: flex;
flex-direction: column;
position: relative;
}
#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;
}
}
.path-grade #sticky-footer {
padding: 9px !important;
}
.path-grade #sticky-footer .btn-primary, .path-grade #sticky-footer .addtagcoll a, .addtagcoll .path-grade #sticky-footer a, .path-grade #sticky-footer .path-admin-tag .addstandardtags a, .path-admin-tag .addstandardtags .path-grade #sticky-footer a, .path-grade #sticky-footer .gradereport_history_usp .usp-finish input, .gradereport_history_usp .usp-finish .path-grade #sticky-footer input, .path-grade #sticky-footer #siteconfiglink a, #siteconfiglink .path-grade #sticky-footer a, .path-grade #sticky-footer .forum-post-footer a, .forum-post-footer .path-grade #sticky-footer a, .path-grade #sticky-footer .rui-submissionaction .singlebutton .btn, .rui-submissionaction .singlebutton .path-grade #sticky-footer .btn, .path-grade #sticky-footer #enterlink p:nth-of-type(1) a, #enterlink p:nth-of-type(1) .path-grade #sticky-footer a, .path-grade #sticky-footer .mod_quiz-next-nav, .path-grade #sticky-footer .addbloglink a, .addbloglink .path-grade #sticky-footer a, .path-grade #sticky-footer #addcontrols input, #addcontrols .path-grade #sticky-footer input, .path-grade #sticky-footer #page-mod-forum-index .subscription .helplink:nth-of-type(1) a, #page-mod-forum-index .subscription .helplink:nth-of-type(1) .path-grade #sticky-footer a, .path-grade #sticky-footer #page-mod-forum-view .subscription .helplink a, #page-mod-forum-view .subscription .helplink .path-grade #sticky-footer a, .path-grade #sticky-footer .midpad a, .midpad .path-grade #sticky-footer a, .path-grade #sticky-footer .createstep, .path-grade #sticky-footer #enterlink p:nth-of-type(2) a, #enterlink p:nth-of-type(2) .path-grade #sticky-footer a, .path-grade #sticky-footer .webservicestokenui + a, .path-grade #sticky-footer .rui-pre button, .rui-pre .path-grade #sticky-footer button, .path-grade #sticky-footer .last-add-menu .dropdown-btn, .last-add-menu .path-grade #sticky-footer .dropdown-btn {
padding: 0.6rem 1rem;
}
#sticky-footer .col + .col-auto {
margin-left: 10px;
}
.popover-region {
position: relative;
}
.popover-region-toggle {
cursor: pointer;
}
.popover-region-container {
opacity: 1;
visibility: visible;
position: absolute;
right: 0;
top: 40px;
height: 304px;
width: 290px;
z-index: 10000;
min-width: 90px;
padding: 12px;
margin: 0.125rem 0 0;
font-size: 0.875rem;
color: #EEEEEE;
text-align: left;
list-style: none;
background-color: #212121;
background-clip: padding-box;
border-radius: 5px;
box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
}
@media (max-width: 767.98px) {
.popover-region-container {
left: -84px;
}
}
.theme-dark .popover-region-container {
color: #E8EAED;
background-color: #121215;
border: 1px solid #2E3134;
}
.popover-region-header-container {
display: inline-flex;
padding: 0;
margin: 0;
width: 100%;
box-sizing: border-box;
}
.theme-dark .popover-region-header-container {
border-color: #202124;
}
.popover-region-header-text {
display: inline-flex;
align-items: center;
justify-content: center;
margin: 0;
font-size: 0.875rem;
font-weight: 500;
color: #b2b2b2;
}
.theme-dark .popover-region-header-text {
color: #9AA0A6;
}
.popover-region-header-actions {
display: inline-flex;
align-items: center;
margin-left: auto;
}
.popover-region-header-actions .loading-icon {
margin-left: 10px;
display: none;
}
.popover-region-header-actions .loading-icon .icon {
font-size: 12px;
height: 12px;
width: 12px;
align-self: center;
line-height: 1.2;
}
.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: 184px;
width: 100%;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
scrollbar-width: thin;
scrollbar-color: #626262 #EEEEEE;
}
.popover-region-content-container::-webkit-scrollbar {
width: 6px;
}
.popover-region-content-container::-webkit-scrollbar-track {
background: #EEEEEE;
border-radius: 20px;
}
.popover-region-content-container::-webkit-scrollbar-thumb {
background-color: #626262;
border-radius: 20px;
border: 0;
}
.popover-region-content-container::-webkit-scrollbar-thumb:hover {
background-color: #525151;
}
.theme-dark .popover-region-content-container {
scrollbar-width: thin;
scrollbar-color: #626262 #121215;
}
.theme-dark .popover-region-content-container::-webkit-scrollbar {
width: 6px;
}
.theme-dark .popover-region-content-container::-webkit-scrollbar-track {
background: #121215;
border-radius: 20px;
}
.theme-dark .popover-region-content-container::-webkit-scrollbar-thumb {
background-color: #626262;
border-radius: 20px;
border: 0;
}
.theme-dark .popover-region-content-container::-webkit-scrollbar-thumb:hover {
background-color: #525151;
}
.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;
}
.popover-region.collapsed .popover-region-container {
opacity: 0;
visibility: hidden;
overflow: hidden;
transition: all 0.2s ease-in-out;
}
.content-item-container {
box-sizing: border-box;
padding: 10px;
margin-top: 4px;
margin-bottom: 4px;
border-radius: 5px;
position: relative;
display: block;
color: inherit;
text-decoration: none;
position: relative;
}
.content-item-container:after {
content: "";
background-color: #E1E1E1;
width: calc(100% - 20px);
height: 1px;
position: absolute;
left: 10px;
bottom: -2px;
}
.popover-region-container .content-item-container:after {
background-color: #434343;
}
.theme-dark .content-item-container:after {
background-color: #2E3134;
}
.content-item-container:last-child {
margin-bottom: 0;
}
.content-item-container:hover {
background-color: #434343;
color: #F5F5F5;
}
.theme-dark .content-item-container:hover {
background-color: #2d333b;
color: #E8EAED;
}
.content-item-container.unread {
background-color: #561911;
color: var(--primary-color-100);
}
.content-item-container.unread:hover {
background-color: #434343;
color: #F5F5F5;
}
.theme-dark .content-item-container.unread:hover {
background-color: #2d333b;
color: #E8EAED;
}
.content-item-container.unread .content-item-body .notification-message {
font-weight: 500;
}
.content-item-container .context-link {
color: #EEEEEE;
text-decoration: none;
}
.theme-dark .content-item-container .context-link {
color: #E8EAED;
}
.content-item-container .content-item-footer {
text-align: left;
box-sizing: border-box;
}
.content-item-container .content-item-footer .timestamp {
font-size: 0.75rem;
font-weight: 400;
opacity: 0.7;
margin-top: 5px;
margin-left: 43px;
}
.content-item-container .view-more {
margin-top: 7px;
margin-left: 43px;
font-size: 0.75rem;
font-weight: 500;
color: #F5F5F5;
}
.theme-dark .content-item-container .view-more {
color: #ab8c88;
}
.content-item-container .view-more:hover {
color: #F5F5F5;
}
.theme-dark .content-item-container .view-more:hover {
color: #E8EAED;
}
.content-item-container.notification .content-item-body .notification-image {
display: inline-flex;
width: 30px;
height: 30px;
background-color: #F5F5F5;
border-radius: 5px;
}
.content-item-container.notification .content-item-body .notification-message {
display: inline-block;
font-size: 0.75rem;
font-weight: 500;
line-height: 1.4;
margin-left: 10px;
width: calc(100% - 60px);
}
.content-item-container.selected {
background-color: #434343;
color: #F5F5F5;
}
.theme-dark .content-item-container.selected {
background-color: #2d333b;
color: #E8EAED;
}
.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;
}
.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-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 {
width: calc(90% - 30px);
}
.popover-region-messages .content-item-container.unread .unread-count-container {
display: inline-block;
width: 10%;
text-align: center;
}
.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;
}
.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;
}
.rui-notification-pref, .rui-markallread {
width: 30px;
height: 30px;
padding: 3px;
justify-content: center;
align-items: center;
border-radius: 30px;
}
.rui-notification-pref:hover, .rui-markallread:hover {
color: #F5F5F5;
background-color: #434343;
}
.theme-dark .rui-notification-pref:hover, .theme-dark .rui-markallread:hover {
color: var(--primary-color-100);
background-color: #561911;
}
.theme-dark .rui-notification-pref, .theme-dark .rui-markallread {
background-color: #2d333b;
color: #E8EAED;
}
.rui-markallread {
background-color: transparent;
color: #F5F5F5;
}
.mark-all-read-button .normal-icon {
display: inline-block;
}
.mark-all-read-button .loading-icon {
display: none;
height: 12px;
width: 12px;
}
.mark-all-read-button.loading .normal-icon {
display: none;
}
.mark-all-read-button.loading .loading-icon {
display: inline-block;
}
.rui-notification-pref {
color: #F5F5F5;
}
.theme-dark .rui-notification-pref {
color: #E8EAED;
}
.rui-notification-pref:hover {
background-color: #434343;
color: #b2b2b2;
}
.theme-dark .rui-notification-pref:hover {
background-color: #17181B;
color: #E8EAED;
}
.rui-unreadcount:not(.hidden) {
position: absolute;
padding: 4px;
top: 0;
right: 0;
min-width: 16px;
height: 16px;
display: inline-flex;
align-items: center;
justify-content: center;
background-color: #561911;
color: #ddd1cf;
border-radius: 16px;
font-size: 10px;
font-weight: 500;
}
.see-all-link {
width: 100%;
margin: 20px 0 0;
padding: 7px 20px;
border-radius: 5px;
font-size: 0.75rem;
font-weight: 500;
background-color: #080808;
color: #F5F5F5;
}
.theme-dark .see-all-link {
background-color: #2d333b;
color: #E8EAED;
}
.see-all-link:hover {
background-color: #434343;
color: #F5F5F5;
text-decoration: none;
opacity: 0.7;
}
.theme-dark .see-all-link:hover {
background-color: #2d333b;
color: #E8EAED;
}
/**
* Tour step must sit above all other UI components.
* The backdrop is the lowest point in the tour.
* Everything else is in the container, and the target background should be at the same z-index.
* ----- moodle
* ---- step backdrop
* --- step container
* --- step target background
*/
div[data-flexitour="backdrop"] {
background-color: #000;
opacity: 0.5;
z-index: 1040;
}
div[data-flexitour="step-background-fader"], div[data-flexitour="step-background"] {
border-radius: 40px;
z-index: 1041;
}
span[data-flexitour="container"], div[data-flexitour="step-background-fader"], [data-flexitour="step-backdrop"] > td, [data-flexitour="step-backdrop"] {
z-index: 1042;
}
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: #E1E1E1;
}
.theme-dark span[data-flexitour="container"][x-placement="top"] div[data-role="arrow"], .theme-dark span[data-flexitour="container"][x-placement="top-start"] div[data-role="arrow"] {
border-top-color: #2E3134;
}
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;
}
.theme-dark span[data-flexitour="container"][x-placement="top"] div[data-role="arrow"]:after, .theme-dark span[data-flexitour="container"][x-placement="top-start"] div[data-role="arrow"]:after {
border-top-color: #191a1e;
}
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: #E1E1E1;
}
.theme-dark span[data-flexitour="container"][x-placement="bottom"] div[data-role="arrow"], .theme-dark span[data-flexitour="container"][x-placement="bottom-start"] div[data-role="arrow"] {
border-bottom-color: #2E3134;
}
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;
}
.theme-dark span[data-flexitour="container"][x-placement="bottom"] div[data-role="arrow"]:after, .theme-dark span[data-flexitour="container"][x-placement="bottom-start"] div[data-role="arrow"]:after {
border-bottom-color: #191a1e;
}
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: #E1E1E1;
}
.theme-dark span[data-flexitour="container"][x-placement="left"] div[data-role="arrow"], .theme-dark span[data-flexitour="container"][x-placement="left-start"] div[data-role="arrow"] {
border-left-color: #2E3134;
}
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;
}
.theme-dark span[data-flexitour="container"][x-placement="left"] div[data-role="arrow"]:after, .theme-dark span[data-flexitour="container"][x-placement="left-start"] div[data-role="arrow"]:after {
border-left-color: #191a1e;
}
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: #E1E1E1;
}
.theme-dark span[data-flexitour="container"][x-placement="right"] div[data-role="arrow"], .theme-dark span[data-flexitour="container"][x-placement="right-start"] div[data-role="arrow"] {
border-right-color: #2E3134;
}
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;
}
.theme-dark span[data-flexitour="container"][x-placement="right"] div[data-role="arrow"]:after, .theme-dark span[data-flexitour="container"][x-placement="right-start"] div[data-role="arrow"]:after {
border-right-color: #191a1e;
}
[data-region="drawer"] [data-flexitour="container"] {
/*rtl:ignore*/
margin-left: -15px;
width: 275px;
}
span[data-flexitour="container"] .modal-dialog .modal-content .modal-header.minimal, span[data-flexitour="container"] .modal-dialog .modal-content .modal-footer.minimal {
padding-top: 15px;
padding-bottom: 15px;
}
.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%);
}
.moodle-dialogue {
box-shadow: rgba(0, 0, 0, 0.15) 0 15px 25px, rgba(0, 0, 0, 0.05) 0 5px 10px, rgba(0, 0, 0, 0.12) 0 2px 3px;
}
@media (min-width: 768px) {
.moodle-dialogue {
height: max-content !important;
}
}
.moodle-dialogue .role_buttons .btn {
width: 100%;
margin: 0.25rem 0;
}
.confirmation-buttons {
justify-content: flex-end !important;
}
.path-mod-quiz .confirmation-buttons {
margin-bottom: 0;
}
.confirmation-buttons .btn {
margin-right: 0;
}
.path-mod-quiz .confirmation-buttons .btn {
width: 100%;
margin-top: 0.35rem;
margin-left: 0;
margin-right: 0;
}
.layout.fullscreen {
height: 100vh;
position: fixed;
top: 0;
left: 0;
z-index: 1250;
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 {
width: 1em;
height: 1em;
font-size: 4em;
}
#page.drawers .main-inner {
flex: 1 0 auto;
}
@media (min-width: 768px) {
.pagelayout-standard #page.drawers .main-inner, body.limitedwidth #page.drawers .main-inner {
max-width: 100%;
}
.header-maxwidth {
max-width: 100%;
margin: 0 auto;
padding-left: 15px;
padding-right: 15px;
}
.header-maxwidth .header-inner {
padding-left: 0;
padding-right: 0;
}
}
.drawer-toggler {
position: absolute;
z-index: 1030;
}
@media (min-width: 1000px) {
.drawer-toggler {
top: calc(59px + 30px);
}
}
@media (max-width: 999.98px) {
.drawer-toggler {
top: calc(59px + 10px);
}
}
.drawer-toggler .btn {
padding: 14px;
border: none;
transition: padding 200ms;
}
.drawer-toggler .btn .icon {
width: auto;
height: auto;
}
.drawer-toggler .btn:focus {
box-shadow: 0 0 0 0.2rem rgba(86, 25, 17, 0.3);
}
.drawer-left-toggle .btn {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
padding-right: 14px;
padding-left: 10px;
background-color: #F5F5F5;
background: linear-gradient(90deg, #E1E1E1 -20%, #F5F5F5 40%);
}
.theme-dark .drawer-left-toggle .btn {
background-color: #121215;
background: linear-gradient(90deg, #121215 -20%, #202124 40%);
color: #E8EAED;
}
.drawer-right-toggle {
right: 0;
}
.drawer-right-toggle .btn {
right: 0;
top: calc(59px + 30px);
width: 44px;
min-height: 44px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
background-color: #F5F5F5;
background: linear-gradient(-90deg, #E1E1E1 -20%, #F5F5F5 40%);
}
.theme-dark .drawer-right-toggle .btn {
background-color: #121215;
background: linear-gradient(-90deg, #000 -20%, #202124 40%);
color: #9AA0A6;
}
.drawer-right-toggle .btn:hover {
padding-right: 20px;
}
.theme-dark .drawer-right-toggle .btn:hover {
color: #9AA0A6;
}
#page.drawers.show-drawer-left .drawer-left-toggle {
display: none;
}
#page.drawers.show-drawer-right .drawer-right-toggle {
display: none;
}
.pagelayout-embedded #page {
margin: 0;
padding: 0;
top: 0;
}
@media (max-width: 767.98px) {
.drawer-toggles {
z-index: 100;
}
.drawer-toggles .drawer-right-toggle, .drawer-toggles .drawer-left-toggle {
top: calc(99vh - (59px * 2.5));
}
.pagelayout-secure .drawer-toggles .drawer-right-toggle, .pagelayout-secure .drawer-toggles .drawer-left-toggle {
top: 0;
}
#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;
}
}
@media (min-width: 1000px) {
.drawer-left {
top: 0;
height: 100vh;
}
}
.drawer-right {
top: 59px;
height: calc(100vh - 59px);
}
.pagelayout-secure .drawer-right {
top: 0;
height: 100vh;
}
@media (min-width: 1200px) {
#page.drawers {
position: relative;
overflow-y: auto;
transition: 350ms;
height: calc(100vh - 59px);
left: 0;
right: 0;
}
.format-tiles-tile-open #page.drawers {
overflow-y: initial;
}
.pagelayout-secure #page.drawers {
top: 0;
height: 100vh;
}
#page.drawers.show-drawer-right {
margin-left: 0;
margin-right: 315px;
}
#page.drawers.show-drawer-left.show-drawer-right {
margin-right: 315px;
}
}
@media (min-width: 1200px) and (prefers-reduced-motion: reduce) {
#page.drawers {
transition: none;
}
}
.drawercontrolbuttons {
margin-top: 92px;
}
.drawercontrolbuttons .buttons {
z-index: 1;
}
.layout.fullscreen {
height: 100vh;
position: fixed;
top: 0;
left: 0;
z-index: 9999;
transition: 0.5s;
width: 100vw;
margin: 0;
opacity: 1;
background-color: #fff;
}
.theme-dark .layout.fullscreen {
background-color: #191a1e;
}
.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 {
width: 1em;
height: 1em;
font-size: 4em;
}
#page-report {
margin: 30px 60px;
width: calc(100% - 120px);
border-radius: 5px;
}
#page {
padding: 0 80px 0;
margin: 0;
height: calc(100vh - 59px);
position: relative;
top: 59px;
}
.pagelayout-secure #page, .page-mycourses #page {
padding-top: 30px;
}
.pagelayout-secure #page {
height: 100vh;
}
@media (min-width: 768px) and (max-width: 999.98px) {
#page {
padding: 0 68px;
}
#page-site-index #page {
padding: 0 16px;
}
}
@media (max-width: 767.98px) {
#page {
padding: 0 16px;
}
}
#page-login-index #page {
padding: 30px 80px;
}
@media (max-width: 767.98px) {
#page-login-index #page {
padding: 16px 0;
}
}
#page-popup {
padding: 20px;
background-color: #fff;
border-radius: 5px;
}
.theme-dark #page-popup {
background-color: #191a1e;
}
#page-popup .closewindow {
margin: 1rem 0;
}
#page-popup .closewindow .btn {
width: 100%;
}
.wrapper-xl, .wrapper-lg, .wrapper-md {
margin-left: auto;
margin-right: auto;
}
.wrapper-lg {
width: 960px;
}
@media (max-width: 999.98px) {
.wrapper-lg {
width: 85%;
}
}
.wrapper-md {
width: 860px;
max-width: 100%;
}
@media (max-width: 999.98px) {
.wrapper-md {
width: 100%;
}
}
.wrapper-md .wrapper-md {
width: 100%;
}
.wrapper-blocks {
width: 100%;
margin: 0 auto;
}
@media (min-width: 1000px) {
.has-sidecourseblocks .wrapper-blocks {
width: calc(100% - 370px);
}
}
@media (max-width: 999.98px) {
.has-sidecourseblocks .wrapper-blocks {
width: 100%;
}
}
.wrapper-blocks-db {
width: 100%;
margin: 0 auto;
}
@media (min-width: 1600px) {
.has-sidecourseblocks .wrapper-blocks-db {
width: calc(100% - 345px);
}
}
@media (min-width: 1000px) and (max-width: 1599.98px) {
.has-sidecourseblocks .wrapper-blocks-db {
width: calc(100% - 285px);
}
}
@media (max-width: 999.98px) {
.has-sidecourseblocks .wrapper-blocks-db {
width: 100%;
}
}
.wrapper-page {
width: 100%;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 1000px) {
.tmpl-course-blocks {
width: 310px;
}
}
@media (max-width: 999.98px) {
.tmpl-course-blocks {
width: 100%;
}
}
@media (max-width: 1199.98px) {
.drawer-open-left .wrapper-blocks, .drawer-open-left .wrapper-blocks-db, .drawer-open-left .tmpl-course-blocks, .drawer-courseindex--open .wrapper-blocks, .drawer-courseindex--open .wrapper-blocks-db, .drawer-courseindex--open .tmpl-course-blocks, .drawer-open-index--open .wrapper-blocks, .drawer-open-index--open .wrapper-blocks-db, .drawer-open-index--open .tmpl-course-blocks {
width: 100%;
}
}
.rui-btn-show-hide {
position: fixed;
top: 100px;
right: 10px;
z-index: 1030;
}
.wrapper--margin {
margin-top: 60px;
margin-bottom: 60px;
}
.wrapper-xl {
max-width: 1300px;
width: 100%;
}
.wrapper-xxl {
width: 100%;
}
.wrapper-fw {
width: 100%;
}
@media (min-width: 1200px) {
.blocks-wrapper {
gap: 60px;
}
}
@media (max-width: 1199.98px) {
.blocks-wrapper {
gap: 30px;
}
}
.region-main-content {
position: relative;
}
.rui-title-container {
margin-top: 20px;
}
.rui-title-container + .singlebutton, .rui-title-container + .rui-nav-tabs, .rui-title-container + .clearer, .rui-title-container + table {
margin-top: 20px;
}
.rui-title-container + span {
display: block;
margin-top: 20px;
}
.rui-title-container:first-of-type, #page .rui-course-card-content .rui-title-container {
margin-top: 0;
}
.rui-title-container + .singleselect {
margin-top: 30px;
}
.rui-nav-tabs + .rui-title-container {
margin-top: 30px;
}
.rui-title-container + form, .mform + div {
margin-top: 30px;
}
.sep--left {
position: relative;
}
.sep--left:before {
content: "";
background-color: #E1E1E1;
width: 1px;
height: 30px;
position: absolute;
top: calc(50% - 15px);
left: -5px;
}
.theme-dark .sep--left:before {
background-color: #2E3134;
}
#s-page-footer {
flex-shrink: 0;
margin-top: 30px;
margin-bottom: 30px;
padding-top: 30px;
padding-bottom: 30px;
border-top: 1px solid #E1E1E1;
color: #212121;
padding-left: 0;
padding-right: 0;
}
.theme-dark #s-page-footer {
border-color: #2E3134;
color: #aeb3b8;
}
#s-page-footer hr {
border-color: #E1E1E1;
}
.theme-dark #s-page-footer hr {
border-color: #2E3134;
}
.rui-footer--contact, .rui-footer--social {
display: inline-flex;
flex-wrap: wrap;
align-items: center;
list-style: none;
margin-left: 0;
padding: 0;
font-size: 0.75rem;
color: #212121;
}
.rui-footer--contact li, .rui-footer--social li {
display: inline-flex;
align-items: center;
margin-top: 0.35rem;
margin-right: 1rem;
margin-bottom: 0.35rem;
}
.rui-footer--contact li:last-of-type, .rui-footer--social li:last-of-type {
margin-right: 0;
}
.theme-dark .rui-footer--contact, .theme-dark .rui-footer--social {
color: #9AA0A6;
}
.rui-footer--contact a, .rui-footer--social a {
color: #212121;
}
.theme-dark .rui-footer--contact a, .theme-dark .rui-footer--social a {
color: #9AA0A6;
}
.rui-footer--contact a:hover, .rui-footer--social a:hover {
opacity: 0.6;
}
.rui-social-list {
display: inline-flex;
flex-wrap: wrap;
align-items: center;
list-style: none;
padding: 0;
font-size: 0.75rem;
color: #212121;
}
.rui-social-list li {
display: inline-flex;
align-items: center;
margin-top: 0.35rem;
margin-right: 1rem;
margin-bottom: 0.35rem;
}
.rui-social-list li:last-of-type {
margin-right: 0;
}
.theme-dark .rui-social-list {
color: #9AA0A6;
}
.rui-social-list a {
color: #212121;
}
.theme-dark .rui-social-list a {
color: #9AA0A6;
}
.rui-social-list a:hover {
opacity: 0.6;
}
.rui-topbar-wrapper {
padding: 9px 16px;
margin: 0;
display: flex;
align-items: center;
height: 59px;
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1060;
background-color: #fff;
border-bottom: 1px solid #E1E1E1;
font-size: 0.875rem;
color: #212121;
transition: left 250ms ease;
}
@media (max-width: 999.98px) {
.rui-topbar-wrapper {
padding-left: 10px;
padding-right: 10px;
min-height: 59px;
align-items: flex-start;
}
}
.theme-dark .rui-topbar-wrapper {
background-color: #191a1e;
color: #E8EAED;
border-color: #2E3134;
}
.drawer-open-index--open .rui-topbar-wrapper, .drawer-open-left .rui-topbar-wrapper {
left: 285px;
}
@media (max-width: 999.98px) {
.drawer-open-index--open .rui-topbar-wrapper, .drawer-open-left .rui-topbar-wrapper {
left: 0;
}
}
@media (max-width: 999.98px) {
.rui-topbar-wrapper.opened {
height: max-content;
max-height: 100vh;
}
}
@media (min-width: 1000px) {
.rui-topbar {
position: relative;
display: flex;
align-items: center;
}
}
@media (max-width: 999.98px) {
.rui-topbar {
flex-wrap: wrap;
justify-content: space-between;
}
}
.rui-topbar .navbar-nav {
font-size: 0.875rem;
font-weight: 500;
justify-content: space-between;
}
.rui-topbar .navbar-nav .nav-link {
color: #212121;
border-radius: 5px;
}
.rui-topbar .navbar-nav .nav-link:hover {
color: #561911;
background-color: #eee8e7;
}
.rui-topbar .site-name {
width: max-content;
max-width: 260px;
font-size: 0.875rem;
font-weight: 700;
color: #212121;
}
.theme-dark .rui-topbar .site-name {
color: #E8EAED;
}
.sidebar-btn {
padding: 0;
margin-right: 10px;
margin-left: -1rem;
width: 60px;
height: 60px;
line-height: 1;
border: 0;
color: #212121;
background-color: transparent;
border-right: 1px solid rgba(33, 33, 33, 0.15);
border-radius: 5px 0 0 0;
}
.sidebar-btn:hover {
background-color: #eee8e7;
}
.addtagcoll {
margin-bottom: 40px;
}
.course-hero {
width: 95%;
margin-top: 60px;
margin-bottom: 30px;
}
.course-hero img {
border-radius: 5px;
}
.course-teachers-box {
margin-bottom: 10px;
display: inline-flex;
flex-wrap: wrap;
align-items: center;
}
.course-teachers-box .course-contact-title-item {
margin-right: -12px;
}
.course-teachers-box .course-contact-title {
margin-left: 0.5rem;
margin-right: 0.5rem;
margin-bottom: 0;
font-size: 0.875rem;
font-weight: 500;
color: #434343;
}
.theme-dark .course-teachers-box .course-contact-title {
color: #aeb3b8;
}
.course-teachers-box .course-contact {
display: flex;
align-items: center;
}
.course-teachers-box .course-contact:hover {
text-decoration: none;
}
.course-teachers-box .course-contact .course-teacher-avatar {
width: 50px;
height: 50px;
border-radius: 50px;
position: relative;
border: 3px solid #fff;
}
.theme-dark .course-teachers-box .course-contact .course-teacher-avatar {
border-color: #191a1e;
}
.course-hero-img {
border-radius: 5px;
}
.course-progressbar-wrapper {
padding: 0;
margin: 0 0 10px;
position: relative;
}
.theme-dark .course-progressbar-wrapper {
background-color: #121215;
}
.course-progressbar-wrapper .rui-progress {
width: 100%;
height: 7px;
border-radius: 5px;
}
@media (max-width: 767.98px) {
.header-button-group {
width: 100%;
}
.header-button-group .btn {
width: 100%;
}
}
.page-header-content:empty, .header-content:empty {
display: none;
}
.page-header-content .rui-page-title, .header-content .rui-page-title {
margin-bottom: 20px;
}
.rui-page-title {
font-size: 2.5rem;
line-height: 1.3;
}
@media (max-width: 767.98px) {
.rui-page-title {
font-size: 1.5rem;
}
}
.page-header-content {
margin-bottom: 30px;
width: 100%;
position: relative;
}
#page-my-index .page-header-content {
margin-bottom: 0;
}
#page-my-index.editing .page-header-content .btn {
margin-top: 30px;
margin-bottom: 30px;
}
@media (min-width: 768px) {
.page-header-content {
display: inline-flex;
align-items: flex-start;
justify-content: space-between;
}
}
@media (max-width: 767.98px) {
.page-header-content {
margin-top: 20px;
margin-bottom: 20px;
}
}
.rui-course-header .page-header-content, .page-header-content .rui-title-container, .page-header-content .rui-page-title {
margin: 0;
}
@media (max-width: 767.98px) {
.pagelayout-secure .rui-course-header .page-header-content, .pagelayout-secure .page-header-content .rui-title-container, .pagelayout-secure .page-header-content .rui-page-title {
width: 80%;
}
}
/** Navbar logo. */
.rui-logo img {
max-height: 35px;
}
@media (min-width: 768px) {
.rui-logo img {
max-width: 290px;
}
}
@media (max-width: 767.98px) {
.rui-logo img {
max-width: 140px;
}
}
.rui-logo-ml {
margin-left: 10px;
}
.rui-logo-box {
padding: 4px;
border-radius: 5px;
background-color: #fff;
}
.theme-dark .rui-logo-box {
background-color: #000;
}
.rui-navbar-nav .nav-item {
display: inline-flex;
align-items: center;
justify-content: flex-start;
}
.rui-navbar-nav .nav-item .nav-link {
position: relative;
width: max-content;
margin-right: 0.5rem;
padding: 0 1rem;
display: flex;
align-items: center;
justify-content: center;
min-width: 40px;
height: 40px;
border-radius: 5px;
color: #212121;
line-height: 1.8;
}
.theme-dark .rui-navbar-nav .nav-item .nav-link {
color: #E8EAED;
}
@media (max-width: 767.98px) {
.rui-navbar-nav .nav-item .nav-link {
margin-right: 0;
width: 100%;
}
}
.rui-navbar-nav .nav-item .nav-link[aria-expanded="true"], .rui-navbar-nav .nav-item .nav-link:hover {
background-color: #eee8e7;
}
.theme-dark .rui-navbar-nav .nav-item .nav-link[aria-expanded="true"], .theme-dark .rui-navbar-nav .nav-item .nav-link:hover {
background-color: #121215;
}
@media (min-width: 768px) {
.rui-navbar-nav--sep {
position: relative;
}
.rui-navbar-nav--sep:before {
content: "";
background-color: rgba(0, 0, 0, 0.15);
width: 1px;
height: 16px;
position: absolute;
top: calc(50% - 8px);
left: -6px;
}
}
.popover-region-notifications:not(.collapsed) .nav-link {
background-color: #525151;
}
.nav-drawer-btn {
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
background-color: transparent;
border: 0;
}
.nav-drawer-btn div {
align-items: center;
justify-content: center;
min-width: 40px;
width: max-content;
min-height: 40px;
border: none;
border-radius: 5px;
background-color: #EEEEEE;
color: #212121;
}
.theme-dark .nav-drawer-btn div {
background-color: #121215;
color: #E8EAED;
}
.nav-drawer-btn[aria-expanded="true"] .nav-drawer-btn--opened, .nav-drawer-btn[aria-expanded="true"] div:hover {
color: #561911;
background-color: #eee8e7;
text-decoration: none;
}
.theme-dark .nav-drawer-btn[aria-expanded="true"] .nav-drawer-btn--opened, .theme-dark .nav-drawer-btn[aria-expanded="true"] div:hover {
color: #9AA0A6;
background-color: #121215;
}
.nav-drawer-btn[aria-expanded="true"] .nav-drawer-btn--opened {
display: flex;
}
.nav-drawer-btn[aria-expanded="true"] .nav-drawer-btn--closed {
display: none;
}
.nav-drawer-btn[aria-expanded="false"] .nav-drawer-btn--closed {
display: flex;
}
.nav-drawer-btn[aria-expanded="false"] .nav-drawer-btn--opened {
display: none;
}
.rui-topbar-btn.rui-login-btn {
padding: 0 1rem;
background-color: #561911;
color: #eee8e7;
}
.rui-topbar-btn {
display: flex;
align-items: center;
justify-content: center;
min-width: 40px;
width: max-content;
min-height: 40px;
border: none;
border-radius: 5px;
font-size: 0.75rem;
font-weight: 500;
background-color: #EEEEEE;
color: #212121;
}
.theme-dark .rui-topbar-btn {
background-color: #121215;
color: #aeb3b8;
}
.rui-topbar-btn[aria-expanded="true"], .rui-topbar-btn:hover {
color: #561911;
background-color: #eee8e7;
text-decoration: none;
}
.theme-dark .rui-topbar-btn[aria-expanded="true"], .theme-dark .rui-topbar-btn:hover {
color: #9AA0A6;
background-color: #121215;
}
.rui-topbar-special-btn {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 5px;
font-size: 0.75rem;
color: #212121;
background-color: transparent;
}
.theme-dark .rui-topbar-special-btn {
background-color: transparent;
color: #aeb3b8;
}
.rui-topbar-special-btn:hover {
background: #eee8e7;
color: #561911;
}
.theme-dark .rui-topbar-special-btn:hover {
background-color: #121215;
color: #aeb3b8;
}
@media (max-width: 767.98px) {
.rui-topbar-special-btn {
padding: 8px;
}
}
.rui-topbar-special-btn.active {
background-color: #eee8e7;
color: #561911;
}
.theme-dark .rui-topbar-special-btn.active {
background-color: #121215;
color: #aeb3b8;
}
.rui-icon-menu {
padding: 0;
margin: 0;
display: inline-flex;
position: relative;
list-style: none;
}
.rui-icon-menu li {
margin: 0 2px;
}
.rui-icon-menu li, .rui-icon-menu .popover-region {
display: inline-flex;
}
.rui-icon-menu .popover-region {
margin-right: 2px;
}
.rui-icon-menu .search-input-group .search-input {
max-height: 40px;
color: inherit;
}
.rui-icon-menu--sep:before {
content: "";
background-color: #E1E1E1;
position: absolute;
top: -14px;
left: calc(50% - 10px);
width: 20px;
height: 1px;
}
.theme-dark .rui-icon-menu--sep:before {
background-color: #2E3134;
}
.nav-editswitch {
width: max-content;
}
@media (max-width: 767.98px) {
.mobile-nav--open #topBar:before {
content: "";
position: absolute;
top: 0;
left: 0;
background-color: rgba(255, 255, 255, 0.8);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
width: 100%;
height: 100vh;
}
}
.rui-icon-menu--horizontal {
display: inline-flex;
align-items: center;
}
.rui-icon-menu--horizontal li {
display: inline-flex;
margin-bottom: 0;
margin-left: 0.4rem;
}
.rui-drawer-toggle {
margin-right: 8px;
}
@media (max-width: 767.98px) {
.rui-drawer-toggle {
margin-right: 0;
}
}
.rui-nav-tabs + * {
margin-top: 30px;
}
.rui-nav-tabs {
width: max-content;
max-width: 100%;
background-color: #F5F5F5;
border-radius: 5px;
}
.theme-dark .rui-nav-tabs {
background-color: #121215;
}
.rui-navbar-brand, body:not(#rui-lang-btn).rui-navbar-lang {
position: relative;
}
@media (max-width: 767.98px) {
.rui-navbar-brand, body:not(#rui-lang-btn).rui-navbar-lang {
margin-left: 0;
margin-right: 0;
}
}
.rui-navbar-brand {
margin-right: 15px;
margin-left: 15px;
}
.rui-navbar-brand--img {
margin-left: 0;
}
.rui-navbar-brand:hover {
text-decoration: none;
opacity: 0.6;
}
@media (max-width: 999.98px) {
.rui-navbar-collapse {
padding: 20px;
position: absolute;
top: 60px;
left: 0;
width: 100%;
background-color: #340f0a;
border-radius: 0 0 5px 5px;
display: inline-flex;
flex-wrap: wrap;
}
}
@media (max-width: 999.98px) and (max-width: 767.98px) {
.rui-navbar-collapse {
top: 95px;
}
}
.rui-login-logo, .rui-custom-logo {
display: inline-flex;
}
.theme-dark .rui-login-logo, .theme-dark .rui-custom-logo {
display: none;
}
.rui-login-dmlogo, .rui-custom-dmlogo {
display: none;
}
.theme-dark .rui-login-dmlogo, .theme-dark .rui-custom-dmlogo {
display: inline-flex;
}
.rui-topbar-customfield {
position: relative;
margin-right: 12px;
padding: 0 20px;
width: inherit;
max-width: 280px;
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
font-size: 0.75rem;
}
@media (max-width: 999.98px) {
.rui-topbar-customfield {
max-width: 100%;
margin: 20px 0;
justify-content: flex-start;
}
}
@media (min-width: 1000px) {
.rui-topbar-customfield {
justify-content: flex-end;
}
.rui-topbar-customfield:before {
content: "";
background-color: rgba(0, 0, 0, 0.15);
width: 1px;
height: 16px;
position: absolute;
top: calc(50% - 8px);
right: -6px;
}
}
.rui-topbar-customfield p {
margin-bottom: 0;
}
.rui-topbar-customfield a {
color: #561911;
}
.rui-topbar-customfield a:hover {
color: #561911;
}
.theme-dark .rui-topbar-customfield a:hover {
color: #ab8c88;
}
.theme-dark .rui-topbar-customfield a {
color: #ab8c88;
}
/* Footer */
.rui-footer-content {
font-size: 0.75rem;
}
.rui-footer-content ol {
text-align: left;
}
.rui-footer-copy p {
margin-bottom: 0.25rem;
}
.rui-footer-copy p:last-of-type {
margin-bottom: 0;
}
.rui-footer-nav-title {
font-size: 0.875rem;
text-align: initial;
color: #212121;
}
.theme-dark .rui-footer-nav-title {
color: #E8EAED;
}
.rui-footer-nav-items {
font-size: 0.875rem;
color: rgba(33, 33, 33, 0.6);
}
.theme-dark .rui-footer-nav-items {
color: #aeb3b8;
}
.rui-footer-nav-items li {
margin: 0.65rem 0;
}
.rui-footer-nav-items li a {
color: #212121;
}
.theme-dark .rui-footer-nav-items li a {
color: #aeb3b8;
}
.rui-footer-nav-items li a:hover {
color: #561911;
}
.theme-dark .rui-footer-nav-items li a:hover {
color: #ab8c88;
}
/* Enroll Page */
#page-enrol-index .main-content {
margin: 0 auto;
max-width: 860px;
width: 100%;
}
@media (min-width: 1000px) {
#page-enrol-index .main-content {
padding: 40px 60px !important;
}
}
@media (max-width: 999.98px) {
#page-enrol-index .main-content {
padding: 10px !important;
}
}
#page-enrol-index .main-content .continuebutton {
margin-top: 10px;
}
#page-enrol-index .main-content #id_selfheadercontainer .col-md-3 {
display: none;
}
#page-enrol-index .main-content .col-md-3, #page-enrol-index .main-content .col-md-9 {
padding: 0;
text-align: left !important;
flex: 0 0 100%;
max-width: 100%;
}
#page-enrol-index .main-content .col-md-3 {
margin-top: 0.5rem;
}
#page-enrol-index .main-content .info {
margin-top: 30px;
background-color: #F5F5F5;
border-radius: 5px;
}
#page-enrol-index .main-content .info .rui-course-card {
max-width: 320px;
box-shadow: rgba(0, 0, 0, 0.15) 0 15px 25px, rgba(0, 0, 0, 0.05) 0 5px 10px, rgba(0, 0, 0, 0.12) 0 2px 3px;
}
@media (min-width: 768px) {
#page-enrol-index .main-content .info .rui-course-card {
margin: 30px auto;
}
}
@media (max-width: 767.98px) {
#page-enrol-index .main-content .info .rui-course-card {
margin: 0 auto;
}
}
#page-enrol-index .main-content .info .rui-course-card iframe {
max-width: 100%;
}
#page-enrol-index .main-content .info .rui-course-card-body {
margin-top: 0;
}
#page-enrol-index .main-content .info .rui-title-container {
width: auto;
margin-bottom: 30px;
}
#page-enrol-index .main-content .mform .form-inline .form-control {
width: 100%;
}
#page-enrol-index .main-content a.fheader {
margin-bottom: 0;
}
#page-enrol-index .main-content .fcontainer, #page-enrol-index .main-content .btn, #page-enrol-index .main-content [type="submit"] {
width: 300px;
margin: 0 auto;
}
#page-enrol-index .main-content .box.py-3.generalbox {
margin-bottom: 0.5rem;
border: 1px solid #E1E1E1;
border-radius: 5px;
}
@media (min-width: 768px) {
#page-enrol-index .main-content .box.py-3.generalbox {
padding: 40px !important;
}
}
@media (max-width: 767.98px) {
#page-enrol-index .main-content .box.py-3.generalbox {
padding: 0 !important;
}
}
#page-enrol-index .main-content .box.py-3.generalbox p:first-of-type {
margin-top: 1rem;
font-size: 0.75rem;
color: #434343;
}
#page-enrol-index .main-content .box.py-3.generalbox .mform {
margin: 0;
}
#page-enrol-index .main-content .rui-course-card--noimg .rui-course-card-body {
display: flex;
flex-wrap: wrap;
justify-content: center;
text-align: center;
}
#page-enrol-index .main-content .rui-course-card--noimg h4 {
margin-top: 10px;
margin-bottom: 20px;
}
#page-enrol-index .main-content .rui-course-card--noimg div {
justify-content: center !important;
}
#page-enrol-index .main-content .rui-course-list .rui-course-card--noimg h4 {
margin-bottom: 0;
}
#page-enrol-index .rui-course-list .customfield {
margin: 20px 0 0 0;
}
.theme-dark#page-enrol-index .main-content .info {
background-color: #121215;
}
.theme-dark#page-enrol-index .main-content .box:not(.info) {
border: 1px solid #2E3134;
}
.theme-dark#page-enrol-index .main-content .box.py-3.generalbox {
border: 1px solid #2E3134;
}
.theme-dark#page-enrol-index .main-content .box.py-3.generalbox p:first-of-type {
color: #aeb3b8;
}
body#page-enrol-index #region-main .generalbox:last-of-type {
width: 100% !important;
float: none !important;
box-shadow: none !important;
}
.theme-dark .rui-dark-mode-status--on {
display: block;
}
body:not(.theme-dark) .rui-dark-mode-status--on, .theme-dark .rui-dark-mode-status--off {
display: none;
}
.notloggedin .hidefornotloggedin {
display: none !important;
}
body:not(.notloggedin):not(#page-admin-setting-themesettingspace) .hideforloggedin {
display: none !important;
}
.theme-dark .hide-on-darkmode {
display: none;
}
body:not(.theme-dark) .hide-on-lightmode {
display: none;
}
.rui-custom-alert {
padding: 14px 60px 14px 24px;
width: 600px;
display: inline-flex;
justify-content: flex-start;
align-content: flex-start;
position: fixed;
z-index: 1033;
bottom: 2px;
left: calc(50% - 300px);
background-color: #121215;
color: #aeb3b8;
box-shadow: rgba(0, 0, 0, 0.15) 0 15px 25px, rgba(0, 0, 0, 0.05) 0 5px 10px, rgba(0, 0, 0, 0.12) 0 2px 3px;
}
@media (max-width: 767.98px) {
.rui-custom-alert {
width: calc(100% - 20px);
max-width: calc(100% - 20px);
left: 10px;
}
}
.rui-custom-alert a {
font-weight: 400;
color: #ab8c88;
}
.rui-custom-alert a::after {
background-color: #ab8c88;
}
.rui-custom-alert a:hover {
color: #ab8c88;
}
.rui-custom-alert.fade:not(.show) {
z-index: -1;
}
.rui-custom-alert .rui-custom-alert-close {
position: absolute;
top: 5px;
right: 5px;
padding: 10px;
display: flex;
justify-content: center;
align-content: center;
background-color: transparent;
border: none;
border-radius: 60px;
background-color: #000;
color: #E8EAED;
width: 40px;
height: 40px;
transition: all 0.2s ease-in-out;
}
.rui-custom-alert .rui-custom-alert-close:hover {
background-color: #feeded;
color: #910808;
}
.rui-main-nav .nav-item {
font-size: 1rem;
}
.rui-main-nav {
padding: 0;
margin: 0;
}
.rui-main-nav .nav-item {
position: relative;
font-weight: 500;
list-style: none;
}
.rui-main-nav .nav-item .nav-link {
width: 100%;
display: flex;
align-items: center;
padding: 0.35rem 1.25rem;
margin: 9px 0;
border-radius: 5px;
color: #212121;
z-index: 1;
}
.rui-main-nav .nav-item .nav-link:hover:before {
background-color: #fff;
}
.rui-main-nav .nav-item .nav-link.active:before {
background-color: #fff;
color: #555353;
}
.rui-main-nav .nav-item .nav-link:before {
content: "";
position: absolute;
width: 100%;
top: -3px;
bottom: -3px;
left: 0;
border-radius: 5px;
z-index: -1;
}
.rui-main-nav .nav-item .nav-link .nav-link-icon {
opacity: 0.6;
}
#blocks-dashboardonecol .block-region {
margin-bottom: 1.25rem;
}
#blocks-dashboardonecol .block-region:last-of-type {
margin-bottom: 0;
}
.editmode-switch-form {
padding: 8px 4px;
background-color: #fff;
border: none;
border-radius: 5px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.26), 0 14px 44px 0 rgba(0, 0, 0, 0.2);
position: fixed;
right: 20px;
bottom: 10px;
z-index: 10001;
transition: all 0.2s ease-in-out;
}
.scrolled.back-to-top-on .editmode-switch-form {
right: 70px;
}
.theme-dark .editmode-switch-form {
background-color: #121215;
}
@media (min-width: 1600px) {
.rui-blocks-area-sm {
flex: 0 0 320px;
max-width: 320px;
}
}
@media (min-width: 1000px) and (max-width: 1599.98px) {
.rui-blocks-area-sm {
flex: 0 0 260px;
max-width: 260px;
}
}
@media (max-width: 999.98px) {
.rui-blocks-area-sm {
flex: 0 0 100%;
max-width: 100%;
}
}
@media (max-width: 1199.98px) {
.drawer-open-left .rui-blocks-area-sm, .drawer-courseindex--open .rui-blocks-area-sm, .drawer-open-index--open .rui-blocks-area-sm {
margin-top: 30px;
width: 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
#page.drawers {
scrollbar-width: thin;
scrollbar-color: #626262 #F5F5F5;
}
#page.drawers::-webkit-scrollbar {
width: 10px;
}
#page.drawers::-webkit-scrollbar-track {
background: #F5F5F5;
border-radius: 20px;
}
#page.drawers::-webkit-scrollbar-thumb {
background-color: #626262;
border-radius: 20px;
border: 0;
}
#page.drawers::-webkit-scrollbar-thumb:hover {
background-color: #525151;
}
.theme-dark #page.drawers {
scrollbar-width: thin;
scrollbar-color: #626262 #121215;
}
.theme-dark #page.drawers::-webkit-scrollbar {
width: 10px;
}
.theme-dark #page.drawers::-webkit-scrollbar-track {
background: #121215;
border-radius: 20px;
}
.theme-dark #page.drawers::-webkit-scrollbar-thumb {
background-color: #626262;
border-radius: 20px;
border: 0;
}
.theme-dark #page.drawers::-webkit-scrollbar-thumb:hover {
background-color: #525151;
}
.drawercontent, .filemanager .fp-content, .rui-card-course-contacts, .rui-column-mh, .rui-nav--admin, .rui-content-message-container, .rui-course-card-text, .rui-right-drawer .rui-sidebar-blocks-wrapper, .rui-course-wrapper, .gradeparent, .gradingform_rubric .criteria, .path-mod-assign [data-region="grade-panel"], .notification-area .control-area, .categoryquestionscontainer, #page-question-edit .main-content, #page-question-bank-history-history .main-content, .description-content, .form-autocomplete-suggestions, .jschooser .choosercontainer #chooseform .alloptions, .table-overflow {
scrollbar-width: thin;
scrollbar-color: #626262 #F5F5F5;
}
.drawercontent::-webkit-scrollbar, .filemanager .fp-content::-webkit-scrollbar, .rui-card-course-contacts::-webkit-scrollbar, .rui-column-mh::-webkit-scrollbar, .rui-nav--admin::-webkit-scrollbar, .rui-content-message-container::-webkit-scrollbar, .rui-course-card-text::-webkit-scrollbar, .rui-right-drawer .rui-sidebar-blocks-wrapper::-webkit-scrollbar, .rui-course-wrapper::-webkit-scrollbar, .gradeparent::-webkit-scrollbar, .gradingform_rubric .criteria::-webkit-scrollbar, .path-mod-assign [data-region="grade-panel"]::-webkit-scrollbar, .notification-area .control-area::-webkit-scrollbar, .categoryquestionscontainer::-webkit-scrollbar, #page-question-edit .main-content::-webkit-scrollbar, #page-question-bank-history-history .main-content::-webkit-scrollbar, .description-content::-webkit-scrollbar, .form-autocomplete-suggestions::-webkit-scrollbar, .jschooser .choosercontainer #chooseform .alloptions::-webkit-scrollbar, .table-overflow::-webkit-scrollbar {
width: 6px;
}
.drawercontent::-webkit-scrollbar-track, .filemanager .fp-content::-webkit-scrollbar-track, .rui-card-course-contacts::-webkit-scrollbar-track, .rui-column-mh::-webkit-scrollbar-track, .rui-nav--admin::-webkit-scrollbar-track, .rui-content-message-container::-webkit-scrollbar-track, .rui-course-card-text::-webkit-scrollbar-track, .rui-right-drawer .rui-sidebar-blocks-wrapper::-webkit-scrollbar-track, .rui-course-wrapper::-webkit-scrollbar-track, .gradeparent::-webkit-scrollbar-track, .gradingform_rubric .criteria::-webkit-scrollbar-track, .path-mod-assign [data-region="grade-panel"]::-webkit-scrollbar-track, .notification-area .control-area::-webkit-scrollbar-track, .categoryquestionscontainer::-webkit-scrollbar-track, #page-question-edit .main-content::-webkit-scrollbar-track, #page-question-bank-history-history .main-content::-webkit-scrollbar-track, .description-content::-webkit-scrollbar-track, .form-autocomplete-suggestions::-webkit-scrollbar-track, .jschooser .choosercontainer #chooseform .alloptions::-webkit-scrollbar-track, .table-overflow::-webkit-scrollbar-track {
background: #F5F5F5;
border-radius: 20px;
}
.drawercontent::-webkit-scrollbar-thumb, .filemanager .fp-content::-webkit-scrollbar-thumb, .rui-card-course-contacts::-webkit-scrollbar-thumb, .rui-column-mh::-webkit-scrollbar-thumb, .rui-nav--admin::-webkit-scrollbar-thumb, .rui-content-message-container::-webkit-scrollbar-thumb, .rui-course-card-text::-webkit-scrollbar-thumb, .rui-right-drawer .rui-sidebar-blocks-wrapper::-webkit-scrollbar-thumb, .rui-course-wrapper::-webkit-scrollbar-thumb, .gradeparent::-webkit-scrollbar-thumb, .gradingform_rubric .criteria::-webkit-scrollbar-thumb, .path-mod-assign [data-region="grade-panel"]::-webkit-scrollbar-thumb, .notification-area .control-area::-webkit-scrollbar-thumb, .categoryquestionscontainer::-webkit-scrollbar-thumb, #page-question-edit .main-content::-webkit-scrollbar-thumb, #page-question-bank-history-history .main-content::-webkit-scrollbar-thumb, .description-content::-webkit-scrollbar-thumb, .form-autocomplete-suggestions::-webkit-scrollbar-thumb, .jschooser .choosercontainer #chooseform .alloptions::-webkit-scrollbar-thumb, .table-overflow::-webkit-scrollbar-thumb {
background-color: #626262;
border-radius: 20px;
border: 0;
}
.drawercontent::-webkit-scrollbar-thumb:hover, .filemanager .fp-content::-webkit-scrollbar-thumb:hover, .rui-card-course-contacts::-webkit-scrollbar-thumb:hover, .rui-column-mh::-webkit-scrollbar-thumb:hover, .rui-nav--admin::-webkit-scrollbar-thumb:hover, .rui-content-message-container::-webkit-scrollbar-thumb:hover, .rui-course-card-text::-webkit-scrollbar-thumb:hover, .rui-right-drawer .rui-sidebar-blocks-wrapper::-webkit-scrollbar-thumb:hover, .rui-course-wrapper::-webkit-scrollbar-thumb:hover, .gradeparent::-webkit-scrollbar-thumb:hover, .gradingform_rubric .criteria::-webkit-scrollbar-thumb:hover, .path-mod-assign [data-region="grade-panel"]::-webkit-scrollbar-thumb:hover, .notification-area .control-area::-webkit-scrollbar-thumb:hover, .categoryquestionscontainer::-webkit-scrollbar-thumb:hover, #page-question-edit .main-content::-webkit-scrollbar-thumb:hover, #page-question-bank-history-history .main-content::-webkit-scrollbar-thumb:hover, .description-content::-webkit-scrollbar-thumb:hover, .form-autocomplete-suggestions::-webkit-scrollbar-thumb:hover, .jschooser .choosercontainer #chooseform .alloptions::-webkit-scrollbar-thumb:hover, .table-overflow::-webkit-scrollbar-thumb:hover {
background-color: #525151;
}
.theme-dark .drawercontent, .theme-dark .filemanager .fp-content, .theme-dark .rui-card-course-contacts, .theme-dark .rui-column-mh, .theme-dark .rui-nav--admin, .theme-dark .rui-content-message-container, .theme-dark .rui-course-card-text, .theme-dark .rui-right-drawer .rui-sidebar-blocks-wrapper, .theme-dark .rui-course-wrapper, .theme-dark .gradeparent, .theme-dark .gradingform_rubric .criteria, .theme-dark .path-mod-assign [data-region="grade-panel"], .theme-dark .notification-area .control-area, .theme-dark .categoryquestionscontainer, .theme-dark #page-question-edit .main-content, .theme-dark #page-question-bank-history-history .main-content, .theme-dark .description-content, .theme-dark .form-autocomplete-suggestions, .theme-dark .jschooser .choosercontainer #chooseform .alloptions, .theme-dark .table-overflow {
scrollbar-width: thin;
scrollbar-color: #626262 #121215;
}
.theme-dark .drawercontent::-webkit-scrollbar, .theme-dark .filemanager .fp-content::-webkit-scrollbar, .theme-dark .rui-card-course-contacts::-webkit-scrollbar, .theme-dark .rui-column-mh::-webkit-scrollbar, .theme-dark .rui-nav--admin::-webkit-scrollbar, .theme-dark .rui-content-message-container::-webkit-scrollbar, .theme-dark .rui-course-card-text::-webkit-scrollbar, .theme-dark .rui-right-drawer .rui-sidebar-blocks-wrapper::-webkit-scrollbar, .theme-dark .rui-course-wrapper::-webkit-scrollbar, .theme-dark .gradeparent::-webkit-scrollbar, .theme-dark .gradingform_rubric .criteria::-webkit-scrollbar, .theme-dark .path-mod-assign [data-region="grade-panel"]::-webkit-scrollbar, .theme-dark .notification-area .control-area::-webkit-scrollbar, .theme-dark .categoryquestionscontainer::-webkit-scrollbar, .theme-dark #page-question-edit .main-content::-webkit-scrollbar, .theme-dark #page-question-bank-history-history .main-content::-webkit-scrollbar, .theme-dark .description-content::-webkit-scrollbar, .theme-dark .form-autocomplete-suggestions::-webkit-scrollbar, .theme-dark .jschooser .choosercontainer #chooseform .alloptions::-webkit-scrollbar, .theme-dark .table-overflow::-webkit-scrollbar {
width: 6px;
}
.theme-dark .drawercontent::-webkit-scrollbar-track, .theme-dark .filemanager .fp-content::-webkit-scrollbar-track, .theme-dark .rui-card-course-contacts::-webkit-scrollbar-track, .theme-dark .rui-column-mh::-webkit-scrollbar-track, .theme-dark .rui-nav--admin::-webkit-scrollbar-track, .theme-dark .rui-content-message-container::-webkit-scrollbar-track, .theme-dark .rui-course-card-text::-webkit-scrollbar-track, .theme-dark .rui-right-drawer .rui-sidebar-blocks-wrapper::-webkit-scrollbar-track, .theme-dark .rui-course-wrapper::-webkit-scrollbar-track, .theme-dark .gradeparent::-webkit-scrollbar-track, .theme-dark .gradingform_rubric .criteria::-webkit-scrollbar-track, .theme-dark .path-mod-assign [data-region="grade-panel"]::-webkit-scrollbar-track, .theme-dark .notification-area .control-area::-webkit-scrollbar-track, .theme-dark .categoryquestionscontainer::-webkit-scrollbar-track, .theme-dark #page-question-edit .main-content::-webkit-scrollbar-track, .theme-dark #page-question-bank-history-history .main-content::-webkit-scrollbar-track, .theme-dark .description-content::-webkit-scrollbar-track, .theme-dark .form-autocomplete-suggestions::-webkit-scrollbar-track, .theme-dark .jschooser .choosercontainer #chooseform .alloptions::-webkit-scrollbar-track, .theme-dark .table-overflow::-webkit-scrollbar-track {
background: #121215;
border-radius: 20px;
}
.theme-dark .drawercontent::-webkit-scrollbar-thumb, .theme-dark .filemanager .fp-content::-webkit-scrollbar-thumb, .theme-dark .rui-card-course-contacts::-webkit-scrollbar-thumb, .theme-dark .rui-column-mh::-webkit-scrollbar-thumb, .theme-dark .rui-nav--admin::-webkit-scrollbar-thumb, .theme-dark .rui-content-message-container::-webkit-scrollbar-thumb, .theme-dark .rui-course-card-text::-webkit-scrollbar-thumb, .theme-dark .rui-right-drawer .rui-sidebar-blocks-wrapper::-webkit-scrollbar-thumb, .theme-dark .rui-course-wrapper::-webkit-scrollbar-thumb, .theme-dark .gradeparent::-webkit-scrollbar-thumb, .theme-dark .gradingform_rubric .criteria::-webkit-scrollbar-thumb, .theme-dark .path-mod-assign [data-region="grade-panel"]::-webkit-scrollbar-thumb, .theme-dark .notification-area .control-area::-webkit-scrollbar-thumb, .theme-dark .categoryquestionscontainer::-webkit-scrollbar-thumb, .theme-dark #page-question-edit .main-content::-webkit-scrollbar-thumb, .theme-dark #page-question-bank-history-history .main-content::-webkit-scrollbar-thumb, .theme-dark .description-content::-webkit-scrollbar-thumb, .theme-dark .form-autocomplete-suggestions::-webkit-scrollbar-thumb, .theme-dark .jschooser .choosercontainer #chooseform .alloptions::-webkit-scrollbar-thumb, .theme-dark .table-overflow::-webkit-scrollbar-thumb {
background-color: #626262;
border-radius: 20px;
border: 0;
}
.theme-dark .drawercontent::-webkit-scrollbar-thumb:hover, .theme-dark .filemanager .fp-content::-webkit-scrollbar-thumb:hover, .theme-dark .rui-card-course-contacts::-webkit-scrollbar-thumb:hover, .theme-dark .rui-column-mh::-webkit-scrollbar-thumb:hover, .theme-dark .rui-nav--admin::-webkit-scrollbar-thumb:hover, .theme-dark .rui-content-message-container::-webkit-scrollbar-thumb:hover, .theme-dark .rui-course-card-text::-webkit-scrollbar-thumb:hover, .theme-dark .rui-right-drawer .rui-sidebar-blocks-wrapper::-webkit-scrollbar-thumb:hover, .theme-dark .rui-course-wrapper::-webkit-scrollbar-thumb:hover, .theme-dark .gradeparent::-webkit-scrollbar-thumb:hover, .theme-dark .gradingform_rubric .criteria::-webkit-scrollbar-thumb:hover, .theme-dark .path-mod-assign [data-region="grade-panel"]::-webkit-scrollbar-thumb:hover, .theme-dark .notification-area .control-area::-webkit-scrollbar-thumb:hover, .theme-dark .categoryquestionscontainer::-webkit-scrollbar-thumb:hover, .theme-dark #page-question-edit .main-content::-webkit-scrollbar-thumb:hover, .theme-dark #page-question-bank-history-history .main-content::-webkit-scrollbar-thumb:hover, .theme-dark .description-content::-webkit-scrollbar-thumb:hover, .theme-dark .form-autocomplete-suggestions::-webkit-scrollbar-thumb:hover, .theme-dark .jschooser .choosercontainer #chooseform .alloptions::-webkit-scrollbar-thumb:hover, .theme-dark .table-overflow::-webkit-scrollbar-thumb:hover {
background-color: #525151;
}
.cb-toolbar-container .dropdown-scrollable {
scrollbar-width: thin;
scrollbar-color: #626262 #121215;
}
.cb-toolbar-container .dropdown-scrollable::-webkit-scrollbar {
width: 6px;
}
.cb-toolbar-container .dropdown-scrollable::-webkit-scrollbar-track {
background: #121215;
border-radius: 20px;
}
.cb-toolbar-container .dropdown-scrollable::-webkit-scrollbar-thumb {
background-color: #626262;
border-radius: 20px;
border: 0;
}
.cb-toolbar-container .dropdown-scrollable::-webkit-scrollbar-thumb:hover {
background-color: #525151;
}
.cb-toolbar-container .dropdown-scrollable .icon {
filter: invert(0);
background: #fff;
opacity: 1;
border-radius: 30px;
}
.cb-toolbar-container .dropdown-scrollable .dropdown-item:hover .icon:hover {
filter: invert(0);
}
.dark-mode:root {
color-scheme: dark;
}
.rui-grid-layout {
display: grid;
flex-direction: column;
align-items: stretch;
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
gap: 20px;
}
@media (min-width: 1000px) {
.rui-mobile-nav {
display: none;
z-index: -2;
}
}
@media (max-width: 999.98px) {
.rui-mobile-nav {
position: absolute;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 59px;
z-index: 1;
}
}
@media (max-width: 999.98px) {
.rui-mobile-nav-btn-close, .rui-mobile-nav-btn {
position: absolute;
top: 9px;
right: 10px;
z-index: 1030;
}
.rui-mobile-nav-btn-close {
display: none;
opacity: 0;
}
.opened .rui-mobile-nav-btn-close {
top: 9px;
right: 10px;
position: absolute;
opacity: 1;
z-index: 4;
display: flex;
align-items: center;
}
.rui-topbar .moremenu, .rui-topbar .rui-topbar-customfield {
z-index: -1;
display: none;
opacity: 0;
}
.opened .rui-topbar .moremenu, .opened .rui-topbar .rui-topbar-customfield {
opacity: 1;
z-index: 3;
display: flex;
}
.rui-topbar .rui-icon-menu {
z-index: -1;
display: none;
opacity: 0;
}
.opened .rui-topbar .rui-icon-menu {
background-color: #fff;
position: absolute;
top: 9px;
right: 55px;
left: 0;
display: flex;
justify-content: flex-end;
align-items: center;
opacity: 1;
z-index: 3;
}
.theme-dark .opened .rui-topbar .rui-icon-menu {
background-color: #191a1e;
}
.opened .rui-topbar .rui-icon-menu-search {
margin-left: 10px;
margin-right: auto;
}
#topbarLeft {
position: absolute;
top: 8px;
z-index: 3;
}
}
@media (max-width: 767.98px) {
.primary-navigation .moremenu .nav-link {
margin: 0;
}
.primary-navigation .nav-item {
width: 100%;
}
.primary-navigation .more-nav a {
margin: 0;
}
.primary-navigation .more-nav .dropdown-menu {
position: relative !important;
transform: none !important;
width: 100%;
max-width: 100%;
}
.primary-navigation .more-nav .nav-link {
padding: 15px;
}
}
.box:empty {
display: none;
}
#page-login-change_password {
background-image: none;
}
#back-to-top {
display: none;
position: fixed;
right: 20px;
bottom: 10px;
z-index: 1060;
transition: all 0.2s ease-in-out;
box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
background-color: #fff;
border: 0;
}
.theme-dark #back-to-top {
background-color: #121215;
color: #E8EAED;
}
.pagelayout-redirect #page {
max-width: 100%;
margin: 0 auto;
padding: 20px;
top: 0;
height: 100%;
}
.rui-fp-margin-top {
margin-top: 80px;
}
.rui-fp-margin-bottom {
margin-bottom: 80px;
}
@media (max-width: 767.98px) {
.rui-fp-margin-bottom {
margin-bottom: 40px;
}
}
.rui-block-hr {
margin: 80px auto;
max-width: 260px;
}
@media (max-width: 767.98px) {
.rui-block-hr {
margin: 40px auto;
}
}
.rui-block-title {
margin-bottom: 30px;
font-size: 3rem;
text-align: center;
color: #212121;
}
.theme-dark .rui-block-title {
color: #E8EAED;
}
@media (min-width: 768px) and (max-width: 999.98px) {
.rui-block-title {
font-size: 2.5rem;
}
}
@media (max-width: 767.98px) {
.rui-block-title {
font-size: 1.5rem;
}
}
.rui-block-desc {
font-size: 1.25rem;
color: #212121;
}
.theme-dark .rui-block-desc {
color: #E8EAED;
}
@media (max-width: 767.98px) {
.rui-block-desc {
font-size: 1rem;
}
}
.rui-block-desc--lg {
font-size: 2rem;
}
@media (max-width: 767.98px) {
.rui-block-desc--lg {
font-size: 1.5rem;
}
}
.rui-block-desc--sm {
max-width: 500px;
margin-left: auto;
margin-right: auto;
}
.rui-block-footer {
margin-top: 60px;
font-size: 0.875rem;
color: #555353;
}
.theme-dark .rui-block-footer {
color: #9AA0A6;
}
.rui-card-team-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.rui-block-team-item img {
width: 100% !important;
max-width: 100% !important;
border-radius: 5px;
}
.rui-block-team-title {
font-size: 1rem;
color: #212121;
}
.theme-dark .rui-block-team-title {
color: #E8EAED;
}
.rui-block-team-desc {
font-size: 0.938rem;
color: #434343;
}
.theme-dark .rui-block-team-desc {
color: #aeb3b8;
}
.rui-block-team-desc--sm {
font-size: 0.75rem;
color: #555353;
}
.theme-dark .rui-block-team-desc--sm {
color: #9AA0A6;
}
.rui-block-team-list li {
margin-right: 10px;
display: inline-block;
}
.rui-block-team-list li a {
font-size: 0.875rem;
font-weight: 700;
color: #434343;
}
.theme-dark .rui-block-team-list li a {
color: #aeb3b8;
}
.rui-block-social-list {
margin-top: 1rem;
display: inline-flex;
}
.rui-block-social-list a {
width: 30px;
height: 30px;
font-size: 18px;
color: #212121;
}
.rui-block-social-list a:hover {
opacity: 0.6;
}
.theme-dark .rui-block-social-list a {
color: #E8EAED;
}
.rui-block-team-item {
position: relative;
width: 100% !important;
max-width: 100% !important;
}
.rui-card-team--img-smpl img {
position: relative;
border-radius: 5px;
width: 192px;
}
.rui-card-team--img-fw {
position: relative;
}
.rui-card-team--img-fw img {
border-radius: 5px;
width: 100%;
}
.rui-card-team-desc--absolute {
position: absolute;
background-color: #fff;
padding: 7px 17px;
left: 10px;
right: 10px;
bottom: 10px;
border-radius: 5px;
}
.theme-dark .rui-card-team-desc--absolute {
background-color: #191a1e;
}
.rui-block-team-title {
font-size: 1rem;
color: #212121;
}
.theme-dark .rui-block-team-title {
color: #E8EAED;
}
.rui-block-team-desc {
font-size: 0.938rem;
color: #434343;
}
.theme-dark .rui-block-team-desc {
color: #aeb3b8;
}
.rui-block-team-desc--sm {
font-size: 0.75rem;
color: #555353;
}
.theme-dark .rui-block-team-desc--sm {
color: #9AA0A6;
}
.rui-block-team-list li {
margin-right: 10px;
display: inline-block;
}
.rui-block-team-list li a {
font-size: 0.875rem;
font-weight: 700;
color: #434343;
}
.theme-dark .rui-block-team-list li a {
color: #aeb3b8;
}
.rui-card-testimonials-grid--2 {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
column-gap: 60px;
row-gap: 60px;
}
@media (min-width: 768px) and (max-width: 999.98px) {
.rui-card-testimonials-grid--2 {
grid-template-columns: repeat(auto-fill, minmax(calc(50% - 20px), 1fr));
column-gap: 40px;
row-gap: 40px;
}
}
@media (max-width: 767.98px) {
.rui-card-testimonials-grid--2 {
grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
column-gap: 0;
row-gap: 80px;
}
}
.rui-card-testimonials-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
column-gap: 80px;
row-gap: 80px;
}
@media (min-width: 768px) and (max-width: 999.98px) {
.rui-card-testimonials-grid {
grid-template-columns: repeat(auto-fill, minmax(calc(50% - 20px), 1fr));
column-gap: 40px;
row-gap: 40px;
}
}
@media (max-width: 767.98px) {
.rui-card-testimonials-grid {
grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
column-gap: 0;
row-gap: 80px;
}
}
.rui-block-testimonials-item {
display: flex;
flex-wrap: wrap;
text-align: left;
}
.rui-block-testimonials-img {
width: 100%;
margin-bottom: 30px;
}
.rui-block-testimonials-rating {
margin-bottom: 30px;
display: inline-flex;
align-items: center;
justify-content: space-between;
color: #784741;
}
.rui-block-testimonials-rating svg {
width: 16px;
margin-right: 4px;
}
.rui-block-testimonials-rating svg:last-child {
margin-right: 0;
}
.rui-block-testimonials--quote {
margin: 0 auto 10px;
font-size: 1.5rem;
color: #212121;
}
.theme-dark .rui-block-testimonials--quote {
color: #E8EAED;
}
.rui-block-testimonials--author {
width: 100%;
margin-bottom: 0;
font-size: 0.938rem;
font-weight: 500;
color: #212121;
}
.theme-dark .rui-block-testimonials--author {
color: #E8EAED;
}
.rui-block-testimonials--additional {
width: 100%;
font-size: 0.75rem;
color: #555353;
}
.theme-dark .rui-block-testimonials--additional {
color: #9AA0A6;
}
.rui-card-cat-grid {
display: grid;
flex-wrap: wrap;
gap: 10px;
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
}
.rui-block-category-item {
padding: 16px;
position: relative;
display: flex;
justify-content: flex-start;
align-items: center;
background-color: #F5F5F5;
border: 2px solid #fff;
border-radius: 5px;
}
.theme-dark .rui-block-category-item {
background-color: #121215;
border: 2px solid #191a1e;
}
.theme-dark .rui-block-category-item img {
filter: invert(1);
}
.rui-block-category-item:hover {
border: 2px solid #ab8c88;
text-decoration: none;
}
.rui-block-category-item .badge-wrapper {
margin: 10px 0;
}
.badge-sale {
border: 1px solid #ef1010;
color: #910808;
}
.theme-dark .badge-sale {
border-color: #f9a3a3;
color: #fbc8c8;
}
.badge-new {
border: 1px solid #027654;
color: #005742;
}
.theme-dark .badge-new {
border-color: #96CA88;
color: #D1ECC0;
}
.badge-soon {
border: 1px solid #0642CD;
color: #00309F;
}
.theme-dark .badge-soon {
border-color: #BACDF7;
color: #D4DEF8;
}
.rui-block-category-item-title {
margin: 0 !important;
width: 100%;
font-size: 0.875rem;
font-weight: 700;
text-align: left;
color: #212121;
}
.theme-dark .rui-block-category-item-title {
color: #E8EAED;
}
.rui-block-category-item-subtitle {
margin-top: 3px;
font-size: 0.75rem;
font-weight: 500;
color: #555353;
}
.theme-dark .rui-block-category-item-subtitle {
color: #9AA0A6;
}
.rui-cta-wrapper {
padding: 80px;
}
@media (max-width: 767.98px) {
.rui-cta-wrapper {
padding: 30px;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
}
.rui-cta-content {
margin-bottom: 2rem;
font-size: 1.125rem;
}
@media (max-width: 767.98px) {
.rui-cta-content {
margin-bottom: 0;
font-size: 14px;
}
}
.rui-cta-title {
margin-bottom: 10px;
font-family: "Poppins", sans-serif;
font-size: 3rem;
line-height: 1.3;
}
@media (max-width: 767.98px) {
.rui-cta-title {
font-size: 20px;
}
}
.rui-cta-small {
margin-top: 30px;
font-size: 0.75rem;
opacity: 0.7;
}
@media (max-width: 767.98px) {
.rui-cta-small {
font-size: 12px;
}
}
.rui-fp-block--13, .rui-fp-block--14, .rui-fp-block--19 {
background-size: cover;
background-repeat: no-repeat;
}
.rui-card {
padding: 30px;
height: 100%;
border: 1px solid #E1E1E1;
border-radius: 5px;
background-color: #fff;
}
.theme-dark .rui-card {
border-color: #2E3134;
background-color: #191a1e;
}
@media (max-width: 999.98px) {
.rui-card {
padding: 20px;
}
}
.rui-color-card, .rui-card--smpl {
padding: 30px;
}
.rui-color-card {
color: #212121;
}
.rui-card-title {
font-weight: 500;
color: #212121;
}
.theme-dark .rui-card-title {
color: #E8EAED;
}
.rui-color-card .rui-card-title {
color: inherit;
}
.rui-card-title--light {
font-size: 0.938rem;
font-weight: 500;
color: #555353;
}
.theme-dark .rui-card-title--light {
color: #9AA0A6;
}
.rui-color-card .rui-card-title--light {
color: inherit;
}
.rui-card-text {
font-size: 1rem;
color: #434343;
}
.theme-dark .rui-card-text {
color: #aeb3b8;
}
.rui-color-card .rui-card-text {
color: inherit;
}
.rui-card-text--lg {
font-size: 1.125px;
color: #434343;
opacity: 0.7;
}
.theme-dark .rui-card-text--lg {
color: #aeb3b8;
}
.rui-color-card .rui-card-text--lg {
color: inherit;
}
.rui-card-text--md {
font-size: 0.938rem;
color: #555353;
}
.theme-dark .rui-card-text--md {
color: #9AA0A6;
}
.rui-color-card .rui-card-text--md {
color: inherit;
}
.rui-card--with-img {
display: inline-flex;
align-items: center;
width: 100%;
}
@media (max-width: 767.98px) {
.rui-card--with-img {
display: block;
text-align: center;
}
}
.rui-card-btn-link {
font-size: 0.875rem;
font-weight: 500;
}
.rui-pricing-table-title {
font-size: 1.5rem;
font-weight: 700;
text-align: center;
}
.rui-pricing-table-price {
margin: 20px 0;
font-size: 2rem;
font-weight: 700;
text-align: center;
color: #212121;
}
.theme-dark .rui-pricing-table-price {
color: #E8EAED;
}
.rui-pricing-table-price .rui-pricing-table-price--smaller {
font-size: 1.5rem;
color: #555353;
}
.theme-dark .rui-pricing-table-price .rui-pricing-table-price--smaller {
color: #9AA0A6;
}
.rui-pricing-table-text {
margin-top: 10px;
font-size: 0.875rem;
text-align: center;
color: #434343;
}
.theme-dark .rui-pricing-table-text {
color: #aeb3b8;
}
.rui-special-list {
margin: 1rem 0;
list-style: none !important;
color: #434343;
gap: 30px;
}
.theme-dark .rui-special-list {
color: #aeb3b8;
}
.rui-special-list li {
padding-left: 26px;
margin-bottom: 10px;
position: relative;
}
.rui-special-list li:before {
content: "";
background-repeat: no-repeat;
background-size: 13px;
background-position: center;
position: absolute;
top: calc(50% - 9px);
left: 0;
width: 18px;
height: 18px;
border-radius: 18px;
}
.rui-special-list li.list-icon-x {
opacity: 0.8;
}
.rui-special-list li.list-icon-x:before {
background-color: #F5F5F5;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23525151' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M17.25 6.75L6.75 17.25'%3E%3C/path%3E%3Cpath stroke='%23525151' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6.75 6.75L17.25 17.25'%3E%3C/path%3E%3C/svg%3E%0A");
}
.theme-dark .rui-special-list li.list-icon-x:before {
background-color: #121215;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%239AA0A6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M17.25 6.75L6.75 17.25'%3E%3C/path%3E%3Cpath stroke='%239AA0A6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6.75 6.75L17.25 17.25'%3E%3C/path%3E%3C/svg%3E%0A");
}
.rui-special-list--light li:before {
background-color: #F5F5F5;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23525151' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M5.75 12.8665L8.33995 16.4138C9.15171 17.5256 10.8179 17.504 11.6006 16.3715L18.25 6.75'%3E%3C/path%3E%3C/svg%3E%0A");
}
.theme-dark .rui-special-list--light li:before {
background-color: #121215;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%239AA0A6' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M5.75 12.8665L8.33995 16.4138C9.15171 17.5256 10.8179 17.504 11.6006 16.3715L18.25 6.75'%3E%3C/path%3E%3C/svg%3E%0A");
}
.rui-special-list--primary li:before {
background-color: #ddd1cf;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23561911' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M5.75 12.8665L8.33995 16.4138C9.15171 17.5256 10.8179 17.504 11.6006 16.3715L18.25 6.75'%3E%3C/path%3E%3C/svg%3E%0A");
}
.theme-dark .rui-special-list--primary li:before {
background-color: #2b0d09;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23784741' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M5.75 12.8665L8.33995 16.4138C9.15171 17.5256 10.8179 17.504 11.6006 16.3715L18.25 6.75'%3E%3C/path%3E%3C/svg%3E%0A");
}
.rui-pricing-table {
padding: 30px 40px;
border-style: solid;
border-color: #E1E1E1;
border-width: 1px 0;
}
@media (min-width: 1200px) {
.rui-pricing-table:first-of-type {
border-radius: 5px 0 0 5px;
border-width: 1px;
}
.rui-pricing-table:last-of-type {
border-radius: 0 5px 5px 0;
border-width: 1px;
}
}
@media (max-width: 999.98px) {
.rui-pricing-table {
margin: 10px 0;
border-radius: 5px;
border-width: 1px;
}
}
.rui-pricing-table--special {
background-color: #eee8e7;
border-color: #ccbab8;
border-left: 2px dashed #ccbab8 !important;
}
.theme-dark .rui-pricing-table--special {
background-color: #2b0d09;
border-color: #561911;
}
@media (max-width: 999.98px) {
.rui-pricing-table--special {
border-left: 1px solid #ccbab8;
}
.theme-dark .rui-pricing-table--special {
border-color: #561911 !important;
}
}
.rui-fp-block--11 .swiper-button-prev, .rui-fp-block--11 .swiper-button-next, .rui-fp-block--12 .swiper-button-prev, .rui-fp-block--12 .swiper-button-next {
top: 160px;
}
.rui-fp-block .swiper-button-next {
top: calc(50% - 45px);
}
.rui-fp-block--cta {
padding: 60px 80px;
background-color: #eee8e7;
border-radius: 5px;
}
.theme-dark .rui-fp-block--cta {
background-color: #2b0d09;
}
@media (min-width: 768px) and (max-width: 999.98px) {
.rui-fp-block--cta {
padding: 40px;
}
}
@media (max-width: 767.98px) {
.rui-fp-block--cta {
padding: 25px;
}
}
.rui-fp-block--cta .swiper {
padding: 0 0 45px 0;
}
.rui-fp-block--1 .swiper-wrapper {
border-radius: 5px;
overflow: hidden;
}
.rui-fp-block-mt {
margin-top: 80px;
}
.rui-fp-block-mb {
margin-bottom: 80px;
}
.theme-dark .rui-fp-block--8 .rui-card-title, .theme-dark .rui-fp-block--8 .rui-card-text {
color: #212121;
}
.rui-card-item {
transition: all 0.2s ease-in-out;
}
.rui-card-item:hover {
transform: translateY(-3px);
}
.rui-card-item.swiper-slide:hover {
transform: none;
}
.rui-card-item .rui-card-item-img {
max-width: 200px;
}
@media (max-width: 767.98px) {
.rui-card-item .rui-card-item-img {
max-width: 100%;
}
}
.rui-card-item .rui-card-item-img img {
width: 100%;
border: 4px solid #fff;
}
.rui-hero-content {
color: inherit;
}
@media (min-width: 1200px) {
.rui-hero-content {
max-width: 600px;
}
}
@media (max-width: 1199.98px) {
.rui-hero-content {
width: 100%;
}
}
@media (max-width: 767.98px) {
.rui-hero-bg {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
}
.rui-hero-content-backdrop {
padding: 45px 60px;
border-radius: 5px;
}
@media (max-width: 767.98px) {
.rui-hero-content-backdrop {
background-color: #fff;
padding: 30px 10px;
border-radius: 0;
}
.theme-dark .rui-hero-content-backdrop {
background-color: #191a1e;
}
}
@media (min-width: 1000px) {
.rui-hero-content-backdrop--block1 {
background-color: rgba(86, 25, 17, 0.7);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
}
@media (max-width: 999.98px) {
.rui-hero-content-backdrop--block1 {
padding: 20px;
background-color: #561911;
}
}
@media (min-width: 768px) {
.rui-hero-content-backdrop--block2 {
background-color: rgba(33, 33, 33, 0.7);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
}
@media (max-width: 767.98px) {
.rui-hero-content-backdrop--block2 {
padding: 20px;
background-color: #212121;
}
}
@media (min-width: 768px) {
.rui-hero-content-backdrop--block3 {
background-color: rgba(33, 33, 33, 0.7);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
}
@media (max-width: 767.98px) {
.rui-hero-content-backdrop--block3 {
padding: 20px;
background-color: #212121;
}
}
@media (min-width: 768px) {
.rui-hero-content-backdrop--block4 {
background-color: rgba(33, 33, 33, 0.7);
-webkit-backdrop-filter: blur(10px);
}
}
@media (max-width: 767.98px) {
.rui-hero-content-backdrop--block4 {
background-color: #212121;
}
}
@media (max-width: 767.98px) {
.rui-hero-content-box {
padding: 50px 20px 20px;
background-color: #fff;
}
.theme-dark .rui-hero-content-box {
background-color: #191a1e;
}
.rui-hero-content-box .rui-text--white {
color: #212121;
}
}
.rui-hero-content-position {
position: absolute;
z-index: 3;
}
@media (max-width: 767.98px) {
.rui-hero-content-position {
position: relative;
top: 0 !important;
text-align: center;
}
.rui-hero-content-position p {
text-align: center !important;
}
}
.rui-hero-content-centered {
width: 600px;
text-align: center;
left: calc(50% - 300px);
}
@media (max-width: 767.98px) {
.rui-hero-content-centered {
width: 100%;
left: 0;
}
}
.rui-hero-content-left {
left: 100px;
}
@media (min-width: 768px) and (max-width: 999.98px) {
.rui-hero-content-left {
text-align: center;
width: 500px;
left: calc(50% - 250px);
}
}
@media (max-width: 767.98px) {
.rui-hero-content-left {
text-align: center;
width: 100%;
left: 0;
}
.rui-hero-content-left p {
text-align: center !important;
}
}
.rui-hero-content-right {
left: auto;
right: 100px;
}
@media (min-width: 768px) and (max-width: 999.98px) {
.rui-hero-content-right {
text-align: center;
width: 500px;
right: calc(50% - 250px);
}
}
@media (max-width: 767.98px) {
.rui-hero-content-right {
text-align: center;
width: 300px;
left: calc(50% - 150px);
}
.rui-hero-content-right p {
text-align: center !important;
}
}
@media (min-width: 1200px) {
.rui-hero-title {
font-size: 40px;
line-height: 1.3;
}
}
@media (min-width: 768px) and (max-width: 999.98px) {
.rui-hero-title {
font-size: 30px;
line-height: 1.3;
}
}
@media (max-width: 767.98px) {
.rui-hero-title {
font-size: 20px;
line-height: 1.3;
}
}
@media (min-width: 1200px) {
.rui-hero-title-lg {
font-size: 60px;
line-height: 1.2;
}
}
@media (min-width: 768px) and (max-width: 999.98px) {
.rui-hero-title-lg {
font-size: 40px;
line-height: 1.3;
}
}
@media (max-width: 767.98px) {
.rui-hero-title-lg {
font-size: 30px;
line-height: 1.3;
}
}
@media (min-width: 1200px) {
.rui-hero-title-xl {
font-size: 80px;
line-height: 1.1;
word-break: break-all;
}
}
@media (min-width: 768px) and (max-width: 999.98px) {
.rui-hero-title-xl {
font-size: 40px;
line-height: 1.3;
}
}
@media (max-width: 767.98px) {
.rui-hero-title-xl {
font-size: 20px;
line-height: 1.3;
}
}
.rui-hero-title + .rui-hero-desc {
margin: 20px 0 0;
}
.rui-hero-desc {
font-size: 1.125rem;
}
@media (min-width: 768px) and (max-width: 999.98px) {
.rui-hero-desc {
font-size: 0.85rem;
}
}
@media (max-width: 767.98px) {
.rui-hero-desc {
font-size: 0.938rem;
}
}
.rui-hero-btns {
margin-top: 30px;
}
.rui--swiper-arrows {
padding-right: 80px !important;
padding-left: 80px !important;
}
.rui-img--rounded-fluid img {
max-width: 100%;
height: auto;
border-radius: 10px;
}
.rui-text-content--absolute {
padding: 80px;
color: #fff;
}
.rui-text-content--absolute .rui-text-content-heading {
font-size: 2rem;
font-weight: 700;
color: #fff;
}
.rui-hero-img {
width: 100%;
overflow: hidden;
border-radius: 5px;
position: relative;
}
.rui-hero-video {
width: 100%;
height: 600px;
overflow: hidden;
border-radius: 5px;
position: relative;
}
.rui-hero-video .vidbg-container {
width: 100%;
}
#site-news-forum, #frontpage-category-combo, #frontpage-course-list, #frontpage-available-course-list {
margin-top: 30px;
margin-bottom: 30px;
}
#site-news-forum .rui-title-container .rui-main-content-title, #frontpage-category-combo .rui-title-container .rui-main-content-title, #frontpage-course-list .rui-title-container .rui-main-content-title, #frontpage-available-course-list .rui-title-container .rui-main-content-title {
margin: 30px 0;
display: block;
font-size: 3rem;
font-weight: 700;
text-align: center;
color: #212121;
}
.theme-dark #site-news-forum .rui-title-container .rui-main-content-title, .theme-dark #frontpage-category-combo .rui-title-container .rui-main-content-title, .theme-dark #frontpage-course-list .rui-title-container .rui-main-content-title, .theme-dark #frontpage-available-course-list .rui-title-container .rui-main-content-title {
color: #E8EAED;
}
@media (min-width: 768px) and (max-width: 999.98px) {
#site-news-forum .rui-title-container .rui-main-content-title, #frontpage-category-combo .rui-title-container .rui-main-content-title, #frontpage-course-list .rui-title-container .rui-main-content-title, #frontpage-available-course-list .rui-title-container .rui-main-content-title {
font-size: 2.5rem;
}
}
@media (max-width: 767.98px) {
#site-news-forum .rui-title-container .rui-main-content-title, #frontpage-category-combo .rui-title-container .rui-main-content-title, #frontpage-course-list .rui-title-container .rui-main-content-title, #frontpage-available-course-list .rui-title-container .rui-main-content-title {
font-size: 1.5rem;
}
}
.sitetopic {
width: 860px;
max-width: 100%;
margin: 0 auto;
}
@media (max-width: 999.98px) {
.sitetopic {
width: 100%;
}
}
.rui-icon-box {
width: 60px;
height: 60px;
border-radius: 60px;
display: flex;
justify-content: center;
align-items: center;
}
.rui-icon-box--primary {
background-color: #eee8e7;
color: #561911;
}
.theme-dark .rui-icon-box--primary {
background-color: #561911;
color: #eee8e7;
}
.rui-icon-box--gray {
background-color: #F5F5F5;
color: #626262;
}
.theme-dark .rui-icon-box--gray {
background-color: #121215;
color: #3C4043;
}
.rui-block-text--secondary {
color: #434343;
}
.theme-dark .rui-block-text--secondary {
color: #aeb3b8;
}
.rui-block-text--light {
color: #555353;
}
.theme-dark .rui-block-text--light {
color: #9AA0A6;
}
.rui-block-text--1 {
font-size: 1.125rem;
}
.rui-block-text--2 {
font-size: 0.875rem;
}
.rui-block-text--3 {
font-size: 0.75rem;
}
.c-hero-content {
position: absolute;
left: 20%;
width: 60%;
text-align: center;
}
@media (min-width: 320px) and (max-width: 767.98px) {
.c-hero-content .btn {
padding: 10px 15px;
font-size: 12px;
}
.c-hero-content .mt-5 {
margin-top: 20px !important;
}
}
.c-hero-container {
background-size: cover;
}
@media (min-width: 320px) and (max-width: 999.98px) {
.c-hero-container {
border-radius: 0;
}
}
.c-hero-container .c-hero-slider-item {
padding: 0;
position: relative;
}
@media (min-width: 768px) {
.c-hero-container .c-hero-slider-item--h {
background-image: none;
height: auto !important;
}
}
@media (min-width: 320px) and (max-width: 767.98px) {
.c-hero-container .c-hero-slider-item--h {
background-size: cover;
background-position: center;
width: 100%;
height: 400px;
}
}
.c-hero-container .tns-outer {
max-width: 100% !important;
padding: 0;
margin: 0;
border-radius: 5px;
overflow: hidden;
}
.c-hero-container .tns-nav {
bottom: 20px;
}
@media (min-width: 320px) and (max-width: 999.98px) {
.c-hero-container .tns-nav {
bottom: 5px;
}
}
.c-hero-container--video {
position: relative;
z-index: 0 !important;
}
.c-hero-container {
position: relative;
margin: 0 0 60px;
}
.c-hero-slider .c-hero-container {
margin: 0;
}
@media (min-width: 320px) and (max-width: 999.98px) {
.c-hero-container {
margin-bottom: 0;
}
}
@media (min-width: 320px) and (max-width: 767.98px) {
.c-hero-container {
margin-top: 0;
}
}
.c-hero-container.c-hero-box-shadow {
overflow: inherit;
}
.c-hero-shadow-img:before {
display: none;
}
.c-hero-shadow-img-box {
position: absolute;
top: -110px;
left: 0;
width: 100%;
height: 500px;
z-index: -2;
}
@media (min-width: 320px) and (max-width: 999.98px) {
.c-hero-shadow-img-box {
display: none;
}
}
@media (min-width: 320px) and (max-width: 999.98px) {
.c-hero-container-shadow:before {
display: none;
}
}
.c-hero-container-shadow:before {
content: "";
background: #D8D8D8;
/* fallback for old browsers */
background: -webkit-linear-gradient(165deg, #fff, #D8D8D8);
/* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(165deg, #fff, #D8D8D8);
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
top: -110px;
left: 0;
width: 100%;
height: 500px;
position: absolute;
z-index: -1;
}
.c-heroimg {
background-size: cover;
width: 100%;
border-radius: 5px;
overflow: hidden;
margin-left: auto;
margin-right: auto;
}
.c-hero-box-shadow .c-heroimg {
box-shadow: 0px 30px 90px 0 rgba(0, 0, 0, 0.32);
}
.c-heroimg a:hover {
text-decoration: none;
}
.c-heroimg .h1 {
margin: 0.5rem 0;
font-size: 3.5rem;
color: #fff;
}
@media (min-width: 320px) and (max-width: 999.98px) {
.c-heroimg .h1 {
font-size: 18px;
}
}
.c-heroimg .h3 {
font-size: 1.5rem;
color: #fff;
}
@media (min-width: 320px) and (max-width: 999.98px) {
.c-heroimg .h3 {
font-size: 14px;
}
}
.c-heroimg .h5 {
margin-bottom: 0;
font-size: 1rem;
color: #fff;
}
@media (min-width: 320px) and (max-width: 999.98px) {
.c-heroimg .h5 {
font-size: 12px;
}
}
.c-heroimg .h1 a:not(.btn), .c-heroimg .h2 a:not(.btn), .c-heroimg .h3 a:not(.btn), .c-heroimg .h4 a:not(.btn), .c-heroimg .h5 a:not(.btn), .c-heroimg p a:not(.btn) {
color: #fff;
}
.tns-outer {
max-width: 100%;
margin-left: auto;
margin-right: auto;
position: relative;
/*rtl:begin:ignore*/
direction: ltr;
/*rtl:end:ignore*/
}
.tns-inner {
margin: 0 !important;
}
.tns-item {
padding: 0;
}
.tns-controls {
position: absolute;
width: 100%;
top: calc(50% - 50px);
}
@media (min-width: 320px) and (max-width: 999.98px) {
.tns-controls {
display: none;
}
}
.tns-controls [data-controls="next"], .tns-controls [data-controls="prev"] {
background-color: rgba(0, 0, 0, 0.9);
border: 0;
font-size: 18px;
color: #fff;
position: absolute;
padding: 0;
width: 40px;
height: 80px;
border-radius: 5px;
z-index: 2;
}
.tns-controls [data-controls="next"][disabled], .tns-controls [data-controls="prev"][disabled] {
opacity: 0.2;
}
@media (min-width: 320px) and (max-width: 999.98px) {
.tns-controls [data-controls="next"], .tns-controls [data-controls="prev"] {
display: none;
}
}
.tns-controls [data-controls="next"] {
right: -60px;
left: auto;
}
.c-hero-container .tns-controls [data-controls="next"] {
right: 30px;
}
@media (min-width: 1200px) {
.tns-controls [data-controls="next"] {
left: auto;
right: -40px;
}
}
@media (min-width: 320px) and (max-width: 999.98px) {
.tns-controls [data-controls="next"] {
right: -15px;
}
}
.tns-controls [data-controls="prev"] {
left: -60px;
right: auto;
}
.c-hero-container .tns-controls [data-controls="prev"] {
left: 30px;
}
@media (min-width: 1200px) {
.tns-controls [data-controls="prev"] {
left: -40px;
right: auto;
}
}
.tns-nav {
position: absolute;
width: 100%;
bottom: 0;
text-align: center;
z-index: 9;
}
.tns-nav button {
margin: 5px 10px;
padding: 0;
border-radius: 10px;
width: 10px;
height: 10px;
border: 0;
background-color: #E1E1E1;
}
.tns-nav button.tns-nav-active {
background-color: #ccbab8;
}
.c-top-logo {
position: relative;
text-align: center;
}
.c-top-logo .logo {
margin-top: 30px;
margin-left: auto;
margin-right: auto;
margin-bottom: -60px;
padding: 20px;
max-width: 100%;
height: auto;
max-height: 120px;
background-color: #fff;
border-radius: 5px;
position: relative;
z-index: 1;
text-align: center;
box-shadow: rgba(0, 0, 0, 0.15) 0 15px 25px, rgba(0, 0, 0, 0.05) 0 5px 10px, rgba(0, 0, 0, 0.12) 0 2px 3px;
}
@media (min-width: 320px) and (max-width: 767.98px) {
.c-top-logo .logo {
display: none;
}
}
/* Courses list section from Space 1.14 (legacy) */
.s-courses-list .special-heading i {
font-size: 2rem;
color: #555353;
}
.s-courses-list .special-heading .title {
font-size: 3.5rem;
font-weight: 700;
line-height: 1.2;
word-break: break-word;
}
@media (min-width: 320px) and (max-width: 999.98px) {
.s-courses-list .special-heading .title {
font-size: 2rem;
}
}
.s-courses-list .c-courses-list {
margin: 0;
padding: 0;
font-size: 1rem;
}
.s-courses-list .c-courses-list li {
list-style: none;
margin-bottom: 2rem;
}
.s-courses-list .c-courses-list li span {
opacity: 0.7;
}
.s-courses-list .c-courses-list li a {
font-weight: 500;
color: inherit;
}
.s-courses-list .c-courses-list li a:hover {
color: #561911;
}
.theme-dark .s-courses-list .c-courses-list li a:hover {
color: #ab8c88;
}
.rui-rounded-icon {
display: inline-flex;
align-items: center;
border-radius: 40px;
padding: 10px;
}
.rui-rounded-icon img, .rui-rounded-icon svg {
width: 24px;
height: auto;
}
.rui-rounded-icon--color {
background-color: #eee8e7;
color: #561911;
}
.theme-dark .rui-rounded-icon--color {
background-color: #561911;
color: #eee8e7;
}
.rui-rounded-icon--gray {
background-color: #F5F5F5;
color: #434343;
}
.theme-dark .rui-rounded-icon--gray {
background-color: #121215;
color: #aeb3b8;
}
.rui-card--colorized {
padding: 60px;
border-radius: 5px;
color: #212121;
}
@media (max-width: 767.98px) {
.rui-card--colorized {
padding: 30px;
}
}
.rui-card--colorized .rui-card-text, .rui-card--colorized .lead-1, .rui-card--colorized .mod_introbox, .rui-card--colorized .lead-2, .rui-card--colorized .lead-3, .rui-card--colorized .lead-4, .rui-card--colorized .display-1, .rui-card--colorized .display-2, .rui-card--colorized .display-3, .rui-card--colorized .display-4 {
color: #212121;
}
.rui-img-rounded img, .rui-img-rounded--md img, .rui-img-rounded--lg img, .rui-img-rounded--xl img {
display: flex;
width: 100%;
}
.rui-rounded {
border-radius: 10px;
}
.rui-rounded--md {
border-radius: 10px;
}
.rui-rounded--lg {
border-radius: 40px;
}
.rui-rounded--xl {
border-radius: 60px;
}
.rui-img-rounded img {
border-radius: 10px;
}
.rui-img-rounded--md img {
border-radius: 10px;
}
.rui-img-rounded--lg img {
border-radius: 40px;
}
.rui-img-rounded--xl img {
border-radius: 60px;
}
.rui-fpblocksarea-1 .block-region:not(:empty) {
margin-bottom: 30px;
}
.rui-fpblocksarea-2 .block-region:not(:empty) {
margin-top: 30px;
margin-bottom: 80px;
}
.form-control:-ms-input-placeholder {
color: #626262;
}
.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: 320px) {
.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 {
-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;
}
.atto-fullscreen .editor_atto_wrap {
z-index: 1030;
}
.editor_atto_content {
padding: 1rem;
resize: vertical;
overflow: auto;
border: 0;
}
.editor_atto_content .wrapper-md, .editor_atto_content .wrapper-lg, .editor_atto_content .wrapper-fw, .editor_atto_content .wrapper-xl {
max-width: 100%;
}
.editor_atto_content_wrap, .editor_atto + textarea {
width: 100%;
padding: 0;
}
#page-admin-setting-themesettingspace .editor_atto_content_wrap .swiper, #page-admin-setting-themesettingspace .editor_atto_content_wrap .swiper-wrapper, #page-admin-setting-themesettingspace .editor_atto + textarea .swiper, #page-admin-setting-themesettingspace .editor_atto + textarea .swiper-wrapper {
max-width: 900px;
overflow-x: auto;
}
.editor_atto + textarea {
border-radius: 0;
resize: vertical;
margin-top: -1px;
}
div.editor_atto_toolbar {
display: block;
background: #fff;
min-height: 35px;
border: 1px solid #D8D8D8;
width: 100%;
padding: 0 0 7px 0;
border-radius: 5px 5px 0 0;
}
.theme-dark div.editor_atto_toolbar {
background: #191a1e;
}
div.editor_atto_toolbar .menuplaceholder {
display: inline-block;
}
div.editor_atto_toolbar button {
padding: 6px;
margin: 1px;
background: none;
border: 0;
margin: 0;
border-radius: 5px;
line-height: 1;
cursor: pointer;
}
div.editor_atto_toolbar button:hover {
outline: 2px solid rgba(6, 66, 205, 0.7);
}
div.editor_atto_toolbar button + button {
border-left: 0;
}
div.editor_atto_toolbar button[disabled] {
opacity: 0.45;
background: none;
cursor: default;
}
.editor_atto_toolbar button:hover {
background-image: none;
background-color: #F5F5F5;
}
.theme-dark .editor_atto_toolbar button:hover {
background-color: #121215;
}
.editor_atto_toolbar button:active, .editor_atto_toolbar button.highlight {
background-color: #eee8e7;
background-image: none;
}
.theme-dark .editor_atto_toolbar button:active, .theme-dark .editor_atto_toolbar button.highlight {
background-color: #784741;
}
.editor_atto_toolbar button:active .icon, .editor_atto_toolbar button.highlight .icon {
color: #561911;
}
.editor_atto_toolbar button.highlight::before {
display: none;
}
/* 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;
}
.theme-dark div.editor_atto_toolbar button .icon {
filter: invert(1);
}
div.editor_atto_toolbar div.atto_group {
display: inline-flex;
border: 1px solid #E1E1E1;
border-radius: 5px;
padding: 4px;
margin: 7px 0 0 7px;
background: transparent;
}
.theme-dark div.editor_atto_toolbar div.atto_group {
border-color: #2E3134;
}
.editor_atto_content_wrap {
background-color: #fff;
color: #212121;
}
.theme-dark .editor_atto_content_wrap {
background-color: #191a1e;
color: #E8EAED;
}
.editor_atto_content_wrap .form-control {
box-shadow: none;
}
.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;
}
.atto_form .form-check {
display: inline-flex;
align-items: center;
}
.atto_form .form-check input {
position: relative;
margin: 10px;
}
/*.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: 3px 0 0 !important;
z-index: 1000;
}
.atto_form .mdl-align .btn {
width: 100%;
}
.editor_atto_menu .dropdown-menu > li > a {
margin: 3px 0;
}
.editor_atto_menu .open ul.dropdown-menu {
padding-top: 5px;
padding-bottom: 5px;
}
.editor_atto_wrap {
position: relative;
width: 100%;
}
/*rtl:ignore*/
.editor_atto_wrap textarea {
direction: ltr;
}
.editor_atto_notification .atto_info, .editor_atto_notification .atto_warning {
margin-top: 0.25rem;
display: inline-flex;
align-items: center;
background-color: #F5F5F5;
padding: 0.5rem;
font-size: 0.75rem;
border-radius: 5px;
}
.theme-dark .editor_atto_notification .atto_info, .theme-dark .editor_atto_notification .atto_warning {
background-color: #121215;
}
.editor_atto_notification .atto_info img, .editor_atto_notification .atto_warning img {
margin-right: 0.25rem;
}
.theme-dark .editor_atto_notification .atto_info img, .theme-dark .editor_atto_notification .atto_warning img {
filter: invert(1);
}
.editor_atto_notification .atto_info {
background-color: #F5F5F5;
}
.theme-dark .editor_atto_notification .atto_info {
background-color: #121215;
}
.editor_atto_notification .atto_warning {
background-color: #FFF1D5;
}
.editor_atto_toolbar, .editor_atto_content_wrap, .editor_atto + textarea {
border-radius: 0 0 5px 5px;
box-sizing: border-box;
border: 1px solid #E1E1E1;
}
.theme-dark .editor_atto_toolbar, .theme-dark .editor_atto_content_wrap, .theme-dark .editor_atto + textarea {
border: 1px solid #2E3134;
}
.editor_atto_content.form-control {
width: 100%;
min-height: 200px !important;
border-top: 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.75rem;
color: #ef1010;
}
.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.75rem;
line-height: 1.5;
color: #fff;
background-color: rgba(239, 16, 16, 0.9);
border-radius: 5px;
}
.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: #ef1010;
padding-right: calc(1.5em + 1.5rem) !important;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ef1010' 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='%23ef1010' stroke='none'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right calc(0.375em + 0.375rem) center;
background-size: calc(0.75em + 0.75rem) calc(0.75em + 0.75rem);
}
.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: #ef1010;
box-shadow: 0 0 0 0.2rem rgba(239, 16, 16, 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: 5rem !important;
background-position: right 2.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 + 1.5rem);
background-position: top calc(0.375em + 0.375rem) right calc(0.375em + 0.375rem);
}
.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: #ef1010;
padding-right: calc(0.75em + 3.375rem) !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='%23434343' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 10px 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='%23ef1010' 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='%23ef1010' stroke='none'/%3e%3c/svg%3e") center right 2.25rem / calc(0.75em + 0.75rem) calc(0.75em + 0.75rem) 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: #ef1010;
box-shadow: 0 0 0 0.2rem rgba(239, 16, 16, 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: #ef1010;
}
.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: #ef1010;
}
.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: #ef1010;
}
.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: #f24040;
background-color: #f24040;
}
.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(239, 16, 16, 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: #ef1010;
}
.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: #ef1010;
}
.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: #ef1010;
box-shadow: 0 0 0 0.2rem rgba(239, 16, 16, 0.25);
}
.open.atto_menu > .dropdown-menu {
display: block;
}
/* modal windos - elements */
.atto_equation_library button {
margin: 3px;
min-width: 40px;
width: auto;
height: 40px;
}
.atto_image_preview {
width: auto !important;
max-height: 200px;
}
.atto_h5p_urlentrysubmit {
width: 100%;
}
.yui3-widget-modal .ftoggler h3, .modal .ftoggler h3 {
font-size: 0.875rem;
}
.atto_form.atto_media > .tab-content {
padding: 10px;
}
.atto_image_button_text-top.img-fluid, .atto_image_button_middle.img-fluid, .atto_image_button_text-bottom.img-fluid {
max-width: 100%;
margin: 0;
border-radius: 5px;
}
.atto_toolbar_row {
display: inline;
}
.atto_form fieldset.collapsible legend a.fheader {
width: 30px;
padding: 10px !important;
background-position: center;
margin: 0 10px 0 0 !important;
}
.atto_form fieldset {
margin: 5px 0;
}
.modal .nav-tabs {
width: max-content;
max-width: 100%;
margin-bottom: 10px !important;
background-color: #F5F5F5;
border-radius: 5px;
}
.theme-dark .modal .nav-tabs {
background-color: #121215;
}
.modal .nav-tabs .nav-link {
font-size: 0.75rem;
}
.tiny_media_source {
margin: 10px 0;
}
.card-text p img.img-fluid {
border-radius: 5px;
}
.block_course_contents .badge {
padding: 0;
display: inline-flex;
align-items: center;
justify-content: center;
width: 20px;
height: 20px;
background-color: #eee8e7;
font-size: 0.75rem;
color: #561911;
}
.block_course_contents .section-number {
margin-right: 0.35rem;
}
.block_course_contents .section-item {
margin: 3px 0;
display: inline-flex;
align-items: center;
}
.block_course_contents .section-item:hover {
background-color: #eee8e7;
}
.block_course_contents .section-item.active {
background-color: #F5F5F5;
color: #555353;
}
.block_course_contents .section-item.active .badge {
background-color: #fff;
}
.block_course_contents a {
width: 100%;
display: flex;
align-items: center;
border-radius: 5px;
line-height: 1.4;
color: inherit;
}
.block_course_contents a:hover {
text-decoration: none;
}
.block_course_contents .list-group-item {
padding: 0.25rem;
border-radius: 5px;
border-bottom: 0;
}
.spinner {
animation: rotate 2s linear infinite;
z-index: 2;
position: absolute;
top: 50%;
left: 50%;
margin: -15px 0 0 -15px;
width: 30px;
height: 30px;
}
.spinner .path {
stroke: #E1E1E1;
stroke-linecap: round;
animation: dash 1.5s ease-in-out infinite;
}
@keyframes rotate {
100% {
transform: rotate(360deg);
}
}
@keyframes dash {
0% {
stroke-dasharray: 1, 150;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 90, 150;
stroke-dashoffset: -35;
}
100% {
stroke-dasharray: 90, 150;
stroke-dashoffset: -124;
}
}
.block.block_course_modulenavigation .section-group {
margin-bottom: 0;
}
.block.block_course_modulenavigation .section {
border: none;
}
.block.block_course_modulenavigation .module-navigation-section-heading {
padding: 10px 1.25rem 0 1.25rem;
margin: 0 -1.25rem 10px;
width: calc(100% + 2.5rem);
border-top: 1px solid #E1E1E1;
background-color: transparent;
font-size: 0.875rem;
font-weight: 700;
}
.block.block_course_modulenavigation .module-navigation-section-heading:last-of-type {
border-bottom: none;
margin-bottom: 0;
}
.block.block_course_modulenavigation .module-navigation-section-heading a {
color: #212121;
}
.block.block_course_modulenavigation .section-default > .module-navigation-section-heading {
background-color: transparent;
}
.block.block_course_modulenavigation .section-group .section:last-of-type .module-navigation-section-heading {
margin-bottom: 0;
}
.block.block_course_modulenavigation ul.activities li > a {
border-bottom: none;
border-radius: 5px;
font-weight: 500;
font-size: 0.75rem;
color: #434343;
}
.block.block_course_modulenavigation .pagination > li a, .block.block_course_modulenavigation .allpagination > li a {
font-size: 0.875rem;
font-weight: 500;
}
.block.block_course_modulenavigation .pagination > li a:hover, .block.block_course_modulenavigation .allpagination > li a:hover {
color: #561911;
text-decoration: none;
}
.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: none;
}
.block.block_course_modulenavigation .section-group .section {
border-radius: 5px;
}
body#page-course-view-remuiformat .container-fluid #region-main, body#page-course-view-remuiformat .container-sm #region-main, body#page-course-view-remuiformat .container-md #region-main, body#page-course-view-remuiformat .container-lg #region-main, body#page-course-view-remuiformat .container-xl #region-main {
background-color: transparent !important;
}
body#page-course-view-remuiformat .card-section-rightnav a, body#page-course-view-remuiformat .card-section-leftnav a {
color: #212121;
}
body#page-course-view-remuiformat.theme-dark .card-section-rightnav a, body#page-course-view-remuiformat.theme-dark .card-section-leftnav a {
color: #E8EAED;
}
body#page-course-view-remuiformat #page .activityiconcontainer {
display: flex;
align-items: center;
align-self: center;
justify-content: center;
width: auto;
height: auto;
}
body#page-course-view-remuiformat .course-content .sections {
margin-top: 20px;
}
body#page-course-view-remuiformat .remui-format-card.single-section-format .general-single-card, body#page-course-view-remuiformat .remui-format-list.one-section-format .activities-list {
background-color: transparent;
box-shadow: none;
padding: 0 !important;
}
body#page-course-view-remuiformat .remui-format-card.single-section-format .sections .section .section-details .general-single-card {
flex-wrap: wrap;
}
body#page-course-view-remuiformat .remui-format-list.one-section-format .activities-list {
margin-top: 30px;
}
body#page-course-view-remuiformat .remui-format-list #section-0 .general-section-activities .activity {
margin: 2px !important;
padding: 1rem !important;
border-radius: 5px;
border: 1px solid #E1E1E1 !important;
}
body#page-course-view-remuiformat .remui-format-card.all-section-format .section .sectionname {
font-size: 1rem;
}
body#page-course-view-remuiformat .remui-format-card.all-section-format .section .section-activities-summary .item {
padding: 3px 10px 3px 0;
font-size: 0.75rem;
}
body#page-course-view-remuiformat .remui-format-list .sections .section .sectionname a {
color: inherit;
}
body#page-course-view-remuiformat .remui-format-list .sections .section .sectionname a:before {
background-color: #212121;
}
body#page-course-view-remuiformat .remui-format-list #section-0 #teachers-carousel {
width: 200px;
}
body#page-course-view-remuiformat .remui-format-list #section-0 .carousel-control.left, body#page-course-view-remuiformat .remui-format-list #section-0 .carousel-control.right, body#page-course-view-remuiformat .remui-format-list #section-0 .carousel-control-prev, body#page-course-view-remuiformat .remui-format-list #section-0 .carousel-control-next {
width: 25px !important;
}
body#page-course-view-remuiformat .remui-format-list #section-0 .carousel-inner {
margin: 0 auto;
}
body#page-course-view-remuiformat:not(.editing) .remui-format-list .sections .section .sectionname .panel-title .float-right {
padding-right: 20px;
}
body#page-course-view-remuiformat .remui-format-card.all-section-format .section .wdm-section-summary {
font-size: 0.875rem;
color: #434343;
}
body#page-course-view-remuiformat .remui-format-card.all-section-format .section .section-activities-summary {
font-size: 0.75rem;
color: #626262;
}
body#page-course-view-remuiformat .remui-format-card.all-section-format .section .section-activities-summary li {
font-size: 0.75rem;
}
body#page-course-view-remuiformat .general-section-activities .activity .actions, body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity {
margin: 0 !important;
}
body#page-course-view-remuiformat .general-section-activities .activity .actions .rui-completion-info, body#page-course-view-remuiformat .general-section-activities .activity .actions .rui-contentafterlink, body#page-course-view-remuiformat .general-section-activities .activity .actions .resourcelinkdetails, body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .rui-completion-info, body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .rui-contentafterlink, body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .resourcelinkdetails {
margin-left: 0 !important;
}
body#page-course-view-remuiformat .general-section-activities .activity .actions {
margin-top: 10px;
display: flex;
position: relative;
justify-content: flex-start;
}
body#page-course-view-remuiformat .general-section-activities .activity .actions .rui-completion-info--manual {
position: relative;
}
body#page-course-view-remuiformat .sectionbadges, body#page-course-view-remuiformat .sectionbadges .badge {
margin-left: 0 !important;
}
body#page-course-view-remuiformat .remui-format-card.all-section-format #section-0 .activitieshead, body#page-course-view-remuiformat .remui-format-card.all-section-format #section-0 .general-section-activities {
padding: 0;
}
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity > div, body#page-course-view-remuiformat .remui-format-card.all-section-format #section-0 .general-section-activities .activity {
padding: 5px;
margin: 0;
}
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity > div, body#page-course-view-remuiformat .remui-format-card.all-section-format #section-0 .general-section-activities .activity > div, body#page-course-view-remuiformat .remui-format-card.all-section-format .section .single-card {
padding: 1rem !important;
border-radius: 5px;
border: 1px solid #E1E1E1 !important;
box-shadow: none;
}
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity > div span.autocompletion img, body#page-course-view-remuiformat .remui-format-card.all-section-format #section-0 .general-section-activities .activity > div span.autocompletion img, body#page-course-view-remuiformat .remui-format-card.all-section-format .section .single-card span.autocompletion img {
margin-top: 5px;
}
.theme-dark#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity > div, .theme-dark#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity > div, .theme-dark#page-course-view-remuiformat .remui-format-card.all-section-format #section-0 .general-section-activities .activity > div, .theme-dark#page-course-view-remuiformat .remui-format-card.all-section-format .section .single-card, .theme-dark#page-course-view-remuiformat .course-content .sections #section-0 .general-section .activities-wrapper .general-section-activities .activity:not(.modtype_label) {
background-color: #121215;
border-color: #2E3134 !important;
color: #E8EAED;
}
.theme-dark#page-course-view-remuiformat .remui-format-card.all-section-format .section .sectionname, .theme-dark#page-course-view-remuiformat .remui-format-card.all-section-format .section .sectionname a, .theme-dark#page-course-view-remuiformat .remui-format-card.all-section-format .section .wdm-section-summary .no-overflow, .theme-dark#page-course-view-remuiformat .course-content .sections #section-0 .general-section .section-title, .theme-dark#page-course-view-remuiformat .course-content .sections #section-0 .general-section .activities-wrapper .activitieshead, .theme-dark#page-course-view-remuiformat .course-content .sections #section-0 .general-section .section-details .coursedetails .details .activities-title, .theme-dark#page-course-view-remuiformat .course-content .sections #section-0 .general-section .section-details .generaldetails .generalsectioninfo .coursesummary, .theme-dark#page-course-view-remuiformat .course-content .sections #section-0 .general-section .section-details .coursedetails .details .section-activities-summary, .theme-dark#page-course-view-remuiformat .remui-format-card.single-section-format .sections .section .section-details .general-single-card .header-progresbar-wrapper .section-title, .theme-dark#page-course-view-remuiformat .remui-format-card.single-section-format .sections .section .section-details div.no-overflow, .theme-dark#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .activity-content, .theme-dark#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity .activity-content {
color: #E8EAED;
}
.theme-dark#page-course-view-remuiformat .activity .description .course-description-item {
background-color: #121215;
color: #E8EAED;
}
.theme-dark#page-course-view-remuiformat .remui-format-card.single-section-format .sections .section .section-details {
border-color: #2E3134;
}
body#page-course-view-remuiformat .row {
margin-top: 30px;
}
body#page-course-view-remuiformat .remui-format-card.all-section-format #section-0 .general-section-activities .activity > div:after, body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .title.nosummary a:after {
display: none;
}
#page-course-view-remuiformat .rui-completion-info--manual {
left: auto;
top: 14px;
right: 14px;
}
body#page-course-view-remuiformat .remui-format-card.all-section-format #section-0 .activitieshead {
padding: 0;
}
body#page-course-view-remuiformat .remui-format-card.all-section-format .section .single-card {
min-height: 150px;
}
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .single-card {
min-height: 120px;
}
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .completion-container {
top: 40px;
padding: 0 !important;
right: 20px;
}
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .wdm-mod-name {
font-size: 0.75rem;
font-weight: 500;
margin-bottom: 1rem;
}
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity {
border-bottom: 0;
}
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .title a:hover::before, body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .title.nosummary a:hover::before {
display: none;
}
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .title.nosummary img {
margin: 0 0 0.5rem 0;
width: 40px;
height: 40px;
}
body#page-course-view-remuiformat .remui-format-card.all-section-format #section-0 .general-section-activities .activity > div, body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .title.nosummary a {
text-align: left;
}
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .title.nosummary > a, body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .title.nosummary div {
justify-content: flex-start;
align-items: flex-start;
}
body#page-course-view-remuiformat .container-fluid #region-main .card, body#page-course-view-remuiformat .container-sm #region-main .card, body#page-course-view-remuiformat .container-md #region-main .card, body#page-course-view-remuiformat .container-lg #region-main .card, body#page-course-view-remuiformat .container-xl #region-main .card, body#page-course-view-remuiformat .remui-format-card.all-section-format .section .general-section {
background-color: #fff;
border: 1px solid #E1E1E1;
border-radius: 5px;
}
body#page-course-view-remuiformat .course-content .card {
padding: 0;
margin-bottom: 10px !important;
}
body#page-course-view-remuiformat .container-fluid #region-main .card.block_html, body#page-course-view-remuiformat .container-sm #region-main .card.block_html, body#page-course-view-remuiformat .container-md #region-main .card.block_html, body#page-course-view-remuiformat .container-lg #region-main .card.block_html, body#page-course-view-remuiformat .container-xl #region-main .card.block_html {
border: none;
}
body#page-course-view-remuiformat .container-fluid #region-main .card > .card-body:first-of-type, body#page-course-view-remuiformat .container-sm #region-main .card > .card-body:first-of-type, body#page-course-view-remuiformat .container-md #region-main .card > .card-body:first-of-type, body#page-course-view-remuiformat .container-lg #region-main .card > .card-body:first-of-type, body#page-course-view-remuiformat .container-xl #region-main .card > .card-body:first-of-type {
background-color: transparent;
}
body#page-course-view-remuiformat #section-0 .progress {
margin-top: 5px;
margin-bottom: 5px !important;
border-radius: 5px;
overflow: hidden;
}
.wdm-generalsectiontitle {
font-size: 1.25rem;
font-weight: 500;
}
body#page-course-view-remuiformat .remui-format-list.all-section-format ul.sections li.section:not(#section-0) > div, body#page-course-view-remuiformat .remui-format-list.one-section-format.all-section .sections .section:not(#section-0) > div {
box-shadow: none;
background-color: transparent;
border: 0;
}
body#page-course-view-remuiformat .remui-format-list.all-section-format ul.sections li.section:not(#section-0) > div {
padding: 0 !important;
}
.theme-dark#page-course-view-remuiformat .course-content .sections #section-0 .general-section .showactivity {
color: #E8EAED;
}
body#page-course-view-remuiformat .remui-format-list.all-section-format ul.sections li.section .toggle-icon {
position: absolute;
right: 0;
}
body#page-course-view-remuiformat .remui-format-list.all-section-format ul.sections li.section .toggle-icon::before {
font-size: 18px;
color: #434343;
}
body#page-course-view-remuiformat .remui-format-list #section-0 .course-cover-image {
padding: 2rem !important;
border-radius: 5px;
}
body#page-course-view-remuiformat .remui-format-list .sections .section .card-footer {
padding: 0 !important;
}
body#page-course-view-remuiformat .remui-format-list .activities-list ul.section .activity .activitytitle, body#page-course-view-remuiformat .remui-format-list .card-footer ul.section .activity .activitytitle, body#page-course-view-remuiformat .activity .activitytitle .media-body {
gap: 0;
}
body#page-course-view-remuiformat .remui-format-list.one-section-format .one-section-format-details-page-wrapper .section .course-section-summary-wrapper {
padding: 24px 24px 0;
}
body#page-course-view-remuiformat .remui-format-list .summary .no-overflow, body#page-course-view-remuiformat .remui-format-list .course-section-summary-wrapper .no-overflow {
margin-top: 10px;
}
body#page-course-view-remuiformat .remui-format-card.single-section-format .sections .section .section-details, body#page-course-view-remuiformat .activity .description .course-description-item, body#page-course-view-remuiformat .remui-format-list .sections .section:not(#section-0), body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity > div, body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity > div, body#page-course-view-remuiformat .remui-format-card.all-section-format #section-0 .general-section-activities .activity > div, body#page-course-view-remuiformat .remui-format-card.all-section-format .section .single-card, body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .activities-wrapper .general-section-activities .activity:not(.modtype_label), body#page-course-view-remuiformat .remui-format-list.one-section-format .activities-list ul.section, body#page-course-view-remuiformat .remui-format-list.one-section-format .activities-list ul.section .activity {
border-color: #E1E1E1;
}
body#page-course-view-remuiformat .remui-format-list .sections .section:not(#section-0), .theme-dark#page-course-view-remuiformat .remui-format-list .sections .section:not(#section-0) {
background-color: transparent;
}
.theme-dark#page-course-view-remuiformat .remui-format-list.one-section-format .activities-list ul.section .activity {
border-color: #2E3134;
}
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .title a, body#page-course-view-remuiformat .general-section-activities .activityinstance .instancename, body#page-course-view-remuiformat .remui-format-list #section-0 .general-section-activities .instancename {
width: 100%;
margin-top: 0.5rem;
display: flex;
flex-wrap: wrap;
font-size: 0.875rem;
line-height: 1.3;
text-align: left;
}
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .title a .instancename, body#page-course-view-remuiformat .general-section-activities .activityinstance .instancename .instancename, body#page-course-view-remuiformat .remui-format-list #section-0 .general-section-activities .instancename .instancename {
display: block;
margin-top: 0.5rem;
}
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .completion-container.manual-completion .rui-completion-info--manual {
position: relative;
}
body#page-course-view-remuiformat .remui-format-list #section-0 .general-section-activities .activity {
width: calc(25% - 4px);
}
body#page-course-view-remuiformat .remui-format-list #section-0 .general-section-activities .activity .activityinstance {
display: block !important;
text-align: left;
}
body#page-course-view-remuiformat .remui-format-list #section-0 .general-section-activities .activity .activityinstance > a {
display: flex;
flex-wrap: wrap;
}
body#page-course-view-remuiformat .remui-format-list #section-0 .general-section-activities .activity .activityinstance > a .rui-instancename {
margin-top: 0.35rem;
}
body#page-course-view-remuiformat .remui-format-list #section-0 .summary {
min-height: auto;
}
body#page-course-view-remuiformat .general-section-activities .activity .activityinstance {
text-align: left;
}
body#page-course-view-remuiformat .general-section-activities .activity .activityinstance .aalink {
display: flex;
align-items: center;
}
body#page-course-view-remuiformat .general-section-activities .activityinstance img, body#page-course-view-remuiformat .remui-format-list #section-0 .general-section-activities .activity .activityinstance .iconlarge.activityicon {
width: 40px !important;
height: 40px !important;
}
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .activity-content, body#page-course-view-remuiformat .general-section-activities .activity .contentafterlink, body#page-course-view-remuiformat .section-summary-activities {
margin: 0.5rem 0 0 0;
padding: 0;
text-align: left !important;
font-size: 0.75rem;
color: #626262;
}
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .activity-content:empty, body#page-course-view-remuiformat .general-section-activities .activity .contentafterlink:empty, body#page-course-view-remuiformat .section-summary-activities:empty {
display: none;
}
body#page-course-view-remuiformat li.activity form.togglecompletion .btn {
position: absolute;
right: 0;
top: 0;
}
body#page-course-view-remuiformat .remui-format-list #section-0 .general-section-activities .activity .actions {
position: relative;
right: auto;
top: 5px;
justify-content: flex-start;
}
body#page-course-view-remuiformat .general-section-activities .activity {
border-bottom: 0;
text-align: left;
}
body#page-course-view-remuiformat .general-section-activities .activity:first-of-type {
margin-left: 0;
}
body#page-course-view-remuiformat .remui-format-list #section-0 .carousel-inner {
width: 105px;
}
body#page-course-view-remuiformat .remui-format-list #section-0 .carousel-inner a {
margin: 3px;
}
body#page-course-view-remuiformat .remui-format-list #section-0 .carousel-inner a:before {
display: none;
}
body#page-course-view-remuiformat .section-modchooser .section-modchooser-link {
box-shadow: none !important;
border: 0 !important;
color: #212121 !important;
}
body#page-course-view-remuiformat .section-modchooser .section-modchooser-link *, body#page-course-view-remuiformat .section-modchooser .section-modchooser-link a:hover {
color: inherit !important;
}
body#page-course-view-remuiformat .course-content .sections .wdm-add-new-section {
width: 100%;
padding: 0.35rem 1.7rem 0.35rem 0.75rem !important;
font-size: 0.75rem;
}
#page-course-view-remuiformat .remui-format-list .sections .section:not(#section-0) {
border-color: #E1E1E1;
}
.theme-dark#page-course-view-remuiformat .remui-format-list .sections .section:not(#section-0) {
background-color: #121215;
border-color: #2E3134 !important;
}
body#page-course-view-remuiformat .remui-format-list .sections .section .course-section-header .sectionheading {
font-size: 1rem;
}
body#page-course-view-remuiformat .remui-format-list .summary {
font-size: 0.875rem;
}
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .activity-content, body#page-course-view-remuiformat .general-section-activities .activity .contentafterlink, body#page-course-view-remuiformat .section-summary-activities {
font-weight: 400;
}
body#page-course-view-remuiformat .remui-format-list .activities-list ul.section li:not(:last-child), body#page-course-view-remuiformat .remui-format-list .card-footer ul.section li:not(:last-child) {
border: 0;
}
body#page-course-view-remuiformat .remui-format-list .sections .section .content .panel-title, body#page-course-view-remuiformat .remui-format-list .sections .section .content h3 a, body#page-course-view-remuiformat .progress-bar-warpper .progress-text {
color: #212121;
}
.theme-dark#page-course-view-remuiformat .remui-format-list .sections .section .content .course-section-summary-wrapper .no-overflow {
color: #aeb3b8;
}
.theme-dark#page-course-view-remuiformat .remui-format-list .sections .section .course-section-header .sectionheading, .theme-dark#page-course-view-remuiformat .remui-format-list .summary, .theme-dark#page-course-view-remuiformat .remui-format-list .course-section-summary-wrapper, .theme-dark#page-course-view-remuiformat .remui-format-list .sections .section .content .panel-title, .theme-dark#page-course-view-remuiformat .remui-format-list .sections .section .content h3 a, .theme-dark#page-course-view-remuiformat .progress-bar-warpper .progress-text {
color: #E8EAED;
}
body#page-course-view-remuiformat .activity .activity-item:not(.activityinline) {
padding: 10px;
border-color: #E1E1E1;
}
.theme-dark#page-course-view-remuiformat .activity .activity-item:not(.activityinline) {
background-color: #121215;
border-color: #2E3134;
}
body#page-course-view-remuiformat .rui--activity-is-manual .activity-information {
top: 15px;
left: 15px;
}
body#page-course-view-remuiformat .remui-format-list.all-section-format ul.sections li.section .content ul.section .activity .activitytitle {
gap: 0;
}
body#page-course-view-remuiformat .section .activity.modtype_label.label {
border: none;
}
body#page-course-view-remuiformat .section .activity.modtype_label .rui-contentafterlink {
margin-left: 0 !important;
}
#page-course-view-remuiformat .moodle-core-dragdrop-draghandle {
margin: 0 0 10px;
}
body#page-course-view-remuiformat #changenumsections .single-card, body#page-course-view-remuiformat #changenumsections .card-block, #page-course-view-remuiformat .activity-add {
background-color: transparent !important;
border: 0 !important;
width: 100%;
}
body#page-course-view-remuiformat #changenumsections .single-card, body#page-course-view-remuiformat #changenumsections .card-block a {
width: 100%;
border-radius: 5px;
}
.course-content ul.grid {
margin: 30px 0;
list-style: none;
}
.course-content ul.grid .course-section-header {
margin-bottom: 1rem;
}
.course-content ul.grid .card:last-of-type {
margin-bottom: auto;
}
.course-content ul.buttons {
padding: 0;
}
.course-content ul.buttons li.section .content {
margin: 0;
}
.course-content ul.buttons li.section .left, .course-content ul.buttons li.section .right {
padding: 0;
}
.format-timeline .header-section, .format-timeline .filters-section {
box-shadow: none !important;
background-color: transparent;
}
.format-timeline div.timeline ul.section .coursemodule {
box-shadow: none !important;
}
.format-timeline div.timeline ul.section .coursemodule .activity {
padding: 0;
}
.format-timeline div.timeline ul.section .coursemodule .activity:last-child {
border-bottom: 0;
}
.format-timeline .buttons .btn {
color: inherit;
}
.format-timeline .buttons .btn.btn-primary, .format-timeline .buttons .addtagcoll a.btn, .addtagcoll .format-timeline .buttons a.btn, .format-timeline .buttons .path-admin-tag .addstandardtags a.btn, .path-admin-tag .addstandardtags .format-timeline .buttons a.btn, .format-timeline .buttons .gradereport_history_usp .usp-finish input.btn, .gradereport_history_usp .usp-finish .format-timeline .buttons input.btn, .format-timeline .buttons #siteconfiglink a.btn, #siteconfiglink .format-timeline .buttons a.btn, .format-timeline .buttons .forum-post-footer a.btn, .forum-post-footer .format-timeline .buttons a.btn, .format-timeline .buttons .rui-submissionaction .singlebutton .btn, .rui-submissionaction .singlebutton .format-timeline .buttons .btn, .format-timeline .buttons #enterlink p:nth-of-type(1) a.btn, #enterlink p:nth-of-type(1) .format-timeline .buttons a.btn, .format-timeline .buttons .btn.mod_quiz-next-nav, .format-timeline .buttons .addbloglink a.btn, .addbloglink .format-timeline .buttons a.btn, .format-timeline .buttons #addcontrols input.btn, #addcontrols .format-timeline .buttons input.btn, .format-timeline .buttons #page-mod-forum-index .subscription .helplink:nth-of-type(1) a.btn, #page-mod-forum-index .subscription .helplink:nth-of-type(1) .format-timeline .buttons a.btn, .format-timeline .buttons #page-mod-forum-view .subscription .helplink a.btn, #page-mod-forum-view .subscription .helplink .format-timeline .buttons a.btn, .format-timeline .buttons .midpad a.btn, .midpad .format-timeline .buttons a.btn, .format-timeline .buttons .btn.createstep, .format-timeline .buttons #enterlink p:nth-of-type(2) a.btn, #enterlink p:nth-of-type(2) .format-timeline .buttons a.btn, .format-timeline .buttons .webservicestokenui + a.btn, .format-timeline .buttons .rui-pre button.btn, .rui-pre .format-timeline .buttons button.btn, .format-timeline .buttons .last-add-menu .btn.dropdown-btn, .last-add-menu .format-timeline .buttons .btn.dropdown-btn {
color: #fff;
}
.tool_gdpr_plus.policies-consent .policy-container {
left: 10px;
right: 10px;
bottom: 10px;
width: calc(100% - 20px);
border-radius: 5px;
}
div#trailmiddle-column > ul {
padding: 0;
}
div#trailmiddle-column > ul li.section ul {
padding: 0;
}
.format-tiles-tile-open #nav-drawer, .format-tiles-tile-open .secondary-navigation, .format-tiles-tile-open .rui-topbar-wrapper {
z-index: 1;
}
.format-tiles-tile-open #back-to-top {
display: none !important;
}
.format-tiles .subtile.hasphoto .btn.completion-btn, .format-tiles .subtile.hasphoto .subtilecontrols, .format-tiles.editing .section .activity.subtile.hasphoto .action-menu, .format-tiles.jsenabled ul.tiles {
max-width: 100% !important;
}
.format-tiles #section-0 ul.section {
margin: 0;
padding: 0;
border-radius: 5px;
}
.format-tiles .course-content #filterbuttons {
margin-right: 0;
margin-bottom: 0;
min-height: auto;
display: inline-flex;
align-items: center;
}
.format-tiles .tiles-top-button, .format-tiles .filterbutton {
margin-left: 0.25rem;
border-radius: 5px;
font-size: 0.875rem;
font-weight: 500;
color: #212121 !important;
}
.theme-dark.format-tiles .tiles-top-button {
filter: invert(1);
mix-blend-mode: exclusion;
}
.format-tiles .tiles-top-button:hover, .format-tiles .filterbutton:hover, .sectionbutton:hover, .format-tiles .filterbutton.selected {
background-color: #eee8e7 !important;
color: #561911 !important;
}
.format-tiles .overall-progress {
display: inline-flex;
align-items: center;
font-size: 0.75rem;
}
.format-tiles .course-content ul.tiles .tile {
border-radius: 5px !important;
box-shadow: none !important;
max-width: 100%;
}
.format-tiles .course-content ul.tiles .tile {
flex-wrap: wrap;
grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
gap: 20px;
}
.format-tiles ul.tiles .tile h3 {
font-size: 0.938rem;
font-weight: 500;
line-height: 1.5;
color: #212121;
}
.theme-dark.format-tiles ul.tiles .tile {
background-color: #121215;
}
.theme-dark.format-tiles ul.tiles .tile h3 {
color: #E8EAED;
}
.theme-dark.format-tiles ul.tiles .tile img {
filter: invert(1);
}
.format-tiles .tileiconcontainer .icon {
margin-top: 6px;
margin-left: 8px;
}
.format-tiles .tileiconcontainer .icon img {
width: 100%;
height: 100%;
}
.format-tiles .state-visible .tileiconcontainer {
margin: 10px;
}
.format-tiles .state-visible .tileiconcontainer .icon {
margin: 0;
width: 30px;
height: 30px;
}
.format-tiles #abovetiles {
background-color: #F5F5F5;
border-radius: 5px;
position: relative;
}
.theme-dark.format-tiles #abovetiles {
background-color: #121215;
}
.format-tiles #abovetiles, .format-tiles .course-content #filterintro {
display: flex;
}
.format-tiles #abovetiles {
padding: 5px;
min-height: 50px;
}
.format-tiles #abovetiles:empty {
display: none;
}
.format-tiles .single-section .navigation-arrow, .format-tiles .single-section .navigation-arrow img {
width: 30px;
height: 30px;
display: inline-flex;
justify-content: center;
align-items: center;
}
.format-tiles .navigation-arrows {
margin-right: 12px;
display: inline-flex;
justify-content: flex-end;
}
.format-tiles .single-section .navigation-arrow .icon {
width: 14px;
height: 14px;
}
.tiletopright {
position: absolute;
top: 10px;
right: 10px;
}
.format-tiles ul.tiles .tile.selected {
box-shadow: rgba(0, 0, 0, 0.26) 0 9px 16px, rgba(0, 0, 0, 0.2) 0 2px 3px !important;
}
.theme-dark.format-tiles ul.tiles .tile.selected {
background-color: #121215;
color: #E8EAED;
}
.format-tiles #page ul.section {
background-color: #fff;
border: 1px solid #E1E1E1 !important;
border-radius: 5px;
}
.theme-dark.format-tiles #page ul.section {
background-color: #191a1e;
border-color: #2E3134 !important;
width: 100% !important;
}
.format-tiles .completion-manual .activity-item {
padding-left: 60px;
}
.format-tiles .course-content .section .activity:hover, .format-tiles li.section:not(#section-0) .course-section-header {
background-color: #F5F5F5;
}
.theme-dark.format-tiles .course-content .section .activity:hover, .theme-dark.format-tiles li.section:not(#section-0) .course-section-header {
background-color: #121215;
}
.format-tiles li.section:not(#section-0) .course-section-header img.icon {
width: 16px;
height: 16px;
}
.format-tiles .icons-collapse-expand .expanded-icon img.icon, .format-tiles .icons-collapse-expand.collapsed .collapsed-icon img.icon {
width: 24px !important;
height: 24px !important;
}
.format-tiles li.section:not(#section-0) .course-section-header h3.sectionname {
font-size: 1rem;
font-weight: 500;
}
.format-tiles ul.tiles#multi_section_tiles li#section-0.section {
background-color: transparent;
}
.format-tiles li .summary {
margin: 20px 0;
}
.format-tiles .tiles-editor-image {
width: 40px;
height: 40px;
}
.format-tiles .activity-information {
top: 3px;
left: 10px;
}
.format-tiles .completion-manual .activity-information {
position: absolute;
}
.format-tiles li.tile .completioncheckbox img {
margin-top: 0;
width: 14px;
height: 14px;
top: calc(50% - 7px);
left: calc(50% - 7px);
}
.format-tiles .course-content ul.section.nosubtiles li.activity .description {
margin-top: 20px;
padding-left: 60px;
}
.format-tiles .completion-manual .description {
padding-left: 120px;
}
.format-tiles ul.tiles li.section .right img.icon {
margin: 0;
padding: 0;
width: 14px;
height: 14px;
}
.format-tiles .moveablesection .tileiconcontainer {
margin: 16px 0 16px 24px;
display: inline-flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
}
.format-tiles ul.tiles .tile .tile-text {
height: 100px;
padding-top: 0;
padding-left: 19px;
padding-right: 19px;
}
.format-tiles .course-content {
z-index: 1;
}
body#page-course-view-remuiformat .automatic-completion-conditions {
flex-direction: row;
}
body#page-course-view-remuiformat .remui-format-card .automatic-completion-conditions {
flex-direction: column;
gap: 0;
}
@media (max-width: 767.98px) {
.format-tiles .d-flex.flex-column.flex-md-row.w-100.align-self-start:has(.btn--activity-manual) {
display: flex !important;
flex-direction: column-reverse !important;
justify-content: space-between;
}
.format-tiles .activity img.activityicon {
margin: 5px 20px 0 0;
}
.format-tiles .completion-manual .activity-information {
position: relative !important;
margin: 0 0 5px -10px;
}
}
.tiles-activity-container {
width: 100%;
}
.tiles .activity-info {
width: 100%;
margin: 10px 60px 0 !important;
}
.tiles .flex-column {
flex-wrap: wrap;
}
.path-mod-quiz-accessrule-proctoring .reporttable .fa-folder-o {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23561911' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M19.25 17.25V9.75C19.25 8.64543 18.3546 7.75 17.25 7.75H4.75V17.25C4.75 18.3546 5.64543 19.25 6.75 19.25H17.25C18.3546 19.25 19.25 18.3546 19.25 17.25Z'%3E%3C/path%3E%3Cpath stroke='%23561911' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M13.5 7.5L12.5685 5.7923C12.2181 5.14977 11.5446 4.75 10.8127 4.75H6.75C5.64543 4.75 4.75 5.64543 4.75 6.75V11'%3E%3C/path%3E%3C/svg%3E%0A");
background-size: 18px;
background-position: center;
height: 12px;
}
#page-admin-enrol-programs-management-program dl.row {
margin-top: 30px;
}
#program_content .c0 .rui-icon-container {
margin-right: 10px;
}
.dir-rtl #program_content .c0 .rui-icon-container {
margin-right: 0;
margin-left: 10px;
}
.theme-dark #program_content .c0 .rui-icon-container {
filter: invert(1);
}
.block_timetable .content {
margin: 0 !important;
}
.block_timetable .content .rui-icon-container {
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
background-color: #fff;
border-radius: 5px;
}
.block_timetable .content .card-text span {
color: #212121;
}
.theme-dark .block_timetable .footer {
border-color: #2E3134;
}
.theme-dark .block_timetable .footer .icon {
filter: invert(1);
}
.block_timetable .timetable-event {
font-weight: 500;
}
.block_timetable .calendar_event_site {
background-color: #f4fdf2;
border-left: 5px solid #9cff83;
color: #212121 !important;
}
.block_timetable .calendar_event_site, .block_timetable .calendar_event_site a {
color: #265619 !important;
}
.block_timetable .calendar_event_category {
background-color: #f5eff5;
border-left: 5px solid #e0cbe0;
color: #212121 !important;
}
.block_timetable .calendar_event_category .timetable-event, .block_timetable .calendar_event_category a {
color: #4e254e !important;
}
.block_timetable .calendar_event_course .timetable-event, .block_timetable .calendar_event_course a {
color: #381400 !important;
}
.block_timetable .calendar_event_course {
background-color: #fff5ee;
border-left: 5px solid #facfb9;
color: #381400 !important;
}
.block_timetable .calendar_event_user .timetable-event, .block_timetable .calendar_event_user a {
color: #3e576f !important;
}
.block_timetable .calendar_event_group {
background-color: #f2eee3;
border-left: 5px solid #fee7ae;
color: #684b05 !important;
}
.block_timetable .calendar_event_group .timetable-event, .block_timetable .calendar_event_group a {
color: #684b05 !important;
}
.block_timetable .calendar_event_user {
background-color: #f3f4f6;
border-left: 5px solid #ced4da;
color: #212121 !important;
}
.block_timetable .calendar_event_other {
background-color: #ced4da;
border-left: 5px solid #6c6c6c;
color: #212121 !important;
}
.block_timetable .events .coursename {
font-weight: 500;
font-size: 0.75rem;
}
.block_timetable .event-item {
border-radius: 5px;
box-shadow: none;
}
.theme-dark .block_timetable .event-item {
filter: invert(1);
}
.block_timetable .footer {
border-top: 1px solid #E1E1E1;
}
.block_timetable .footer .theme-dark {
border-color: #2E3134;
}
.block_timetable .timetable_day {
background: #f2f2f2;
color: #212121;
border: 1px solid #E1E1E1;
}
.block_timetable .timetable_day .theme-dark {
border-color: #2E3134;
}
.block_timetable .timetable_day a {
color: #212121;
}
.block_timetable .timetable_day:hover, .block_timetable .timetable_day.now, .block_timetable .timetable_day.active {
border: 1px solid #561911;
}
.block_timetable .timetable_day:hover a, .block_timetable .timetable_day.active {
background: #000;
color: #fff;
}
.block_timetable .timetable_day.inactive a {
color: #c1c1cb;
}
.block_timetable .timetable_day.inactive.active a, .block_timetable .timetable_day.active a {
color: #fff;
}
#trailmiddle-column {
margin-top: 30px;
}
#trailmiddle-column .summary {
margin-bottom: 10px;
}
#trailmiddle-column .section {
padding: 0;
border-radius: 5px;
border: 1px solid #E1E1E1;
}
#trailmiddle-column .section .activity {
padding: 10px;
border-bottom: 1px solid #E1E1E1;
}
.theme-dark #trailmiddle-column .section .activity {
border-color: #2E3134;
}
.theme-dark #trailmiddle-column .section {
border-color: #2E3134;
}
#trailshadebox_content.absolute {
z-index: 10000 !important;
}
#trailshadebox_content .activity {
padding: 10px;
border-bottom: 1px solid #E1E1E1;
}
.theme-dark #trailshadebox_content .activity {
border-color: #2E3134;
}
#trailshadebox_content ul.section {
margin-top: 20px;
padding: 0;
border: 1px solid #E1E1E1;
border-radius: 5px;
}
.theme-dark #trailshadebox_content ul.section {
border-color: #2E3134;
}
#trailshadebox_content {
padding: 20px;
border-radius: 5px;
}
.gtopics {
padding: 0;
margin: 0;
}
.course-content ul.trailicons li .icon_content {
padding: 10px;
height: auto;
font-size: 0.875rem;
}
.course-content ul.trailicons li.currentselected {
border-radius: 5px;
}
#page-course-view-tiles.format-tiles-tile-open .tiles {
position: relative;
}
#page-course-view-tiles.format-tiles-tile-open #overlay {
z-index: 1139;
background-color: rgba(0, 0, 0, 0.8);
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
}
.format-tiles.editing #page .course-content ul li.section.main {
box-shadow: none;
}
.format-tiles .resourcelinkdetails {
margin: 10px;
}
.format-tiles.editing .resourcelinkdetails {
margin: 10px 0;
}
.format-tiles .course-content {
margin-top: 30px;
}
.format-tiles .course-content {
z-index: 1;
position: relative;
}
.format-tiles .format_tiles_section_content .summary {
padding: 16px 24px;
border-top: 1px solid #E1E1E1;
}
.format-tiles .format_tiles_section_content .summary:empty {
display: none;
}
.theme-dark.format-tiles .format_tiles_section_content .summary {
border-color: #2E3134;
}
.format-tiles .course-content li.section ul.section {
margin: 0;
padding: 0;
width: 100%;
}
.format-tiles li.activity.subtile {
width: 50%;
max-width: 50%;
border-radius: 5px;
}
.format-tiles .sectionbuttons {
right: 0;
margin: 10px;
}
.format-tiles .course-content ul li.section.main.moveablesection {
width: 100%;
padding: 10px;
}
.format-tiles .sectionbutton {
width: 40px;
height: 40px;
display: inline-flex;
align-items: center;
justify-content: center;
margin-right: 0;
margin-left: 3px;
border-radius: 5px;
}
.format-tiles .pagesechead {
min-height: auto;
}
.format-tiles .sectiontitle {
margin: 0;
}
.format-tiles .sectiontitle h2 {
font-size: 1rem;
font-weight: 500;
color: #212121;
}
.theme-dark.format-tiles .sectiontitle h2 {
color: #E8EAED;
}
.format-tiles .sectionbutton, .format-tiles .sectionbutton .icon {
padding: 10px;
}
.format-tiles li.activity.subtile .activitytype {
padding: 8px 10px;
}
.format-tiles li.activity.subtile .activityname h4 {
font-size: 1rem;
}
.format-tiles ul.tiles li.section .format_tiles_section_content {
margin: 0;
}
.format-tiles .sectiontitle::after {
display: none;
}
.format-tiles #page .course-content ul li.section.main {
border-radius: 5px;
}
.theme-dark.format-tiles #page .course-content ul li.section.main {
background-color: #121215;
}
.format-onetopic .format_onetopic-tabs {
margin-top: 30px;
}
.format-onetopic .format_onetopic-tabs .nav-link {
display: inline-block;
}
.format-onetopic .tabs-wrapper .nav-tabs .nav-link, .format-onetopic .onetopic-tab-body .nav-tabs .nav-link {
border: 1px solid #fff !important;
}
/*Adding border to all tabs - Light Mode */
.theme-dark.format-onetopic .tabs-wrapper .nav-tabs .nav-link, .theme-dark.format-onetopic .onetopic-tab-body .nav-tabs .nav-link {
border: 1px solid #191a1e !important;
}
/*Adding border to all tabs - Dark Mode */
.theme-dark.format-onetopic .tabs-wrapper .nav-tabs .nav-link.active, .theme-dark.format-onetopic .nav-tabs .nav-item.show .nav-link, .theme-dark.format-onetopic .onetopic-tab-body .nav-tabs .nav-link.active {
background: #202124 !important;
color: #fff !important;
}
/*Changing the background of active tab - Dark Mode */
.theme-dark.format-onetopic .tabs-wrapper .icon {
filter: invert(1);
}
/*Inverting the colour of add section button - Dark Mode */
.onetopic {
padding: 0;
list-style: none;
}
#tabs-tree-start .format_onetopic-tabs {
background-color: #F5F5F5;
border-radius: 5px;
}
.theme-dark #tabs-tree-start .format_onetopic-tabs {
background-color: #121215;
}
.format-multitopic .sections .section_subtitle:empty {
display: none;
}
[class*="path-"].format-multitopic:not([class*=" cmid-"]) .page-header-headings {
display: block;
}
.format-multitopic .section-topic-timed {
border-color: #E1E1E1;
}
.theme-dark.format-multitopic .section-topic-timed {
border-color: #2E3134;
}
.format-multitopic .course-content li.section ul {
border: 1px solid #E1E1E1;
border-radius: 5px;
list-style: none;
}
.theme-dark.format-multitopic .course-content li.section ul {
border-color: #2E3134;
}
body.format-multitopic #course-header {
display: none;
}
.format-multitopic .course-content li.section ul.rui-special-list {
border: 0;
}
.format-multitopic .course-section[data-sectionid="0"] .icon {
display: none;
}
.format-multitopic .course-section-header div {
margin: 0 !important;
}
.course-content ul.flexsections {
margin-bottom: 0;
}
.course-content ul.flexsections li.section {
padding: 10px;
margin-bottom: 10px;
background-color: #F5F5F5;
border-radius: 5px;
}
.theme-dark .course-content ul.flexsections li.section {
background-color: #121215;
}
.course-content ul.flexsections .sectionname {
font-size: 1rem;
}
.course-content ul.flexsections .rui-section {
margin-bottom: 0;
}
.format-kickstart .course-content .btn-outline-primary {
margin: 20px 0;
}
.format-designer .designer .section .content .section.link-layout li.activity .mod-indent-outer {
padding: 10px;
border: 1px solid #E1E1E1;
border-radius: 5px;
}
.theme-dark.format-designer .designer .section .content .section.link-layout li.activity .mod-indent-outer {
border-color: #2E3134;
}
.format-designer .designer .section .content .section.link-layout li.activity .center-reports-block {
width: auto;
float: none;
margin-top: 10px;
margin-bottom: 10px;
}
.format-designer .course-content ul.designer li.section .section-progress-info {
margin-top: 6px;
margin-bottom: 6px;
}
.format-designer .designer .section .content .section.link-layout li.activity .activityinstance {
width: 100%;
}
.format-designer .designer .section .content .section li.activity .activity-block.designer {
padding: 0;
}
.format-designer ul.designer .badge.badge-completion {
padding: 0.35rem 0.85rem;
}
.format-designer .designer .section .content .section.link-layout li.activity .mod-content {
font-size: 0.875rem;
}
.format-designer .designer .section .content .section li.activity .activityinstance .instancename {
font-weight: 500;
}
.format-designer .designer .section .content .section li.activity .activityinstance .activity-type p {
font-weight: 500;
color: #555353;
}
.theme-dark.format-designer .designer .section .content .section li.activity .activityinstance .activity-type p {
color: #9AA0A6;
}
.format-designer .designer .section .content .section li.activity .activityinstance .aalink {
color: #212121;
}
.theme-dark.format-designer .designer .section .content .section li.activity .activityinstance .aalink {
color: #E8EAED;
}
.activity-navigation #printquizpreviewquiz {
width: 100% !important;
}
.path-mod-attendance .attbtn {
border: 0;
padding: 0;
}
.path-mod-attendance .takecontrols {
width: 100%;
}
.path-mod-attendance .helptooltip .icon {
padding: 6px;
width: 18px;
height: 18px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 40px;
background-color: #EEEEEE;
font-size: 0.75rem;
color: #434343;
transition: all 0.2s ease-in-out;
}
.theme-dark .path-mod-attendance .helptooltip .icon {
filter: invert(1);
}
.path-admin-tool-certificate .btn.iconlarge {
width: auto;
font-size: 0.75rem;
}
.path-admin-tool-certificate .dropdown .btn.iconlarge {
width: auto;
font-size: 0.75rem;
}
.btn b {
margin-left: 0.35rem;
margin-right: 0.35rem;
}
.tool_courserating-form-stars-group .custom-control-inline {
margin-right: 0;
padding: 0;
}
.tool_courserating-form-stars-group .custom-control-label::before, .tool_courserating-form-stars-group .custom-control-label::after {
display: none;
}
.tool_courserating-stars .icon {
width: 10px;
}
.tool_courserating-reviews-popup .course-rating-percent {
font-size: 11px;
color: #555353;
}
.theme-dark .tool_courserating-reviews-popup .course-rating-percent {
color: #9AA0A6;
}
.tool_courserating-ratingcolor {
color: #561911;
}
.tool_courserating-reviews-popup .course-rating-bar .course-rating-bar-rating, .tool_courserating-reviews-popup .course-rating-bar {
border-radius: 10px;
}
.tool_courserating-reviews-popup .course-average-caption {
font-size: 0.75rem;
color: #555353;
}
.theme-dark .tool_courserating-reviews-popup .course-average-caption {
color: #9AA0A6;
}
.tool_courserating-reviews-popup .user-review .userinfo, .user-rating {
display: inline-flex;
align-items: center;
font-size: 0.75rem;
}
.tool_courserating-cfield .course-average-value, .course-rating-cntall {
font-size: 0.75rem;
}
.path-course-view .activity-instance .block_point_view.track {
height: 40px;
}
.format-grid #collapsesections {
display: none;
}
.path-mod-scheduler div.commandbar {
background-color: transparent;
display: flex;
align-items: center;
}
.path-mod-scheduler .maildisplay {
width: 100%;
background-color: transparent;
}
.generaltable .action-menu-trigger .dropdown-btn, .rolecap .action-menu-trigger .dropdown-btn {
font-size: 0.875rem;
display: flex;
align-items: center;
}
/* Space 2.5 */
li.activity.modtype_hsuforum .activityiconcontainer, .modchoosercontainer div[data-internal="hsuforum"] .modicon_hsuforum {
background-color: transparent;
}
li.activity.modtype_hsuforum .activityiconcontainer img.activityicon, .modchoosercontainer div[data-internal="hsuforum"] .modicon_hsuforum img.activityicon {
filter: none;
}
#booking-instance-description {
width: 100%;
margin: 10px 0 !important;
padding: 1rem;
border: 1px solid #E1E1E1;
border-radius: 5px;
}
.theme-dark #booking-instance-description {
border-color: #2E3134;
}
#page-mod-subcourse-view .subcourseinfo {
border-radius: 5px;
background-color: #F5F5F5;
color: #212121;
font-size: 0.875rem;
}
#page-mod-subcourse-view .subcourseinfo .infotext {
font-size: 0.875rem;
}
#page-mod-subcourse-view .subcourseinfo .subcourse-progress-bar {
border-radius: 30px;
}
.theme-dark#page-mod-subcourse-view .subcourseinfo {
background-color: #121215;
color: #E8EAED;
}
.popover-region-mail .popover-region-header-container {
align-items: center;
height: 40px !important;
}
.popover-region-mail .popover-region-header-container .icon {
filter: invert(1);
}
.popover-region-mail .popover-region-header-text {
font-size: 0.875rem;
font-weight: 500;
}
.popover-region-mail .popover-region-header-actions {
top: 12px;
right: 16px;
font-size: 0.75rem;
}
.popover-region-mail .popover-region-header-actions .mail-navbar-menu-compose-link {
background-color: #561911;
padding: 6px 8px;
border-radius: 5px;
}
.popover-region-mail .popover-region-header-actions a {
font-weight: 500;
}
.popover-region-mail .popover-region-header-actions a, .popover-region-mail .popover-region-header-actions .icon {
color: #F5F5F5;
}
.popover-region-mail .popover-region-header-actions a:hover, .popover-region-mail .popover-region-header-actions .icon:hover {
text-decoration: none;
color: #F5F5F5;
}
.popover-region-mail .popover-region-header-actions .os-scrollbar-handle {
background-color: rgba(255, 255, 255, 0.85);
}
.popover-region-mail .badge {
background-color: #ef1010;
width: 20px;
height: 20px;
position: absolute;
top: calc(50% - 12px);
right: 4px;
text-align: center;
font-weight: 700;
line-height: 1.2;
}
.popover-region-mail .popover-region-content-container {
padding-bottom: 20px;
}
.popover-region-mail a.mail-navbar-menu-compose-link {
margin: 0;
}
.popover-region-mail a.mail-navbar-menu-item {
display: flex;
align-items: center;
padding: 8px 10px;
margin-bottom: 2px;
font-size: 0.75rem;
color: #F5F5F5;
border-bottom: 0;
border-radius: 5px;
position: relative;
}
.popover-region-mail a.mail-navbar-menu-item:hover {
background-color: #434343;
color: #F5F5F5;
text-decoration: none;
}
.popover-region-mail a.mail-navbar-menu-item .badge {
line-height: 1.6;
}
.popover-region-mail a.mail-navbar-menu-item .icon {
margin-right: 0.35rem;
opacity: 0.5;
font-size: 0.75rem;
}
.mail_list .mail_selected {
background-color: #561911;
border: 2px solid #561911;
border-radius: 5px;
}
.theme-dark .popover-region-mail .icon {
filter: invert(1);
}
.block-massaction .btn-link, .block-massaction [data-fieldtype="submit"] a, [data-fieldtype="submit"] .block-massaction a, .block-massaction .cancel a, .cancel .block-massaction a, .block-massaction #page-mod-quiz-report .gradetheselink, #page-mod-quiz-report .block-massaction .gradetheselink {
color: #212121;
}
.theme-dark .block-massaction .btn-link, .theme-dark .block-massaction [data-fieldtype="submit"] a, [data-fieldtype="submit"] .theme-dark .block-massaction a, .theme-dark .block-massaction .cancel a, .cancel .theme-dark .block-massaction a, .theme-dark .block-massaction #page-mod-quiz-report .gradetheselink, #page-mod-quiz-report .theme-dark .block-massaction .gradetheselink {
color: #E8EAED;
}
.block-massaction .btn-link:hover, .block-massaction [data-fieldtype="submit"] a:hover, [data-fieldtype="submit"] .block-massaction a:hover, .block-massaction .cancel a:hover, .cancel .block-massaction a:hover, .block-massaction #page-mod-quiz-report .gradetheselink:hover, #page-mod-quiz-report .block-massaction .gradetheselink:hover {
color: #561911;
}
.theme-dark .block-massaction .btn-link:hover, .theme-dark .block-massaction [data-fieldtype="submit"] a:hover, [data-fieldtype="submit"] .theme-dark .block-massaction a:hover, .theme-dark .block-massaction .cancel a:hover, .cancel .theme-dark .block-massaction a:hover, .theme-dark .block-massaction #page-mod-quiz-report .gradetheselink:hover, #page-mod-quiz-report .theme-dark .block-massaction .gradetheselink:hover {
color: #ab8c88;
}
.block-massaction .block-massaction-action {
position: relative;
margin-left: 0.2em;
}
.block-massaction-checkbox {
width: 20px;
height: 20px;
position: absolute;
top: -10px;
right: -10px;
z-index: 5;
}
.block-massaction > .btn-link, [data-fieldtype="submit"] .block-massaction > a, .cancel .block-massaction > a, #page-mod-quiz-report .block-massaction > .gradetheselink {
display: block;
width: 100%;
background-color: #F5F5F5;
color: #434343;
text-align: center;
}
.theme-dark .block-massaction > .btn-link, .theme-dark [data-fieldtype="submit"] .block-massaction > a, [data-fieldtype="submit"] .theme-dark .block-massaction > a, .theme-dark .cancel .block-massaction > a, .cancel .theme-dark .block-massaction > a, .theme-dark #page-mod-quiz-report .block-massaction > .gradetheselink, #page-mod-quiz-report .theme-dark .block-massaction > .gradetheselink {
background-color: #121215;
color: #aeb3b8;
}
.block-massaction-action > div, .block-massaction-action > div:hover {
background-color: transparent;
border-radius: 5px;
}
.block-massaction-action .btn {
width: 100%;
margin: 2px 0;
padding: 5px 0;
display: flex;
align-items: center;
justify-content: flex-start;
font-size: 0.75rem;
text-align: left;
background-color: transparent;
}
.block-massaction-action .btn:hover {
background-color: #F5F5F5;
}
.theme-dark .block-massaction-action .btn:hover {
background-color: #121215;
}
.block-massaction-action .btn img {
display: inline-flex;
}
.theme-dark .block-massaction-action .btn {
background-color: transparent;
}
#block-massaction-control-section-list-select, #block-massaction-control-section-list-moveto, #block-massaction-control-section-list-duplicateto {
font-size: 0.875rem;
color: #212121;
border: 1px solid #F5F5F5;
border-radius: 5px;
appearance: none;
padding: 0.25rem 2.25rem 0.25rem 1.25rem;
margin: 4px 0;
display: inline-block;
width: 100%;
background: #F5F5F5 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='%23434343' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 10px center / 8px 10px no-repeat;
}
.theme-dark #block-massaction-control-section-list-select, .theme-dark #block-massaction-control-section-list-moveto, .theme-dark #block-massaction-control-section-list-duplicateto {
color: #BDC1C6;
background: #191a1e 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='%23BDC1C6' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 10px center / 8px 10px no-repeat;
border-color: #282A2D;
}
/* Tool - BFPLUS */
.tool_bfplus_fixtools p {
font-size: 0.875rem;
}
.block_bfmanager .icon {
margin-right: 10px;
width: 16px;
height: 16px;
}
.theme-dark .block_bfmanager .icon {
filter: invert(1);
}
.block_bfmanager .block_bfmanager_links {
margin-bottom: 10px;
}
/* Block Completion Progress */
.block_completion_progress .progressEventInfo, .block_completion_progress .progressPercentage {
font-size: 0.938rem !important;
}
.block_completion_progress .moduleIcon {
max-width: 34px !important;
}
.block_completion_progress .progressEventInfo {
white-space: normal !important;
}
@font-face {
font-family: "swiper-icons";
src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA) format("woff");
font-weight: 400;
font-style: normal;
}
.swiper {
position: relative;
overflow: hidden;
list-style: none;
padding: 0 0 44px 0;
/* Fix of Webkit flickering */
z-index: 1;
}
.swiper-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box;
}
.swiper-android .swiper-slide, .swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-pointer-events {
touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
touch-action: pan-x;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
}
.swiper-slide-bottom-gap {
margin-bottom: 40px;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
/* Auto Height */
.swiper-autoheight, .swiper-autoheight .swiper-slide {
height: auto;
}
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
}
/* 3D Effects */
.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px;
}
.swiper-3d .swiper-wrapper, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-cube-shadow {
transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none;
/* For Firefox */
-ms-overflow-style: none;
/* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
.swiper-centered > .swiper-wrapper::before {
content: "";
flex-shrink: 0;
order: 9999;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
height: 100%;
width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
width: 100%;
height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
}
/* a11y */
.swiper .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-creative .swiper-slide {
backface-visibility: hidden;
overflow: hidden;
transition-property: transform, opacity, height;
}
.swiper-grid > .swiper-wrapper {
flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
flex-wrap: wrap;
flex-direction: column;
}
.swiper-button-prev, .swiper-button-next {
position: absolute;
top: calc(50% - 25px);
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
display: none !important;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next {
left: 10px;
right: auto;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
content: "";
background-color: rgba(245, 245, 245, 0.5);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23212121' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10.25 6.75L4.75 12L10.25 17.25'%3E%3C/path%3E%3Cpath stroke='%23212121' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19.25 12H5'%3E%3C/path%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: center;
width: 50px;
height: 50px;
border-radius: 50px;
transition: all 0.2s ease-in-out;
}
.swiper-button-prev:hover:after, .swiper-rtl .swiper-button-next:hover:after {
background-color: rgba(33, 33, 33, 0.8);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23F5F5F5' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10.25 6.75L4.75 12L10.25 17.25'%3E%3C/path%3E%3Cpath stroke='%23F5F5F5' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19.25 12H5'%3E%3C/path%3E%3C/svg%3E%0A");
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
right: 10px;
left: auto;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
content: "";
background-color: rgba(245, 245, 245, 0.8);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23212121' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M13.75 6.75L19.25 12L13.75 17.25'%3E%3C/path%3E%3Cpath stroke='%23212121' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 12H4.75'%3E%3C/path%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: center;
width: 50px;
height: 50px;
border-radius: 50px;
transition: all 0.2s ease-in-out;
}
.swiper-button-next:hover:after, .swiper-rtl .swiper-button-prev:hover:after {
background-color: rgba(33, 33, 33, 0.8);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23F5F5F5' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M13.75 6.75L19.25 12L13.75 17.25'%3E%3C/path%3E%3Cpath stroke='%23F5F5F5' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 12H4.75'%3E%3C/path%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
}
.swiper-button-lock {
display: none;
}
.swiper-pagination {
position: absolute;
text-align: center;
transition: 300ms opacity;
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal {
bottom: 10px;
left: 50px;
width: calc(100% - 100px);
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0px;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 8px;
background: #000;
opacity: 0.2;
}
.theme-dark .swiper-pagination-bullet {
background: #fff;
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet:only-child {
display: none !important;
}
.swiper-pagination-bullet-active {
opacity: 1;
width: 16px;
background: #784741;
}
.swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets {
right: 10px;
top: 50%;
transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 6px 0;
display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: 200ms transform, 200ms top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 4px;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms right;
}
/* Progress */
.swiper-pagination-progressbar {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: #ccbab8;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
width: calc(100% - 20px);
height: 5px;
left: 10px;
top: 10px;
border-radius: 5px;
overflow: hidden;
}
.swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
width: 5px;
height: calc(100% - 10px);
left: 5px;
top: 5px;
overflow: hidden;
border-radius: 5px;
}
.swiper-pagination-lock {
display: none;
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none;
/* For Firefox */
-ms-overflow-style: none;
/* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
.swiper-centered > .swiper-wrapper::before {
content: "";
flex-shrink: 0;
order: 9999;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
height: 100%;
width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
width: 100%;
height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
}
.navbar.fixed-top {
padding-top: 0;
padding-bottom: 0;
box-shadow: none;
border-bottom: #E1E1E1 1px solid;
align-items: stretch;
height: 60px;
z-index: 1030;
}
.navbar.fixed-top .navbar-brand .logo {
max-height: calc(59px - (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: #E1E1E1;
}
.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;
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%);
}
.pagelayout-embedded #page {
margin-top: 0;
}
/**
* Reportbuilder.
*/
/* Table */
#page-admin-reportbuilder-edit {
background-color: #fff;
}
#page-admin-reportbuilder-edit.theme-dark {
background-color: #191a1e;
}
#page-admin-reportbuilder-edit .page-popup-wrapper {
margin-top: 65px;
padding: 0;
}
/* Filters */
.reportbuilder-wrapper .filters-dropdown {
width: 27rem;
padding: 0;
}
@media (max-width: 767.98px) {
.reportbuilder-wrapper .filters-dropdown {
width: 100%;
}
}
.reportbuilder-wrapper .filters-dropdown .custom-select {
height: 36px;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 1rem;
font-size: 0.75rem;
font-size: 0.8125rem;
}
.theme-dark .reportbuilder-wrapper .filters-dropdown .custom-select {
color: #aeb3b8;
background: #17181B 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='%23aeb3b8' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 10px center / 8px 10px no-repeat;
border-color: #2E3134;
}
.reportbuilder-wrapper .filters-dropdown .btn-link, .reportbuilder-wrapper .filters-dropdown [data-fieldtype="submit"] a, [data-fieldtype="submit"] .reportbuilder-wrapper .filters-dropdown a, .reportbuilder-wrapper .filters-dropdown .cancel a, .cancel .reportbuilder-wrapper .filters-dropdown a, .reportbuilder-wrapper .filters-dropdown #page-mod-quiz-report .gradetheselink, #page-mod-quiz-report .reportbuilder-wrapper .filters-dropdown .gradetheselink {
color: #F5F5F5;
}
.theme-dark .reportbuilder-wrapper .filters-dropdown .btn-link, .theme-dark .reportbuilder-wrapper .filters-dropdown [data-fieldtype="submit"] a, [data-fieldtype="submit"] .theme-dark .reportbuilder-wrapper .filters-dropdown a, .theme-dark .reportbuilder-wrapper .filters-dropdown .cancel a, .cancel .theme-dark .reportbuilder-wrapper .filters-dropdown a, .theme-dark .reportbuilder-wrapper .filters-dropdown #page-mod-quiz-report .gradetheselink, #page-mod-quiz-report .theme-dark .reportbuilder-wrapper .filters-dropdown .gradetheselink {
color: #ab8c88;
}
.reportbuilder-wrapper .filters-dropdown .btn-link:hover, .reportbuilder-wrapper .filters-dropdown [data-fieldtype="submit"] a:hover, [data-fieldtype="submit"] .reportbuilder-wrapper .filters-dropdown a:hover, .reportbuilder-wrapper .filters-dropdown .cancel a:hover, .cancel .reportbuilder-wrapper .filters-dropdown a:hover, .reportbuilder-wrapper .filters-dropdown #page-mod-quiz-report .gradetheselink:hover, #page-mod-quiz-report .reportbuilder-wrapper .filters-dropdown .gradetheselink:hover {
color: #F5F5F5;
}
.theme-dark .reportbuilder-wrapper .filters-dropdown .btn-link:hover, .theme-dark .reportbuilder-wrapper .filters-dropdown [data-fieldtype="submit"] a:hover, [data-fieldtype="submit"] .theme-dark .reportbuilder-wrapper .filters-dropdown a:hover, .theme-dark .reportbuilder-wrapper .filters-dropdown .cancel a:hover, .cancel .theme-dark .reportbuilder-wrapper .filters-dropdown a:hover, .theme-dark .reportbuilder-wrapper .filters-dropdown #page-mod-quiz-report .gradetheselink:hover, #page-mod-quiz-report .theme-dark .reportbuilder-wrapper .filters-dropdown .gradetheselink:hover {
color: #E8EAED;
}
.reportbuilder-wrapper .reportbuilder-filters-wrapper .mform.full-width-labels .fitem.row > .col-md-3, .reportbuilder-wrapper .reportbuilder-filters-wrapper .mform.full-width-labels .fitem.row > .col-md-9, .reportbuilder-wrapper .reportbuilder-conditions-list .mform.full-width-labels .fitem.row > .col-md-3, .reportbuilder-wrapper .reportbuilder-conditions-list .mform.full-width-labels .fitem.row > .col-md-9 {
flex: 0 0 100%;
max-width: 100%;
}
.reportbuilder-wrapper .reportbuilder-filters-wrapper .mform.full-width-labels .fitem.row .fdate_selector, .reportbuilder-wrapper .reportbuilder-conditions-list .mform.full-width-labels .fitem.row .fdate_selector {
flex-wrap: wrap;
}
.reportbuilder-wrapper .reportbuilder-filters-wrapper .mform .form-group, .reportbuilder-wrapper .reportbuilder-conditions-list .mform .form-group {
margin-bottom: 0 !important;
max-width: 100%;
}
.reportbuilder-wrapper .reportbuilder-filters-wrapper .mform .form-group > span, .reportbuilder-wrapper .reportbuilder-conditions-list .mform .form-group > span {
max-width: 100%;
}
.reportbuilder-wrapper .reportbuilder-filters-wrapper .filter .filter-header, .reportbuilder-wrapper .reportbuilder-conditions-list .filter .filter-header {
font-size: 0.875rem;
}
.reportbuilder-wrapper .reportbuilder-filters-wrapper .filter .filter-header .filter-name, .reportbuilder-wrapper .reportbuilder-conditions-list .filter .filter-header .filter-name {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding-right: 1rem;
}
.reportbuilder-wrapper .reportbuilder-filters-wrapper .filter .filter-header .filter-name:hover, .reportbuilder-wrapper .reportbuilder-conditions-list .filter .filter-header .filter-name:hover {
white-space: normal;
text-overflow: clip;
word-break: break-all;
}
/**
* Styled scrollbar with left padding for webkit browsers.
*/
/**
* Custom Reports.
*/
.reportbuilder-report-container {
min-width: 0;
}
.reportbuilder-editor-table-container {
overflow-x: auto;
}
/* Custom table headers */
.reportbuilder-table th button[data-action="report-remove-column"] .icon, .reportbuilder-table th span[data-drag-type="move"] .icon {
width: 18px;
height: 18px;
vertical-align: text-top;
color: #212121;
}
.reportbuilder-table th button[data-action="report-remove-column"] .icon {
margin-right: 0;
}
/* Sidebar menu */
@media (min-width: 1200px) {
.reportbuilder-sidebar-menu {
width: 250px;
flex-shrink: 0;
}
}
.reportbuilder-sidebar-menu .card-body .list-group-item-action {
border: 1px solid #E1E1E1;
border-radius: 5px;
width: calc(100% - 4px);
margin: 1px 2px;
padding: 4px 4px 4px 11px !important;
}
.reportbuilder-sidebar-menu .card-body .list-group-item-action.text-muted, .reportbuilder-sidebar-menu .card-body .block .minicalendar td.list-group-item-action.weekend, .block .minicalendar .reportbuilder-sidebar-menu .card-body td.list-group-item-action.weekend {
margin-top: 10px;
border: 0;
}
.theme-dark .reportbuilder-sidebar-menu .card-body .list-group-item-action {
border-color: #2E3134;
}
.reportbuilder-sidebar-menu .card-body .list-group-item-action .icon {
width: 18px;
height: 18px;
}
.reportbuilder-sidebar-menu-cards {
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: #626262 #F5F5F5;
}
.reportbuilder-sidebar-menu-cards::-webkit-scrollbar {
width: 6px;
}
.reportbuilder-sidebar-menu-cards::-webkit-scrollbar-track {
background: #F5F5F5;
border-radius: 20px;
}
.reportbuilder-sidebar-menu-cards::-webkit-scrollbar-thumb {
background-color: #626262;
border-radius: 20px;
border: 0;
}
.reportbuilder-sidebar-menu-cards::-webkit-scrollbar-thumb:hover {
background-color: #525151;
}
.theme-dark .reportbuilder-sidebar-menu-cards {
scrollbar-width: thin;
scrollbar-color: #626262 #121215;
}
.theme-dark .reportbuilder-sidebar-menu-cards::-webkit-scrollbar {
width: 6px;
}
.theme-dark .reportbuilder-sidebar-menu-cards::-webkit-scrollbar-track {
background: #121215;
border-radius: 20px;
}
.theme-dark .reportbuilder-sidebar-menu-cards::-webkit-scrollbar-thumb {
background-color: #626262;
border-radius: 20px;
border: 0;
}
.theme-dark .reportbuilder-sidebar-menu-cards::-webkit-scrollbar-thumb:hover {
background-color: #525151;
}
/* Settings sidebar */
.reportbuilder-sidebar-settings {
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: #626262 #F5F5F5;
}
.reportbuilder-sidebar-settings::-webkit-scrollbar {
width: 6px;
}
.reportbuilder-sidebar-settings::-webkit-scrollbar-track {
background: #F5F5F5;
border-radius: 20px;
}
.reportbuilder-sidebar-settings::-webkit-scrollbar-thumb {
background-color: #626262;
border-radius: 20px;
border: 0;
}
.reportbuilder-sidebar-settings::-webkit-scrollbar-thumb:hover {
background-color: #525151;
}
.theme-dark .reportbuilder-sidebar-settings {
scrollbar-width: thin;
scrollbar-color: #626262 #121215;
}
.theme-dark .reportbuilder-sidebar-settings::-webkit-scrollbar {
width: 6px;
}
.theme-dark .reportbuilder-sidebar-settings::-webkit-scrollbar-track {
background: #121215;
border-radius: 20px;
}
.theme-dark .reportbuilder-sidebar-settings::-webkit-scrollbar-thumb {
background-color: #626262;
border-radius: 20px;
border: 0;
}
.theme-dark .reportbuilder-sidebar-settings::-webkit-scrollbar-thumb:hover {
background-color: #525151;
}
@media (min-width: 1200px) {
.reportbuilder-sidebar-settings {
width: 350px;
flex-shrink: 0;
}
}
.reportbuilder-sidebar-settings .list-group-item {
padding: 0.3rem 0.75rem;
}
.reportbuilder-sidebar-settings .list-group-item .icon {
width: 18px;
height: 18px;
color: #212121;
}
.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%;
}
/* Add button styles when a toggle button is active. */
/* Drag&drop styles. */
.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: #dd6556;
}
.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 full page styles. */
@media (min-width: 1200px) {
.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 {
background-color: #F5F5F5;
position: fixed;
top: 70px;
z-index: 1030;
max-width: calc(100% - 40px);
width: max-content;
border-radius: 5px;
padding-top: 0;
margin-bottom: 0 !important;
}
.path-admin-reportbuilder.pagelayout-popup .dynamictabs .tab-content {
padding-top: 80px;
}
.path-admin-reportbuilder.pagelayout-popup .reportbuilder-sidebar-menu {
position: absolute;
}
.path-admin-reportbuilder.pagelayout-popup .reportbuilder-sidebar-menu .reportbuilder-sidebar-menu-cards {
max-height: calc(100vh - 139px - 52px);
}
.path-admin-reportbuilder.pagelayout-popup .reportbuilder-sidebar-settings {
position: absolute;
right: 30px;
max-height: calc(100vh - 139px);
}
.path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container {
max-height: calc(100vh - 139px);
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: #626262 #F5F5F5;
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: 6px;
}
.path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar-track {
background: #F5F5F5;
border-radius: 20px;
}
.path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar-thumb {
background-color: #626262;
border-radius: 20px;
border: 0;
}
.path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar-thumb:hover {
background-color: #525151;
}
.theme-dark .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container {
scrollbar-width: thin;
scrollbar-color: #626262 #121215;
}
.theme-dark .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar {
width: 6px;
}
.theme-dark .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar-track {
background: #121215;
border-radius: 20px;
}
.theme-dark .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar-thumb {
background-color: #626262;
border-radius: 20px;
border: 0;
}
.theme-dark .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar-thumb:hover {
background-color: #525151;
}
.path-admin-reportbuilder.pagelayout-popup .reportbuilder-audiences-container {
margin-left: calc(250px + 1rem);
}
}
.theme-dark.path-admin-reportbuilder .nav-tabs {
background-color: #121215 !important;
}
/* Toggle cards. */
.reportbuilder-toggle-card .card-header {
border-bottom: none;
}
.reportbuilder-toggle-card .card-body {
border-top: 1px solid #E1E1E1;
}
.theme-dark .reportbuilder-toggle-card .card-body {
border-color: #2E3134;
}
.reportbuilder-toggle-card .toggle-card-button i.toggle-card-icon {
color: #626262;
font-size: 1.5em;
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;
}
/**
* Audiences.
*/
.reportbuilder-audiences-container {
/* 'OR' separator. */
/* Card action icons. */
}
.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;
}
/* Report table card view styles */
/* Report table card view for small screens */
@media (max-width: 319.98px) {
.reportbuilder-report[data-report-type="0"]:not([data-editing]) table.reportbuilder-table thead {
display: none;
}
.reportbuilder-report[data-report-type="0"]:not([data-editing]) 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 #E1E1E1;
border-radius: 5px;
}
.reportbuilder-report[data-report-type="0"]:not([data-editing]) table.reportbuilder-table tr:hover {
background-color: #fff !important;
/* stylelint-disable-line declaration-no-important */
}
.reportbuilder-report[data-report-type="0"]:not([data-editing]) table.reportbuilder-table tr.emptyrow {
display: none;
}
.reportbuilder-report[data-report-type="0"]:not([data-editing]) table.reportbuilder-table tr:not(.show) td[data-cardviewhidden] {
display: none;
}
.reportbuilder-report[data-report-type="0"]:not([data-editing]) 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]) table.reportbuilder-table tr td::before {
content: attr(data-cardtitle);
display: block;
text-transform: uppercase;
font-size: 70%;
color: #434343;
}
.reportbuilder-report[data-report-type="0"]:not([data-editing]) table.reportbuilder-table tr td:not([data-cardtitle]) {
min-height: 3rem;
}
.reportbuilder-report[data-report-type="0"]:not([data-editing]) table.reportbuilder-table tr td:not(:first-child):not(.card-toggle) {
border-top: 1px solid #E1E1E1;
}
.reportbuilder-report[data-report-type="0"]:not([data-editing]) table.reportbuilder-table tr td:first-child {
padding-right: 2rem;
}
.reportbuilder-report[data-report-type="0"]:not([data-editing]) 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]) table.reportbuilder-table tr td.card-toggle button {
padding: 0 0.5rem;
color: #626262;
}
.reportbuilder-report[data-report-type="0"]:not([data-editing]) table.reportbuilder-table tr td.card-toggle button i {
font-size: 1.5em;
font-weight: bold;
}
}
@media (min-width: 1000px) {
.drawer-course-index {
z-index: 1031;
}
}
@media (max-width: 999.98px) {
.drawer-course-index {
z-index: 1130;
}
}
.drawer-course-index .drawercontent {
padding: 1rem;
}
.courseindex .courseindex-item {
padding: 0.3rem 7px;
border: 1px solid transparent;
border-radius: 5px;
position: relative;
align-items: center;
}
.courseindex .courseindex-item.courseindex-section-title {
padding: 0.5rem 0.75rem 0.5rem 0.5rem;
flex-wrap: wrap;
}
.courseindex .courseindex-item.courseindex-section-title a {
font-weight: 500;
font-size: 0.875rem;
color: #434343;
}
.theme-dark .courseindex .courseindex-item.courseindex-section-title a {
color: #F5F5F5;
}
.courseindex .courseindex-item .icons-collapse-expand {
line-height: 1;
}
.courseindex .courseindex-item .courseindex-name, .courseindex .courseindex-item .courseindex-link {
align-self: center;
color: #434343;
font-size: 0.75rem;
display: block;
width: calc(100% - 60px);
}
.theme-dark .courseindex .courseindex-item .courseindex-name, .theme-dark .courseindex .courseindex-item .courseindex-link {
color: #aeb3b8;
}
.courseindex .courseindex-item:hover, .courseindex .courseindex-item:focus {
background-color: #eee8e7;
color: #561911;
}
.theme-dark .courseindex .courseindex-item:hover, .theme-dark .courseindex .courseindex-item:focus {
background-color: #191a1e;
color: #aeb3b8;
}
.courseindex .courseindex-item:hover span, .courseindex .courseindex-item:hover .courseindex-link, .courseindex .courseindex-item:hover .courseindex-chevron, .courseindex .courseindex-item:focus span, .courseindex .courseindex-item:focus .courseindex-link, .courseindex .courseindex-item:focus .courseindex-chevron {
align-self: center;
color: #561911;
cursor: pointer;
}
.theme-dark .courseindex .courseindex-item:hover span, .theme-dark .courseindex .courseindex-item:hover .courseindex-link, .theme-dark .courseindex .courseindex-item:hover .courseindex-chevron, .theme-dark .courseindex .courseindex-item:focus span, .theme-dark .courseindex .courseindex-item:focus .courseindex-link, .theme-dark .courseindex .courseindex-item:focus .courseindex-chevron {
color: #aeb3b8;
}
.courseindex .courseindex-item:hover.dimmed, .courseindex .courseindex-item:focus.dimmed {
opacity: 0.6;
color: #561911;
}
.theme-dark .courseindex .courseindex-item:hover.dimmed, .theme-dark .courseindex .courseindex-item:focus.dimmed {
color: #aeb3b8;
}
.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: #561911;
}
.theme-dark .courseindex .courseindex-item:hover.dimmed .courseindex-link, .theme-dark .courseindex .courseindex-item:hover.dimmed .courseindex-chevron, .theme-dark .courseindex .courseindex-item:focus.dimmed .courseindex-link, .theme-dark .courseindex .courseindex-item:focus.dimmed .courseindex-chevron {
color: #aeb3b8;
}
.courseindex .courseindex-item:hover.draggable, .courseindex .courseindex-item:focus.draggable {
cursor: pointer;
}
.courseindex .courseindex-item.dragging {
border: 1px solid #cad6f2;
background-color: #e8edfa;
}
.theme-dark .courseindex .courseindex-item.dragging {
border: 1px solid #cad6f2;
background-color: #e8edfa;
}
.courseindex .courseindex-item.active {
background-color: #eee8e7;
color: #561911;
}
.courseindex .courseindex-item.dimmed {
opacity: 0.6;
}
.courseindex .courseindex-item.dimmed .courseindex-link, .courseindex .courseindex-item.dimmed .courseindex-chevron {
opacity: 0.6;
}
.courseindex .courseindex-item .courseindex-locked {
display: none;
}
.courseindex .courseindex-item.restrictions .courseindex-locked {
display: inline-flex;
}
.courseindex .courseindex-item.restrictions .courseindex-locked .rui-icon {
background-color: #FFF1D5;
width: 24px;
height: 24px;
border-radius: 24px;
display: flex;
justify-content: center;
align-items: center;
}
.courseindex .courseindex-item.restrictions .courseindex-locked .icon {
padding: 4px;
width: 16px;
height: 16px;
}
.courseindex .courseindex-item.pageitem {
background-color: #eee8e7;
scroll-margin: 80px;
}
.courseindex .courseindex-item.pageitem:before {
content: "";
position: absolute;
top: -2px;
left: -2px;
right: -2px;
bottom: -2px;
z-index: -1;
background-color: transparent;
}
.theme-dark .courseindex .courseindex-item.pageitem {
background-color: #2d333b;
color: #E8EAED;
}
.courseindex .courseindex-item.pageitem a {
align-self: center;
color: #561911;
}
.theme-dark .courseindex .courseindex-item.pageitem a {
color: #E8EAED;
}
.courseindex .courseindex-item.pageitem:hover, .courseindex .courseindex-item.pageitem:focus {
background-color: transparent;
color: #561911;
}
.courseindex .courseindex-item.pageitem:hover .courseindex-link, .courseindex .courseindex-item.pageitem:hover .courseindex-chevron, .courseindex .courseindex-item.pageitem:focus .courseindex-link, .courseindex .courseindex-item.pageitem:focus .courseindex-chevron {
color: #561911;
}
.courseindex .courseindex-item .completioninfo {
line-height: 1;
margin-right: 6px;
min-width: 20px;
}
.courseindex .courseindex-item .completioninfo.completion_complete {
color: #561911;
}
.courseindex .courseindex-item .completioninfo.completion_fail {
color: #ef1010;
}
.courseindex .courseindex-item.indented {
margin-left: 1rem;
}
.courseindex .courseindex-section {
background-color: #fff;
border-radius: 5px;
margin-bottom: 5px;
}
.theme-dark .courseindex .courseindex-section {
background-color: #121215;
}
.courseindex .courseindex-section.dragging {
border: 1px solid #cad6f2;
background-color: #e8edfa;
}
.theme-dark .courseindex .courseindex-section.dragging {
border: 1px solid #cad6f2;
background-color: #e8edfa;
}
.courseindex .courseindex-section .current-badge {
line-height: 1.5;
display: none;
opacity: 0.6;
position: absolute;
top: 2px;
right: 2px;
}
.courseindex .courseindex-section.current {
color: #561911;
background-color: #eee8e7;
}
.courseindex .courseindex-section.current .current-badge {
display: inline-block;
}
.courseindex .courseindex-section.dropready .courseindex-item-content {
/* Extra dropzone space */
padding-bottom: 1em;
}
.courseindex .courseindex-section .courseindex-sectioncontent .courseindex-item {
padding-left: 7px;
}
.courseindex .courseindex-sectioncontent {
padding: 3px;
}
.courseindex .d-flex-noedit {
display: none;
}
.courseindex.editing .d-flex-noedit {
display: flex;
}
.courseindex .media-list .placeholder-circle {
height: 20px;
width: 20px;
border-radius: 5px;
}
.courseindex .media-list .placeholder-rec {
width: 50%;
height: 20px;
border-radius: 5px;
margin: 0.5rem 0;
}
@media (min-width: 1000px) {
.drawer-open-index--open .btn-drawer--left, .drawer-courseindex--open .btn-drawer--left {
display: none;
}
}
.moremenu {
opacity: 0;
height: 40px;
}
.moremenu.observed {
opacity: 1;
width: auto;
}
.moremenu .nav-link {
display: flex;
align-items: center;
}
.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;
}
.moremenu .nav-tabs {
background-color: #EEEEEE;
border-radius: 5px;
margin-left: 0;
width: max-content;
max-width: 100%;
}
#page-site-index .moremenu .nav-tabs {
margin: 0 auto;
}
.theme-dark .moremenu .nav-tabs {
background-color: #121215;
}
.moremenu .dropdownmoremenu .nav-link {
padding-right: 14px;
}
.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-divider {
display: none;
}
.moremenu .dropdown-item[aria-current="true"], .moremenu .dropdown-item.active {
background-color: transparent;
color: #F5F5F5;
}
.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: #434343;
color: #b2b2b2;
}
.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: #b2b2b2;
}
.primary-navigation .navigation {
height: 40px;
}
@media (max-width: 999.98px) {
.primary-navigation .navigation {
height: max-content;
width: 100%;
padding: 30px 0 0;
}
}
.primary-navigation .navigation .nav-link {
padding: 9px 15px;
min-height: 40px;
font-weight: 500;
color: #212121;
border: none;
border-radius: 5px;
}
@media (min-width: 1000px) {
.primary-navigation .navigation .nav-link {
margin: 0 0.15rem;
}
}
.primary-navigation .navigation .nav-link[aria-expanded="true"], .primary-navigation .navigation .nav-link:hover {
background-color: #eee8e7;
color: #561911;
}
.theme-dark .primary-navigation .navigation .nav-link[aria-expanded="true"],.theme-dark .primary-navigation .navigation .nav-link:hover{background-color:#121215;color:#aeb3b8}.theme-dark .primary-navigation .navigation .nav-link{color:#E8EAED}@media (max-width:999.98px){.primary-navigation{position:relative;width:100%;margin-top:20px;margin-bottom: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{max-width:100%;width:max-content;margin:0 0 30px}@media (max-width:999.98px){.secondary-navigation{width:100%}}#page-site-index .secondary-navigation{margin:30px auto}#page-admin-search .secondary-navigation{display:none}@media (min-width:1000px){.secondary-navigation{position:sticky;top:10px;z-index:1030}#page-grade-report-grader-index .secondary-navigation{position:relative}#page-site-index .secondary-navigation{top:24px}}.secondary-navigation .navigation .nav-tabs .nav-link{font-size:.875rem;border-radius:5px}.secondary-navigation .navigation .nav-tabs .nav-link.active{background-color:#eee8e7;color:#561911}.theme-dark .secondary-navigation .navigation .nav-tabs .nav-link.active{background-color:#202124;color:#aeb3b8}.secondary-navigation .navigation .nav-tabs .nav-link:hover{background-color:#E1E1E1;color:#561911}.theme-dark .secondary-navigation .navigation .nav-tabs .nav-link:hover{background-color:#561911;color:#eee8e7}.tertiary-navigation .navitem{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:1rem}@media (max-width:767.98px){.tertiary-navigation .navitem{width:100%;margin-bottom:5px}.tertiary-navigation .navitem .btn{width:100%}}.tertiary-navigation.full-width-bottom-border{width:100%;padding:0;border-bottom:1px solid #E1E1E1;margin-bottom:25px}.theme-dark .tertiary-navigation.full-width-bottom-border{border-color:#2E3134}.tertiary-navigation.full-width-bottom-border .row{margin:0;padding-left:0;padding-right:0}.tertiary-navigation .tertiary-navigation-selector .dropdown-toggle{padding:6px 17px!important;font-size:1rem;font-weight:500;height:47px}.tertiary-navigation .tertiary-navigation-selector .dropdown-toggle:after{margin-left:14px}.tertiary-navigation .tertiary-navigation-selector .dropdown-toggle:hover{box-shadow:rgba(0,0,0,.26) 0 9px 16px,rgba(0,0,0,.2) 0 2px 3px}.theme-dark .tertiary-navigation .tertiary-navigation-selector .dropdown-toggle:hover{color:#9AA0A6}@media (min-width:768px){.tertiary-navigation .navitem-divider{display:flex;align-self:center;margin-bottom:1rem;width:1px;height:30px;background-color:#E1E1E1}.theme-dark .tertiary-navigation .navitem-divider{background-color:#2E3134}}@media (min-width:768px){.tertiary-navigation>a.btn,.tertiary-navigation>div.urlselect{margin-bottom:25px}}@media (max-width:767.98px){.tertiary-navigation>a.btn,.tertiary-navigation>div.urlselect{margin-bottom:10px;width:100%}}@media (max-width:767.98px){.tertiary-navigation{width:100%;padding:0;margin:0}.tertiary-navigation div{width:100%;margin:0}.tertiary-navigation .btn,.tertiary-navigation .form-inline .custom-select{padding:8px 20px;margin:2px 0!important;width:100%;max-width:100%}.tertiary-navigation .btn{font-size:.75rem}.tertiary-navigation .form-inline .custom-select{padding:3px 16px;height:40px;line-height:1.5;font-size:.75rem}}@media (min-width:768px){.tertiary-navigation .navitem:not(:last-child),.tertiary-navigation .navitem-divider:not(:last-child){margin-right:20px}}@media print{.tertiary-navigation{display:none}}.path-report .tertiary-navigation{margin-bottom:30px}.dir-rtl .icon,.dir-rtl .btn .icon,.dir-rtl .btn svg{transform:scaleX(-1)}.dir-rtl .rui-icon{transform:scaleX(-1)}.dir-rtl .dir-rtl-hide{display:none}.dir-ltr .dir-ltr-hide{display:none}.popover-process-monitor{position:fixed;right:2rem;bottom:5rem;width:350px;background-color:#fff;border-radius:5px;border:1px solid #E1E1E1;z-index:10001}.popover-process-monitor .process-list{max-height:30vh;overflow:auto;scrollbar-width:thin;scrollbar-color:#626262 #F5F5F5}.popover-process-monitor .process-list::-webkit-scrollbar{width:6px}.popover-process-monitor .process-list::-webkit-scrollbar-track{background:#F5F5F5;border-radius:20px}.popover-process-monitor .process-list::-webkit-scrollbar-thumb{background-color:#626262;border-radius:20px;border:0}.popover-process-monitor .process-list::-webkit-scrollbar-thumb:hover{background-color:#525151}.popover-process-monitor .queue-process{border-bottom:1px solid #EEE}.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:.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:5px;color:#212121;background-color:#f8f6f5;border-color:#713e37;border-width:1px;border-style:solid;padding:.6em 1.5em;margin-bottom:1rem}.moodlenet-share-dialog .modal-body .moodlenet-share-activity-info hr{border-top-color:#60352f}.moodlenet-share-dialog .modal-body .moodlenet-share-activity-info .alert-link{color:#080808}.moodlenet-share-dialog .modal-body .moodlenet-share-activity-info .moodlenet-share-activity-info-hr{border-bottom:1px solid #E1E1E1}.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{width:60px;height:60px;font-size:60px}.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,.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,.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}